@flusys/ng-iam 5.5.0 → 6.0.0-beta.2

package/fesm2022/{flusys-ng-iam-action-form-page.component-BGEON5_n.mjs → flusys-ng-iam-action-form-page.component-DTJT8Dc-.mjs}

@@ -3,13 +3,11 @@ import { inject, signal, computed, effect, Component } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { form, required, FormField } from '@angular/forms/signals';
 import { ActivatedRoute, Router } from '@angular/router';
-import { TranslateService, AngularModule, PrimeModule, TranslatePipe } from '@flusys/ng-shared';
-import { MessageService } from 'primeng/api';
-import { A as ActionApiService, a as ActionType, L as LogicBuilderComponent } from './flusys-ng-iam-flusys-ng-iam-C9rdGS64.mjs';
+import * as i2 from '@flusys/ng-ui';
+import { MessageService, UiModule } from '@flusys/ng-ui';
+import { TranslateService, AngularModule, TranslatePipe } from '@flusys/ng-shared';
+import { A as ActionApiService, a as ActionType, L as LogicBuilderComponent } from './flusys-ng-iam-flusys-ng-iam-DzIO0zsO.mjs';
 import * as i1 from '@angular/forms';
-import * as i2 from 'primeng/button';
-import * as i3 from 'primeng/checkbox';
-import * as i4 from 'primeng/inputtext';
 
 class ActionFormPageComponent {
     route = inject(ActivatedRoute);
@@ -194,8 +192,8 @@ class ActionFormPageComponent {
     onLogicChange(logic) {
         this.formModel.update((model) => ({ ...model, permissionLogic: logic }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionFormPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ActionFormPageComponent, isStandalone: true, selector: "lib-action-form-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ActionFormPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: ActionFormPageComponent, isStandalone: true, selector: "lib-action-form-page", ngImport: i0, template: `
     <div class="card">
       <h3 class="text-lg sm:text-xl font-semibold mb-4">
         {{
@@ -215,7 +213,7 @@ class ActionFormPageComponent {
             >{{ 'iam.action.name' | translate }} *</label
           >
           <input
-            pInputText
+            fInputText
             id="name"
             [formField]="actionForm.name"
             [placeholder]="'iam.action.name.placeholder' | translate"
@@ -228,7 +226,7 @@ class ActionFormPageComponent {
             'iam.action.code' | translate
           }}</label>
           <input
-            pInputText
+            fInputText
             id="code"
             [formField]="actionForm.code"
             [placeholder]="'iam.action.code.placeholder' | translate"
@@ -241,7 +239,7 @@ class ActionFormPageComponent {
             'shared.description' | translate
           }}</label>
           <input
-            pInputText
+            fInputText
             id="description"
             [formField]="actionForm.description"
             [placeholder]="'shared.description.placeholder' | translate"
@@ -253,15 +251,14 @@ class ActionFormPageComponent {
           <label for="actionType" class="font-medium"
             >{{ 'iam.action.type' | translate }} *</label
           >
-          <select
-            id="actionType"
-            class="p-inputtext w-full"
+          <f-select
+            inputId="actionType"
+            [options]="actionTypes()"
+            optionLabel="label"
+            optionValue="value"
             [formField]="actionForm.actionType"
-          >
-            @for (type of actionTypes(); track type.value) {
-              <option [value]="type.value">{{ type.label }}</option>
-            }
-          </select>
+            [placeholder]="'iam.action.type' | translate"
+          />
         </div>
 
         <!-- Parent Action -->
@@ -269,18 +266,15 @@ class ActionFormPageComponent {
           <label for="parentId" class="font-medium">{{
             'iam.action.parent' | translate
           }}</label>
-          <select
-            id="parentId"
-            class="p-inputtext w-full"
+          <f-select
+            inputId="parentId"
+            [options]="availableActions()"
+            optionLabel="name"
+            optionValue="id"
             [formField]="actionForm.parentId"
-          >
-            <option value="">
-              {{ 'iam.action.select.parent' | translate }}
-            </option>
-            @for (action of availableActions(); track action.id) {
-              <option [value]="action.id">{{ action.name }}</option>
-            }
-          </select>
+            [placeholder]="'iam.action.select.parent' | translate"
+            [filter]="true"
+          />
         </div>
 
         <!-- Order -->
@@ -289,7 +283,7 @@ class ActionFormPageComponent {
             'shared.display.order' | translate
           }}</label>
           <input
-            pInputText
+            fInputText
             id="serial"
             type="number"
             [formField]="actionForm.serial"
@@ -299,7 +293,7 @@ class ActionFormPageComponent {
 
         <!-- Is Active -->
         <div class="flex items-end gap-2 pb-1 md:col-span-2">
-          <p-checkbox
+          <f-checkbox
             [formField]="actionForm.isActive"
             [binary]="true"
             inputId="isActive"
@@ -319,7 +313,7 @@ class ActionFormPageComponent {
         <!-- Actions -->
         <div class="flex justify-end gap-2 md:col-span-2 pt-4">
           <button
-            pButton
+            fButton
             severity="secondary"
             [outlined]="true"
             (click)="onBack()"
@@ -327,12 +321,12 @@ class ActionFormPageComponent {
             <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
           </button>
           <button
-            pButton
+            fButton
             type="submit"
             [disabled]="!isFormValid() || isLoading()"
           >
             @if (isLoading()) {
-              <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+              <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
             }
             <span pButtonLabel>{{ 
               isEditMode()
@@ -343,15 +337,15 @@ class ActionFormPageComponent {
         </div>
       </form>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: 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: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: LogicBuilderComponent, selector: "lib-logic-builder", inputs: ["logic", "actions"], outputs: ["logicChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "rounded", "raised", "fluid", "disabled", "loading", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "inputId", "invalid", "indeterminate", "touched", "styleClass", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "directive", type: i2.InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched"] }, { kind: "component", type: i2.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "showClear", "loading", "inputId", "invalid", "touched", "styleClass", "editable"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "component", type: LogicBuilderComponent, selector: "lib-logic-builder", inputs: ["logic", "actions"], outputs: ["logicChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionFormPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ActionFormPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-action-form-page',
                     imports: [
                         AngularModule,
-                        PrimeModule,
+                        UiModule,
                         FormField,
                         LogicBuilderComponent,
                         TranslatePipe,
@@ -376,7 +370,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             >{{ 'iam.action.name' | translate }} *</label
           >
           <input
-            pInputText
+            fInputText
             id="name"
             [formField]="actionForm.name"
             [placeholder]="'iam.action.name.placeholder' | translate"
@@ -389,7 +383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             'iam.action.code' | translate
           }}</label>
           <input
-            pInputText
+            fInputText
             id="code"
             [formField]="actionForm.code"
             [placeholder]="'iam.action.code.placeholder' | translate"
@@ -402,7 +396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             'shared.description' | translate
           }}</label>
           <input
-            pInputText
+            fInputText
             id="description"
             [formField]="actionForm.description"
             [placeholder]="'shared.description.placeholder' | translate"
@@ -414,15 +408,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
           <label for="actionType" class="font-medium"
             >{{ 'iam.action.type' | translate }} *</label
           >
-          <select
-            id="actionType"
-            class="p-inputtext w-full"
+          <f-select
+            inputId="actionType"
+            [options]="actionTypes()"
+            optionLabel="label"
+            optionValue="value"
             [formField]="actionForm.actionType"
-          >
-            @for (type of actionTypes(); track type.value) {
-              <option [value]="type.value">{{ type.label }}</option>
-            }
-          </select>
+            [placeholder]="'iam.action.type' | translate"
+          />
         </div>
 
         <!-- Parent Action -->
@@ -430,18 +423,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
           <label for="parentId" class="font-medium">{{
             'iam.action.parent' | translate
           }}</label>
-          <select
-            id="parentId"
-            class="p-inputtext w-full"
+          <f-select
+            inputId="parentId"
+            [options]="availableActions()"
+            optionLabel="name"
+            optionValue="id"
             [formField]="actionForm.parentId"
-          >
-            <option value="">
-              {{ 'iam.action.select.parent' | translate }}
-            </option>
-            @for (action of availableActions(); track action.id) {
-              <option [value]="action.id">{{ action.name }}</option>
-            }
-          </select>
+            [placeholder]="'iam.action.select.parent' | translate"
+            [filter]="true"
+          />
         </div>
 
         <!-- Order -->
@@ -450,7 +440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             'shared.display.order' | translate
           }}</label>
           <input
-            pInputText
+            fInputText
             id="serial"
             type="number"
             [formField]="actionForm.serial"
@@ -460,7 +450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
         <!-- Is Active -->
         <div class="flex items-end gap-2 pb-1 md:col-span-2">
-          <p-checkbox
+          <f-checkbox
             [formField]="actionForm.isActive"
             [binary]="true"
             inputId="isActive"
@@ -480,7 +470,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         <!-- Actions -->
         <div class="flex justify-end gap-2 md:col-span-2 pt-4">
           <button
-            pButton
+            fButton
             severity="secondary"
             [outlined]="true"
             (click)="onBack()"
@@ -488,12 +478,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
           </button>
           <button
-            pButton
+            fButton
             type="submit"
             [disabled]="!isFormValid() || isLoading()"
           >
             @if (isLoading()) {
-              <span pButtonIcon class="pi pi-spinner pi-spin"></span>
+              <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
             }
             <span pButtonLabel>{{ 
               isEditMode()
@@ -509,4 +499,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { ActionFormPageComponent };
-//# sourceMappingURL=flusys-ng-iam-action-form-page.component-BGEON5_n.mjs.map
+//# sourceMappingURL=flusys-ng-iam-action-form-page.component-DTJT8Dc-.mjs.map

package/fesm2022/flusys-ng-iam-action-form-page.component-DTJT8Dc-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-action-form-page.component-DTJT8Dc-.mjs","sources":["../../../projects/ng-iam/pages/action/action-form-page.component.ts"],"sourcesContent":["import { Component, computed, effect, inject, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MessageService } from '@flusys/ng-ui';\nimport {\n  AngularModule,\n  ILogicNode,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { LogicBuilderComponent } from '../../components/logic-builder.component';\nimport { ActionType, IAction } from '../../interfaces/action.interface';\nimport { ActionApiService } from '../../services/action-api.service';\nimport { UiModule } from '@flusys/ng-ui';\n\ninterface IActionFormModel {\n  id: string;\n  name: string;\n  description: string;\n  code: string;\n  actionType: ActionType;\n  permissionLogic: ILogicNode | null;\n  parentId: string;\n  serial: string;\n  isActive: boolean;\n}\n\n@Component({\n  selector: 'lib-action-form-page',\n  imports: [\n    AngularModule,\n    UiModule,\n    FormField,\n    LogicBuilderComponent,\n    TranslatePipe,\n  ],\n  template: `\n    <div class=\"card\">\n      <h3 class=\"text-lg sm:text-xl font-semibold mb-4\">\n        {{\n          isEditMode()\n            ? ('iam.action.edit' | translate)\n            : ('iam.action.new' | translate)\n        }}\n      </h3>\n\n      <form\n        (ngSubmit)=\"onSubmit()\"\n        class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"\n      >\n        <!-- Name -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"name\" class=\"font-medium\"\n            >{{ 'iam.action.name' | translate }} *</label\n          >\n          <input\n            fInputText\n            id=\"name\"\n            [formField]=\"actionForm.name\"\n            [placeholder]=\"'iam.action.name.placeholder' | translate\"\n          />\n        </div>\n\n        <!-- Code -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"code\" class=\"font-medium\">{{\n            'iam.action.code' | translate\n          }}</label>\n          <input\n            fInputText\n            id=\"code\"\n            [formField]=\"actionForm.code\"\n            [placeholder]=\"'iam.action.code.placeholder' | translate\"\n          />\n        </div>\n\n        <!-- Description -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"description\" class=\"font-medium\">{{\n            'shared.description' | translate\n          }}</label>\n          <input\n            fInputText\n            id=\"description\"\n            [formField]=\"actionForm.description\"\n            [placeholder]=\"'shared.description.placeholder' | translate\"\n          />\n        </div>\n\n        <!-- Action Type -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"actionType\" class=\"font-medium\"\n            >{{ 'iam.action.type' | translate }} *</label\n          >\n          <f-select\n            inputId=\"actionType\"\n            [options]=\"actionTypes()\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [formField]=\"actionForm.actionType\"\n            [placeholder]=\"'iam.action.type' | translate\"\n          />\n        </div>\n\n        <!-- Parent Action -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"parentId\" class=\"font-medium\">{{\n            'iam.action.parent' | translate\n          }}</label>\n          <f-select\n            inputId=\"parentId\"\n            [options]=\"availableActions()\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [formField]=\"actionForm.parentId\"\n            [placeholder]=\"'iam.action.select.parent' | translate\"\n            [filter]=\"true\"\n          />\n        </div>\n\n        <!-- Order -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"serial\" class=\"font-medium\">{{\n            'shared.display.order' | translate\n          }}</label>\n          <input\n            fInputText\n            id=\"serial\"\n            type=\"number\"\n            [formField]=\"actionForm.serial\"\n            [placeholder]=\"'shared.display.order.placeholder' | translate\"\n          />\n        </div>\n\n        <!-- Is Active -->\n        <div class=\"flex items-end gap-2 pb-1 md:col-span-2\">\n          <f-checkbox\n            [formField]=\"actionForm.isActive\"\n            [binary]=\"true\"\n            inputId=\"isActive\"\n          />\n          <label for=\"isActive\">{{ 'shared.active' | translate }}</label>\n        </div>\n\n        <!-- Permission Logic Builder -->\n        <div class=\"md:col-span-2\">\n          <lib-logic-builder\n            [logic]=\"formModel().permissionLogic\"\n            [actions]=\"allActionsForLogic()\"\n            (logicChange)=\"onLogicChange($event)\"\n          />\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex justify-end gap-2 md:col-span-2 pt-4\">\n          <button\n            fButton\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (click)=\"onBack()\"\n          >\n            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>\n          </button>\n          <button\n            fButton\n            type=\"submit\"\n            [disabled]=\"!isFormValid() || isLoading()\"\n          >\n            @if (isLoading()) {\n              <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n            }\n            <span pButtonLabel>{{ \n              isEditMode()\n                ? ('shared.update' | translate)\n                : ('shared.create' | translate)\n             }}</span>\n          </button>\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class ActionFormPageComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly actionApi = inject(ActionApiService);\n  private readonly messageService = inject(MessageService);\n  private readonly translateAdapter = inject(TranslateService, {\n    optional: true,\n  });\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  private translate(\n    key: string,\n    vars?: Record<string, string | number>,\n  ): string {\n    return this.translateAdapter?.translate(key, vars) ?? key;\n  }\n\n  readonly isLoading = signal(false);\n  readonly existingAction = signal<IAction | null>(null);\n  readonly isEditMode = computed(() => !!this.existingAction());\n  readonly allActionsForLogic = signal<Array<{ id: string; name: string }>>([]);\n  readonly allActions = signal<IAction[]>([]);\n\n  readonly availableActions = computed(() => {\n    const actions = this.allActions();\n    const currentId = this.existingAction()?.id;\n    return currentId ? actions.filter((a) => a.id !== currentId) : actions;\n  });\n\n  readonly formModel = signal<IActionFormModel>({\n    id: '',\n    name: '',\n    description: '',\n    code: '',\n    actionType: ActionType.BACKEND,\n    permissionLogic: null,\n    parentId: '',\n    serial: '',\n    isActive: true,\n  });\n\n  readonly actionTypes = computed(() => [\n    {\n      label: this.translate('iam.action.type.backend.label'),\n      value: ActionType.BACKEND,\n    },\n    {\n      label: this.translate('iam.action.type.frontend.label'),\n      value: ActionType.FRONTEND,\n    },\n    {\n      label: this.translate('iam.action.type.both.label'),\n      value: ActionType.BOTH,\n    },\n  ]);\n\n  readonly actionForm = form(this.formModel, (f) => {\n    required(f.name, {\n      message: this.translate('shared.validation.required', {\n        field: this.translate('iam.action.name'),\n      }),\n    });\n  });\n\n  readonly isFormValid = computed(() => {\n    const model = this.formModel();\n    return model.name.trim().length > 0;\n  });\n\n  constructor() {\n    effect(() => {\n      const params = this.routeParams();\n      if (!params || this.initialized) return;\n\n      this.initialized = true;\n      this.initializeForm(params.get('id'));\n    });\n  }\n\n  private async initializeForm(id: string | null): Promise<void> {\n    try {\n      const response = await this.actionApi.getAll({\n        pagination: { currentPage: 0, pageSize: 10000 },\n        select: ['id', 'name', 'code', 'actionType', 'permissionLogic'],\n      });\n      if (response?.success && response.data) {\n        this.allActionsForLogic.set(\n          response.data.map((a) => ({\n            id: a.id!,\n            name: a.name ?? this.translate('shared.unnamed'),\n          })),\n        );\n        this.allActions.set(response.data);\n      }\n    } catch {\n      // Ignored - form will show empty parent dropdown\n    }\n\n    if (id && id !== 'new') {\n      await this.loadAction(id);\n    }\n  }\n\n  async loadAction(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.actionApi.findById(id, [\n        'id',\n        'name',\n        'description',\n        'code',\n        'actionType',\n        'permissionLogic',\n        'parentId',\n        'serial',\n        'isActive',\n      ]);\n\n      if (response?.success && response.data) {\n        const action = response.data;\n        this.existingAction.set(action);\n        this.formModel.set({\n          id: action.id ?? '',\n          name: action.name ?? '',\n          description: action.description ?? '',\n          code: action.code ?? '',\n          actionType: action.actionType ?? ActionType.BACKEND,\n          permissionLogic: action.permissionLogic ?? null,\n          parentId: action.parentId ?? '',\n          serial: action.serial?.toString() ?? '',\n          isActive: action.isActive ?? true,\n        });\n      } else {\n        this.router.navigate(['/iam/actions']);\n      }\n    } catch {\n      this.router.navigate(['/iam/actions']);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  async onSubmit(): Promise<void> {\n    if (!this.isFormValid()) {\n      this.messageService.add({\n        severity: 'error',\n        summary: this.translate('shared.validation.error'),\n        detail: this.translate('shared.fill.required.fields'),\n      });\n      return;\n    }\n\n    this.isLoading.set(true);\n\n    try {\n      const formValue = this.formModel();\n      const dto = {\n        ...formValue,\n        description: formValue.description || undefined,\n        code: formValue.code || undefined,\n        parentId: formValue.parentId || undefined,\n        serial: formValue.serial ? parseInt(formValue.serial, 10) : undefined,\n        permissionLogic: formValue.permissionLogic ?? undefined,\n      };\n\n      const response = this.isEditMode()\n        ? await this.actionApi.update(dto)\n        : await this.actionApi.insert(dto);\n\n      this.messageService.add({\n        severity: 'success',\n        summary: this.translate('shared.success'),\n        detail: response.messageKey\n          ? this.translate(\n              response.messageKey,\n              response.messageVariables as Record<string, string | number>,\n            )\n          : (response.message ?? ''),\n      });\n\n      this.router.navigate(['/iam/actions']);\n    } catch {\n      // Handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onBack(): void {\n    this.router.navigate(['/iam/actions']);\n  }\n\n  onLogicChange(logic: ILogicNode | null): void {\n    this.formModel.update((model) => ({ ...model, permissionLogic: logic }));\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{flusys-ng-iam-action-list-page.component-BQvx2btD.mjs → flusys-ng-iam-action-list-page.component-B1hUE4lD.mjs}

@@ -2,15 +2,11 @@ import * as i0 from '@angular/core';
 import { inject, signal, effect, untracked, Component } from '@angular/core';
 import { Router } from '@angular/router';
 import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
-import { ACTION_PERMISSIONS, TranslateService, AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-import { MessageService, ConfirmationService } from 'primeng/api';
-import * as i5 from 'primeng/tag';
-import { TagModule } from 'primeng/tag';
+import * as i2 from '@flusys/ng-ui';
+import { MessageService, ConfirmationService, UiModule } from '@flusys/ng-ui';
+import { ACTION_PERMISSIONS, TranslateService, AngularModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
 import { firstValueFrom } from 'rxjs';
-import { A as ActionApiService, a as ActionType, c as convertActionToTreeNode } from './flusys-ng-iam-flusys-ng-iam-C9rdGS64.mjs';
-import * as i2 from 'primeng/button';
-import * as i6 from 'primeng/tooltip';
-import * as i7 from 'primeng/treetable';
+import { A as ActionApiService, a as ActionType, c as convertActionToTreeNode } from './flusys-ng-iam-flusys-ng-iam-DzIO0zsO.mjs';
 
 class ActionListPageComponent {
     ACTION_PERMISSIONS = ACTION_PERMISSIONS;
@@ -79,7 +75,7 @@ class ActionListPageComponent {
                 name: action.name,
             }),
             header: this.translate('iam.action.delete.title'),
-            icon: 'pi pi-exclamation-triangle',
+            icon: 'exclamation-triangle',
             accept: async () => {
                 try {
                     const response = await this.actionApi.delete({
@@ -101,8 +97,8 @@ class ActionListPageComponent {
             },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: ActionListPageComponent, isStandalone: true, selector: "lib-action-list-page", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ActionListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: ActionListPageComponent, isStandalone: true, selector: "lib-action-list-page", ngImport: i0, template: `
     <div class="card">
       <div
         class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4"
@@ -111,22 +107,21 @@ class ActionListPageComponent {
           {{ 'iam.action.title' | translate }}
         </h3>
         <button
-          pButton
+          fButton
           *hasPermission="ACTION_PERMISSIONS.CREATE"
           (click)="onCreate()"
           class="w-full sm:w-auto"
         >
-          <span pButtonIcon class="pi pi-plus"></span>
+          <ui-icon pButtonIcon name="plus"></ui-icon>
           <span pButtonLabel>{{ 'iam.action.new' | translate }}</span>
         </button>
       </div>
 
       <div class="overflow-x-auto -mx-4 sm:mx-0">
-        <p-treetable
+        <f-treetable
           [value]="treeNodes()"
           [loading]="isLoading()"
           dataKey="id"
-          styleClass="p-treetable-sm"
           [tableStyle]="{ 'min-width': '50rem' }"
         >
           <ng-template #header>
@@ -148,18 +143,18 @@ class ActionListPageComponent {
           <ng-template #body let-rowNode let-rowData="rowData">
             <tr>
               <td>
-                <p-treetabletoggler [rowNode]="rowNode" />
+                <f-treetabletoggler [rowNode]="rowNode" />
                 {{ rowData.name }}
               </td>
               <td class="hidden md:table-cell">{{ rowData.code ?? '-' }}</td>
               <td>
-                <p-tag
+                <f-tag
                   [value]="getActionTypeLabel(rowData.actionType)"
                   [severity]="getActionTypeSeverity(rowData.actionType)"
                 />
               </td>
               <td class="hidden sm:table-cell">
-                <p-tag
+                <f-tag
                   [value]="
                     rowData.isActive
                       ? ('shared.active' | translate)
@@ -169,7 +164,7 @@ class ActionListPageComponent {
                 />
               </td>
               <td class="hidden lg:table-cell">
-                <p-tag
+                <f-tag
                   [value]="
                     rowData.readOnly
                       ? ('shared.yes' | translate)
@@ -181,28 +176,28 @@ class ActionListPageComponent {
               <td>
                 <div class="flex gap-1">
                   <button
-                    pButton
+                    fButton
                     *hasPermission="ACTION_PERMISSIONS.UPDATE"
                     [text]="true"
                     severity="secondary"
                     size="small"
                     [disabled]="rowData.readOnly"
-                    [pTooltip]="'shared.edit' | translate"
+                    [fTooltip]="'shared.edit' | translate"
                     (click)="onEdit(rowData)"
                   >
-                    <span pButtonIcon class="pi pi-pencil"></span>
+                    <ui-icon pButtonIcon name="pencil"></ui-icon>
                   </button>
                   <button
-                    pButton
+                    fButton
                     *hasPermission="ACTION_PERMISSIONS.DELETE"
                     [text]="true"
                     severity="danger"
                     size="small"
-                    [pTooltip]="'shared.delete' | translate"
+                    [fTooltip]="'shared.delete' | translate"
                     [disabled]="rowData.readOnly"
                     (click)="onDelete(rowData)"
                   >
-                    <span pButtonIcon class="pi pi-trash"></span>
+                    <ui-icon pButtonIcon name="trash"></ui-icon>
                   </button>
                 </div>
               </td>
@@ -215,19 +210,18 @@ class ActionListPageComponent {
               </td>
             </tr>
           </ng-template>
-        </p-treetable>
+        </f-treetable>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { 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: 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: "ngmodule", type: TagModule }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: UiModule }, { kind: "directive", type: i2.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "rounded", "raised", "fluid", "disabled", "loading", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i2.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay"] }, { kind: "component", type: i2.TreeTableComponent, selector: "f-treetable", inputs: ["value", "loading", "dataKey", "styleClass", "tableStyle", "scrollable"] }, { kind: "component", type: i2.TreeTableTogglerComponent, selector: "f-treetabletoggler", inputs: ["rowNode"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ActionListPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ActionListPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-action-list-page',
                     imports: [
                         AngularModule,
-                        PrimeModule,
-                        TagModule,
+                        UiModule,
                         HasPermissionDirective,
                         TranslatePipe,
                     ],
@@ -240,22 +234,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
           {{ 'iam.action.title' | translate }}
         </h3>
         <button
-          pButton
+          fButton
           *hasPermission="ACTION_PERMISSIONS.CREATE"
           (click)="onCreate()"
           class="w-full sm:w-auto"
         >
-          <span pButtonIcon class="pi pi-plus"></span>
+          <ui-icon pButtonIcon name="plus"></ui-icon>
           <span pButtonLabel>{{ 'iam.action.new' | translate }}</span>
         </button>
       </div>
 
       <div class="overflow-x-auto -mx-4 sm:mx-0">
-        <p-treetable
+        <f-treetable
           [value]="treeNodes()"
           [loading]="isLoading()"
           dataKey="id"
-          styleClass="p-treetable-sm"
           [tableStyle]="{ 'min-width': '50rem' }"
         >
           <ng-template #header>
@@ -277,18 +270,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
           <ng-template #body let-rowNode let-rowData="rowData">
             <tr>
               <td>
-                <p-treetabletoggler [rowNode]="rowNode" />
+                <f-treetabletoggler [rowNode]="rowNode" />
                 {{ rowData.name }}
               </td>
               <td class="hidden md:table-cell">{{ rowData.code ?? '-' }}</td>
               <td>
-                <p-tag
+                <f-tag
                   [value]="getActionTypeLabel(rowData.actionType)"
                   [severity]="getActionTypeSeverity(rowData.actionType)"
                 />
               </td>
               <td class="hidden sm:table-cell">
-                <p-tag
+                <f-tag
                   [value]="
                     rowData.isActive
                       ? ('shared.active' | translate)
@@ -298,7 +291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 />
               </td>
               <td class="hidden lg:table-cell">
-                <p-tag
+                <f-tag
                   [value]="
                     rowData.readOnly
                       ? ('shared.yes' | translate)
@@ -310,28 +303,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
               <td>
                 <div class="flex gap-1">
                   <button
-                    pButton
+                    fButton
                     *hasPermission="ACTION_PERMISSIONS.UPDATE"
                     [text]="true"
                     severity="secondary"
                     size="small"
                     [disabled]="rowData.readOnly"
-                    [pTooltip]="'shared.edit' | translate"
+                    [fTooltip]="'shared.edit' | translate"
                     (click)="onEdit(rowData)"
                   >
-                    <span pButtonIcon class="pi pi-pencil"></span>
+                    <ui-icon pButtonIcon name="pencil"></ui-icon>
                   </button>
                   <button
-                    pButton
+                    fButton
                     *hasPermission="ACTION_PERMISSIONS.DELETE"
                     [text]="true"
                     severity="danger"
                     size="small"
-                    [pTooltip]="'shared.delete' | translate"
+                    [fTooltip]="'shared.delete' | translate"
                     [disabled]="rowData.readOnly"
                     (click)="onDelete(rowData)"
                   >
-                    <span pButtonIcon class="pi pi-trash"></span>
+                    <ui-icon pButtonIcon name="trash"></ui-icon>
                   </button>
                 </div>
               </td>
@@ -344,7 +337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
               </td>
             </tr>
           </ng-template>
-        </p-treetable>
+        </f-treetable>
       </div>
     </div>
   `,
@@ -352,4 +345,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { ActionListPageComponent };
-//# sourceMappingURL=flusys-ng-iam-action-list-page.component-BQvx2btD.mjs.map
+//# sourceMappingURL=flusys-ng-iam-action-list-page.component-B1hUE4lD.mjs.map