npm - @flusys/ng-iam - Versions diffs - 9.1.0-rc.1 → 9.1.1 - Mend

@flusys/ng-iam 9.1.0-rc.1 → 9.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/fesm2022/flusys-ng-iam-action-form-page.component-DJ-A1gc2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"flusys-ng-iam-action-form-page.component-DJ-A1gc2.mjs","names":[],"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 {\n CheckboxComponent,\n FButtonDirective,\n InputTextDirective,\n MessageService,\n SelectComponent,\n TreeSelectComponent,\n UiIconComponent,\n} from '@flusys/ng-ui';\nimport {\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 { TreeNode } from '@flusys/ng-ui';\nimport { buildActionParentTree } from '../../utils/tree-utils';\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 | null;\n serial: string;\n isActive: boolean;\n}\n\n@Component({\n selector: 'lib-action-form-page',\n imports: [\n CheckboxComponent,\n FButtonDirective,\n InputTextDirective,\n SelectComponent,\n TreeSelectComponent,\n UiIconComponent,\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 (submit)=\"onSubmit($event)\"\n class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"\n >\n \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 \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 \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 \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 \n <div class=\"flex flex-col gap-2\">\n <label class=\"font-medium\">{{\n 'iam.action.parent' | translate\n }}</label>\n <f-treeselect\n [options]=\"parentTreeNodes()\"\n [formField]=\"actionForm.parentId\"\n [placeholder]=\"'iam.action.select.parent' | translate\"\n [filter]=\"true\"\n [showClear]=\"true\"\n />\n </div>\n\n \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 \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 \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 \n <div class=\"flex justify-end gap-2 md:col-span-2 pt-4\">\n <button\n fButton\n type=\"button\"\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 parentTreeNodes = computed<TreeNode<IAction>[]>(() =>\n buildActionParentTree(this.allActions(), this.existingAction()?.id),\n );\n\n readonly formModel = signal<IActionFormModel>({\n id: '',\n name: '',\n description: '',\n code: '',\n actionType: ActionType.BACKEND,\n permissionLogic: null,\n parentId: null,\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', 'parentId'],\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 'readOnly',\n ]);\n\n if (response?.success && response.data) {\n const action = response.data;\n\n if (action.readOnly) {\n this.messageService.add({\n severity: 'error',\n summary: this.translate('shared.error'),\n detail: this.translate('iam.action.readonly.edit.forbidden'),\n });\n this.router.navigate(['/iam/actions']);\n return;\n }\n\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 ?? null,\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(event: Event): Promise<void> {\n event.preventDefault();\n\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"],"mappings":"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"}

package/fesm2022/{flusys-ng-iam-action-list-page.component-Cf4Dhh5S.mjs → flusys-ng-iam-action-list-page.component-Br0PbgRa.mjs} RENAMED Viewed

@@ -1,144 +1,135 @@
-import * as i0 from '@angular/core';
-import { inject, signal, computed, effect, untracked, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { Router } from '@angular/router';
-import { APP_CONFIG, getPermissionMode } from '@flusys/ng-core';
-import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
-import { ACTION_PERMISSIONS, USER_ACTION_PERMISSIONS, TranslateService, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-import { MessageService, ConfirmationService, FButtonDirective, IconFieldComponent, InputIconComponent, InputTextDirective, TagComponent, TooltipDirective, TreeTableComponent, TreeTableTogglerComponent, UiIconComponent } from '@flusys/ng-ui';
-import { firstValueFrom } from 'rxjs';
-import { A as ActionApiService, c as convertActionToTreeNode, a as ActionType, b as ActionPermittedUsersDialogComponent } from './flusys-ng-iam-flusys-ng-iam-Y7U2lGZk.mjs';
+import { a as ActionApiService, r as convertActionToTreeNode } from "./flusys-ng-iam-tree-utils-B1pBG4At.mjs";
+import { ActionPermittedUsersDialogComponent, ActionType } from "./flusys-ng-iam.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, effect, inject, signal, untracked } from "@angular/core";
+import { ACTION_PERMISSIONS, HasPermissionDirective, TranslatePipe, TranslateService, USER_ACTION_PERMISSIONS } from "@flusys/ng-shared";
+import { APP_CONFIG, getPermissionMode } from "@flusys/ng-core";
+import { ConfirmationService, FButtonDirective, IconFieldComponent, InputIconComponent, InputTextDirective, MessageService, TagComponent, TooltipDirective, TreeTableComponent, TreeTableTogglerComponent, UiIconComponent } from "@flusys/ng-ui";
+import { firstValueFrom } from "rxjs";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { LAYOUT_AUTH_STATE } from "@flusys/ng-layout";
+import { Router } from "@angular/router";
 function filterActionTree(nodes, search) {
-    const term = search.trim().toLowerCase();
-    if (!term)
-        return nodes;
-    const filter = (items) => items.reduce((acc, node) => {
-        const children = filter(node.children ?? []);
-        const matches = node.name?.toLowerCase().includes(term) ||
-            node.code?.toLowerCase().includes(term);
-        if (matches || children.length) {
-            acc.push({ ...node, children });
-        }
-        return acc;
-    }, []);
-    return filter(nodes);
+	const term = search.trim().toLowerCase();
+	if (!term) return nodes;
+	const filter = (items) => items.reduce((acc, node) => {
+		const children = filter(node.children ?? []);
+		if (node.name?.toLowerCase().includes(term) || node.code?.toLowerCase().includes(term) || children.length) acc.push({
+			...node,
+			children
+		});
+		return acc;
+	}, []);
+	return filter(nodes);
 }
-class ActionListPageComponent {
-    ACTION_PERMISSIONS = ACTION_PERMISSIONS;
-    USER_ACTION_PERMISSIONS = USER_ACTION_PERMISSIONS;
-    router = inject(Router);
-    appConfig = inject(APP_CONFIG);
-    companyContext = inject(LAYOUT_AUTH_STATE);
-    actionApi = inject(ActionApiService);
-    messageService = inject(MessageService);
-    confirmationService = inject(ConfirmationService);
-    translateAdapter = inject(TranslateService, {
-        optional: true,
-    });
-    isLoading = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
-    rawActions = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rawActions" }] : /* istanbul ignore next */ []));
-    _searchTerm = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []));
-    searchTerm = this._searchTerm.asReadonly();
-    treeNodes = computed(() => convertActionToTreeNode(filterActionTree(this.rawActions(), this._searchTerm())), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "treeNodes" }] : /* istanbul ignore next */ []));
-    permittedUsersDialogVisible = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "permittedUsersDialogVisible" }] : /* istanbul ignore next */ []));
-    selectedAction = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectedAction" }] : /* istanbul ignore next */ []));
-    showActionUsers = computed(() => {
-        const permissionMode = getPermissionMode(this.appConfig);
-        return permissionMode === 'direct' || permissionMode === 'full';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showActionUsers" }] : /* istanbul ignore next */ []));
-    translate(key, vars) {
-        return this.translateAdapter?.translate(key, vars) ?? key;
-    }
-    static TYPE_SEVERITIES = {
-        [ActionType.BACKEND]: 'info',
-        [ActionType.FRONTEND]: 'success',
-        [ActionType.BOTH]: 'warn',
-    };
-    static TYPE_LABEL_KEYS = {
-        [ActionType.BACKEND]: 'iam.action.type.backend',
-        [ActionType.FRONTEND]: 'iam.action.type.frontend',
-        [ActionType.BOTH]: 'iam.action.type.both',
-    };
-    constructor() {
-        effect(() => {
-            this.companyContext.currentCompanyInfo();
-            untracked(() => this.loadActions());
-        });
-    }
-    async loadActions() {
-        this.isLoading.set(true);
-        try {
-            const response = await firstValueFrom(this.actionApi.getTree());
-            this.rawActions.set(response?.success ? (response.data ?? []) : []);
-        }
-        catch {
-            // Handled by global interceptor
-        }
-        finally {
-            this.isLoading.set(false);
-        }
-    }
-    onSearchChange(value) {
-        this._searchTerm.set(value);
-    }
-    getActionTypeLabel(type) {
-        const key = ActionListPageComponent.TYPE_LABEL_KEYS[type] ?? 'shared.unknown';
-        return this.translate(key);
-    }
-    getActionTypeSeverity(type) {
-        return ActionListPageComponent.TYPE_SEVERITIES[type] ?? 'info';
-    }
-    onCreate() {
-        this.router.navigate(['/iam/actions/new']);
-    }
-    onEdit(action) {
-        this.router.navigate(['/iam/actions', action.id]);
-    }
-    onViewUsers(action) {
-        this.selectedAction.set(action);
-        this.permittedUsersDialogVisible.set(true);
-    }
-    onDelete(action) {
-        if (!action?.id || !action?.name)
-            return;
-        this.confirmationService.confirm({
-            message: this.translate('shared.confirm.delete.item', {
-                name: action.name,
-            }),
-            header: this.translate('iam.action.delete.title'),
-            icon: 'exclamation-triangle',
-            accept: async () => {
-                try {
-                    const response = await this.actionApi.delete({
-                        id: action.id,
-                        type: 'permanent',
-                    });
-                    await this.loadActions();
-                    this.messageService.add({
-                        severity: 'success',
-                        summary: this.translate('shared.success'),
-                        detail: response?.messageKey
-                            ? this.translate(response.messageKey, response.messageVariables)
-                            : (response?.message ?? ''),
-                    });
-                }
-                catch {
-                    // Handled by global interceptor
-                }
-            },
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ActionListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: ActionListPageComponent, isStandalone: true, selector: "lib-action-list-page", ngImport: i0, template: `
+var ActionListPageComponent = class ActionListPageComponent {
+	ACTION_PERMISSIONS = ACTION_PERMISSIONS;
+	USER_ACTION_PERMISSIONS = USER_ACTION_PERMISSIONS;
+	router = inject(Router);
+	appConfig = inject(APP_CONFIG);
+	companyContext = inject(LAYOUT_AUTH_STATE);
+	actionApi = inject(ActionApiService);
+	messageService = inject(MessageService);
+	confirmationService = inject(ConfirmationService);
+	translateAdapter = inject(TranslateService, { optional: true });
+	isLoading = signal(false, ...ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []);
+	rawActions = signal([], ...ngDevMode ? [{ debugName: "rawActions" }] : /* istanbul ignore next */ []);
+	_searchTerm = signal("", ...ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []);
+	searchTerm = this._searchTerm.asReadonly();
+	treeNodes = computed(() => convertActionToTreeNode(filterActionTree(this.rawActions(), this._searchTerm())), ...ngDevMode ? [{ debugName: "treeNodes" }] : /* istanbul ignore next */ []);
+	permittedUsersDialogVisible = signal(false, ...ngDevMode ? [{ debugName: "permittedUsersDialogVisible" }] : /* istanbul ignore next */ []);
+	selectedAction = signal(null, ...ngDevMode ? [{ debugName: "selectedAction" }] : /* istanbul ignore next */ []);
+	showActionUsers = computed(() => {
+		const permissionMode = getPermissionMode(this.appConfig);
+		return permissionMode === "direct" || permissionMode === "full";
+	}, ...ngDevMode ? [{ debugName: "showActionUsers" }] : /* istanbul ignore next */ []);
+	translate(key, vars) {
+		return this.translateAdapter?.translate(key, vars) ?? key;
+	}
+	static TYPE_SEVERITIES = {
+		[ActionType.BACKEND]: "info",
+		[ActionType.FRONTEND]: "success",
+		[ActionType.BOTH]: "warn"
+	};
+	static TYPE_LABEL_KEYS = {
+		[ActionType.BACKEND]: "iam.action.type.backend",
+		[ActionType.FRONTEND]: "iam.action.type.frontend",
+		[ActionType.BOTH]: "iam.action.type.both"
+	};
+	constructor() {
+		effect(() => {
+			this.companyContext.currentCompanyInfo();
+			untracked(() => this.loadActions());
+		});
+	}
+	async loadActions() {
+		this.isLoading.set(true);
+		try {
+			const response = await firstValueFrom(this.actionApi.getTree());
+			this.rawActions.set(response?.success ? response.data ?? [] : []);
+		} catch {} finally {
+			this.isLoading.set(false);
+		}
+	}
+	onSearchChange(value) {
+		this._searchTerm.set(value);
+	}
+	getActionTypeLabel(type) {
+		const key = ActionListPageComponent.TYPE_LABEL_KEYS[type] ?? "shared.unknown";
+		return this.translate(key);
+	}
+	getActionTypeSeverity(type) {
+		return ActionListPageComponent.TYPE_SEVERITIES[type] ?? "info";
+	}
+	onCreate() {
+		this.router.navigate(["/iam/actions/new"]);
+	}
+	onEdit(action) {
+		this.router.navigate(["/iam/actions", action.id]);
+	}
+	onViewUsers(action) {
+		this.selectedAction.set(action);
+		this.permittedUsersDialogVisible.set(true);
+	}
+	onDelete(action) {
+		if (!action?.id || !action?.name) return;
+		this.confirmationService.confirm({
+			message: this.translate("shared.confirm.delete.item", { name: action.name }),
+			header: this.translate("iam.action.delete.title"),
+			icon: "exclamation-triangle",
+			accept: async () => {
+				try {
+					const response = await this.actionApi.delete({
+						id: action.id,
+						type: "permanent"
+					});
+					await this.loadActions();
+					this.messageService.add({
+						severity: "success",
+						summary: this.translate("shared.success"),
+						detail: response?.messageKey ? this.translate(response.messageKey, response.messageVariables) : response?.message ?? ""
+					});
+				} catch {}
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ActionListPageComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		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"
@@ -285,28 +276,238 @@ class ActionListPageComponent {
       [action]="selectedAction()"
       (closed)="permittedUsersDialogVisible.set(false)"
     />
-  `, isInline: true, dependencies: [{ kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconFieldComponent, selector: "f-iconfield", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIconComponent, selector: "f-inputicon", inputs: ["icon", "position", "styleClass", "style"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: TreeTableComponent, selector: "f-treetable", inputs: ["value", "loading", "dataKey", "styleClass", "tableStyle", "scrollable", "scrollHeight", "resizableColumns", "lazy", "totalRecords", "paginator", "first", "rows", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "globalFilterFields", "filterDelay", "selectionMode", "sortMode", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onNodeExpand", "onNodeCollapse", "onNodeSelect", "onNodeUnselect", "onRowContextMenu"] }, { kind: "component", type: TreeTableTogglerComponent, selector: "f-treetabletoggler", inputs: ["rowNode"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: ActionPermittedUsersDialogComponent, selector: "flusys-action-permitted-users-dialog", inputs: ["visible", "action"], outputs: ["closed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ActionListPageComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lib-action-list-page',
-                    imports: [
-                        FButtonDirective,
-                        FormsModule,
-                        IconFieldComponent,
-                        InputIconComponent,
-                        InputTextDirective,
-                        TagComponent,
-                        TooltipDirective,
-                        TreeTableComponent,
-                        TreeTableTogglerComponent,
-                        UiIconComponent,
-                        HasPermissionDirective,
-                        ActionPermittedUsersDialogComponent,
-                        TranslatePipe,
-                    ],
-                    template: `
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: FButtonDirective,
+				selector: "[fButton]",
+				inputs: [
+					"severity",
+					"text",
+					"outlined",
+					"link",
+					"variant",
+					"rounded",
+					"raised",
+					"fluid",
+					"disabled",
+					"loading",
+					"loadingIcon",
+					"size",
+					"label",
+					"icon",
+					"iconPos",
+					"ariaLabel",
+					"plain"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "component",
+				type: IconFieldComponent,
+				selector: "f-iconfield",
+				inputs: ["iconPosition", "styleClass"]
+			},
+			{
+				kind: "component",
+				type: InputIconComponent,
+				selector: "f-inputicon",
+				inputs: [
+					"icon",
+					"position",
+					"styleClass",
+					"style"
+				]
+			},
+			{
+				kind: "directive",
+				type: InputTextDirective,
+				selector: "[fInputText]",
+				inputs: [
+					"invalid",
+					"touched",
+					"variant",
+					"size",
+					"fluid"
+				]
+			},
+			{
+				kind: "component",
+				type: TagComponent,
+				selector: "f-tag",
+				inputs: [
+					"value",
+					"severity",
+					"icon",
+					"rounded",
+					"color",
+					"styleClass",
+					"style"
+				]
+			},
+			{
+				kind: "directive",
+				type: TooltipDirective,
+				selector: "[fTooltip]",
+				inputs: [
+					"fTooltip",
+					"tooltipPosition",
+					"positionStyle",
+					"tooltipStyleClass",
+					"disabled",
+					"tooltipEvent",
+					"showDelay",
+					"hideDelay",
+					"life",
+					"autoHide",
+					"positionTop",
+					"positionLeft",
+					"escape"
+				]
+			},
+			{
+				kind: "component",
+				type: TreeTableComponent,
+				selector: "f-treetable",
+				inputs: [
+					"value",
+					"loading",
+					"dataKey",
+					"styleClass",
+					"tableStyle",
+					"scrollable",
+					"scrollHeight",
+					"resizableColumns",
+					"lazy",
+					"totalRecords",
+					"paginator",
+					"first",
+					"rows",
+					"rowsPerPageOptions",
+					"showCurrentPageReport",
+					"currentPageReportTemplate",
+					"globalFilterFields",
+					"filterDelay",
+					"selectionMode",
+					"sortMode",
+					"virtualScroll",
+					"virtualScrollItemSize",
+					"sortField",
+					"sortOrder",
+					"multiSortMeta",
+					"filters",
+					"selection",
+					"contextMenuSelection"
+				],
+				outputs: [
+					"sortFieldChange",
+					"sortOrderChange",
+					"multiSortMetaChange",
+					"filtersChange",
+					"selectionChange",
+					"contextMenuSelectionChange",
+					"onLazyLoad",
+					"onSort",
+					"onFilter",
+					"onNodeExpand",
+					"onNodeCollapse",
+					"onNodeSelect",
+					"onNodeUnselect",
+					"onRowContextMenu"
+				]
+			},
+			{
+				kind: "component",
+				type: TreeTableTogglerComponent,
+				selector: "f-treetabletoggler",
+				inputs: ["rowNode"]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"spin",
+					"fill",
+					"severity"
+				]
+			},
+			{
+				kind: "directive",
+				type: HasPermissionDirective,
+				selector: "[hasPermission]",
+				inputs: ["hasPermission"]
+			},
+			{
+				kind: "component",
+				type: ActionPermittedUsersDialogComponent,
+				selector: "flusys-action-permitted-users-dialog",
+				inputs: ["visible", "action"],
+				outputs: ["closed"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ActionListPageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-action-list-page",
+			imports: [
+				FButtonDirective,
+				FormsModule,
+				IconFieldComponent,
+				InputIconComponent,
+				InputTextDirective,
+				TagComponent,
+				TooltipDirective,
+				TreeTableComponent,
+				TreeTableTogglerComponent,
+				UiIconComponent,
+				HasPermissionDirective,
+				ActionPermittedUsersDialogComponent,
+				TranslatePipe
+			],
+			template: `
     <div class="card">
       <div
         class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4"
@@ -453,9 +654,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
       [action]="selectedAction()"
       (closed)="permittedUsersDialogVisible.set(false)"
     />
-  `,
-                }]
-        }], ctorParameters: () => [] });
+  `
+		}]
+	}],
+	ctorParameters: () => []
+});
 export { ActionListPageComponent };
-//# sourceMappingURL=flusys-ng-iam-action-list-page.component-Cf4Dhh5S.mjs.map
+//# sourceMappingURL=flusys-ng-iam-action-list-page.component-Br0PbgRa.mjs.map