@flusys/ng-iam 7.1.0 → 8.0.0

package/fesm2022/{flusys-ng-iam-iam-container.component-D0m8u6nu.mjs → flusys-ng-iam-iam-container.component-XBoIeQ0t.mjs}

@@ -63,8 +63,8 @@ class IamContainerComponent {
         }));
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "visibleTabs" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: IamContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: IamContainerComponent, isStandalone: true, selector: "lib-iam-container", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: IamContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", type: IamContainerComponent, isStandalone: true, selector: "lib-iam-container", ngImport: i0, template: `
     <div class="p-4">
       <div class="mb-4">
         <h1 class="text-xl sm:text-2xl font-bold m-0">
@@ -79,7 +79,7 @@ class IamContainerComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: RouterTabsComponent, selector: "lib-router-tabs", inputs: ["tabs"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: IamContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: IamContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-iam-container',
@@ -102,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }] });
 
 export { IamContainerComponent };
-//# sourceMappingURL=flusys-ng-iam-iam-container.component-D0m8u6nu.mjs.map
+//# sourceMappingURL=flusys-ng-iam-iam-container.component-XBoIeQ0t.mjs.map

package/fesm2022/{flusys-ng-iam-iam-container.component-D0m8u6nu.mjs.map → flusys-ng-iam-iam-container.component-XBoIeQ0t.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"flusys-ng-iam-iam-container.component-D0m8u6nu.mjs","sources":["../../../projects/ng-iam/pages/iam-container/iam-container.component.ts"],"sourcesContent":["import { Component, computed, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { APP_CONFIG, getPermissionMode } from '@flusys/ng-core';\nimport {\n  ACTION_PERMISSIONS,\n  COMPANY_ACTION_PERMISSIONS,\n  PermissionValidatorService,\n  ROLE_ACTION_PERMISSIONS,\n  ROLE_PERMISSIONS,\n  RouterTabItem,\n  RouterTabsComponent,\n  TranslatePipe,\n  TranslateService,\n  USER_ACTION_PERMISSIONS,\n  USER_ROLE_PERMISSIONS,\n} from '@flusys/ng-shared';\n\ninterface ITab {\n  id: string;\n  labelKey: string;\n  icon: string;\n  route: string;\n  requiresRBAC?: boolean;\n  permission: string[];\n}\n\n/**\n * IAM Container Component\n *\n * Main container for IAM module with tab navigation\n * Routes: Actions | Roles (conditional) | Users (permission assignment)\n */\n@Component({\n  selector: 'lib-iam-container',\n  imports: [RouterOutlet, TranslatePipe, RouterTabsComponent],\n  template: `\n    <div class=\"p-4\">\n      <div class=\"mb-4\">\n        <h1 class=\"text-xl sm:text-2xl font-bold m-0\">\n          {{ 'iam.title' | translate }}\n        </h1>\n        <p class=\"text-muted-color mt-1\">{{ 'iam.subtitle' | translate }}</p>\n      </div>\n\n      <lib-router-tabs [tabs]=\"visibleTabs()\" class=\"mb-4\" />\n\n      <router-outlet />\n    </div>\n  `,\n})\nexport class IamContainerComponent {\n  private readonly appConfig = inject(APP_CONFIG);\n\n  private readonly permissionValidator = inject(PermissionValidatorService);\n  private readonly translateService = inject(TranslateService);\n\n  /** All available tabs */\n  private readonly allTabs: ITab[] = [\n    {\n      id: 'actions',\n      labelKey: 'iam.action.title',\n      icon: 'bolt',\n      route: 'actions',\n      permission: [ACTION_PERMISSIONS.READ],\n    },\n    {\n      id: 'roles',\n      labelKey: 'iam.role.title',\n      icon: 'shield',\n      route: 'roles',\n      requiresRBAC: true,\n      permission: [ROLE_PERMISSIONS.READ],\n    },\n    {\n      id: 'permissions',\n      labelKey: 'iam.permission.title',\n      icon: 'key',\n      route: 'permissions',\n      permission: [\n        ROLE_ACTION_PERMISSIONS.READ,\n        USER_ROLE_PERMISSIONS.READ,\n        USER_ACTION_PERMISSIONS.READ,\n        COMPANY_ACTION_PERMISSIONS.READ,\n      ],\n    },\n  ];\n\n  /** Visible tabs based on permission mode */\n  readonly visibleTabs = computed<RouterTabItem[]>(() => {\n    const permissionMode = getPermissionMode(this.appConfig);\n    return this.allTabs\n      .filter((tab) => {\n        const hasPermission = this.permissionValidator.hasAnyPermission(\n          tab.permission,\n        );\n        return (\n          hasPermission &&\n          (!tab.requiresRBAC ||\n            permissionMode === 'rbac' ||\n            permissionMode === 'full')\n        );\n      })\n      .map((tab) => ({\n        id: tab.id,\n        label: this.translateService.translate(tab.labelKey),\n        icon: tab.icon,\n        route: tab.route,\n      }));\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"flusys-ng-iam-iam-container.component-XBoIeQ0t.mjs","sources":["../../../projects/ng-iam/pages/iam-container/iam-container.component.ts"],"sourcesContent":["import { Component, computed, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { APP_CONFIG, getPermissionMode } from '@flusys/ng-core';\nimport {\n  ACTION_PERMISSIONS,\n  COMPANY_ACTION_PERMISSIONS,\n  PermissionValidatorService,\n  ROLE_ACTION_PERMISSIONS,\n  ROLE_PERMISSIONS,\n  RouterTabItem,\n  RouterTabsComponent,\n  TranslatePipe,\n  TranslateService,\n  USER_ACTION_PERMISSIONS,\n  USER_ROLE_PERMISSIONS,\n} from '@flusys/ng-shared';\n\ninterface ITab {\n  id: string;\n  labelKey: string;\n  icon: string;\n  route: string;\n  requiresRBAC?: boolean;\n  permission: string[];\n}\n\n/**\n * IAM Container Component\n *\n * Main container for IAM module with tab navigation\n * Routes: Actions | Roles (conditional) | Users (permission assignment)\n */\n@Component({\n  selector: 'lib-iam-container',\n  imports: [RouterOutlet, TranslatePipe, RouterTabsComponent],\n  template: `\n    <div class=\"p-4\">\n      <div class=\"mb-4\">\n        <h1 class=\"text-xl sm:text-2xl font-bold m-0\">\n          {{ 'iam.title' | translate }}\n        </h1>\n        <p class=\"text-muted-color mt-1\">{{ 'iam.subtitle' | translate }}</p>\n      </div>\n\n      <lib-router-tabs [tabs]=\"visibleTabs()\" class=\"mb-4\" />\n\n      <router-outlet />\n    </div>\n  `,\n})\nexport class IamContainerComponent {\n  private readonly appConfig = inject(APP_CONFIG);\n\n  private readonly permissionValidator = inject(PermissionValidatorService);\n  private readonly translateService = inject(TranslateService);\n\n  /** All available tabs */\n  private readonly allTabs: ITab[] = [\n    {\n      id: 'actions',\n      labelKey: 'iam.action.title',\n      icon: 'bolt',\n      route: 'actions',\n      permission: [ACTION_PERMISSIONS.READ],\n    },\n    {\n      id: 'roles',\n      labelKey: 'iam.role.title',\n      icon: 'shield',\n      route: 'roles',\n      requiresRBAC: true,\n      permission: [ROLE_PERMISSIONS.READ],\n    },\n    {\n      id: 'permissions',\n      labelKey: 'iam.permission.title',\n      icon: 'key',\n      route: 'permissions',\n      permission: [\n        ROLE_ACTION_PERMISSIONS.READ,\n        USER_ROLE_PERMISSIONS.READ,\n        USER_ACTION_PERMISSIONS.READ,\n        COMPANY_ACTION_PERMISSIONS.READ,\n      ],\n    },\n  ];\n\n  /** Visible tabs based on permission mode */\n  readonly visibleTabs = computed<RouterTabItem[]>(() => {\n    const permissionMode = getPermissionMode(this.appConfig);\n    return this.allTabs\n      .filter((tab) => {\n        const hasPermission = this.permissionValidator.hasAnyPermission(\n          tab.permission,\n        );\n        return (\n          hasPermission &&\n          (!tab.requiresRBAC ||\n            permissionMode === 'rbac' ||\n            permissionMode === 'full')\n        );\n      })\n      .map((tab) => ({\n        id: tab.id,\n        label: this.translateService.translate(tab.labelKey),\n        icon: tab.icon,\n        route: tab.route,\n      }));\n  });\n}\n"],"names":[],"mappings":";;;;;;AA0BA;;;;;AAKG;MAmBU,qBAAqB,CAAA;AACf,IAAA,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;AAE9B,IAAA,mBAAmB,GAAG,MAAM,CAAC,0BAA0B,CAAC;AACxD,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;;AAG3C,IAAA,OAAO,GAAW;AACjC,QAAA;AACE,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,QAAQ,EAAE,kBAAkB;AAC5B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;AACtC,SAAA;AACD,QAAA;AACE,YAAA,EAAE,EAAE,OAAO;AACX,YAAA,QAAQ,EAAE,gBAAgB;AAC1B,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,UAAU,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC;AACpC,SAAA;AACD,QAAA;AACE,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,QAAQ,EAAE,sBAAsB;AAChC,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,KAAK,EAAE,aAAa;AACpB,YAAA,UAAU,EAAE;AACV,gBAAA,uBAAuB,CAAC,IAAI;AAC5B,gBAAA,qBAAqB,CAAC,IAAI;AAC1B,gBAAA,uBAAuB,CAAC,IAAI;AAC5B,gBAAA,0BAA0B,CAAC,IAAI;AAChC,aAAA;AACF,SAAA;KACF;;AAGQ,IAAA,WAAW,GAAG,QAAQ,CAAkB,MAAK;QACpD,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACxD,OAAO,IAAI,CAAC;AACT,aAAA,MAAM,CAAC,CAAC,GAAG,KAAI;AACd,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAC7D,GAAG,CAAC,UAAU,CACf;AACD,YAAA,QACE,aAAa;iBACZ,CAAC,GAAG,CAAC,YAAY;AAChB,oBAAA,cAAc,KAAK,MAAM;AACzB,oBAAA,cAAc,KAAK,MAAM,CAAC;AAEhC,QAAA,CAAC;AACA,aAAA,GAAG,CAAC,CAAC,GAAG,MAAM;YACb,EAAE,EAAE,GAAG,CAAC,EAAE;YACV,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;YACpD,IAAI,EAAE,GAAG,CAAC,IAAI;YACd,KAAK,EAAE,GAAG,CAAC,KAAK;AACjB,SAAA,CAAC,CAAC;IACP,CAAC;oFAAC;uGA1DS,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAftB;;;;;;;;;;;;;AAaT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAdS,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAiB,mBAAmB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAlC,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAgB1B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAlBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,mBAAmB,CAAC;AAC3D,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;AAaT,EAAA,CAAA;AACF,iBAAA;;;;;"}

package/fesm2022/{flusys-ng-iam-permission-page.component-CVaxwwcS.mjs → flusys-ng-iam-permission-page.component-CGtj1EiO.mjs}

@@ -1,10 +1,9 @@
 import * as i0 from '@angular/core';
 import { inject, viewChild, signal, computed, effect, untracked, Component } from '@angular/core';
-import { COMPANY_ACTION_PERMISSIONS, USER_ACTION_PERMISSIONS, USER_ROLE_PERMISSIONS, ROLE_ACTION_PERMISSIONS, TranslateService, AngularModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
+import { COMPANY_ACTION_PERMISSIONS, USER_ACTION_PERMISSIONS, USER_ROLE_PERMISSIONS, ROLE_ACTION_PERMISSIONS, TranslateService, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
 import { APP_CONFIG, getPermissionMode, isCompanyFeatureEnabled } from '@flusys/ng-core';
-import { d as RoleActionSelectorComponent, C as CompanyActionSelectorComponent, U as UserRoleSelectorComponent, e as UserActionSelectorComponent } from './flusys-ng-iam-flusys-ng-iam-BEAhj9ma.mjs';
-import * as i2 from '@flusys/ng-ui';
-import { ConfirmationService, UiModule } from '@flusys/ng-ui';
+import { f as RoleActionSelectorComponent, C as CompanyActionSelectorComponent, U as UserRoleSelectorComponent, g as UserActionSelectorComponent } from './flusys-ng-iam-flusys-ng-iam-CjLr3bfY.mjs';
+import { ConfirmationService, TabComponent, TabListComponent, TabsComponent, UiIconComponent } from '@flusys/ng-ui';
 
 /** Permission codes for each tab */
 const TAB_PERMISSIONS = {
@@ -90,8 +89,8 @@ class PermissionPageComponent {
         }
         this.activeTab.set(nextTab);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: PermissionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: PermissionPageComponent, isStandalone: true, selector: "lib-permission-page", viewQueries: [{ propertyName: "tabsRef", first: true, predicate: ["tabs"], descendants: true, isSignal: true }, { propertyName: "activeSelectorRef", first: true, predicate: ["selectorRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: PermissionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: PermissionPageComponent, isStandalone: true, selector: "lib-permission-page", viewQueries: [{ propertyName: "tabsRef", first: true, predicate: ["tabs"], descendants: true, isSignal: true }, { propertyName: "activeSelectorRef", first: true, predicate: ["selectorRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="card">
       <div class="mb-5">
         <h3 class="text-xl font-semibold mb-1">
@@ -135,15 +134,17 @@ class PermissionPageComponent {
         }
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: UiModule }, { kind: "component", type: i2.TabsComponent, selector: "f-tabs", inputs: ["value", "scrollable", "styleClass", "style"], outputs: ["valueChange", "onTabChange"] }, { kind: "component", type: i2.TabComponent, selector: "f-tab", inputs: ["value", "disabled", "closable"], outputs: ["onClose"] }, { kind: "component", type: i2.TabListComponent, selector: "f-tablist" }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: RoleActionSelectorComponent, selector: "flusys-role-action-selector" }, { kind: "component", type: CompanyActionSelectorComponent, selector: "flusys-company-action-selector" }, { kind: "component", type: UserRoleSelectorComponent, selector: "flusys-user-role-selector" }, { kind: "component", type: UserActionSelectorComponent, selector: "flusys-user-action-selector" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: TabComponent, selector: "f-tab", inputs: ["value", "disabled", "closable"], outputs: ["onClose"] }, { kind: "component", type: TabListComponent, selector: "f-tablist" }, { kind: "component", type: TabsComponent, selector: "f-tabs", inputs: ["value", "scrollable", "styleClass", "style"], outputs: ["valueChange", "onTabChange"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: RoleActionSelectorComponent, selector: "flusys-role-action-selector" }, { kind: "component", type: CompanyActionSelectorComponent, selector: "flusys-company-action-selector" }, { kind: "component", type: UserRoleSelectorComponent, selector: "flusys-user-role-selector" }, { kind: "component", type: UserActionSelectorComponent, selector: "flusys-user-action-selector" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: PermissionPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: PermissionPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-permission-page',
                     imports: [
-                        AngularModule,
-                        UiModule,
+                        TabComponent,
+                        TabListComponent,
+                        TabsComponent,
+                        UiIconComponent,
                         HasPermissionDirective,
                         TranslatePipe,
                         RoleActionSelectorComponent,
@@ -200,4 +201,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], ctorParameters: () => [], propDecorators: { tabsRef: [{ type: i0.ViewChild, args: ['tabs', { isSignal: true }] }], activeSelectorRef: [{ type: i0.ViewChild, args: ['selectorRef', { isSignal: true }] }] } });
 
 export { PermissionPageComponent };
-//# sourceMappingURL=flusys-ng-iam-permission-page.component-CVaxwwcS.mjs.map
+//# sourceMappingURL=flusys-ng-iam-permission-page.component-CGtj1EiO.mjs.map

package/fesm2022/flusys-ng-iam-permission-page.component-CGtj1EiO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-permission-page.component-CGtj1EiO.mjs","sources":["../../../projects/ng-iam/pages/permission/permission-page.component.ts"],"sourcesContent":["import {\n  Component,\n  computed,\n  effect,\n  inject,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport {\n  HasPermissionDirective,\n  ROLE_ACTION_PERMISSIONS,\n  USER_ROLE_PERMISSIONS,\n  USER_ACTION_PERMISSIONS,\n  COMPANY_ACTION_PERMISSIONS,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport {\n  APP_CONFIG,\n  getPermissionMode,\n  isCompanyFeatureEnabled,\n} from '@flusys/ng-core';\nimport { RoleActionSelectorComponent } from '../../components/role-action-selector.component';\nimport { CompanyActionSelectorComponent } from '../../components/company-action-selector.component';\nimport { UserRoleSelectorComponent } from '../../components/user-role-selector.component';\nimport { UserActionSelectorComponent } from '../../components/user-action-selector.component';\nimport {\n  ConfirmationService,\n  TabComponent,\n  TabListComponent,\n  TabsComponent,\n  UiIconComponent,\n} from '@flusys/ng-ui';\n\n/** Permission codes for each tab */\nconst TAB_PERMISSIONS = {\n  'role-actions': ROLE_ACTION_PERMISSIONS.READ,\n  'user-roles': USER_ROLE_PERMISSIONS.READ,\n  'user-actions': USER_ACTION_PERMISSIONS.READ,\n  'company-actions': COMPANY_ACTION_PERMISSIONS.READ,\n} as const;\n\n/** Structural shape shared by all four permission selector components */\ninterface IPermissionSelectorRef {\n  readonly hasChanges: () => boolean;\n}\n\n/** Main permission management interface with tabs for role/user/company permission assignment */\n@Component({\n  selector: 'lib-permission-page',\n  imports: [\n    TabComponent,\n    TabListComponent,\n    TabsComponent,\n    UiIconComponent,\n    HasPermissionDirective,\n    TranslatePipe,\n    RoleActionSelectorComponent,\n    CompanyActionSelectorComponent,\n    UserRoleSelectorComponent,\n    UserActionSelectorComponent,\n  ],\n  template: `\n    <div class=\"card\">\n      <div class=\"mb-5\">\n        <h3 class=\"text-xl font-semibold mb-1\">\n          {{ 'iam.permission.title' | translate }}\n        </h3>\n        <p class=\"text-sm text-muted-color m-0\">\n          {{ 'iam.permission.subtitle' | translate }}\n        </p>\n      </div>\n\n      <f-tabs\n        #tabs\n        [value]=\"activeTab()\"\n        (valueChange)=\"setActiveTab($event)\"\n        [scrollable]=\"true\"\n      >\n        <f-tablist>\n          @for (tab of availableTabs(); track tab.id) {\n            <f-tab *hasPermission=\"tab.permission\" [value]=\"tab.id\">\n              <ui-icon [name]=\"tab.icon\" class=\"mr-2\"></ui-icon\n              >{{ tab.labelKey | translate }}\n            </f-tab>\n          }\n        </f-tablist>\n      </f-tabs>\n\n      <div class=\"mt-5\">\n        @switch (activeTab()) {\n          @case ('role-actions') {\n            <flusys-role-action-selector #selectorRef />\n          }\n          @case ('user-roles') {\n            <flusys-user-role-selector #selectorRef />\n          }\n          @case ('user-actions') {\n            <flusys-user-action-selector #selectorRef />\n          }\n          @case ('company-actions') {\n            <flusys-company-action-selector #selectorRef />\n          }\n        }\n      </div>\n    </div>\n  `,\n})\nexport class PermissionPageComponent {\n  private readonly appConfig = inject(APP_CONFIG);\n  private readonly confirmationService = inject(ConfirmationService);\n  private readonly translateService = inject(TranslateService);\n\n  private readonly tabsRef = viewChild<TabsComponent>('tabs');\n  private readonly activeSelectorRef =\n    viewChild<IPermissionSelectorRef>('selectorRef');\n\n  readonly activeTab = signal<string>('');\n\n  /** Available tabs based on permission mode */\n  readonly availableTabs = computed(() => {\n    const permissionMode = getPermissionMode(this.appConfig);\n    const tabs: Array<{\n      id: string;\n      labelKey: string;\n      icon: string;\n      permission: string;\n    }> = [];\n\n    if (permissionMode === 'rbac' || permissionMode === 'full') {\n      tabs.push(\n        {\n          id: 'role-actions',\n          labelKey: 'iam.permission.role.actions',\n          icon: 'shield',\n          permission: TAB_PERMISSIONS['role-actions'],\n        },\n        {\n          id: 'user-roles',\n          labelKey: 'iam.permission.user.roles',\n          icon: 'user',\n          permission: TAB_PERMISSIONS['user-roles'],\n        },\n      );\n    }\n\n    if (permissionMode === 'direct' || permissionMode === 'full') {\n      tabs.push({\n        id: 'user-actions',\n        labelKey: 'iam.permission.user.actions',\n        icon: 'key',\n        permission: TAB_PERMISSIONS['user-actions'],\n      });\n    }\n\n    if (isCompanyFeatureEnabled(this.appConfig)) {\n      tabs.push({\n        id: 'company-actions',\n        labelKey: 'iam.permission.company.actions',\n        icon: 'building',\n        permission: TAB_PERMISSIONS['company-actions'],\n      });\n    }\n\n    return tabs;\n  });\n\n  constructor() {\n    effect(() => {\n      const tabs = this.availableTabs();\n      const currentTab = untracked(() => this.activeTab());\n      if (!currentTab || !tabs.some((t) => t.id === currentTab)) {\n        if (tabs.length > 0) {\n          this.activeTab.set(tabs[0].id);\n        }\n      }\n    });\n  }\n\n  setActiveTab(tabId: string | number): void {\n    const nextTab = String(tabId);\n    const previousTab = this.activeTab();\n    if (nextTab === previousTab) return;\n\n    if (this.activeSelectorRef()?.hasChanges()) {\n      this.confirmationService.confirm({\n        header: this.translateService.translate(\n          'iam.permission.unsaved.changes.title',\n        ),\n        message: this.translateService.translate(\n          'iam.permission.unsaved.changes.message',\n        ),\n        icon: 'exclamation-triangle',\n        acceptLabel: this.translateService.translate(\n          'iam.permission.unsaved.changes.discard',\n        ),\n        rejectLabel: this.translateService.translate('shared.cancel'),\n        accept: () => this.activeTab.set(nextTab),\n        reject: () => this.tabsRef()?.value.set(previousTab),\n      });\n      return;\n    }\n\n    this.activeTab.set(nextTab);\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{flusys-ng-iam-role-form-page.component-ByMbnQ53.mjs → flusys-ng-iam-role-form-page.component-Cfc8za3D.mjs}

@@ -5,11 +5,9 @@ import { form, required, FormField } from '@angular/forms/signals';
 import { ActivatedRoute, Router } from '@angular/router';
 import { APP_CONFIG, isCompanyFeatureEnabled } from '@flusys/ng-core';
 import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
-import * as i2 from '@flusys/ng-ui';
-import { MessageService, UiModule } from '@flusys/ng-ui';
-import { TranslateService, AngularModule, TranslatePipe } from '@flusys/ng-shared';
-import { R as RoleApiService } from './flusys-ng-iam-flusys-ng-iam-BEAhj9ma.mjs';
-import * as i1 from '@angular/forms';
+import { MessageService, CheckboxComponent, FButtonDirective, InputTextDirective, UiIconComponent } from '@flusys/ng-ui';
+import { TranslateService, TranslatePipe } from '@flusys/ng-shared';
+import { R as RoleApiService } from './flusys-ng-iam-flusys-ng-iam-CjLr3bfY.mjs';
 
 class RoleFormPageComponent {
     route = inject(ActivatedRoute);
@@ -101,7 +99,8 @@ class RoleFormPageComponent {
             this.isLoading.set(false);
         }
     }
-    async onSubmit() {
+    async onSubmit(event) {
+        event.preventDefault();
         if (!this.isFormValid()) {
             this.messageService.add({
                 severity: 'error',
@@ -146,8 +145,8 @@ class RoleFormPageComponent {
     onBack() {
         this.router.navigate(['/iam/roles']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: RoleFormPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: RoleFormPageComponent, isStandalone: true, selector: "lib-role-form-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: RoleFormPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: RoleFormPageComponent, isStandalone: true, selector: "lib-role-form-page", ngImport: i0, template: `
     <div class="card">
       <h3 class="text-lg sm:text-xl font-semibold mb-4">
         {{
@@ -158,7 +157,7 @@ class RoleFormPageComponent {
       </h3>
 
       <form
-        (ngSubmit)="onSubmit()"
+        (submit)="onSubmit($event)"
         class="grid grid-cols-1 md:grid-cols-2 gap-4"
       >
         <!-- Name -->
@@ -239,13 +238,20 @@ class RoleFormPageComponent {
         </div>
       </form>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "directive", type: i2.InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: RoleFormPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: RoleFormPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-role-form-page',
-                    imports: [AngularModule, UiModule, FormField, TranslatePipe],
+                    imports: [
+                        CheckboxComponent,
+                        FButtonDirective,
+                        InputTextDirective,
+                        UiIconComponent,
+                        FormField,
+                        TranslatePipe,
+                    ],
                     template: `
     <div class="card">
       <h3 class="text-lg sm:text-xl font-semibold mb-4">
@@ -257,7 +263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
       </h3>
 
       <form
-        (ngSubmit)="onSubmit()"
+        (submit)="onSubmit($event)"
         class="grid grid-cols-1 md:grid-cols-2 gap-4"
       >
         <!-- Name -->
@@ -343,4 +349,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], ctorParameters: () => [] });
 
 export { RoleFormPageComponent };
-//# sourceMappingURL=flusys-ng-iam-role-form-page.component-ByMbnQ53.mjs.map
+//# sourceMappingURL=flusys-ng-iam-role-form-page.component-Cfc8za3D.mjs.map

package/fesm2022/flusys-ng-iam-role-form-page.component-Cfc8za3D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-role-form-page.component-Cfc8za3D.mjs","sources":["../../../projects/ng-iam/pages/role/role-form-page.component.ts"],"sourcesContent":["import { Component, computed, effect, inject, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { APP_CONFIG, isCompanyFeatureEnabled } from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport {\n  CheckboxComponent,\n  FButtonDirective,\n  InputTextDirective,\n  MessageService,\n  UiIconComponent,\n} from '@flusys/ng-ui';\nimport {\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { IRole } from '../../interfaces/role.interface';\nimport { RoleApiService } from '../../services/role-api.service';\n\ninterface IRoleFormModel {\n  id: string;\n  name: string;\n  description: string;\n  serial: string;\n  isActive: boolean;\n}\n\n@Component({\n  selector: 'lib-role-form-page',\n  imports: [\n    CheckboxComponent,\n    FButtonDirective,\n    InputTextDirective,\n    UiIconComponent,\n    FormField,\n    TranslatePipe,\n  ],\n  template: `\n    <div class=\"card\">\n      <h3 class=\"text-lg sm:text-xl font-semibold mb-4\">\n        {{\n          isEditMode()\n            ? ('iam.role.edit' | translate)\n            : ('iam.role.new' | translate)\n        }}\n      </h3>\n\n      <form\n        (submit)=\"onSubmit($event)\"\n        class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"\n      >\n        <!-- Name -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"name\" class=\"font-medium\"\n            >{{ 'iam.role.name' | translate }} *</label\n          >\n          <input\n            fInputText\n            id=\"name\"\n            [formField]=\"roleForm.name\"\n            [placeholder]=\"'iam.role.name.placeholder' | translate\"\n          />\n        </div>\n\n        <!-- Description -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"description\" class=\"font-medium\">{{\n            'shared.description' | translate\n          }}</label>\n          <input\n            fInputText\n            id=\"description\"\n            [formField]=\"roleForm.description\"\n            [placeholder]=\"'shared.description.placeholder' | translate\"\n          />\n        </div>\n\n        <!-- Order -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"serial\" class=\"font-medium\">{{\n            'shared.display.order' | translate\n          }}</label>\n          <input\n            fInputText\n            id=\"serial\"\n            type=\"number\"\n            [formField]=\"roleForm.serial\"\n            [placeholder]=\"'shared.display.order.placeholder' | translate\"\n          />\n        </div>\n\n        <!-- Is Active -->\n        <div class=\"flex items-end gap-2 pb-1\">\n          <f-checkbox\n            [formField]=\"roleForm.isActive\"\n            [binary]=\"true\"\n            inputId=\"isActive\"\n          />\n          <label for=\"isActive\">{{ 'shared.active' | translate }}</label>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex justify-end gap-2 md:col-span-2 pt-4\">\n          <button\n            fButton\n            type=\"button\"\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (click)=\"onBack()\"\n          >\n            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>\n          </button>\n          <button\n            fButton\n            type=\"submit\"\n            [disabled]=\"!isFormValid() || isLoading()\"\n          >\n            @if (isLoading()) {\n              <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n            }\n            <span pButtonLabel>{{ \n              isEditMode()\n                ? ('shared.update' | translate)\n                : ('shared.create' | translate)\n             }}</span>\n          </button>\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class RoleFormPageComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly appConfig = inject(APP_CONFIG);\n  private readonly companyContext = inject(LAYOUT_AUTH_STATE);\n  private readonly roleApi = inject(RoleApiService);\n  private readonly messageService = inject(MessageService);\n  private readonly translateAdapter = inject(TranslateService, {\n    optional: true,\n  });\n\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  private translate(\n    key: string,\n    vars?: Record<string, string | number>,\n  ): string {\n    return this.translateAdapter?.translate(key, vars) ?? key;\n  }\n\n  readonly isLoading = signal(false);\n  readonly existingRole = signal<IRole | null>(null);\n  readonly isEditMode = computed(() => !!this.existingRole());\n\n  readonly formModel = signal<IRoleFormModel>({\n    id: '',\n    name: '',\n    description: '',\n    serial: '',\n    isActive: true,\n  });\n\n  readonly roleForm = form(this.formModel, (f) => {\n    required(f.name, {\n      message: this.translate('shared.validation.required', {\n        field: this.translate('iam.role.name'),\n      }),\n    });\n  });\n\n  readonly isFormValid = computed(() => {\n    const model = this.formModel();\n    return model.name.trim().length > 0;\n  });\n\n  constructor() {\n    effect(() => {\n      const params = this.routeParams();\n      if (!params || this.initialized) return;\n\n      this.initialized = true;\n      const id = params.get('id');\n      if (id && id !== 'new') {\n        this.loadRole(id);\n      }\n    });\n  }\n\n  async loadRole(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.roleApi.findById(id);\n      const role = response?.data;\n\n      if (role?.readOnly) {\n        this.messageService.add({\n          severity: 'error',\n          summary: this.translate('shared.error'),\n          detail: this.translate('iam.role.readonly.edit.forbidden'),\n        });\n        this.router.navigate(['/iam/roles']);\n        return;\n      }\n\n      if (role) {\n        this.existingRole.set(role);\n        this.formModel.set({\n          id: role.id,\n          name: role.name,\n          description: role.description ?? '',\n          serial: role.serial?.toString() ?? '',\n          isActive: role.isActive,\n        });\n      } else {\n        // Error toast handled by global interceptor\n        this.router.navigate(['/iam/roles']);\n      }\n    } catch {\n      // Error toast handled by global interceptor\n      this.router.navigate(['/iam/roles']);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  async onSubmit(event: Event): Promise<void> {\n    event.preventDefault();\n\n    if (!this.isFormValid()) {\n      this.messageService.add({\n        severity: 'error',\n        summary: this.translate('shared.validation.error'),\n        detail: this.translate('shared.fill.required.fields'),\n      });\n      return;\n    }\n\n    this.isLoading.set(true);\n\n    try {\n      const formValue = this.formModel();\n\n      // Get company context if feature enabled\n      const companyId = isCompanyFeatureEnabled(this.appConfig)\n        ? this.companyContext.currentCompanyInfo()?.id || undefined\n        : undefined;\n\n      // Convert empty strings to undefined for DTO compatibility\n      const dto = {\n        ...formValue,\n        description: formValue.description || undefined,\n        serial: formValue.serial ? parseInt(formValue.serial, 10) : undefined,\n        companyId: this.isEditMode() ? undefined : companyId,\n      };\n\n      const response = this.isEditMode()\n        ? await this.roleApi.update(dto)\n        : await this.roleApi.insert(dto);\n\n      this.messageService.add({\n        severity: 'success',\n        summary: this.translate('shared.success'),\n        detail: response.messageKey\n          ? this.translate(\n              response.messageKey,\n              response.messageVariables as Record<string, string | number>,\n            )\n          : (response.message ?? ''),\n      });\n\n      this.router.navigate(['/iam/roles']);\n    } catch {\n      // Error toast handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onBack(): void {\n    this.router.navigate(['/iam/roles']);\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{flusys-ng-iam-role-list-page.component-BCtoWvFQ.mjs → flusys-ng-iam-role-list-page.component-vFHxd3Q-.mjs}

@@ -3,13 +3,13 @@ import { inject, signal, computed, effect, untracked, Component } from '@angular
 import { Router } from '@angular/router';
 import { APP_CONFIG, DEFAULT_APP_NAME, isCompanyFeatureEnabled } from '@flusys/ng-core';
 import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
-import { ROLE_PERMISSIONS, TranslateService, AngularModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-import * as i2 from '@flusys/ng-ui';
-import { MessageService, ConfirmationService, UiModule } from '@flusys/ng-ui';
-import { R as RoleApiService } from './flusys-ng-iam-flusys-ng-iam-BEAhj9ma.mjs';
+import { ROLE_PERMISSIONS, USER_ROLE_PERMISSIONS, TranslateService, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
+import { MessageService, ConfirmationService, FButtonDirective, TableComponent, TagComponent, TooltipDirective, UiIconComponent } from '@flusys/ng-ui';
+import { R as RoleApiService, e as RolePermittedUsersDialogComponent } from './flusys-ng-iam-flusys-ng-iam-CjLr3bfY.mjs';
 
 class RoleListPageComponent {
     ROLE_PERMISSIONS = ROLE_PERMISSIONS;
+    USER_ROLE_PERMISSIONS = USER_ROLE_PERMISSIONS;
     router = inject(Router);
     appConfig = inject(APP_CONFIG);
     companyContext = inject(LAYOUT_AUTH_STATE);
@@ -36,6 +36,10 @@ class RoleListPageComponent {
     ...(ngDevMode ? [{ debugName: "showCompanyInfo" }] : /* istanbul ignore next */ []));
     currentCompanyName = computed(() => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "currentCompanyName" }] : /* istanbul ignore next */ []));
+    permittedUsersDialogVisible = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "permittedUsersDialogVisible" }] : /* istanbul ignore next */ []));
+    selectedRole = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedRole" }] : /* istanbul ignore next */ []));
     previousCompanyId = undefined;
     constructor() {
         effect(() => {
@@ -98,6 +102,10 @@ class RoleListPageComponent {
     onEdit(role) {
         this.router.navigate(['/iam/roles', role.id]);
     }
+    onViewUsers(role) {
+        this.selectedRole.set(role);
+        this.permittedUsersDialogVisible.set(true);
+    }
     onDelete(role) {
         this.confirmationService.confirm({
             message: this.translate('shared.confirm.delete.item', {
@@ -132,8 +140,8 @@ class RoleListPageComponent {
         this.pageSize.set(event.rows ?? 10);
         this.loadRoles();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: RoleListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: RoleListPageComponent, isStandalone: true, selector: "lib-role-list-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: RoleListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: RoleListPageComponent, isStandalone: true, selector: "lib-role-list-page", ngImport: i0, template: `
     <div class="card">
       <div
         class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4"
@@ -226,6 +234,17 @@ class RoleListPageComponent {
                   >
                     <ui-icon pButtonIcon name="pencil"></ui-icon>
                   </button>
+                  <button
+                    fButton
+                    *hasPermission="USER_ROLE_PERMISSIONS.READ"
+                    [text]="true"
+                    severity="secondary"
+                    size="small"
+                    [fTooltip]="'iam.permission.view.users' | translate"
+                    (click)="onViewUsers(role)"
+                  >
+                    <ui-icon pButtonIcon name="users"></ui-icon>
+                  </button>
                   <button
                     fButton
                     *hasPermission="ROLE_PERMISSIONS.DELETE"
@@ -252,13 +271,28 @@ class RoleListPageComponent {
         </f-table>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "component", type: i2.TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+
+    <flusys-role-permitted-users-dialog
+      [visible]="permittedUsersDialogVisible()"
+      [role]="selectedRole()"
+      (closed)="permittedUsersDialogVisible.set(false)"
+    />
+  `, isInline: true, dependencies: [{ kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: RolePermittedUsersDialogComponent, selector: "flusys-role-permitted-users-dialog", inputs: ["visible", "role"], outputs: ["closed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: RoleListPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: RoleListPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-role-list-page',
-                    imports: [AngularModule, UiModule, HasPermissionDirective, TranslatePipe],
+                    imports: [
+                        FButtonDirective,
+                        TableComponent,
+                        TagComponent,
+                        TooltipDirective,
+                        UiIconComponent,
+                        HasPermissionDirective,
+                        RolePermittedUsersDialogComponent,
+                        TranslatePipe,
+                    ],
                     template: `
     <div class="card">
       <div
@@ -352,6 +386,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                   >
                     <ui-icon pButtonIcon name="pencil"></ui-icon>
                   </button>
+                  <button
+                    fButton
+                    *hasPermission="USER_ROLE_PERMISSIONS.READ"
+                    [text]="true"
+                    severity="secondary"
+                    size="small"
+                    [fTooltip]="'iam.permission.view.users' | translate"
+                    (click)="onViewUsers(role)"
+                  >
+                    <ui-icon pButtonIcon name="users"></ui-icon>
+                  </button>
                   <button
                     fButton
                     *hasPermission="ROLE_PERMISSIONS.DELETE"
@@ -378,9 +423,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         </f-table>
       </div>
     </div>
+
+    <flusys-role-permitted-users-dialog
+      [visible]="permittedUsersDialogVisible()"
+      [role]="selectedRole()"
+      (closed)="permittedUsersDialogVisible.set(false)"
+    />
   `,
                 }]
         }], ctorParameters: () => [] });
 
 export { RoleListPageComponent };
-//# sourceMappingURL=flusys-ng-iam-role-list-page.component-BCtoWvFQ.mjs.map
+//# sourceMappingURL=flusys-ng-iam-role-list-page.component-vFHxd3Q-.mjs.map

package/fesm2022/flusys-ng-iam-role-list-page.component-vFHxd3Q-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-role-list-page.component-vFHxd3Q-.mjs","sources":["../../../projects/ng-iam/pages/role/role-list-page.component.ts"],"sourcesContent":["import {\n  Component,\n  computed,\n  effect,\n  inject,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { Router } from '@angular/router';\nimport {\n  APP_CONFIG,\n  DEFAULT_APP_NAME,\n  isCompanyFeatureEnabled,\n} from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport {\n  HasPermissionDirective,\n  ROLE_PERMISSIONS,\n  TranslatePipe,\n  TranslateService,\n  USER_ROLE_PERMISSIONS,\n} from '@flusys/ng-shared';\nimport {\n  ConfirmationService,\n  FButtonDirective,\n  MessageService,\n  TableComponent,\n  TagComponent,\n  TooltipDirective,\n  UiIconComponent,\n} from '@flusys/ng-ui';\nimport { RolePermittedUsersDialogComponent } from '../../components/role-permitted-users-dialog.component';\nimport { IRole } from '../../interfaces/role.interface';\nimport { RoleApiService } from '../../services/role-api.service';\n\n@Component({\n  selector: 'lib-role-list-page',\n  imports: [\n    FButtonDirective,\n    TableComponent,\n    TagComponent,\n    TooltipDirective,\n    UiIconComponent,\n    HasPermissionDirective,\n    RolePermittedUsersDialogComponent,\n    TranslatePipe,\n  ],\n  template: `\n    <div class=\"card\">\n      <div\n        class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4\"\n      >\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold\">\n            {{ 'iam.role.title' | translate }}\n          </h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'iam.company.title' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <button\n          fButton\n          *hasPermission=\"ROLE_PERMISSIONS.CREATE\"\n          (click)=\"onCreate()\"\n          class=\"w-full sm:w-auto\"\n        >\n          <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n          <span pButtonLabel>{{ 'iam.role.new' | translate }}</span>\n        </button>\n      </div>\n\n      <div class=\"overflow-x-auto -mx-4 sm:mx-0\">\n        <f-table\n          [value]=\"roles()\"\n          [loading]=\"isLoading()\"\n          [paginator]=\"total() > 0\"\n          [rows]=\"pageSize()\"\n          [first]=\"first()\"\n          [totalRecords]=\"total()\"\n          [lazy]=\"true\"\n          (onLazyLoad)=\"onLazyLoad($event)\"\n          [rowsPerPageOptions]=\"[10, 25, 50]\"\n          [scrollable]=\"true\"\n          [tableStyle]=\"{ 'min-width': '40rem' }\"\n        >\n          <ng-template #header>\n            <tr>\n              <th>{{ 'iam.role.name' | translate }}</th>\n              <th class=\"hidden md:table-cell\">\n                {{ 'shared.description' | translate }}\n              </th>\n              <th>{{ 'shared.active' | translate }}</th>\n              <th class=\"hidden sm:table-cell\">\n                {{ 'shared.read.only' | translate }}\n              </th>\n              <th class=\"w-[120px]\">{{ 'shared.actions' | translate }}</th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-role>\n            <tr>\n              <td>{{ role.name }}</td>\n              <td class=\"hidden md:table-cell\">\n                {{ role.description ?? '-' }}\n              </td>\n              <td>\n                <f-tag\n                  [value]=\"\n                    role.isActive\n                      ? ('shared.active' | translate)\n                      : ('shared.inactive' | translate)\n                  \"\n                  [severity]=\"role.isActive ? 'success' : 'secondary'\"\n                />\n              </td>\n              <td class=\"hidden sm:table-cell\">\n                <f-tag\n                  [value]=\"\n                    role.readOnly\n                      ? ('shared.yes' | translate)\n                      : ('shared.no' | translate)\n                  \"\n                  [severity]=\"role.readOnly ? 'warn' : 'secondary'\"\n                />\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <button\n                    fButton\n                    *hasPermission=\"ROLE_PERMISSIONS.UPDATE\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    [disabled]=\"role.readOnly\"\n                    [fTooltip]=\"'shared.edit' | translate\"\n                    (click)=\"onEdit(role)\"\n                  >\n                    <ui-icon pButtonIcon name=\"pencil\"></ui-icon>\n                  </button>\n                  <button\n                    fButton\n                    *hasPermission=\"USER_ROLE_PERMISSIONS.READ\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    [fTooltip]=\"'iam.permission.view.users' | translate\"\n                    (click)=\"onViewUsers(role)\"\n                  >\n                    <ui-icon pButtonIcon name=\"users\"></ui-icon>\n                  </button>\n                  <button\n                    fButton\n                    *hasPermission=\"ROLE_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    [fTooltip]=\"'shared.delete' | translate\"\n                    [disabled]=\"role.readOnly\"\n                    (click)=\"onDelete(role)\"\n                  >\n                    <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n                  </button>\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"5\" class=\"text-center py-4 text-muted-color\">\n                {{ 'iam.role.no.roles' | translate }}\n              </td>\n            </tr>\n          </ng-template>\n        </f-table>\n      </div>\n    </div>\n\n    <flusys-role-permitted-users-dialog\n      [visible]=\"permittedUsersDialogVisible()\"\n      [role]=\"selectedRole()\"\n      (closed)=\"permittedUsersDialogVisible.set(false)\"\n    />\n  `,\n})\nexport class RoleListPageComponent {\n  readonly ROLE_PERMISSIONS = ROLE_PERMISSIONS;\n  readonly USER_ROLE_PERMISSIONS = USER_ROLE_PERMISSIONS;\n\n  private readonly router = inject(Router);\n  private readonly appConfig = inject(APP_CONFIG);\n  private readonly companyContext = inject(LAYOUT_AUTH_STATE);\n  private readonly roleApi = inject(RoleApiService);\n  private readonly messageService = inject(MessageService);\n  private readonly confirmationService = inject(ConfirmationService);\n  private readonly translateAdapter = inject(TranslateService, {\n    optional: true,\n  });\n\n  private translate(\n    key: string,\n    vars?: Record<string, string | number>,\n  ): string {\n    return this.translateAdapter?.translate(key, vars) ?? key;\n  }\n\n  readonly roles = signal<IRole[]>([]);\n  readonly isLoading = signal(false);\n  readonly total = signal(0);\n  readonly pageSize = signal(10);\n  readonly first = signal(0);\n  readonly showCompanyInfo = computed(\n    () => this.appConfig.enableCompanyFeature,\n  );\n  readonly currentCompanyName = computed(\n    () => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME,\n  );\n\n  readonly permittedUsersDialogVisible = signal(false);\n  readonly selectedRole = signal<IRole | null>(null);\n\n  private previousCompanyId: string | undefined | null = undefined;\n\n  constructor() {\n    effect(() => {\n      const currentCompanyId =\n        this.companyContext.currentCompanyInfo()?.id ?? null;\n      if (this.previousCompanyId === undefined) {\n        this.previousCompanyId = currentCompanyId;\n        return;\n      }\n      if (this.previousCompanyId === currentCompanyId) return;\n      this.previousCompanyId = currentCompanyId;\n      untracked(() => {\n        this.first.set(0);\n        this.loadRoles();\n      });\n    });\n  }\n\n  private async loadRoles(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const enableCompanyFeature = isCompanyFeatureEnabled(this.appConfig);\n      const companyId = enableCompanyFeature\n        ? this.companyContext.currentCompanyInfo()?.id || undefined\n        : undefined;\n\n      const selectFields = [\n        'id',\n        'name',\n        'description',\n        'isActive',\n        'readOnly',\n        'serial',\n        'createdAt',\n        'deletedAt',\n      ];\n      if (enableCompanyFeature) {\n        selectFields.push('companyId');\n      }\n\n      const response = await this.roleApi.getAll({\n        filter: companyId ? { companyId } : undefined,\n        pagination: {\n          currentPage: Math.floor(this.first() / this.pageSize()),\n          pageSize: this.pageSize(),\n        },\n        select: selectFields,\n        sort: { id: 'ASC' },\n      });\n\n      this.roles.set(response?.data ?? []);\n      this.total.set(response?.meta?.total ?? 0);\n    } catch {\n      // Error toast handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onCreate(): void {\n    this.router.navigate(['/iam/roles/new']);\n  }\n\n  onEdit(role: IRole): void {\n    this.router.navigate(['/iam/roles', role.id]);\n  }\n\n  onViewUsers(role: IRole): void {\n    this.selectedRole.set(role);\n    this.permittedUsersDialogVisible.set(true);\n  }\n\n  onDelete(role: IRole): void {\n    this.confirmationService.confirm({\n      message: this.translate('shared.confirm.delete.item', {\n        name: role.name,\n      }),\n      header: this.translate('iam.role.delete.title'),\n      icon: 'exclamation-triangle',\n      accept: async () => {\n        try {\n          const response = await this.roleApi.delete({\n            id: role.id,\n            type: 'permanent',\n          });\n\n          this.roles.update((list) => list.filter((r) => r.id !== role.id));\n          this.total.update((t) => Math.max(0, t - 1));\n\n          this.messageService.add({\n            severity: 'success',\n            summary: this.translate('shared.success'),\n            detail: response?.messageKey\n              ? this.translate(\n                  response.messageKey,\n                  response.messageVariables as Record<string, string | number>,\n                )\n              : response?.message,\n          });\n        } catch {\n          // Error toast handled by global interceptor\n        }\n      },\n    });\n  }\n\n  onLazyLoad(event: { first?: number | null; rows?: number | null }): void {\n    this.first.set(event.first ?? 0);\n    this.pageSize.set(event.rows ?? 10);\n    this.loadRoles();\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/flusys-ng-iam.mjs

@@ -1,2 +1,2 @@
-export { A as ActionApiService, f as ActionPermissionLogicService, a as ActionType, C as CompanyActionSelectorComponent, I as IAM_MESSAGES, g as IAM_ROUTES, L as LogicBuilderComponent, M as MAX_DROPDOWN_ITEMS, h as MyPermissionsApiService, P as PermissionApiService, i as PermissionStateService, j as ProfilePermissionProviderAdapter, d as RoleActionSelectorComponent, R as RoleApiService, e as UserActionSelectorComponent, U as UserRoleSelectorComponent, p as provideIamProviders } from './flusys-ng-iam-flusys-ng-iam-BEAhj9ma.mjs';
+export { A as ActionApiService, h as ActionPermissionLogicService, b as ActionPermittedUsersDialogComponent, a as ActionType, C as CompanyActionSelectorComponent, I as IAM_MESSAGES, i as IAM_ROUTES, L as LogicBuilderComponent, M as MAX_DROPDOWN_ITEMS, j as MyPermissionsApiService, P as PermissionApiService, k as PermissionStateService, l as ProfilePermissionProviderAdapter, f as RoleActionSelectorComponent, R as RoleApiService, e as RolePermittedUsersDialogComponent, g as UserActionSelectorComponent, U as UserRoleSelectorComponent, p as provideIamProviders } from './flusys-ng-iam-flusys-ng-iam-CjLr3bfY.mjs';
 //# sourceMappingURL=flusys-ng-iam.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flusys/ng-iam",
-  "version": "7.1.0",
+  "version": "8.0.0",
   "description": "Identity and Access Management (IAM) for Angular - Independent from ng-auth through Provider Interface Pattern",
   "license": "MIT",
   "peerDependencies": {
@@ -8,10 +8,10 @@
     "@angular/core": ">=22.0.0",
     "@angular/forms": ">=22.0.0",
     "@angular/router": ">=22.0.0",
-    "@flusys/ng-core": ">=7.1.0",
-    "@flusys/ng-layout": ">=7.1.0",
-    "@flusys/ng-shared": ">=7.1.0",
-    "@flusys/ng-ui": ">=7.1.0",
+    "@flusys/ng-core": ">=8.0.0",
+    "@flusys/ng-layout": ">=8.0.0",
+    "@flusys/ng-shared": ">=8.0.0",
+    "@flusys/ng-ui": ">=8.0.0",
     "rxjs": "^7.8.0"
   },
   "sideEffects": false,