diff --git a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts b/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts
index af9382fc0c..e61e838ff1 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts
+++ b/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts
@@ -15,15 +15,18 @@ type PermissionWithMargin = PermissionManagement.Permission & {
   templateUrl: './permission-management.component.html',
   exportAs: 'abpPermissionManagement',
 })
-export class PermissionManagementComponent {
+export class PermissionManagementComponent
+  implements
+    PermissionManagement.PermissionManagementComponentInputs,
+    PermissionManagement.PermissionManagementComponentOutputs {
   @Input()
-  providerName: string;
+  readonly providerName: string;
 
   @Input()
-  providerKey: string;
+  readonly providerKey: string;
 
   @Input()
-  hideBadges = false;
+  readonly hideBadges = false;
 
   protected _visible = false;
 
diff --git a/npm/ng-packs/packages/permission-management/src/lib/models/permission-management.ts b/npm/ng-packs/packages/permission-management/src/lib/models/permission-management.ts
index cf5d3b2371..b1fe25dd44 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/models/permission-management.ts
+++ b/npm/ng-packs/packages/permission-management/src/lib/models/permission-management.ts
@@ -1,3 +1,5 @@
+import { EventEmitter } from '@angular/core';
+
 export namespace PermissionManagement {
   export interface State {
     permissionRes: Response;
@@ -34,4 +36,15 @@ export namespace PermissionManagement {
   export interface UpdateRequest {
     permissions: MinimumPermission[];
   }
+
+  export interface PermissionManagementComponentInputs {
+    visible: boolean;
+    readonly providerName: string;
+    readonly providerKey: string;
+    readonly hideBadges: boolean;
+  }
+
+  export interface PermissionManagementComponentOutputs {
+    readonly visibleChange: EventEmitter<boolean>;
+  }
 }