@flusys/ng-iam 9.1.0 → 9.1.2

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

@@ -1,486 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, computed, effect, untracked, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { Router } from '@angular/router';
-import { APP_CONFIG, getPermissionMode, DEFAULT_APP_NAME, isCompanyFeatureEnabled } from '@flusys/ng-core';
-import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
-import { ROLE_PERMISSIONS, USER_ROLE_PERMISSIONS, TranslateService, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-import { MessageService, ConfirmationService, FButtonDirective, IconFieldComponent, InputIconComponent, InputTextDirective, TableComponent, TagComponent, TooltipDirective, UiIconComponent } from '@flusys/ng-ui';
-import { R as RoleApiService, e as RolePermittedUsersDialogComponent } from './flusys-ng-iam-flusys-ng-iam-Y7U2lGZk.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);
-    roleApi = inject(RoleApiService);
-    messageService = inject(MessageService);
-    confirmationService = inject(ConfirmationService);
-    translateAdapter = inject(TranslateService, {
-        optional: true,
-    });
-    translate(key, vars) {
-        return this.translateAdapter?.translate(key, vars) ?? key;
-    }
-    roles = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "roles" }] : /* istanbul ignore next */ []));
-    isLoading = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
-    total = signal(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
-    pageSize = signal(10, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
-    first = signal(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "first" }] : /* istanbul ignore next */ []));
-    _searchTerm = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []));
-    searchTerm = this._searchTerm.asReadonly();
-    showCompanyInfo = computed(() => this.appConfig.enableCompanyFeature, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showCompanyInfo" }] : /* istanbul ignore next */ []));
-    showRoleUsers = computed(() => {
-        const permissionMode = getPermissionMode(this.appConfig);
-        return permissionMode === 'rbac' || permissionMode === 'full';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showRoleUsers" }] : /* 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(() => {
-            const currentCompanyId = this.companyContext.currentCompanyInfo()?.id ?? null;
-            if (this.previousCompanyId === undefined) {
-                this.previousCompanyId = currentCompanyId;
-                return;
-            }
-            if (this.previousCompanyId === currentCompanyId)
-                return;
-            this.previousCompanyId = currentCompanyId;
-            untracked(() => {
-                this.first.set(0);
-                this.loadRoles();
-            });
-        });
-    }
-    async loadRoles() {
-        this.isLoading.set(true);
-        try {
-            const enableCompanyFeature = isCompanyFeatureEnabled(this.appConfig);
-            const companyId = enableCompanyFeature
-                ? this.companyContext.currentCompanyInfo()?.id || undefined
-                : undefined;
-            const selectFields = [
-                'id',
-                'name',
-                'description',
-                'isActive',
-                'readOnly',
-                'serial',
-                'createdAt',
-                'deletedAt',
-            ];
-            if (enableCompanyFeature) {
-                selectFields.push('companyId');
-            }
-            const response = await this.roleApi.getAll({
-                filter: companyId ? { companyId } : undefined,
-                pagination: {
-                    currentPage: Math.floor(this.first() / this.pageSize()),
-                    pageSize: this.pageSize(),
-                },
-                select: selectFields,
-                sort: { id: 'ASC' },
-            }, this._searchTerm());
-            this.roles.set(response?.data ?? []);
-            this.total.set(response?.meta?.total ?? 0);
-        }
-        catch {
-            // Error toast handled by global interceptor
-        }
-        finally {
-            this.isLoading.set(false);
-        }
-    }
-    onCreate() {
-        this.router.navigate(['/iam/roles/new']);
-    }
-    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', {
-                name: role.name,
-            }),
-            header: this.translate('iam.role.delete.title'),
-            icon: 'exclamation-triangle',
-            accept: async () => {
-                try {
-                    const response = await this.roleApi.delete({
-                        id: role.id,
-                        type: 'permanent',
-                    });
-                    this.roles.update((list) => list.filter((r) => r.id !== role.id));
-                    this.total.update((t) => Math.max(0, t - 1));
-                    this.messageService.add({
-                        severity: 'success',
-                        summary: this.translate('shared.success'),
-                        detail: response?.messageKey
-                            ? this.translate(response.messageKey, response.messageVariables)
-                            : response?.message,
-                    });
-                }
-                catch {
-                    // Error toast handled by global interceptor
-                }
-            },
-        });
-    }
-    onLazyLoad(event) {
-        this.first.set(event.first ?? 0);
-        this.pageSize.set(event.rows ?? 10);
-        this.loadRoles();
-    }
-    onSearchChange(value) {
-        this._searchTerm.set(value);
-        this.first.set(0);
-        this.loadRoles();
-    }
-    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"
-      >
-        <div>
-          <h3 class="text-lg sm:text-xl font-semibold">
-            {{ 'iam.role.title' | translate }}
-          </h3>
-          @if (showCompanyInfo()) {
-            <p class="text-sm text-muted-color mt-1">
-              {{ 'iam.company.title' | translate }}: {{ currentCompanyName() }}
-            </p>
-          }
-        </div>
-        <div class="flex flex-wrap items-center gap-2 w-full sm:w-auto">
-          <f-iconfield class="w-full sm:w-64">
-            <f-inputicon icon="search" />
-            <input
-              fInputText
-              type="text"
-              [ngModel]="searchTerm()"
-              (ngModelChange)="onSearchChange($event)"
-              [placeholder]="'shared.search' | translate"
-              class="w-full"
-            />
-          </f-iconfield>
-          <button
-            fButton
-            *hasPermission="ROLE_PERMISSIONS.CREATE"
-            (click)="onCreate()"
-            class="w-full sm:w-auto"
-          >
-            <ui-icon pButtonIcon name="plus"></ui-icon>
-            <span pButtonLabel>{{ 'iam.role.new' | translate }}</span>
-          </button>
-        </div>
-      </div>
-
-      <div class="overflow-x-auto -mx-4 sm:mx-0">
-        <f-table
-          [value]="roles()"
-          [loading]="isLoading()"
-          [paginator]="total() > 0"
-          [rows]="pageSize()"
-          [first]="first()"
-          [totalRecords]="total()"
-          [lazy]="true"
-          (onLazyLoad)="onLazyLoad($event)"
-          [rowsPerPageOptions]="[10, 25, 50]"
-          [scrollable]="true"
-          [tableStyle]="{ 'min-width': '40rem' }"
-        >
-          <ng-template #header>
-            <tr>
-              <th>{{ 'iam.role.name' | translate }}</th>
-              <th class="hidden md:table-cell">
-                {{ 'shared.description' | translate }}
-              </th>
-              <th>{{ 'shared.active' | translate }}</th>
-              <th class="hidden sm:table-cell">
-                {{ 'shared.read.only' | translate }}
-              </th>
-              <th class="w-[120px]">{{ 'shared.actions' | translate }}</th>
-            </tr>
-          </ng-template>
-          <ng-template #body let-role>
-            <tr>
-              <td>{{ role.name }}</td>
-              <td class="hidden md:table-cell">
-                {{ role.description ?? '-' }}
-              </td>
-              <td>
-                <f-tag
-                  [value]="
-                    role.isActive
-                      ? ('shared.active' | translate)
-                      : ('shared.inactive' | translate)
-                  "
-                  [severity]="role.isActive ? 'success' : 'secondary'"
-                />
-              </td>
-              <td class="hidden sm:table-cell">
-                <f-tag
-                  [value]="
-                    role.readOnly
-                      ? ('shared.yes' | translate)
-                      : ('shared.no' | translate)
-                  "
-                  [severity]="role.readOnly ? 'warn' : 'secondary'"
-                />
-              </td>
-              <td>
-                <div class="flex gap-1">
-                  <button
-                    fButton
-                    *hasPermission="ROLE_PERMISSIONS.UPDATE"
-                    [text]="true"
-                    severity="secondary"
-                    size="small"
-                    [disabled]="role.readOnly"
-                    [fTooltip]="'shared.edit' | translate"
-                    (click)="onEdit(role)"
-                  >
-                    <ui-icon pButtonIcon name="pencil"></ui-icon>
-                  </button>
-                  @if (showRoleUsers()) {
-                    <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"
-                    [text]="true"
-                    severity="danger"
-                    size="small"
-                    [fTooltip]="'shared.delete' | translate"
-                    [disabled]="role.readOnly"
-                    (click)="onDelete(role)"
-                  >
-                    <ui-icon pButtonIcon name="trash"></ui-icon>
-                  </button>
-                </div>
-              </td>
-            </tr>
-          </ng-template>
-          <ng-template #emptymessage>
-            <tr>
-              <td colspan="5" class="text-center py-4 text-muted-color">
-                {{ 'iam.role.no.roles' | translate }}
-              </td>
-            </tr>
-          </ng-template>
-        </f-table>
-      </div>
-    </div>
-
-    <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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconFieldComponent, selector: "f-iconfield", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIconComponent, selector: "f-inputicon", inputs: ["icon", "position", "styleClass", "style"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { 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.1.5", ngImport: i0, type: RoleListPageComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lib-role-list-page',
-                    imports: [
-                        FButtonDirective,
-                        FormsModule,
-                        IconFieldComponent,
-                        InputIconComponent,
-                        InputTextDirective,
-                        TableComponent,
-                        TagComponent,
-                        TooltipDirective,
-                        UiIconComponent,
-                        HasPermissionDirective,
-                        RolePermittedUsersDialogComponent,
-                        TranslatePipe,
-                    ],
-                    template: `
-    <div class="card">
-      <div
-        class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4"
-      >
-        <div>
-          <h3 class="text-lg sm:text-xl font-semibold">
-            {{ 'iam.role.title' | translate }}
-          </h3>
-          @if (showCompanyInfo()) {
-            <p class="text-sm text-muted-color mt-1">
-              {{ 'iam.company.title' | translate }}: {{ currentCompanyName() }}
-            </p>
-          }
-        </div>
-        <div class="flex flex-wrap items-center gap-2 w-full sm:w-auto">
-          <f-iconfield class="w-full sm:w-64">
-            <f-inputicon icon="search" />
-            <input
-              fInputText
-              type="text"
-              [ngModel]="searchTerm()"
-              (ngModelChange)="onSearchChange($event)"
-              [placeholder]="'shared.search' | translate"
-              class="w-full"
-            />
-          </f-iconfield>
-          <button
-            fButton
-            *hasPermission="ROLE_PERMISSIONS.CREATE"
-            (click)="onCreate()"
-            class="w-full sm:w-auto"
-          >
-            <ui-icon pButtonIcon name="plus"></ui-icon>
-            <span pButtonLabel>{{ 'iam.role.new' | translate }}</span>
-          </button>
-        </div>
-      </div>
-
-      <div class="overflow-x-auto -mx-4 sm:mx-0">
-        <f-table
-          [value]="roles()"
-          [loading]="isLoading()"
-          [paginator]="total() > 0"
-          [rows]="pageSize()"
-          [first]="first()"
-          [totalRecords]="total()"
-          [lazy]="true"
-          (onLazyLoad)="onLazyLoad($event)"
-          [rowsPerPageOptions]="[10, 25, 50]"
-          [scrollable]="true"
-          [tableStyle]="{ 'min-width': '40rem' }"
-        >
-          <ng-template #header>
-            <tr>
-              <th>{{ 'iam.role.name' | translate }}</th>
-              <th class="hidden md:table-cell">
-                {{ 'shared.description' | translate }}
-              </th>
-              <th>{{ 'shared.active' | translate }}</th>
-              <th class="hidden sm:table-cell">
-                {{ 'shared.read.only' | translate }}
-              </th>
-              <th class="w-[120px]">{{ 'shared.actions' | translate }}</th>
-            </tr>
-          </ng-template>
-          <ng-template #body let-role>
-            <tr>
-              <td>{{ role.name }}</td>
-              <td class="hidden md:table-cell">
-                {{ role.description ?? '-' }}
-              </td>
-              <td>
-                <f-tag
-                  [value]="
-                    role.isActive
-                      ? ('shared.active' | translate)
-                      : ('shared.inactive' | translate)
-                  "
-                  [severity]="role.isActive ? 'success' : 'secondary'"
-                />
-              </td>
-              <td class="hidden sm:table-cell">
-                <f-tag
-                  [value]="
-                    role.readOnly
-                      ? ('shared.yes' | translate)
-                      : ('shared.no' | translate)
-                  "
-                  [severity]="role.readOnly ? 'warn' : 'secondary'"
-                />
-              </td>
-              <td>
-                <div class="flex gap-1">
-                  <button
-                    fButton
-                    *hasPermission="ROLE_PERMISSIONS.UPDATE"
-                    [text]="true"
-                    severity="secondary"
-                    size="small"
-                    [disabled]="role.readOnly"
-                    [fTooltip]="'shared.edit' | translate"
-                    (click)="onEdit(role)"
-                  >
-                    <ui-icon pButtonIcon name="pencil"></ui-icon>
-                  </button>
-                  @if (showRoleUsers()) {
-                    <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"
-                    [text]="true"
-                    severity="danger"
-                    size="small"
-                    [fTooltip]="'shared.delete' | translate"
-                    [disabled]="role.readOnly"
-                    (click)="onDelete(role)"
-                  >
-                    <ui-icon pButtonIcon name="trash"></ui-icon>
-                  </button>
-                </div>
-              </td>
-            </tr>
-          </ng-template>
-          <ng-template #emptymessage>
-            <tr>
-              <td colspan="5" class="text-center py-4 text-muted-color">
-                {{ 'iam.role.no.roles' | translate }}
-              </td>
-            </tr>
-          </ng-template>
-        </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-DBfhjdkM.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"flusys-ng-iam-role-list-page.component-DBfhjdkM.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 { FormsModule } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport {\n  APP_CONFIG,\n  DEFAULT_APP_NAME,\n  getPermissionMode,\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  IconFieldComponent,\n  InputIconComponent,\n  InputTextDirective,\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    FormsModule,\n    IconFieldComponent,\n    InputIconComponent,\n    InputTextDirective,\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        <div class=\"flex flex-wrap items-center gap-2 w-full sm:w-auto\">\n          <f-iconfield class=\"w-full sm:w-64\">\n            <f-inputicon icon=\"search\" />\n            <input\n              fInputText\n              type=\"text\"\n              [ngModel]=\"searchTerm()\"\n              (ngModelChange)=\"onSearchChange($event)\"\n              [placeholder]=\"'shared.search' | translate\"\n              class=\"w-full\"\n            />\n          </f-iconfield>\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      </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                  @if (showRoleUsers()) {\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                  }\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  private readonly _searchTerm = signal('');\n  readonly searchTerm = this._searchTerm.asReadonly();\n  readonly showCompanyInfo = computed(\n    () => this.appConfig.enableCompanyFeature,\n  );\n  readonly showRoleUsers = computed(() => {\n    const permissionMode = getPermissionMode(this.appConfig);\n    return permissionMode === 'rbac' || permissionMode === 'full';\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        {\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        this._searchTerm(),\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  onSearchChange(value: string): void {\n    this._searchTerm.set(value);\n    this.first.set(0);\n    this.loadRoles();\n  }\n}\n"],"names":[],"mappings":"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"}