@flusys/ng-iam 5.4.0 → 5.5.0

package/fesm2022/{flusys-ng-iam-flusys-ng-iam-Bb39q1Bu.mjs → flusys-ng-iam-flusys-ng-iam-C9rdGS64.mjs}

@@ -227,10 +227,10 @@ class RoleApiService extends ApiResourceService {
     constructor() {
         super('roles', 'iam');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RoleApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RoleApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RoleApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RoleApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RoleApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RoleApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -257,10 +257,10 @@ class ActionApiService extends ApiResourceService {
         const iamBaseUrl = getServiceUrl(this.appConfig, 'iam');
         return this.http.post(`${iamBaseUrl}/actions/tree`, body);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ActionApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ActionApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ActionApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -794,10 +794,10 @@ class ActionPermissionLogicService {
         }
         return `${indent}${this.t('iam.logic.invalid')}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ActionPermissionLogicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ActionPermissionLogicService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionPermissionLogicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionPermissionLogicService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ActionPermissionLogicService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionPermissionLogicService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -830,10 +830,10 @@ class PermissionApiService extends BaseApiService {
     getCompanyActions(companyId) {
         return this.http.post(this.getUrl('permissions/get-company-actions'), { companyId });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PermissionApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PermissionApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PermissionApiService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -857,10 +857,10 @@ class MyPermissionsApiService {
     getMyPermissions(dto = {}) {
         return this.http.post(`${this.baseUrl}/my-permissions`, dto);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MyPermissionsApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MyPermissionsApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MyPermissionsApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MyPermissionsApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: MyPermissionsApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MyPermissionsApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -870,9 +870,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 class PermissionStateService {
     permissionApi = inject(MyPermissionsApiService);
     permissionValidator = inject(PermissionValidatorService);
-    _permissions = signal(null, ...(ngDevMode ? [{ debugName: "_permissions" }] : []));
+    _permissions = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_permissions" }] : /* istanbul ignore next */ []));
     permissions = this._permissions.asReadonly();
-    _isLoading = signal(false, ...(ngDevMode ? [{ debugName: "_isLoading" }] : []));
+    _isLoading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isLoading" }] : /* istanbul ignore next */ []));
     isLoading = this._isLoading.asReadonly();
     loadPermissions(dto) {
         this._isLoading.set(true);
@@ -891,10 +893,10 @@ class PermissionStateService {
     isLoaded() {
         return this._permissions() !== null && this.permissionValidator.isPermissionsLoaded();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PermissionStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PermissionStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: PermissionStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PermissionStateService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -928,11 +930,14 @@ function createActionNode(actionId = '') {
 }
 /** Visual builder for AND/OR permission logic trees */
 class LogicBuilderComponent {
-    logic = input(null, ...(ngDevMode ? [{ debugName: "logic" }] : []));
-    actions = input([], ...(ngDevMode ? [{ debugName: "actions" }] : []));
+    logic = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "logic" }] : /* istanbul ignore next */ []));
+    actions = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
     logicChange = output();
     /** Internal builder tree state (private writable + public readonly pattern) */
-    _builderTree = signal(null, ...(ngDevMode ? [{ debugName: "_builderTree" }] : []));
+    _builderTree = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_builderTree" }] : /* istanbul ignore next */ []));
     builderLogic = this._builderTree.asReadonly();
     constructor() {
         effect(() => {
@@ -943,7 +948,7 @@ class LogicBuilderComponent {
             else if (!this._builderTree()) {
                 this._builderTree.set(toBuilderNode(logic));
             }
-        }, { allowSignalWrites: true });
+        });
     }
     initializeLogic() {
         this.updateTreeAndEmit(createGroupNode());
@@ -1010,29 +1015,33 @@ class LogicBuilderComponent {
                 .map((child) => this.removeNodeFromTree(child, targetId)),
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LogicBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: LogicBuilderComponent, isStandalone: true, selector: "lib-logic-builder", inputs: { logic: { classPropertyName: "logic", publicName: "logic", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { logicChange: "logicChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LogicBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: LogicBuilderComponent, isStandalone: true, selector: "lib-logic-builder", inputs: { logic: { classPropertyName: "logic", publicName: "logic", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { logicChange: "logicChange" }, ngImport: i0, template: `
     <div class="logic-builder">
       <div class="flex justify-between items-center mb-3">
         <h4 class="text-sm font-semibold m-0">
           {{ 'iam.logic.title' | translate }}
         </h4>
         @if (!builderLogic()) {
-          <p-button
-            [label]="'iam.logic.add.logic' | translate"
-            icon="pi pi-plus"
+          <button
+            pButton
             size="small"
-            (onClick)="initializeLogic()"
-          />
+            (click)="initializeLogic()"
+          >
+            <span pButtonIcon class="pi pi-plus"></span>
+            <span pButtonLabel>{{ 'iam.logic.add.logic' | translate }}</span>
+          </button>
         } @else {
-          <p-button
-            [label]="'iam.logic.clear.logic' | translate"
-            icon="pi pi-trash"
+          <button
+            pButton
             size="small"
             severity="danger"
             [outlined]="true"
-            (onClick)="clearLogic()"
-          />
+            (click)="clearLogic()"
+          >
+            <span pButtonIcon class="pi pi-trash"></span>
+            <span pButtonLabel>{{ 'iam.logic.clear.logic' | translate }}</span>
+          </button>
         }
       </div>
 
@@ -1059,19 +1068,24 @@ class LogicBuilderComponent {
     <ng-template #nodeTemplate let-node let-depth="depth">
       <div
         class="p-3 border-b border-surface"
-        [ngClass]="depth % 2 === 0 ? 'bg-surface-0' : 'bg-surface-50'"
+        [class.bg-surface-0]="depth % 2 === 0"
+        [class.bg-surface-50]="depth % 2 !== 0"
       >
         <div class="flex items-center gap-3 mb-2">
-          <span class="node-type" [ngClass]="node.type">{{
-            node.type.toUpperCase()
-          }}</span>
+          <span
+            class="node-type"
+            [class.group]="node.type === 'group'"
+            [class.action]="node.type === 'action'"
+            >{{ node.type.toUpperCase() }}</span
+          >
 
           <div class="flex-1 flex items-center gap-2">
             @if (node.type === 'group') {
               <!-- Group: show operator toggle -->
               <span
                 class="operator-badge"
-                [ngClass]="node.operator === 'AND' ? 'and' : 'or'"
+                [class.and]="node.operator === 'AND'"
+                [class.or]="node.operator !== 'AND'"
                 (click)="toggleOperator(node.id)"
                 [title]="'iam.logic.click.to.toggle' | translate"
               >
@@ -1106,14 +1120,16 @@ class LogicBuilderComponent {
           </div>
 
           <div class="flex gap-1">
-            <p-button
-              icon="pi pi-trash"
+            <button
+              pButton
               [text]="true"
               severity="danger"
               size="small"
-              (onClick)="removeNode(node.id)"
+              (click)="removeNode(node.id)"
               [pTooltip]="'shared.remove' | translate"
-            />
+            >
+              <span pButtonIcon class="pi pi-trash"></span>
+            </button>
           </div>
         </div>
 
@@ -1142,29 +1158,33 @@ class LogicBuilderComponent {
               {{ 'iam.logic.add.condition' | translate }}
             </div>
             <div class="flex gap-2 flex-wrap">
-              <p-button
-                [label]="'iam.logic.group' | translate"
-                icon="pi pi-sitemap"
+              <button
+                pButton
                 size="small"
                 [outlined]="true"
-                (onClick)="addChildNode(node.id, 'group')"
-              />
-              <p-button
-                [label]="'iam.logic.action' | translate"
-                icon="pi pi-bolt"
+                (click)="addChildNode(node.id, 'group')"
+              >
+                <span pButtonIcon class="pi pi-sitemap"></span>
+                <span pButtonLabel>{{ 'iam.logic.group' | translate }}</span>
+              </button>
+              <button
+                pButton
                 size="small"
                 severity="success"
                 [outlined]="true"
-                (onClick)="addChildNode(node.id, 'action')"
-              />
+                (click)="addChildNode(node.id, 'action')"
+              >
+                <span pButtonIcon class="pi pi-bolt"></span>
+                <span pButtonLabel>{{ 'iam.logic.action' | translate }}</span>
+              </button>
             </div>
           </div>
         }
       </div>
     </ng-template>
-  `, isInline: true, styles: [":host{display:block}.node-type{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-weight:600;font-size:.75rem;text-transform:uppercase}.node-type.group{background-color:var(--p-blue-100, #dbeafe);color:var(--p-blue-700, #1e40af)}.node-type.action{background-color:var(--p-green-100, #d1fae5);color:var(--p-green-700, #065f46)}:host-context(.p-dark) .node-type.group{background-color:#3b82f633;color:var(--p-blue-400, #60a5fa)}:host-context(.p-dark) .node-type.action{background-color:#22c55e33;color:var(--p-green-400, #4ade80)}.operator-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-weight:600;font-size:.75rem;cursor:pointer;transition:opacity .2s}.operator-badge.and{background-color:var(--p-yellow-100, #fef3c7);color:var(--p-yellow-700, #92400e)}.operator-badge.or{background-color:var(--p-indigo-100, #e0e7ff);color:var(--p-indigo-700, #3730a3)}:host-context(.p-dark) .operator-badge.and{background-color:#eab30833;color:var(--p-yellow-400, #facc15)}:host-context(.p-dark) .operator-badge.or{background-color:#6366f133;color:var(--p-indigo-400, #818cf8)}.operator-badge:hover{opacity:.8}.action-select{background-color:var(--p-surface-0, #ffffff);color:var(--p-text-color, #1f2937)}:host-context(.p-dark) .action-select{background-color:var(--p-surface-900, #1f2937);color:var(--p-text-color, #f9fafb)}.action-select:focus{outline:none;border-color:var(--p-primary-color, #3b82f6)}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}.node-type{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-weight:600;font-size:.75rem;text-transform:uppercase}.node-type.group{background-color:var(--p-blue-100, #dbeafe);color:var(--p-blue-700, #1e40af)}.node-type.action{background-color:var(--p-green-100, #d1fae5);color:var(--p-green-700, #065f46)}:host-context(.p-dark) .node-type.group{background-color:#3b82f633;color:var(--p-blue-400, #60a5fa)}:host-context(.p-dark) .node-type.action{background-color:#22c55e33;color:var(--p-green-400, #4ade80)}.operator-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-weight:600;font-size:.75rem;cursor:pointer;transition:opacity .2s}.operator-badge.and{background-color:var(--p-yellow-100, #fef3c7);color:var(--p-yellow-700, #92400e)}.operator-badge.or{background-color:var(--p-indigo-100, #e0e7ff);color:var(--p-indigo-700, #3730a3)}:host-context(.p-dark) .operator-badge.and{background-color:#eab30833;color:var(--p-yellow-400, #facc15)}:host-context(.p-dark) .operator-badge.or{background-color:#6366f133;color:var(--p-indigo-400, #818cf8)}.operator-badge:hover{opacity:.8}.action-select{background-color:var(--p-surface-0, #ffffff);color:var(--p-text-color, #1f2937)}:host-context(.p-dark) .action-select{background-color:var(--p-surface-900, #1f2937);color:var(--p-text-color, #f9fafb)}.action-select:focus{outline:none;border-color:var(--p-primary-color, #3b82f6)}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i2.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i2.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LogicBuilderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LogicBuilderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-logic-builder', imports: [AngularModule, PrimeModule, TranslatePipe], template: `
     <div class="logic-builder">
@@ -1173,21 +1193,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           {{ 'iam.logic.title' | translate }}
         </h4>
         @if (!builderLogic()) {
-          <p-button
-            [label]="'iam.logic.add.logic' | translate"
-            icon="pi pi-plus"
+          <button
+            pButton
             size="small"
-            (onClick)="initializeLogic()"
-          />
+            (click)="initializeLogic()"
+          >
+            <span pButtonIcon class="pi pi-plus"></span>
+            <span pButtonLabel>{{ 'iam.logic.add.logic' | translate }}</span>
+          </button>
         } @else {
-          <p-button
-            [label]="'iam.logic.clear.logic' | translate"
-            icon="pi pi-trash"
+          <button
+            pButton
             size="small"
             severity="danger"
             [outlined]="true"
-            (onClick)="clearLogic()"
-          />
+            (click)="clearLogic()"
+          >
+            <span pButtonIcon class="pi pi-trash"></span>
+            <span pButtonLabel>{{ 'iam.logic.clear.logic' | translate }}</span>
+          </button>
         }
       </div>
 
@@ -1214,19 +1238,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
     <ng-template #nodeTemplate let-node let-depth="depth">
       <div
         class="p-3 border-b border-surface"
-        [ngClass]="depth % 2 === 0 ? 'bg-surface-0' : 'bg-surface-50'"
+        [class.bg-surface-0]="depth % 2 === 0"
+        [class.bg-surface-50]="depth % 2 !== 0"
       >
         <div class="flex items-center gap-3 mb-2">
-          <span class="node-type" [ngClass]="node.type">{{
-            node.type.toUpperCase()
-          }}</span>
+          <span
+            class="node-type"
+            [class.group]="node.type === 'group'"
+            [class.action]="node.type === 'action'"
+            >{{ node.type.toUpperCase() }}</span
+          >
 
           <div class="flex-1 flex items-center gap-2">
             @if (node.type === 'group') {
               <!-- Group: show operator toggle -->
               <span
                 class="operator-badge"
-                [ngClass]="node.operator === 'AND' ? 'and' : 'or'"
+                [class.and]="node.operator === 'AND'"
+                [class.or]="node.operator !== 'AND'"
                 (click)="toggleOperator(node.id)"
                 [title]="'iam.logic.click.to.toggle' | translate"
               >
@@ -1261,14 +1290,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           </div>
 
           <div class="flex gap-1">
-            <p-button
-              icon="pi pi-trash"
+            <button
+              pButton
               [text]="true"
               severity="danger"
               size="small"
-              (onClick)="removeNode(node.id)"
+              (click)="removeNode(node.id)"
               [pTooltip]="'shared.remove' | translate"
-            />
+            >
+              <span pButtonIcon class="pi pi-trash"></span>
+            </button>
           </div>
         </div>
 
@@ -1297,21 +1328,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               {{ 'iam.logic.add.condition' | translate }}
             </div>
             <div class="flex gap-2 flex-wrap">
-              <p-button
-                [label]="'iam.logic.group' | translate"
-                icon="pi pi-sitemap"
+              <button
+                pButton
                 size="small"
                 [outlined]="true"
-                (onClick)="addChildNode(node.id, 'group')"
-              />
-              <p-button
-                [label]="'iam.logic.action' | translate"
-                icon="pi pi-bolt"
+                (click)="addChildNode(node.id, 'group')"
+              >
+                <span pButtonIcon class="pi pi-sitemap"></span>
+                <span pButtonLabel>{{ 'iam.logic.group' | translate }}</span>
+              </button>
+              <button
+                pButton
                 size="small"
                 severity="success"
                 [outlined]="true"
-                (onClick)="addChildNode(node.id, 'action')"
-              />
+                (click)="addChildNode(node.id, 'action')"
+              >
+                <span pButtonIcon class="pi pi-bolt"></span>
+                <span pButtonLabel>{{ 'iam.logic.action' | translate }}</span>
+              </button>
             </div>
           </div>
         }
@@ -1384,24 +1419,32 @@ class BaseActionSelectorComponent {
     translateAdapter = inject(TranslateService, {
         optional: true,
     });
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : []));
-    _actions = signal([], ...(ngDevMode ? [{ debugName: "_actions" }] : []));
+    loading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    saving = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []));
+    _actions = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_actions" }] : /* istanbul ignore next */ []));
     actions = this._actions.asReadonly();
-    _actionsTree = signal([], ...(ngDevMode ? [{ debugName: "_actionsTree" }] : []));
+    _actionsTree = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_actionsTree" }] : /* istanbul ignore next */ []));
     actionsTree = this._actionsTree.asReadonly();
-    _selectionMap = signal({}, ...(ngDevMode ? [{ debugName: "_selectionMap" }] : []));
+    _selectionMap = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_selectionMap" }] : /* istanbul ignore next */ []));
     selectionMap = this._selectionMap.asReadonly();
-    _initialSelection = signal({}, ...(ngDevMode ? [{ debugName: "_initialSelection" }] : []));
+    _initialSelection = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_initialSelection" }] : /* istanbul ignore next */ []));
     initialSelection = this._initialSelection.asReadonly();
-    treeNodes = computed(() => convertActionToTreeNode(this.actionsTree()), ...(ngDevMode ? [{ debugName: "treeNodes" }] : []));
+    treeNodes = computed(() => convertActionToTreeNode(this.actionsTree()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "treeNodes" }] : /* istanbul ignore next */ []));
     allSelected = computed(() => {
         const selMap = this.selectionMap();
         const total = this.actions().length;
         if (total === 0)
             return false;
         return Object.values(selMap).filter((v) => v).length === total;
-    }, ...(ngDevMode ? [{ debugName: "allSelected" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allSelected" }] : /* istanbul ignore next */ []));
     hasChanges = computed(() => {
         const current = this.selectionMap();
         const initial = this.initialSelection();
@@ -1409,7 +1452,8 @@ class BaseActionSelectorComponent {
         if (currentKeys.length !== Object.keys(initial).length)
             return true;
         return currentKeys.some((key) => current[key] !== initial[key]);
-    }, ...(ngDevMode ? [{ debugName: "hasChanges" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasChanges" }] : /* istanbul ignore next */ []));
     actionsWithUnmetPrerequisites = computed(() => {
         const selMap = this.selectionMap();
         const allActions = this.actions();
@@ -1421,19 +1465,24 @@ class BaseActionSelectorComponent {
             }
         }
         return unmetSet;
-    }, ...(ngDevMode ? [{ debugName: "actionsWithUnmetPrerequisites" }] : []));
-    invalidActionsCount = computed(() => this.actionsWithUnmetPrerequisites().size, ...(ngDevMode ? [{ debugName: "invalidActionsCount" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actionsWithUnmetPrerequisites" }] : /* istanbul ignore next */ []));
+    invalidActionsCount = computed(() => this.actionsWithUnmetPrerequisites().size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalidActionsCount" }] : /* istanbul ignore next */ []));
     pendingAdd = computed(() => {
         const current = this.selectionMap();
         const initial = this.initialSelection();
         return this.actions().filter((a) => current[a.id] && !initial[a.id]);
-    }, ...(ngDevMode ? [{ debugName: "pendingAdd" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pendingAdd" }] : /* istanbul ignore next */ []));
     pendingRemove = computed(() => {
         const current = this.selectionMap();
         const initial = this.initialSelection();
         return this.actions().filter((a) => !current[a.id] && initial[a.id]);
-    }, ...(ngDevMode ? [{ debugName: "pendingRemove" }] : []));
-    canSave = computed(() => this.hasChanges() && !this.saving() && this.invalidActionsCount() === 0, ...(ngDevMode ? [{ debugName: "canSave" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pendingRemove" }] : /* istanbul ignore next */ []));
+    canSave = computed(() => this.hasChanges() && !this.saving() && this.invalidActionsCount() === 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canSave" }] : /* istanbul ignore next */ []));
     translate(key, vars) {
         return this.translateAdapter?.translate(key, vars) ?? key;
     }
@@ -1508,8 +1557,10 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
     actionApi = inject(ActionApiService);
     permissionApi = inject(PermissionApiService);
     messageService = inject(MessageService);
-    selectedRoleId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedRoleId" }] : []));
-    roles = signal([], ...(ngDevMode ? [{ debugName: "roles" }] : []));
+    selectedRoleId = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedRoleId" }] : /* istanbul ignore next */ []));
+    roles = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roles" }] : /* istanbul ignore next */ []));
     loadDataAbortController = null;
     constructor() {
         super();
@@ -1605,8 +1656,8 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
             this.saving.set(false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RoleActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: RoleActionSelectorComponent, isStandalone: true, selector: "flusys-role-action-selector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RoleActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RoleActionSelectorComponent, isStandalone: true, selector: "flusys-role-action-selector", usesInheritance: true, ngImport: i0, template: `
     <div class="role-action-selector">
       <div class="mb-4">
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
@@ -1657,31 +1708,40 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
-                <p-button
-                  [label]="'shared.select.all' | translate"
-                  icon="pi pi-check"
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="selectAll()"
-                />
-                <p-button
-                  [label]="'shared.deselect.all' | translate"
-                  icon="pi pi-times"
+                  (click)="selectAll()"
+                >
+                  <span pButtonIcon class="pi pi-check"></span>
+                  <span pButtonLabel>{{ 'shared.select.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="deselectAll()"
-                />
-                <p-button
+                  (click)="deselectAll()"
+                >
+                  <span pButtonIcon class="pi pi-times"></span>
+                  <span pButtonLabel>{{ 'shared.deselect.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   *hasPermission="ROLE_ACTION_PERMISSIONS.ASSIGN"
-                  [label]="'shared.save.changes' | translate"
-                  icon="pi pi-save"
-                  [disabled]="!canSave()"
-                  [loading]="saving()"
+                  [disabled]="!canSave() || saving()"
                   size="small"
-                  (onClick)="saveChanges()"
-                />
+                  (click)="saveChanges()"
+                >
+                  @if (saving()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  } @else {
+                    <span pButtonIcon class="pi pi-save"></span>
+                  }
+                  <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+                </button>
               </div>
             </div>
 
@@ -1707,7 +1767,7 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
             }
 
             <div class="overflow-x-auto -mx-4 sm:mx-0">
-              <p-treeTable
+              <p-treetable
                 [value]="treeNodes()"
                 dataKey="id"
                 class="p-treetable-sm"
@@ -1748,7 +1808,7 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
                       />
                     </td>
                     <td>
-                      <p-treeTableToggler [rowNode]="rowNode" />
+                      <p-treetabletoggler [rowNode]="rowNode" />
                       <span class="inline-flex items-center gap-2">
                         {{ rowData.name }}
                         @if (hasUnmet) {
@@ -1797,7 +1857,7 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
                     </td>
                   </tr>
                 </ng-template>
-              </p-treeTable>
+              </p-treetable>
             </div>
           </div>
 
@@ -1861,9 +1921,9 @@ class RoleActionSelectorComponent extends BaseActionSelectorComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i2.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i2.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "multiple", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treetable, p-tree-table", inputs: ["columns", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "selectionKeys", "collapsedKeys", "showGridlines"], outputs: ["rowsChange", "selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange", "collapsedKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RoleActionSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RoleActionSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'flusys-role-action-selector', imports: [FormsModule, PrimeModule, HasPermissionDirective, TranslatePipe], template: `
     <div class="role-action-selector">
@@ -1916,31 +1976,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
-                <p-button
-                  [label]="'shared.select.all' | translate"
-                  icon="pi pi-check"
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="selectAll()"
-                />
-                <p-button
-                  [label]="'shared.deselect.all' | translate"
-                  icon="pi pi-times"
+                  (click)="selectAll()"
+                >
+                  <span pButtonIcon class="pi pi-check"></span>
+                  <span pButtonLabel>{{ 'shared.select.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="deselectAll()"
-                />
-                <p-button
+                  (click)="deselectAll()"
+                >
+                  <span pButtonIcon class="pi pi-times"></span>
+                  <span pButtonLabel>{{ 'shared.deselect.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   *hasPermission="ROLE_ACTION_PERMISSIONS.ASSIGN"
-                  [label]="'shared.save.changes' | translate"
-                  icon="pi pi-save"
-                  [disabled]="!canSave()"
-                  [loading]="saving()"
+                  [disabled]="!canSave() || saving()"
                   size="small"
-                  (onClick)="saveChanges()"
-                />
+                  (click)="saveChanges()"
+                >
+                  @if (saving()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  } @else {
+                    <span pButtonIcon class="pi pi-save"></span>
+                  }
+                  <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+                </button>
               </div>
             </div>
 
@@ -1966,7 +2035,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }
 
             <div class="overflow-x-auto -mx-4 sm:mx-0">
-              <p-treeTable
+              <p-treetable
                 [value]="treeNodes()"
                 dataKey="id"
                 class="p-treetable-sm"
@@ -2007,7 +2076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                       />
                     </td>
                     <td>
-                      <p-treeTableToggler [rowNode]="rowNode" />
+                      <p-treetabletoggler [rowNode]="rowNode" />
                       <span class="inline-flex items-center gap-2">
                         {{ rowData.name }}
                         @if (hasUnmet) {
@@ -2056,7 +2125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     </td>
                   </tr>
                 </ng-template>
-              </p-treeTable>
+              </p-treetable>
             </div>
           </div>
 
@@ -2131,8 +2200,10 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
     messageService = inject(MessageService);
     confirmationService = inject(ConfirmationService);
     destroyRef = inject(DestroyRef);
-    selectedCompanyId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedCompanyId" }] : []));
-    companies = signal([], ...(ngDevMode ? [{ debugName: "companies" }] : []));
+    selectedCompanyId = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedCompanyId" }] : /* istanbul ignore next */ []));
+    companies = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "companies" }] : /* istanbul ignore next */ []));
     loadDataAbortController = null;
     constructor() {
         super();
@@ -2275,8 +2346,8 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
             },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: CompanyActionSelectorComponent, isStandalone: true, selector: "flusys-company-action-selector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CompanyActionSelectorComponent, isStandalone: true, selector: "flusys-company-action-selector", usesInheritance: true, ngImport: i0, template: `
     <div class="company-action-selector">
       <div class="mb-4">
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
@@ -2327,31 +2398,40 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
-                <p-button
-                  [label]="'shared.select.all' | translate"
-                  icon="pi pi-check"
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="selectAll()"
-                />
-                <p-button
-                  [label]="'shared.deselect.all' | translate"
-                  icon="pi pi-times"
+                  (click)="selectAll()"
+                >
+                  <span pButtonIcon class="pi pi-check"></span>
+                  <span pButtonLabel>{{ 'shared.select.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="deselectAll()"
-                />
-                <p-button
+                  (click)="deselectAll()"
+                >
+                  <span pButtonIcon class="pi pi-times"></span>
+                  <span pButtonLabel>{{ 'shared.deselect.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   *hasPermission="COMPANY_ACTION_PERMISSIONS.ASSIGN"
-                  [label]="'shared.save.changes' | translate"
-                  icon="pi pi-save"
-                  [disabled]="!canSave()"
-                  [loading]="saving()"
+                  [disabled]="!canSave() || saving()"
                   size="small"
-                  (onClick)="saveChanges()"
-                />
+                  (click)="saveChanges()"
+                >
+                  @if (saving()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  } @else {
+                    <span pButtonIcon class="pi pi-save"></span>
+                  }
+                  <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+                </button>
               </div>
             </div>
 
@@ -2377,7 +2457,7 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
             }
 
             <div class="overflow-x-auto -mx-4 sm:mx-0">
-              <p-treeTable
+              <p-treetable
                 [value]="treeNodes()"
                 dataKey="id"
                 class="p-treetable-sm"
@@ -2417,7 +2497,7 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
                       />
                     </td>
                     <td>
-                      <p-treeTableToggler [rowNode]="rowNode" />
+                      <p-treetabletoggler [rowNode]="rowNode" />
                       <span class="inline-flex items-center gap-2">
                         {{ rowData.name }}
                         @if (hasUnmet) {
@@ -2460,7 +2540,7 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
                     </td>
                   </tr>
                 </ng-template>
-              </p-treeTable>
+              </p-treetable>
             </div>
           </div>
 
@@ -2524,9 +2604,9 @@ class CompanyActionSelectorComponent extends BaseActionSelectorComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i2.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i2.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "multiple", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treetable, p-tree-table", inputs: ["columns", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "selectionKeys", "collapsedKeys", "showGridlines"], outputs: ["rowsChange", "selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange", "collapsedKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyActionSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CompanyActionSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'flusys-company-action-selector', imports: [FormsModule, PrimeModule, HasPermissionDirective, TranslatePipe], template: `
     <div class="company-action-selector">
@@ -2579,31 +2659,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
-                <p-button
-                  [label]="'shared.select.all' | translate"
-                  icon="pi pi-check"
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="selectAll()"
-                />
-                <p-button
-                  [label]="'shared.deselect.all' | translate"
-                  icon="pi pi-times"
+                  (click)="selectAll()"
+                >
+                  <span pButtonIcon class="pi pi-check"></span>
+                  <span pButtonLabel>{{ 'shared.select.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="deselectAll()"
-                />
-                <p-button
+                  (click)="deselectAll()"
+                >
+                  <span pButtonIcon class="pi pi-times"></span>
+                  <span pButtonLabel>{{ 'shared.deselect.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   *hasPermission="COMPANY_ACTION_PERMISSIONS.ASSIGN"
-                  [label]="'shared.save.changes' | translate"
-                  icon="pi pi-save"
-                  [disabled]="!canSave()"
-                  [loading]="saving()"
+                  [disabled]="!canSave() || saving()"
                   size="small"
-                  (onClick)="saveChanges()"
-                />
+                  (click)="saveChanges()"
+                >
+                  @if (saving()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  } @else {
+                    <span pButtonIcon class="pi pi-save"></span>
+                  }
+                  <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+                </button>
               </div>
             </div>
 
@@ -2629,7 +2718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }
 
             <div class="overflow-x-auto -mx-4 sm:mx-0">
-              <p-treeTable
+              <p-treetable
                 [value]="treeNodes()"
                 dataKey="id"
                 class="p-treetable-sm"
@@ -2669,7 +2758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                       />
                     </td>
                     <td>
-                      <p-treeTableToggler [rowNode]="rowNode" />
+                      <p-treetabletoggler [rowNode]="rowNode" />
                       <span class="inline-flex items-center gap-2">
                         {{ rowData.name }}
                         @if (hasUnmet) {
@@ -2712,7 +2801,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     </td>
                   </tr>
                 </ng-template>
-              </p-treeTable>
+              </p-treetable>
             </div>
           </div>
 
@@ -2825,28 +2914,38 @@ class UserRoleSelectorComponent {
         return this.translateAdapter?.translate(key, vars) ?? key;
     }
     // State - User/Branch Selection
-    selectedUserId = signal(null, ...(ngDevMode ? [{ debugName: "selectedUserId" }] : []));
-    selectedBranchId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedBranchId" }] : []));
-    branches = signal([], ...(ngDevMode ? [{ debugName: "branches" }] : []));
+    selectedUserId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedUserId" }] : /* istanbul ignore next */ []));
+    selectedBranchId = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedBranchId" }] : /* istanbul ignore next */ []));
+    branches = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "branches" }] : /* istanbul ignore next */ []));
     // State - Loading/Saving
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : []));
+    loading = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    saving = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []));
     // State - Roles (Business Logic)
-    _roles = signal([], ...(ngDevMode ? [{ debugName: "_roles" }] : []));
+    _roles = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_roles" }] : /* istanbul ignore next */ []));
     roles = this._roles.asReadonly();
     // State - Selection
-    _selectionMap = signal({}, ...(ngDevMode ? [{ debugName: "_selectionMap" }] : []));
+    _selectionMap = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_selectionMap" }] : /* istanbul ignore next */ []));
     selectionMap = this._selectionMap.asReadonly();
-    _initialSelection = signal({}, ...(ngDevMode ? [{ debugName: "_initialSelection" }] : []));
+    _initialSelection = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_initialSelection" }] : /* istanbul ignore next */ []));
     initialSelection = this._initialSelection.asReadonly();
     // Computed - UI Flags
-    showBranchSelector = computed(() => isCompanyFeatureEnabled(this.appConfig) === true, ...(ngDevMode ? [{ debugName: "showBranchSelector" }] : []));
+    showBranchSelector = computed(() => isCompanyFeatureEnabled(this.appConfig) === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showBranchSelector" }] : /* istanbul ignore next */ []));
     filteredBranches = computed(() => {
         const currentCompanyId = this.companyContext.currentCompanyInfo()?.id || undefined;
         if (!currentCompanyId)
             return this.branches();
         return this.branches().filter((b) => b.companyId === currentCompanyId);
-    }, ...(ngDevMode ? [{ debugName: "filteredBranches" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filteredBranches" }] : /* istanbul ignore next */ []));
     // Computed - Selection State
     allSelected = computed(() => {
         const selMap = this.selectionMap();
@@ -2855,7 +2954,8 @@ class UserRoleSelectorComponent {
             return false;
         const selected = Object.values(selMap).filter((v) => v).length;
         return selected === total;
-    }, ...(ngDevMode ? [{ debugName: "allSelected" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allSelected" }] : /* istanbul ignore next */ []));
     // Computed - Change Detection
     hasChanges = computed(() => {
         const current = this.selectionMap();
@@ -2865,24 +2965,28 @@ class UserRoleSelectorComponent {
         if (currentKeys.length !== initialKeys.length)
             return true;
         return currentKeys.some((key) => current[key] !== initial[key]);
-    }, ...(ngDevMode ? [{ debugName: "hasChanges" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasChanges" }] : /* istanbul ignore next */ []));
     // Computed - Pending Changes
     pendingAdd = computed(() => {
         const current = this.selectionMap();
         const initial = this.initialSelection();
         const allRoles = this.roles();
         return allRoles.filter((role) => current[role.id] && !initial[role.id]);
-    }, ...(ngDevMode ? [{ debugName: "pendingAdd" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pendingAdd" }] : /* istanbul ignore next */ []));
     pendingRemove = computed(() => {
         const current = this.selectionMap();
         const initial = this.initialSelection();
         const allRoles = this.roles();
         return allRoles.filter((role) => !current[role.id] && initial[role.id]);
-    }, ...(ngDevMode ? [{ debugName: "pendingRemove" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pendingRemove" }] : /* istanbul ignore next */ []));
     // Computed - Save Button State
     canSave = computed(() => {
         return this.hasChanges() && !this.saving();
-    }, ...(ngDevMode ? [{ debugName: "canSave" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canSave" }] : /* istanbul ignore next */ []));
     constructor() {
         // Effect: Load user branches and data when user changes
         effect(() => {
@@ -3081,8 +3185,8 @@ class UserRoleSelectorComponent {
         this._selectionMap.set({});
         this._initialSelection.set({});
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserRoleSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: UserRoleSelectorComponent, isStandalone: true, selector: "flusys-user-role-selector", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserRoleSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: UserRoleSelectorComponent, isStandalone: true, selector: "flusys-user-role-selector", ngImport: i0, template: `
     <div class="user-role-selector">
       <!-- User and Branch Selectors -->
       <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
@@ -3177,31 +3281,40 @@ class UserRoleSelectorComponent {
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
-                <p-button
-                  [label]="'shared.select.all' | translate"
-                  icon="pi pi-check"
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="selectAll()"
-                />
-                <p-button
-                  [label]="'shared.deselect.all' | translate"
-                  icon="pi pi-times"
+                  (click)="selectAll()"
+                >
+                  <span pButtonIcon class="pi pi-check"></span>
+                  <span pButtonLabel>{{ 'shared.select.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="deselectAll()"
-                />
-                <p-button
+                  (click)="deselectAll()"
+                >
+                  <span pButtonIcon class="pi pi-times"></span>
+                  <span pButtonLabel>{{ 'shared.deselect.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   *hasPermission="USER_ROLE_PERMISSIONS.ASSIGN"
-                  [label]="'shared.save.changes' | translate"
-                  icon="pi pi-save"
-                  [disabled]="!canSave()"
-                  [loading]="saving()"
+                  [disabled]="!canSave() || saving()"
                   size="small"
-                  (onClick)="saveChanges()"
-                />
+                  (click)="saveChanges()"
+                >
+                  @if (saving()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  } @else {
+                    <span pButtonIcon class="pi pi-save"></span>
+                  }
+                  <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+                </button>
               </div>
             </div>
 
@@ -3335,9 +3448,9 @@ class UserRoleSelectorComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["showClear", "value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i2.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i2.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "multiple", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "firstChange", "rowsChange", "totalRecordsChange", "selectionChange", "selectAllChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["showClear", "value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserRoleSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserRoleSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'flusys-user-role-selector', imports: [
                         CommonModule,
@@ -3441,31 +3554,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
-                <p-button
-                  [label]="'shared.select.all' | translate"
-                  icon="pi pi-check"
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="selectAll()"
-                />
-                <p-button
-                  [label]="'shared.deselect.all' | translate"
-                  icon="pi pi-times"
+                  (click)="selectAll()"
+                >
+                  <span pButtonIcon class="pi pi-check"></span>
+                  <span pButtonLabel>{{ 'shared.select.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="deselectAll()"
-                />
-                <p-button
+                  (click)="deselectAll()"
+                >
+                  <span pButtonIcon class="pi pi-times"></span>
+                  <span pButtonLabel>{{ 'shared.deselect.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   *hasPermission="USER_ROLE_PERMISSIONS.ASSIGN"
-                  [label]="'shared.save.changes' | translate"
-                  icon="pi pi-save"
-                  [disabled]="!canSave()"
-                  [loading]="saving()"
+                  [disabled]="!canSave() || saving()"
                   size="small"
-                  (onClick)="saveChanges()"
-                />
+                  (click)="saveChanges()"
+                >
+                  @if (saving()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  } @else {
+                    <span pButtonIcon class="pi pi-save"></span>
+                  }
+                  <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+                </button>
               </div>
             </div>
 
@@ -3610,17 +3732,22 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
     actionApi = inject(ActionApiService);
     permissionApi = inject(PermissionApiService);
     messageService = inject(MessageService);
-    selectedUserId = signal(null, ...(ngDevMode ? [{ debugName: "selectedUserId" }] : []));
-    selectedBranchId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedBranchId" }] : []));
-    branches = signal([], ...(ngDevMode ? [{ debugName: "branches" }] : []));
-    isCompanyFeatureActive = computed(() => isCompanyFeatureEnabled(this.appConfig) === true, ...(ngDevMode ? [{ debugName: "isCompanyFeatureActive" }] : []));
+    selectedUserId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedUserId" }] : /* istanbul ignore next */ []));
+    selectedBranchId = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedBranchId" }] : /* istanbul ignore next */ []));
+    branches = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "branches" }] : /* istanbul ignore next */ []));
+    isCompanyFeatureActive = computed(() => isCompanyFeatureEnabled(this.appConfig) === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isCompanyFeatureActive" }] : /* istanbul ignore next */ []));
     showBranchSelector = this.isCompanyFeatureActive;
     filteredBranches = computed(() => {
         const currentCompanyId = this.companyContext.currentCompanyInfo()?.id || undefined;
         if (!currentCompanyId)
             return this.branches();
         return this.branches().filter((b) => b.companyId === currentCompanyId);
-    }, ...(ngDevMode ? [{ debugName: "filteredBranches" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filteredBranches" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         effect(() => {
@@ -3740,8 +3867,8 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
             this.saving.set(false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: UserActionSelectorComponent, isStandalone: true, selector: "flusys-user-action-selector", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserActionSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: UserActionSelectorComponent, isStandalone: true, selector: "flusys-user-action-selector", usesInheritance: true, ngImport: i0, template: `
     <div class="user-action-selector">
       <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
         <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
@@ -3831,31 +3958,40 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
-                <p-button
-                  [label]="'shared.select.all' | translate"
-                  icon="pi pi-check"
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="selectAll()"
-                />
-                <p-button
-                  [label]="'shared.deselect.all' | translate"
-                  icon="pi pi-times"
+                  (click)="selectAll()"
+                >
+                  <span pButtonIcon class="pi pi-check"></span>
+                  <span pButtonLabel>{{ 'shared.select.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="deselectAll()"
-                />
-                <p-button
+                  (click)="deselectAll()"
+                >
+                  <span pButtonIcon class="pi pi-times"></span>
+                  <span pButtonLabel>{{ 'shared.deselect.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   *hasPermission="USER_ACTION_PERMISSIONS.ASSIGN"
-                  [label]="'shared.save.changes' | translate"
-                  icon="pi pi-save"
-                  [disabled]="!canSave()"
-                  [loading]="saving()"
+                  [disabled]="!canSave() || saving()"
                   size="small"
-                  (onClick)="saveChanges()"
-                />
+                  (click)="saveChanges()"
+                >
+                  @if (saving()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  } @else {
+                    <span pButtonIcon class="pi pi-save"></span>
+                  }
+                  <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+                </button>
               </div>
             </div>
 
@@ -3881,7 +4017,7 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
             }
 
             <div class="overflow-x-auto -mx-4 sm:mx-0">
-              <p-treeTable
+              <p-treetable
                 [value]="treeNodes()"
                 dataKey="id"
                 class="p-treetable-sm"
@@ -3922,7 +4058,7 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
                       />
                     </td>
                     <td>
-                      <p-treeTableToggler [rowNode]="rowNode" />
+                      <p-treetabletoggler [rowNode]="rowNode" />
                       <span class="inline-flex items-center gap-2">
                         {{ rowData.name }}
                         @if (hasUnmet) {
@@ -3965,7 +4101,7 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
                     </td>
                   </tr>
                 </ng-template>
-              </p-treeTable>
+              </p-treetable>
             </div>
           </div>
 
@@ -4029,9 +4165,9 @@ class UserActionSelectorComponent extends BaseActionSelectorComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["showClear", "value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "directive", type: i2.ButtonLabel, selector: "[pButtonLabel]", inputs: ["pButtonLabelPT", "pButtonLabelUnstyled"] }, { kind: "directive", type: i2.ButtonIcon, selector: "[pButtonIcon]", inputs: ["pButtonIconPT", "pButtonUnstyled"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "multiple", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treetable, p-tree-table", inputs: ["columns", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "selectionKeys", "collapsedKeys", "showGridlines"], outputs: ["rowsChange", "selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange", "collapsedKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["showClear", "value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserActionSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserActionSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'flusys-user-action-selector', imports: [
                         FormsModule,
@@ -4129,31 +4265,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
-                <p-button
-                  [label]="'shared.select.all' | translate"
-                  icon="pi pi-check"
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="selectAll()"
-                />
-                <p-button
-                  [label]="'shared.deselect.all' | translate"
-                  icon="pi pi-times"
+                  (click)="selectAll()"
+                >
+                  <span pButtonIcon class="pi pi-check"></span>
+                  <span pButtonLabel>{{ 'shared.select.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   [outlined]="true"
                   size="small"
                   severity="secondary"
-                  (onClick)="deselectAll()"
-                />
-                <p-button
+                  (click)="deselectAll()"
+                >
+                  <span pButtonIcon class="pi pi-times"></span>
+                  <span pButtonLabel>{{ 'shared.deselect.all' | translate }}</span>
+                </button>
+                <button
+                  pButton
                   *hasPermission="USER_ACTION_PERMISSIONS.ASSIGN"
-                  [label]="'shared.save.changes' | translate"
-                  icon="pi pi-save"
-                  [disabled]="!canSave()"
-                  [loading]="saving()"
+                  [disabled]="!canSave() || saving()"
                   size="small"
-                  (onClick)="saveChanges()"
-                />
+                  (click)="saveChanges()"
+                >
+                  @if (saving()) {
+                    <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+                  } @else {
+                    <span pButtonIcon class="pi pi-save"></span>
+                  }
+                  <span pButtonLabel>{{ 'shared.save.changes' | translate }}</span>
+                </button>
               </div>
             </div>
 
@@ -4179,7 +4324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }
 
             <div class="overflow-x-auto -mx-4 sm:mx-0">
-              <p-treeTable
+              <p-treetable
                 [value]="treeNodes()"
                 dataKey="id"
                 class="p-treetable-sm"
@@ -4220,7 +4365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                       />
                     </td>
                     <td>
-                      <p-treeTableToggler [rowNode]="rowNode" />
+                      <p-treetabletoggler [rowNode]="rowNode" />
                       <span class="inline-flex items-center gap-2">
                         {{ rowData.name }}
                         @if (hasUnmet) {
@@ -4263,7 +4408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     </td>
                   </tr>
                 </ng-template>
-              </p-treeTable>
+              </p-treetable>
             </div>
           </div>
 
@@ -4377,10 +4522,10 @@ class ProfilePermissionProviderAdapter {
             })),
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProfilePermissionProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProfilePermissionProviderAdapter });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ProfilePermissionProviderAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ProfilePermissionProviderAdapter });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProfilePermissionProviderAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ProfilePermissionProviderAdapter, decorators: [{
             type: Injectable
         }] });
 
@@ -4403,7 +4548,7 @@ const IAM_ROUTES = [
     {
         path: '',
         resolve: { translations: resolveTranslationModule({ modules: ['iam'], fallbackMessages: { ...IAM_MESSAGES, ...SHARED_MESSAGES } }) },
-        loadComponent: () => import('./flusys-ng-iam-iam-container.component-DAiS1Mtk.mjs').then((m) => m.IamContainerComponent),
+        loadComponent: () => import('./flusys-ng-iam-iam-container.component-DEuc_l2i.mjs').then((m) => m.IamContainerComponent),
         children: [
             // Actions Management
             {
@@ -4412,15 +4557,15 @@ const IAM_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-iam-action-list-page.component-BJ-tu6vu.mjs').then((m) => m.ActionListPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-list-page.component-BQvx2btD.mjs').then((m) => m.ActionListPageComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-BQJkl9pU.mjs').then((m) => m.ActionFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-BGEON5_n.mjs').then((m) => m.ActionFormPageComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-BQJkl9pU.mjs').then((m) => m.ActionFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-BGEON5_n.mjs').then((m) => m.ActionFormPageComponent),
                     },
                 ],
             },
@@ -4431,15 +4576,15 @@ const IAM_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-iam-role-list-page.component-CNOsO-gH.mjs').then((m) => m.RoleListPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-list-page.component-DVto37LL.mjs').then((m) => m.RoleListPageComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-CX8LxsdO.mjs').then((m) => m.RoleFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-CR1tl17E.mjs').then((m) => m.RoleFormPageComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-CX8LxsdO.mjs').then((m) => m.RoleFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-CR1tl17E.mjs').then((m) => m.RoleFormPageComponent),
                     },
                 ],
             },
@@ -4454,7 +4599,7 @@ const IAM_ROUTES = [
                         COMPANY_ACTION_PERMISSIONS.READ,
                     ]),
                 ],
-                loadComponent: () => import('./flusys-ng-iam-permission-page.component-D4IHueFW.mjs').then((m) => m.PermissionPageComponent),
+                loadComponent: () => import('./flusys-ng-iam-permission-page.component-DV8qtLcu.mjs').then((m) => m.PermissionPageComponent),
             },
             // Default redirect to actions
             {
@@ -4473,4 +4618,4 @@ const IAM_ROUTES = [
  */
 
 export { ActionApiService as A, CompanyActionSelectorComponent as C, IAM_MESSAGES as I, LogicBuilderComponent as L, MAX_DROPDOWN_ITEMS as M, PermissionApiService as P, RoleApiService as R, UserRoleSelectorComponent as U, ActionType as a, RoleActionSelectorComponent as b, convertActionToTreeNode as c, UserActionSelectorComponent as d, ActionPermissionLogicService as e, IAM_ROUTES as f, MyPermissionsApiService as g, PermissionStateService as h, ProfilePermissionProviderAdapter as i, provideIamProviders as p };
-//# sourceMappingURL=flusys-ng-iam-flusys-ng-iam-Bb39q1Bu.mjs.map
+//# sourceMappingURL=flusys-ng-iam-flusys-ng-iam-C9rdGS64.mjs.map