@flusys/ng-iam 1.1.1-beta → 3.0.0-rc

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

@@ -1,467 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { form, required, FormField } from '@angular/forms/signals';
-import { ActivatedRoute, Router } from '@angular/router';
-import { AngularModule, PrimeModule } from '@flusys/ng-shared';
-import { MessageService } from 'primeng/api';
-import { firstValueFrom } from 'rxjs';
-import { A as ActionApiService, a as ActionType, L as LogicBuilderComponent } from './flusys-ng-iam-flusys-ng-iam-DISrddPh.mjs';
-import * as i1 from '@angular/forms';
-import * as i2 from 'primeng/button';
-import * as i3 from 'primeng/inputtext';
-
-/**
- * Action Form Page Component
- * Create/Edit action with signal-based form pattern (matches ng-auth)
- */
-class ActionFormPageComponent {
-    route = inject(ActivatedRoute);
-    router = inject(Router);
-    actionApi = inject(ActionApiService);
-    messageService = inject(MessageService);
-    /** Loading state */
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    /** Existing action data when editing */
-    existingAction = signal(null, ...(ngDevMode ? [{ debugName: "existingAction" }] : []));
-    /** Whether in edit mode */
-    isEditMode = computed(() => !!this.existingAction(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
-    /** All actions for LogicBuilder */
-    allActionsForLogic = signal([], ...(ngDevMode ? [{ debugName: "allActionsForLogic" }] : []));
-    /** All loaded actions for parent dropdown */
-    allActions = signal([], ...(ngDevMode ? [{ debugName: "allActions" }] : []));
-    /** Available actions for parent dropdown (excludes current action to prevent circular reference) */
-    availableActions = computed(() => {
-        const actions = this.allActions();
-        const currentId = this.existingAction()?.id;
-        return currentId ? actions.filter(a => a.id !== currentId) : actions;
-    }, ...(ngDevMode ? [{ debugName: "availableActions" }] : []));
-    // ============================================
-    // Form (Signal Forms)
-    // ============================================
-    /** Form model */
-    formModel = signal({
-        id: '',
-        name: '',
-        description: '',
-        code: '',
-        actionType: ActionType.BACKEND,
-        permissionLogic: null,
-        parentId: '',
-        serial: '',
-        isActive: true,
-        metadata: null,
-    }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
-    /** Available action types for dropdown */
-    actionTypes = [
-        { label: 'Backend (API Endpoints)', value: ActionType.BACKEND },
-        { label: 'Frontend (UI Features)', value: ActionType.FRONTEND },
-        { label: 'Both (Backend + Frontend)', value: ActionType.BOTH },
-    ];
-    /** Form with validation schema */
-    actionForm = form(this.formModel, (f) => {
-        required(f.name, { message: 'Name is required' });
-    });
-    /** Check if form is valid */
-    isFormValid = computed(() => {
-        const model = this.formModel();
-        return model.name.trim().length > 0;
-    }, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
-    async ngOnInit() {
-        const id = this.route.snapshot.paramMap.get('id');
-        // Load ALL actions FIRST - critical for LogicBuilder to display action names
-        try {
-            const response = await firstValueFrom(this.actionApi.getAll('', {
-                pagination: { currentPage: 0, pageSize: 10000 },
-                select: ['id', 'name', 'code', 'actionType', 'permissionLogic'],
-            }));
-            if (response?.success && response.data) {
-                // Set actions for LogicBuilder dropdown
-                this.allActionsForLogic.set(response.data.map(a => ({ id: a.id, name: a.name ?? 'Unnamed' })));
-                // Store loaded actions locally for parent dropdown
-                this.allActions.set(response.data);
-            }
-        }
-        catch {
-            // Actions load failed - form will show empty parent dropdown
-        }
-        // THEN load the specific action (ensures actions are loaded before setting permissionLogic)
-        if (id && id !== 'new') {
-            await this.loadAction(id);
-        }
-    }
-    async loadAction(id) {
-        this.isLoading.set(true);
-        try {
-            // Load fresh data from API to ensure permissionLogic is included
-            const response = await this.actionApi.findByIdAsync(id, [
-                'id',
-                'name',
-                'description',
-                'code',
-                'actionType',
-                'permissionLogic',
-                'parentId',
-                'serial',
-                'isActive',
-                'metadata',
-            ]);
-            if (response?.success && response.data) {
-                const action = response.data;
-                // Set existing action for reference
-                this.existingAction.set(action);
-                // Populate form with action data
-                this.formModel.set({
-                    id: action.id ?? '',
-                    name: action.name ?? '',
-                    description: action.description ?? '',
-                    code: action.code ?? '',
-                    actionType: action.actionType ?? ActionType.BACKEND,
-                    permissionLogic: action.permissionLogic ?? null,
-                    parentId: action.parentId ?? '',
-                    serial: action.serial?.toString() ?? '',
-                    isActive: action.isActive ?? true,
-                    metadata: action.metadata ?? null,
-                });
-            }
-            else {
-                this.messageService.add({
-                    severity: 'error',
-                    summary: 'Error',
-                    detail: 'Action not found.',
-                });
-                this.router.navigate(['/iam/actions']);
-            }
-        }
-        catch {
-            this.messageService.add({
-                severity: 'error',
-                summary: 'Error',
-                detail: 'Failed to load action.',
-            });
-            this.router.navigate(['/iam/actions']);
-        }
-        finally {
-            this.isLoading.set(false);
-        }
-    }
-    async onSubmit() {
-        if (!this.isFormValid()) {
-            this.messageService.add({
-                severity: 'error',
-                summary: 'Validation Error',
-                detail: 'Please fill in all required fields.',
-            });
-            return;
-        }
-        this.isLoading.set(true);
-        try {
-            const formValue = this.formModel();
-            // Convert empty strings to undefined for DTO compatibility
-            const dto = {
-                ...formValue,
-                description: formValue.description || undefined,
-                code: formValue.code || undefined,
-                parentId: formValue.parentId || undefined,
-                serial: formValue.serial ? parseInt(formValue.serial, 10) : undefined,
-                metadata: formValue.metadata ?? undefined,
-                permissionLogic: formValue.permissionLogic ?? undefined,
-            };
-            if (this.isEditMode()) {
-                await this.actionApi.updateAsync(dto);
-                this.messageService.add({
-                    severity: 'success',
-                    summary: 'Success',
-                    detail: 'Action updated successfully.',
-                });
-            }
-            else {
-                await this.actionApi.insertAsync(dto);
-                this.messageService.add({
-                    severity: 'success',
-                    summary: 'Success',
-                    detail: 'Action created successfully.',
-                });
-            }
-            this.router.navigate(['/iam/actions']);
-        }
-        catch (error) {
-            this.messageService.add({
-                severity: 'error',
-                summary: 'Error',
-                detail: error.message || 'Failed to save action.',
-            });
-        }
-        finally {
-            this.isLoading.set(false);
-        }
-    }
-    onBack() {
-        this.router.navigate(['/iam/actions']);
-    }
-    /**
-     * Handle permission logic changes from LogicBuilder
-     */
-    onLogicChange(logic) {
-        this.formModel.update(model => ({
-            ...model,
-            permissionLogic: logic
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionFormPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ActionFormPageComponent, isStandalone: true, selector: "lib-action-form-page", ngImport: i0, template: `
-    <div class="card">
-      <div class="flex justify-between items-center mb-4">
-        <h3 class="text-xl font-semibold">
-          {{ isEditMode() ? 'Edit Action' : 'New Action' }}
-        </h3>
-        <p-button
-          label="Back"
-          icon="pi pi-arrow-left"
-          [outlined]="true"
-          (onClick)="onBack()" />
-      </div>
-
-      <form (ngSubmit)="onSubmit()">
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-          <!-- Name -->
-          <div>
-            <label for="name" class="block font-medium mb-2">Name *</label>
-            <input
-              pInputText
-              id="name"
-              [formField]="actionForm.name"
-              class="w-full"
-              placeholder="Enter action name" />
-          </div>
-
-          <!-- Code -->
-          <div>
-            <label for="code" class="block font-medium mb-2">Code</label>
-            <input
-              pInputText
-              id="code"
-              [formField]="actionForm.code"
-              class="w-full"
-              placeholder="Enter action code" />
-          </div>
-
-          <!-- Description -->
-          <div class="md:col-span-2">
-            <label for="description" class="block font-medium mb-2">Description</label>
-            <input
-              pInputText
-              id="description"
-              [formField]="actionForm.description"
-              class="w-full"
-              placeholder="Enter description" />
-          </div>
-
-          <!-- Action Type -->
-          <div>
-            <label for="actionType" class="block font-medium mb-2">Action Type *</label>
-            <select
-              id="actionType"
-              class="p-select-native"
-              [formField]="actionForm.actionType">
-              @for (type of actionTypes; track type.value) {
-                <option [value]="type.value">{{ type.label }}</option>
-              }
-            </select>
-          </div>
-
-          <!-- Parent Action -->
-          <div>
-            <label for="parentId" class="block font-medium mb-2">Parent Action</label>
-            <select
-              id="parentId"
-              class="p-select-native"
-              [formField]="actionForm.parentId">
-              <option value="">Select parent action</option>
-              @for (action of availableActions(); track action.id) {
-                <option [value]="action.id">{{ action.name }}</option>
-              }
-            </select>
-          </div>
-
-          <!-- Order -->
-          <div>
-            <label for="serial" class="block font-medium mb-2">Display Order</label>
-            <input
-              pInputText
-              id="serial"
-              type="number"
-              [formField]="actionForm.serial"
-              class="w-full"
-              placeholder="Enter display order" />
-          </div>
-
-          <!-- Is Active -->
-          <div class="flex items-center pt-6">
-            <label class="p-checkbox-native">
-              <input
-                type="checkbox"
-                [formField]="actionForm.isActive" />
-              <span>Active</span>
-            </label>
-          </div>
-        </div>
-
-        <!-- Permission Logic Builder -->
-        <div class="mt-6">
-          <lib-logic-builder
-            [logic]="formModel().permissionLogic"
-            [actions]="allActionsForLogic()"
-            (logicChange)="onLogicChange($event)" />
-        </div>
-
-        <!-- Actions -->
-        <div class="flex justify-end gap-2 mt-6">
-          <p-button
-            label="Cancel"
-            severity="secondary"
-            [outlined]="true"
-            (onClick)="onBack()" />
-          <p-button
-            [label]="isEditMode() ? 'Update' : 'Create'"
-            type="submit"
-            [loading]="isLoading()"
-            [disabled]="!isFormValid() || isLoading()" />
-        </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: "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: i3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: LogicBuilderComponent, selector: "lib-logic-builder", inputs: ["logic", "actions"], outputs: ["logicChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionFormPageComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lib-action-form-page',
-                    standalone: true,
-                    imports: [AngularModule, PrimeModule, FormField, LogicBuilderComponent],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <div class="card">
-      <div class="flex justify-between items-center mb-4">
-        <h3 class="text-xl font-semibold">
-          {{ isEditMode() ? 'Edit Action' : 'New Action' }}
-        </h3>
-        <p-button
-          label="Back"
-          icon="pi pi-arrow-left"
-          [outlined]="true"
-          (onClick)="onBack()" />
-      </div>
-
-      <form (ngSubmit)="onSubmit()">
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-          <!-- Name -->
-          <div>
-            <label for="name" class="block font-medium mb-2">Name *</label>
-            <input
-              pInputText
-              id="name"
-              [formField]="actionForm.name"
-              class="w-full"
-              placeholder="Enter action name" />
-          </div>
-
-          <!-- Code -->
-          <div>
-            <label for="code" class="block font-medium mb-2">Code</label>
-            <input
-              pInputText
-              id="code"
-              [formField]="actionForm.code"
-              class="w-full"
-              placeholder="Enter action code" />
-          </div>
-
-          <!-- Description -->
-          <div class="md:col-span-2">
-            <label for="description" class="block font-medium mb-2">Description</label>
-            <input
-              pInputText
-              id="description"
-              [formField]="actionForm.description"
-              class="w-full"
-              placeholder="Enter description" />
-          </div>
-
-          <!-- Action Type -->
-          <div>
-            <label for="actionType" class="block font-medium mb-2">Action Type *</label>
-            <select
-              id="actionType"
-              class="p-select-native"
-              [formField]="actionForm.actionType">
-              @for (type of actionTypes; track type.value) {
-                <option [value]="type.value">{{ type.label }}</option>
-              }
-            </select>
-          </div>
-
-          <!-- Parent Action -->
-          <div>
-            <label for="parentId" class="block font-medium mb-2">Parent Action</label>
-            <select
-              id="parentId"
-              class="p-select-native"
-              [formField]="actionForm.parentId">
-              <option value="">Select parent action</option>
-              @for (action of availableActions(); track action.id) {
-                <option [value]="action.id">{{ action.name }}</option>
-              }
-            </select>
-          </div>
-
-          <!-- Order -->
-          <div>
-            <label for="serial" class="block font-medium mb-2">Display Order</label>
-            <input
-              pInputText
-              id="serial"
-              type="number"
-              [formField]="actionForm.serial"
-              class="w-full"
-              placeholder="Enter display order" />
-          </div>
-
-          <!-- Is Active -->
-          <div class="flex items-center pt-6">
-            <label class="p-checkbox-native">
-              <input
-                type="checkbox"
-                [formField]="actionForm.isActive" />
-              <span>Active</span>
-            </label>
-          </div>
-        </div>
-
-        <!-- Permission Logic Builder -->
-        <div class="mt-6">
-          <lib-logic-builder
-            [logic]="formModel().permissionLogic"
-            [actions]="allActionsForLogic()"
-            (logicChange)="onLogicChange($event)" />
-        </div>
-
-        <!-- Actions -->
-        <div class="flex justify-end gap-2 mt-6">
-          <p-button
-            label="Cancel"
-            severity="secondary"
-            [outlined]="true"
-            (onClick)="onBack()" />
-          <p-button
-            [label]="isEditMode() ? 'Update' : 'Create'"
-            type="submit"
-            [loading]="isLoading()"
-            [disabled]="!isFormValid() || isLoading()" />
-        </div>
-      </form>
-    </div>
-  `,
-                }]
-        }] });
-
-export { ActionFormPageComponent };
-//# sourceMappingURL=flusys-ng-iam-action-form-page.component-C1j10Qhw.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"flusys-ng-iam-action-form-page.component-C1j10Qhw.mjs","sources":["../../../projects/ng-iam/pages/action/action-form-page.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, OnInit, signal } from '@angular/core';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AngularModule, ILogicNode, PrimeModule } from '@flusys/ng-shared';\nimport { MessageService } from 'primeng/api';\nimport { firstValueFrom } from 'rxjs';\nimport { ActionApiService } from '../../services/action-api.service';\nimport { IAction, ActionType } from '../../interfaces/action.interface';\nimport { LogicBuilderComponent } from '../../components/logic-builder.component';\n\n/** Action form model interface */\ninterface IActionFormModel {\n  id: string;\n  name: string;\n  description: string;\n  code: string;\n  actionType: ActionType;\n  permissionLogic: any | null;\n  parentId: string;\n  serial: string;\n  isActive: boolean;\n  metadata: any | null;\n}\n\n/**\n * Action Form Page Component\n * Create/Edit action with signal-based form pattern (matches ng-auth)\n */\n@Component({\n  selector: 'lib-action-form-page',\n  standalone: true,\n  imports: [AngularModule, PrimeModule, FormField, LogicBuilderComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"card\">\n      <div class=\"flex justify-between items-center mb-4\">\n        <h3 class=\"text-xl font-semibold\">\n          {{ isEditMode() ? 'Edit Action' : 'New Action' }}\n        </h3>\n        <p-button\n          label=\"Back\"\n          icon=\"pi pi-arrow-left\"\n          [outlined]=\"true\"\n          (onClick)=\"onBack()\" />\n      </div>\n\n      <form (ngSubmit)=\"onSubmit()\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          <!-- Name -->\n          <div>\n            <label for=\"name\" class=\"block font-medium mb-2\">Name *</label>\n            <input\n              pInputText\n              id=\"name\"\n              [formField]=\"actionForm.name\"\n              class=\"w-full\"\n              placeholder=\"Enter action name\" />\n          </div>\n\n          <!-- Code -->\n          <div>\n            <label for=\"code\" class=\"block font-medium mb-2\">Code</label>\n            <input\n              pInputText\n              id=\"code\"\n              [formField]=\"actionForm.code\"\n              class=\"w-full\"\n              placeholder=\"Enter action code\" />\n          </div>\n\n          <!-- Description -->\n          <div class=\"md:col-span-2\">\n            <label for=\"description\" class=\"block font-medium mb-2\">Description</label>\n            <input\n              pInputText\n              id=\"description\"\n              [formField]=\"actionForm.description\"\n              class=\"w-full\"\n              placeholder=\"Enter description\" />\n          </div>\n\n          <!-- Action Type -->\n          <div>\n            <label for=\"actionType\" class=\"block font-medium mb-2\">Action Type *</label>\n            <select\n              id=\"actionType\"\n              class=\"p-select-native\"\n              [formField]=\"actionForm.actionType\">\n              @for (type of actionTypes; track type.value) {\n                <option [value]=\"type.value\">{{ type.label }}</option>\n              }\n            </select>\n          </div>\n\n          <!-- Parent Action -->\n          <div>\n            <label for=\"parentId\" class=\"block font-medium mb-2\">Parent Action</label>\n            <select\n              id=\"parentId\"\n              class=\"p-select-native\"\n              [formField]=\"actionForm.parentId\">\n              <option value=\"\">Select parent action</option>\n              @for (action of availableActions(); track action.id) {\n                <option [value]=\"action.id\">{{ action.name }}</option>\n              }\n            </select>\n          </div>\n\n          <!-- Order -->\n          <div>\n            <label for=\"serial\" class=\"block font-medium mb-2\">Display Order</label>\n            <input\n              pInputText\n              id=\"serial\"\n              type=\"number\"\n              [formField]=\"actionForm.serial\"\n              class=\"w-full\"\n              placeholder=\"Enter display order\" />\n          </div>\n\n          <!-- Is Active -->\n          <div class=\"flex items-center pt-6\">\n            <label class=\"p-checkbox-native\">\n              <input\n                type=\"checkbox\"\n                [formField]=\"actionForm.isActive\" />\n              <span>Active</span>\n            </label>\n          </div>\n        </div>\n\n        <!-- Permission Logic Builder -->\n        <div class=\"mt-6\">\n          <lib-logic-builder\n            [logic]=\"formModel().permissionLogic\"\n            [actions]=\"allActionsForLogic()\"\n            (logicChange)=\"onLogicChange($event)\" />\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex justify-end gap-2 mt-6\">\n          <p-button\n            label=\"Cancel\"\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (onClick)=\"onBack()\" />\n          <p-button\n            [label]=\"isEditMode() ? 'Update' : 'Create'\"\n            type=\"submit\"\n            [loading]=\"isLoading()\"\n            [disabled]=\"!isFormValid() || isLoading()\" />\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class ActionFormPageComponent implements OnInit {\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\n  /** Loading state */\n  readonly isLoading = signal(false);\n\n  /** Existing action data when editing */\n  readonly existingAction = signal<IAction | null>(null);\n\n  /** Whether in edit mode */\n  readonly isEditMode = computed(() => !!this.existingAction());\n\n  /** All actions for LogicBuilder */\n  readonly allActionsForLogic = signal<Array<{ id: string; name: string }>>([]);\n\n  /** All loaded actions for parent dropdown */\n  readonly allActions = signal<IAction[]>([]);\n\n  /** Available actions for parent dropdown (excludes current action to prevent circular reference) */\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  // ============================================\n  // Form (Signal Forms)\n  // ============================================\n\n  /** Form model */\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    metadata: null,\n  });\n\n  /** Available action types for dropdown */\n  readonly actionTypes = [\n    { label: 'Backend (API Endpoints)', value: ActionType.BACKEND },\n    { label: 'Frontend (UI Features)', value: ActionType.FRONTEND },\n    { label: 'Both (Backend + Frontend)', value: ActionType.BOTH },\n  ];\n\n  /** Form with validation schema */\n  readonly actionForm = form(this.formModel, (f) => {\n    required(f.name, { message: 'Name is required' });\n  });\n\n  /** Check if form is valid */\n  readonly isFormValid = computed(() => {\n    const model = this.formModel();\n    return model.name.trim().length > 0;\n  });\n\n  async ngOnInit(): Promise<void> {\n    const id = this.route.snapshot.paramMap.get('id');\n\n    // Load ALL actions FIRST - critical for LogicBuilder to display action names\n    try {\n      const response = await firstValueFrom(\n        this.actionApi.getAll('', {\n          pagination: { currentPage: 0, pageSize: 10000 },\n          select: ['id', 'name', 'code', 'actionType', 'permissionLogic'],\n        })\n      );\n\n      if (response?.success && response.data) {\n        // Set actions for LogicBuilder dropdown\n        this.allActionsForLogic.set(\n          response.data.map(a => ({ id: a.id!, name: a.name ?? 'Unnamed' }))\n        );\n\n        // Store loaded actions locally for parent dropdown\n        this.allActions.set(response.data);\n      }\n    } catch {\n      // Actions load failed - form will show empty parent dropdown\n    }\n\n    // THEN load the specific action (ensures actions are loaded before setting permissionLogic)\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      // Load fresh data from API to ensure permissionLogic is included\n      const response = await this.actionApi.findByIdAsync(id, [\n        'id',\n        'name',\n        'description',\n        'code',\n        'actionType',\n        'permissionLogic',\n        'parentId',\n        'serial',\n        'isActive',\n        'metadata',\n      ]);\n\n      if (response?.success && response.data) {\n        const action = response.data;\n\n        // Set existing action for reference\n        this.existingAction.set(action);\n\n        // Populate form with action data\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          metadata: action.metadata ?? null,\n        });\n      } else {\n        this.messageService.add({\n          severity: 'error',\n          summary: 'Error',\n          detail: 'Action not found.',\n        });\n        this.router.navigate(['/iam/actions']);\n      }\n    } catch {\n      this.messageService.add({\n        severity: 'error',\n        summary: 'Error',\n        detail: 'Failed to load action.',\n      });\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: 'Validation Error',\n        detail: 'Please fill in all required fields.',\n      });\n      return;\n    }\n\n    this.isLoading.set(true);\n\n    try {\n      const formValue = this.formModel();\n\n      // Convert empty strings to undefined for DTO compatibility\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        metadata: formValue.metadata ?? undefined,\n        permissionLogic: formValue.permissionLogic ?? undefined,\n      };\n\n      if (this.isEditMode()) {\n        await this.actionApi.updateAsync(dto);\n        this.messageService.add({\n          severity: 'success',\n          summary: 'Success',\n          detail: 'Action updated successfully.',\n        });\n      } else {\n        await this.actionApi.insertAsync(dto);\n        this.messageService.add({\n          severity: 'success',\n          summary: 'Success',\n          detail: 'Action created successfully.',\n        });\n      }\n\n      this.router.navigate(['/iam/actions']);\n    } catch (error: any) {\n      this.messageService.add({\n        severity: 'error',\n        summary: 'Error',\n        detail: error.message || 'Failed to save action.',\n      });\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onBack(): void {\n    this.router.navigate(['/iam/actions']);\n  }\n\n  /**\n   * Handle permission logic changes from LogicBuilder\n   */\n  onLogicChange(logic: ILogicNode | null): void {\n    this.formModel.update(model => ({\n      ...model,\n      permissionLogic: logic\n    }));\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBA;;;AAGG;MAiIU,uBAAuB,CAAA;AACjB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACpC,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;;AAG/C,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,qDAAC;;AAGzB,IAAA,cAAc,GAAG,MAAM,CAAiB,IAAI,0DAAC;;AAG7C,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,sDAAC;;AAGpD,IAAA,kBAAkB,GAAG,MAAM,CAAsC,EAAE,8DAAC;;AAGpE,IAAA,UAAU,GAAG,MAAM,CAAY,EAAE,sDAAC;;AAGlC,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE;QACjC,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,EAAE;QAC3C,OAAO,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,OAAO;AACtE,IAAA,CAAC,4DAAC;;;;;IAOO,SAAS,GAAG,MAAM,CAAmB;AAC5C,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,IAAI,EAAE,EAAE;QACR,UAAU,EAAE,UAAU,CAAC,OAAO;AAC9B,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;;AAGO,IAAA,WAAW,GAAG;QACrB,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE;QAC/D,EAAE,KAAK,EAAE,wBAAwB,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE;QAC/D,EAAE,KAAK,EAAE,2BAA2B,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE;KAC/D;;IAGQ,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;QAC/C,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC;AACnD,IAAA,CAAC,CAAC;;AAGO,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;QAC9B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AACrC,IAAA,CAAC,uDAAC;AAEF,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;;AAGjD,QAAA,IAAI;AACF,YAAA,MAAM,QAAQ,GAAG,MAAM,cAAc,CACnC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,EAAE;gBACxB,UAAU,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAC/C,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,iBAAiB,CAAC;AAChE,aAAA,CAAC,CACH;YAED,IAAI,QAAQ,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;;AAEtC,gBAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CACzB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAG,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CACnE;;gBAGD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC;YACpC;QACF;AAAE,QAAA,MAAM;;QAER;;AAGA,QAAA,IAAI,EAAE,IAAI,EAAE,KAAK,KAAK,EAAE;AACtB,YAAA,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;QAC3B;IACF;IAEA,MAAM,UAAU,CAAC,EAAU,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI;;YAEF,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,EAAE;gBACtD,IAAI;gBACJ,MAAM;gBACN,aAAa;gBACb,MAAM;gBACN,YAAY;gBACZ,iBAAiB;gBACjB,UAAU;gBACV,QAAQ;gBACR,UAAU;gBACV,UAAU;AACX,aAAA,CAAC;YAEF,IAAI,QAAQ,EAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;AACtC,gBAAA,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI;;AAG5B,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC;;AAG/B,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;AACjB,oBAAA,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE;AACnB,oBAAA,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE;AACvB,oBAAA,WAAW,EAAE,MAAM,CAAC,WAAW,IAAI,EAAE;AACrC,oBAAA,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE;AACvB,oBAAA,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO;AACnD,oBAAA,eAAe,EAAE,MAAM,CAAC,eAAe,IAAI,IAAI;AAC/C,oBAAA,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE;oBAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;AACvC,oBAAA,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;AACjC,oBAAA,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;AAClC,iBAAA,CAAC;YACJ;iBAAO;AACL,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,MAAM,EAAE,mBAAmB;AAC5B,iBAAA,CAAC;gBACF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC;YACxC;QACF;AAAE,QAAA,MAAM;AACN,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,MAAM,EAAE,wBAAwB;AACjC,aAAA,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC;QACxC;gBAAU;AACR,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;IACF;AAEA,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,MAAM,EAAE,qCAAqC;AAC9C,aAAA,CAAC;YACF;QACF;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AAExB,QAAA,IAAI;AACF,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;;AAGlC,YAAA,MAAM,GAAG,GAAG;AACV,gBAAA,GAAG,SAAS;AACZ,gBAAA,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,SAAS;AAC/C,gBAAA,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS;AACjC,gBAAA,QAAQ,EAAE,SAAS,CAAC,QAAQ,IAAI,SAAS;AACzC,gBAAA,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,SAAS;AACrE,gBAAA,QAAQ,EAAE,SAAS,CAAC,QAAQ,IAAI,SAAS;AACzC,gBAAA,eAAe,EAAE,SAAS,CAAC,eAAe,IAAI,SAAS;aACxD;AAED,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;gBACrB,MAAM,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC;AACrC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,OAAO,EAAE,SAAS;AAClB,oBAAA,MAAM,EAAE,8BAA8B;AACvC,iBAAA,CAAC;YACJ;iBAAO;gBACL,MAAM,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC;AACrC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,OAAO,EAAE,SAAS;AAClB,oBAAA,MAAM,EAAE,8BAA8B;AACvC,iBAAA,CAAC;YACJ;YAEA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC;QACxC;QAAE,OAAO,KAAU,EAAE;AACnB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,MAAM,EAAE,KAAK,CAAC,OAAO,IAAI,wBAAwB;AAClD,aAAA,CAAC;QACJ;gBAAU;AACR,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;IACF;IAEA,MAAM,GAAA;QACJ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC;IACxC;AAEA;;AAEG;AACH,IAAA,aAAa,CAAC,KAAwB,EAAA;QACpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,KAAK;AAC9B,YAAA,GAAG,KAAK;AACR,YAAA,eAAe,EAAE;AAClB,SAAA,CAAC,CAAC;IACL;uGAzNW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA3HxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA3HS,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,yEAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,SAAS,+EAAE,qBAAqB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FA6H3D,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAhInC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,qBAAqB,CAAC;oBACvE,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHT,EAAA,CAAA;AACF,iBAAA;;;;;"}