@flusys/ng-iam 1.1.1-beta → 1.2.0-rc.1

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

@@ -0,0 +1,389 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, effect, untracked, Component } from '@angular/core';
+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 * as i2 from '@flusys/ng-ui';
+import { MessageService, ConfirmationService, UiModule } from '@flusys/ng-ui';
+import { ROLE_PERMISSIONS, TranslateService, AngularModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
+import { R as RoleApiService } from './flusys-ng-iam-flusys-ng-iam-CrycDULz.mjs';
+
+class RoleListPageComponent {
+    ROLE_PERMISSIONS = 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 */ []));
+    showCompanyInfo = computed(() => this.appConfig.enableCompanyFeature, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showCompanyInfo" }] : /* istanbul ignore next */ []));
+    currentCompanyName = computed(() => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentCompanyName" }] : /* 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.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]);
+    }
+    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: 'delete',
+                    });
+                    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();
+    }
+    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: `
+    <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>
+        <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 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"
+                    [fTooltip]="'shared.edit' | translate"
+                    (click)="onEdit(role)"
+                  >
+                    <ui-icon pButtonIcon name="pencil"></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>
+  `, 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" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: RoleListPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-role-list-page',
+                    imports: [
+                        AngularModule,
+                        UiModule,
+                        HasPermissionDirective,
+                        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>
+        <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 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"
+                    [fTooltip]="'shared.edit' | translate"
+                    (click)="onEdit(role)"
+                  >
+                    <ui-icon pButtonIcon name="pencil"></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>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+export { RoleListPageComponent };
+//# sourceMappingURL=flusys-ng-iam-role-list-page.component-8NGXCeSZ.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-role-list-page.component-8NGXCeSZ.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 { ConfirmationService, MessageService } from '@flusys/ng-ui';\nimport {\n  AngularModule,\n  HasPermissionDirective,\n  ROLE_PERMISSIONS,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { IRole } from '../../interfaces/role.interface';\nimport { RoleApiService } from '../../services/role-api.service';\nimport { UiModule } from '@flusys/ng-ui';\n\n@Component({\n  selector: 'lib-role-list-page',\n  imports: [\n    AngularModule,\n    UiModule,\n    HasPermissionDirective,\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                    [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=\"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})\nexport class RoleListPageComponent {\n  readonly ROLE_PERMISSIONS = 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  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  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: 'delete',\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":["i1"],"mappings":"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"}

package/fesm2022/flusys-ng-iam.mjs

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

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@flusys/ng-iam",
-  "version": "1.1.1-beta",
+  "version": "1.2.0-rc.1",
   "description": "Identity and Access Management (IAM) for Angular - Independent from ng-auth through Provider Interface Pattern",
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/forms": "^21.0.0",
-    "@flusys/ng-core": "^1.1.1-beta",
-    "@flusys/ng-layout": "^1.1.1-beta",
-    "@flusys/ng-shared": "^1.1.1-beta",
-    "@primeuix/themes": "^1.0.0",
-    "primeicons": "^7.0.0",
-    "primeng": "^21.0.0"
+    "@angular/common": ">=22.0.0",
+    "@angular/core": ">=22.0.0",
+    "@angular/forms": ">=22.0.0",
+    "@angular/router": ">=22.0.0",
+    "@flusys/ng-core": ">=1.2.0-rc.1",
+    "@flusys/ng-layout": ">=1.2.0-rc.1",
+    "@flusys/ng-shared": ">=1.2.0-rc.1",
+    "@flusys/ng-ui": ">=1.2.0-rc.1",
+    "rxjs": "^7.8.0"
   },
   "sideEffects": false,
   "module": "fesm2022/flusys-ng-iam.mjs",
@@ -26,6 +26,7 @@
       "default": "./fesm2022/flusys-ng-iam.mjs"
     }
   },
+  "type": "module",
   "dependencies": {
     "tslib": "^2.3.0"
   }