@flusys/ng-iam 0.1.0-alpha.1

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

@@ -0,0 +1,468 @@
+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-me7pTNTO.mjs';
+import * as i1 from '@angular/forms';
+import * as i2 from 'primeng/inputtext';
+import * as i3 from 'primeng/button';
+
+/**
+ * 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 (error) {
+            console.error('[ActionFormPage] Failed to load actions:', error);
+        }
+        // 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 (error) {
+            console.error('[ActionFormPage] Failed to load action:', error);
+            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.0", ngImport: i0, type: ActionFormPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i3.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: 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.0", 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-BojLw61e.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-action-form-page.component-BojLw61e.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 (error) {\n      console.error('[ActionFormPage] Failed to load actions:', error);\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 (error) {\n      console.error('[ActionFormPage] Failed to load action:', error);\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":"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"}