@flusys/ng-shared 5.1.3 → 5.3.0

package/fesm2022/flusys-ng-shared.mjs

@@ -1,64 +1,75 @@
 import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, Injectable, DOCUMENT, REQUEST, signal, computed, ElementRef, input, effect, Directive, TemplateRef, ViewContainerRef, output, Pipe, Injector, isDevMode, NgModule, resource, model, runInInjectionContext, untracked, forwardRef, InjectionToken, Component, DestroyRef, ApplicationRef, viewChild, afterNextRender, ViewEncapsulation } from '@angular/core';
-import { isPlatformServer, isPlatformBrowser, CommonModule, NgOptimizedImage, NgComponentOutlet, DatePipe, DOCUMENT as DOCUMENT$1 } from '@angular/common';
+import { inject, PLATFORM_ID, Injectable, DOCUMENT, REQUEST, signal, computed, ElementRef, input, effect, Directive, TemplateRef, ViewContainerRef, output, Pipe, Injector, isDevMode, NgModule, resource, model, runInInjectionContext, untracked, forwardRef, contentChildren, Component, ViewEncapsulation, InjectionToken, DestroyRef, ApplicationRef, viewChild, afterNextRender } from '@angular/core';
+import * as i1 from '@angular/common';
+import { isPlatformServer, DOCUMENT as DOCUMENT$1, isPlatformBrowser, CommonModule, NgOptimizedImage, NgComponentOutlet, DatePipe } from '@angular/common';
 import { HttpClient, HttpContextToken, HttpHeaders, HttpParams } from '@angular/common/http';
 import { APP_CONFIG, getServiceUrl, LOCALIZATION_STATE_SERVICE, FALLBACK_MESSAGES_REGISTRY, LOCALIZATION_API_SERVICE } from '@flusys/ng-core';
-import { of, catchError as catchError$1, throwError, firstValueFrom, map as map$1, from } from 'rxjs';
+import { of, catchError as catchError$1, throwError, firstValueFrom, map as map$1 } from 'rxjs';
 import { map, tap, catchError } from 'rxjs/operators';
-import * as i1$1 from '@angular/forms';
+import * as i2 from '@angular/forms';
 import { NgControl, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i3 from 'primeng/api';
+import * as i3$1 from 'primeng/api';
 import { MessageService, ConfirmationService } from 'primeng/api';
-import { RouterOutlet, RouterLink, RouterLinkActive, Router, ActivatedRoute } from '@angular/router';
+import { RouterOutlet, RouterLink, RouterLinkActive, Router } from '@angular/router';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import { AvatarModule } from 'primeng/avatar';
-import * as i1 from 'primeng/button';
+import * as i3 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
+import * as i4 from 'primeng/card';
 import { CardModule } from 'primeng/card';
-import * as i1$2 from 'primeng/checkbox';
+import * as i5$1 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import * as i6$1 from 'primeng/datepicker';
 import { DatePickerModule } from 'primeng/datepicker';
-import * as i5 from 'primeng/dialog';
+import * as i5$2 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
 import { DividerModule } from 'primeng/divider';
 import { FileUploadModule } from 'primeng/fileupload';
-import * as i6 from 'primeng/iconfield';
+import * as i5 from 'primeng/iconfield';
 import { IconFieldModule } from 'primeng/iconfield';
 import { ImageModule } from 'primeng/image';
-import * as i7 from 'primeng/inputicon';
+import * as i6 from 'primeng/inputicon';
 import { InputIconModule } from 'primeng/inputicon';
+import * as i7 from 'primeng/inputnumber';
 import { InputNumberModule } from 'primeng/inputnumber';
-import * as i2$1 from 'primeng/inputtext';
+import * as i8 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import { ListboxModule } from 'primeng/listbox';
+import * as i9$1 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
 import { PaginatorModule } from 'primeng/paginator';
 import { PanelModule } from 'primeng/panel';
+import * as i10$1 from 'primeng/password';
 import { PasswordModule } from 'primeng/password';
 import { PopoverModule } from 'primeng/popover';
-import * as i2 from 'primeng/progressbar';
+import * as i2$1 from 'primeng/progressbar';
 import { ProgressBarModule } from 'primeng/progressbar';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { RippleModule } from 'primeng/ripple';
-import * as i9 from 'primeng/select';
+import * as i11 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
 import { SelectButtonModule } from 'primeng/selectbutton';
 import { SkeletonModule } from 'primeng/skeleton';
 import { SplitButtonModule } from 'primeng/splitbutton';
 import { StepsModule } from 'primeng/steps';
+import * as i8$1 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import { TabsModule } from 'primeng/tabs';
+import * as i9 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
+import * as i12 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
 import { ToastModule } from 'primeng/toast';
 import { ToggleButtonModule } from 'primeng/togglebutton';
+import * as i13 from 'primeng/toggleswitch';
 import { ToggleSwitchModule } from 'primeng/toggleswitch';
+import * as i10 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import { TreeTableModule } from 'primeng/treetable';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
 import { ColorPickerModule } from 'primeng/colorpicker';
-import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { DomSanitizer } from '@angular/platform-browser';
 
 const SHARED_MESSAGES = {
     // Backend shared auth key (used by exception filters)
@@ -97,15 +108,19 @@ const SHARED_MESSAGES = {
     'system.sdk.not.installed': 'Required SDK "{{sdk}}" not installed. Run: npm install {{sdk}}',
     'system.path.traversal.detected': 'Path traversal detected',
     'system.invalid.file.key': 'Invalid file key',
-    // utils/base-list-page.ts
+    // shared feedback & confirmation keys (used across all list/form components)
     'shared.success': 'Success',
     'shared.error': 'Error',
     'shared.info': 'Info',
     'shared.warning': 'Warning',
     'shared.confirm.delete.header': 'Confirm Delete',
-    // utils/base-form-page.ts
     'shared.validation.error': 'Validation Error',
     'shared.fill.required.fields': 'Please fill in all required fields',
+    // components/base-list/base-list.component.ts
+    'shared.no.data': 'No data found',
+    'shared.pagination.report': 'Showing {first} to {last} of {totalRecords} records',
+    // components/base-form/base-form.component.ts
+    'shared.required': 'is required',
     // components/file-selector-dialog/file-selector-dialog.component.ts
     'shared.file.selector.provider.not.configured': 'File selection not configured.',
     'shared.file.selector.add.provider': 'Add',
@@ -755,6 +770,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+class FaviconService {
+    http = inject(HttpClient);
+    platformService = inject(PlatformService);
+    document = inject(DOCUMENT$1);
+    svgTemplate = null;
+    apply() {
+        if (this.platformService.isServer)
+            return;
+        if (this.svgTemplate) {
+            this.render(this.svgTemplate);
+            return;
+        }
+        this.http
+            .get('/favicon.svg', { responseType: 'text' })
+            .subscribe((text) => {
+            this.svgTemplate = text;
+            this.render(text);
+        });
+    }
+    render(svgText) {
+        const style = getComputedStyle(this.document.documentElement);
+        const resolved = svgText.replace(/var\(\s*(--[^,)]+?)\s*(?:,\s*([^)]+?))?\s*\)/g, (_, varName, fallback = '') => {
+            const value = style.getPropertyValue(varName).trim();
+            return value || fallback;
+        });
+        const link = this.document.querySelector('link[rel="icon"]');
+        if (link) {
+            link.href = `data:image/svg+xml,${encodeURIComponent(resolved)}`;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FaviconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FaviconService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FaviconService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class EditModeElementChangerDirective {
     el = inject(ElementRef);
     ngControl = inject(NgControl, { optional: true });
@@ -1681,6 +1734,393 @@ function provideValueAccessor(component) {
     };
 }
 
+class BaseListTemplateDirective {
+    key = input.required({ ...(ngDevMode ? { debugName: "key" } : {}), alias: 'baseListTemplate' });
+    templateRef = inject((TemplateRef));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseListTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: BaseListTemplateDirective, isStandalone: true, selector: "ng-template[baseListTemplate]", inputs: { key: { classPropertyName: "key", publicName: "baseListTemplate", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseListTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[baseListTemplate]' }]
+        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseListTemplate", required: true }] }] } });
+
+class BaseListComponent {
+    translateAdapter = inject(TranslateService, { optional: true });
+    router = inject(Router, { optional: true });
+    messageService = inject(MessageService, { optional: true });
+    confirmationService = inject(ConfirmationService, { optional: true });
+    columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : []));
+    actions = input([], ...(ngDevMode ? [{ debugName: "actions" }] : []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    showCreateButton = input(true, ...(ngDevMode ? [{ debugName: "showCreateButton" }] : []));
+    searchable = input(false, ...(ngDevMode ? [{ debugName: "searchable" }] : []));
+    pageSize = input(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    emptyMessage = input('', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
+    createButtonLabel = input('', ...(ngDevMode ? [{ debugName: "createButtonLabel" }] : []));
+    createButtonIcon = input('pi pi-plus', ...(ngDevMode ? [{ debugName: "createButtonIcon" }] : []));
+    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
+    total = input(0, ...(ngDevMode ? [{ debugName: "total" }] : []));
+    isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    service = input(null, ...(ngDevMode ? [{ debugName: "service" }] : []));
+    filter = input({}, ...(ngDevMode ? [{ debugName: "filter" }] : []));
+    createRoute = input(null, ...(ngDevMode ? [{ debugName: "createRoute" }] : []));
+    editRoute = input(null, ...(ngDevMode ? [{ debugName: "editRoute" }] : []));
+    deleteConfirmField = input(null, ...(ngDevMode ? [{ debugName: "deleteConfirmField" }] : []));
+    idField = input('id', ...(ngDevMode ? [{ debugName: "idField" }] : []));
+    canEdit = input(null, ...(ngDevMode ? [{ debugName: "canEdit" }] : []));
+    canDelete = input(null, ...(ngDevMode ? [{ debugName: "canDelete" }] : []));
+    onCreate = output();
+    onLazyLoad = output();
+    onSearch = output();
+    columnTemplates = contentChildren(BaseListTemplateDirective, ...(ngDevMode ? [{ debugName: "columnTemplates" }] : []));
+    _first = signal(0, ...(ngDevMode ? [{ debugName: "_first" }] : []));
+    _searchTerm = signal('', ...(ngDevMode ? [{ debugName: "_searchTerm" }] : []));
+    first = this._first.asReadonly();
+    searchTerm = this._searchTerm.asReadonly();
+    effectiveData = computed(() => this.service()?.data() ?? this.data(), ...(ngDevMode ? [{ debugName: "effectiveData" }] : []));
+    effectiveTotal = computed(() => this.service()?.total() ?? this.total(), ...(ngDevMode ? [{ debugName: "effectiveTotal" }] : []));
+    effectiveIsLoading = computed(() => this.service()?.isLoading() ?? this.isLoading(), ...(ngDevMode ? [{ debugName: "effectiveIsLoading" }] : []));
+    effectiveActions = computed(() => {
+        const editRoute = this.editRoute();
+        const deleteField = this.deleteConfirmField();
+        const editAction = editRoute
+            ? [{ icon: 'pi pi-pencil', tooltip: 'shared.edit', severity: 'info',
+                    show: this.canEdit() ?? undefined, handler: (item) => this.handleEditItem(item) }]
+            : [];
+        const deleteAction = deleteField
+            ? [{ icon: 'pi pi-trash', tooltip: 'shared.delete', severity: 'danger',
+                    show: this.canDelete() ?? undefined, handler: (item) => this.handleDeleteItem(item) }]
+            : [];
+        return [...editAction, ...this.actions(), ...deleteAction];
+    }, ...(ngDevMode ? [{ debugName: "effectiveActions" }] : []));
+    visibleColumns = computed(() => this.columns().filter((c) => !c.hidden), ...(ngDevMode ? [{ debugName: "visibleColumns" }] : []));
+    columnCount = computed(() => this.visibleColumns().length + (this.effectiveActions().length > 0 ? 1 : 0), ...(ngDevMode ? [{ debugName: "columnCount" }] : []));
+    resolvedEmptyMessage = computed(() => this.emptyMessage() || this.t('shared.no.data'), ...(ngDevMode ? [{ debugName: "resolvedEmptyMessage" }] : []));
+    resolvedCreateLabel = computed(() => this.createButtonLabel() || this.t('shared.create'), ...(ngDevMode ? [{ debugName: "resolvedCreateLabel" }] : []));
+    handleLazyLoad(event) {
+        const first = event.first ?? 0;
+        const rows = event.rows ?? this.pageSize();
+        this._first.set(first);
+        const service = this.service();
+        if (service) {
+            service.fetchList(this.searchTerm(), {
+                pagination: { currentPage: Math.floor(first / rows), pageSize: rows },
+                filter: this.filter(),
+            });
+        }
+        this.onLazyLoad.emit({ first, rows });
+    }
+    onSearchChange(value) {
+        this._first.set(0);
+        this._searchTerm.set(value);
+        const service = this.service();
+        if (service) {
+            service.fetchList(value, {
+                pagination: { currentPage: 0, pageSize: this.pageSize() },
+                filter: this.filter(),
+            });
+        }
+        this.onSearch.emit(value);
+    }
+    handleCreate() {
+        const route = this.createRoute();
+        if (route && this.router)
+            this.router.navigate([route]);
+        this.onCreate.emit();
+    }
+    handleEditItem(item) {
+        const route = this.editRoute();
+        const id = this.getFieldValueAsString(item, this.idField());
+        if (route && id && this.router)
+            this.router.navigate([route, id]);
+    }
+    handleDeleteItem(item) {
+        const nameField = this.deleteConfirmField();
+        const name = this.getFieldValueAsString(item, nameField);
+        const id = this.getFieldValueAsString(item, this.idField());
+        this.confirmationService?.confirm({
+            message: this.t('shared.confirm.delete.item', { name }),
+            header: this.t('shared.confirm.delete'),
+            icon: 'pi pi-exclamation-triangle',
+            acceptButtonStyleClass: 'p-button-danger',
+            accept: async () => {
+                try {
+                    const response = await this.service()?.delete({ id, type: 'delete' });
+                    this.messageService?.add({
+                        severity: 'success',
+                        summary: this.t('shared.success'),
+                        detail: response?.messageKey
+                            ? this.t(response.messageKey, response.messageVariables)
+                            : (response?.message ?? ''),
+                    });
+                    this.service()?.reload();
+                }
+                catch {
+                    // handled by global interceptor
+                }
+            },
+        });
+    }
+    getFieldValue(item, field) {
+        return field
+            .split('.')
+            .reduce((obj, key) => (obj != null ? obj[key] : null), item);
+    }
+    getFieldValueAsString(item, field) {
+        return String(this.getFieldValue(item, field) ?? '');
+    }
+    getTagConfig(col, value) {
+        return col.tagMap?.[String(value)] ?? null;
+    }
+    getColumnTemplate(field) {
+        return this.columnTemplates().find((t) => t.key() === field)?.templateRef ?? null;
+    }
+    truncateText(value, limit) {
+        const str = String(value ?? '');
+        return limit && str.length > limit ? `${str.slice(0, limit)}…` : str;
+    }
+    getCellClass(col) {
+        switch (col.align) {
+            case 'center': return 'text-center';
+            case 'right': return 'text-right';
+            default: return '';
+        }
+    }
+    t(key, vars) {
+        return this.translateAdapter?.translate(key, vars) ?? key;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: BaseListComponent, isStandalone: true, selector: "lib-base-list", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showCreateButton: { classPropertyName: "showCreateButton", publicName: "showCreateButton", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, createButtonLabel: { classPropertyName: "createButtonLabel", publicName: "createButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, createButtonIcon: { classPropertyName: "createButtonIcon", publicName: "createButtonIcon", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, createRoute: { classPropertyName: "createRoute", publicName: "createRoute", isSignal: true, isRequired: false, transformFunction: null }, editRoute: { classPropertyName: "editRoute", publicName: "editRoute", isSignal: true, isRequired: false, transformFunction: null }, deleteConfirmField: { classPropertyName: "deleteConfirmField", publicName: "deleteConfirmField", isSignal: true, isRequired: false, transformFunction: null }, idField: { classPropertyName: "idField", publicName: "idField", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, canDelete: { classPropertyName: "canDelete", publicName: "canDelete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCreate: "onCreate", onLazyLoad: "onLazyLoad", onSearch: "onSearch" }, queries: [{ propertyName: "columnTemplates", predicate: BaseListTemplateDirective, isSignal: true }], ngImport: i0, template: "<p-card>\n  <ng-template #header>\n    @if (title() || searchable() || showCreateButton()) {\n      <div class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 p-4\">\n        @if (title()) {\n          <h2 class=\"text-xl font-semibold m-0\">{{ title() }}</h2>\n        }\n        <div class=\"flex items-center gap-2\" [class.ml-auto]=\"!!title()\">\n          @if (searchable()) {\n            <p-iconfield>\n              <p-inputicon class=\"pi pi-search\" />\n              <input\n                pInputText\n                type=\"text\"\n                [ngModel]=\"searchTerm()\"\n                (ngModelChange)=\"onSearchChange($event)\"\n                [placeholder]=\"t('shared.search')\"\n              />\n            </p-iconfield>\n          }\n          @if (showCreateButton()) {\n            <p-button\n              [icon]=\"createButtonIcon()\"\n              [label]=\"resolvedCreateLabel()\"\n              (onClick)=\"handleCreate()\"\n            />\n          }\n        </div>\n      </div>\n    }\n  </ng-template>\n\n  <div class=\"overflow-x-auto\">\n    <p-table\n      [value]=\"effectiveData()\"\n      [loading]=\"effectiveIsLoading()\"\n      [lazy]=\"true\"\n      [scrollable]=\"true\"\n      [paginator]=\"effectiveTotal() > pageSize()\"\n      [rows]=\"pageSize()\"\n      [totalRecords]=\"effectiveTotal()\"\n      [first]=\"first()\"\n      (onLazyLoad)=\"handleLazyLoad($event)\"\n      [showCurrentPageReport]=\"true\"\n      [currentPageReportTemplate]=\"t('shared.pagination.report')\"\n      class=\"p-datatable-striped\"\n    >\n      <ng-template #header>\n        <tr>\n          @for (col of visibleColumns(); track col.field) {\n            <th [style.width]=\"col.width\" [style.min-width]=\"col.minWidth\" [class]=\"getCellClass(col)\">\n              {{ col.header }}\n            </th>\n          }\n          @if (effectiveActions().length > 0) {\n            <th style=\"width: 120px; text-align: center;\">{{ t('shared.actions') }}</th>\n          }\n        </tr>\n      </ng-template>\n\n      <ng-template #body let-item>\n        <tr>\n          @for (col of visibleColumns(); track col.field) {\n            <td [class]=\"getCellClass(col)\">\n              @switch (col.type ?? 'text') {\n                @case ('tag') {\n                  @if (getTagConfig(col, getFieldValue(item, col.field)); as tagCfg) {\n                    <p-tag [severity]=\"tagCfg.severity\" [value]=\"tagCfg.label ?? getFieldValueAsString(item, col.field)\" />\n                  } @else {\n                    {{ getFieldValueAsString(item, col.field) }}\n                  }\n                }\n                @case ('boolean') {\n                  <p-tag\n                    [severity]=\"getFieldValue(item, col.field) ? 'success' : 'danger'\"\n                    [value]=\"getFieldValue(item, col.field) ? t('shared.yes') : t('shared.no')\"\n                  />\n                }\n                @case ('date') {\n                  {{ getFieldValueAsString(item, col.field) | date: (col.dateFormat ?? 'dd/MM/yyyy') }}\n                }\n                @case ('number') {\n                  {{ getFieldValueAsString(item, col.field) | number }}\n                }\n                @case ('custom') {\n                  <ng-container\n                    *ngTemplateOutlet=\"getColumnTemplate(col.field); context: { $implicit: item, field: col.field }\"\n                  />\n                }\n                @default {\n                  {{ truncateText(getFieldValue(item, col.field), col.truncate) }}\n                }\n              }\n            </td>\n          }\n          @if (effectiveActions().length > 0) {\n            <td>\n              <div class=\"flex items-center justify-center gap-2\">\n                @for (action of effectiveActions(); track $index) {\n                  @if (!action.show || action.show(item)) {\n                    <p-button\n                      [icon]=\"action.icon\"\n                      [severity]=\"action.severity\"\n                      [pTooltip]=\"action.tooltip ? t(action.tooltip) : ''\"\n                      [disabled]=\"action.disabled ? action.disabled(item) : false\"\n                      (onClick)=\"action.handler(item)\"\n                      [rounded]=\"true\"\n                      [text]=\"true\"\n                    />\n                  }\n                }\n              </div>\n            </td>\n          }\n        </tr>\n      </ng-template>\n\n      <ng-template #emptymessage>\n        <tr>\n          <td [attr.colspan]=\"columnCount()\">\n            <div class=\"flex flex-col items-center justify-center py-12 text-surface-400\">\n              <i class=\"pi pi-inbox text-5xl mb-3\"></i>\n              <span>{{ resolvedEmptyMessage() }}</span>\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n  </div>\n</p-card>\n", dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { 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: "component", type: i4.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i5.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i6.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i8$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i9.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i10.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-base-list', imports: [AngularModule, PrimeModule], template: "<p-card>\n  <ng-template #header>\n    @if (title() || searchable() || showCreateButton()) {\n      <div class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 p-4\">\n        @if (title()) {\n          <h2 class=\"text-xl font-semibold m-0\">{{ title() }}</h2>\n        }\n        <div class=\"flex items-center gap-2\" [class.ml-auto]=\"!!title()\">\n          @if (searchable()) {\n            <p-iconfield>\n              <p-inputicon class=\"pi pi-search\" />\n              <input\n                pInputText\n                type=\"text\"\n                [ngModel]=\"searchTerm()\"\n                (ngModelChange)=\"onSearchChange($event)\"\n                [placeholder]=\"t('shared.search')\"\n              />\n            </p-iconfield>\n          }\n          @if (showCreateButton()) {\n            <p-button\n              [icon]=\"createButtonIcon()\"\n              [label]=\"resolvedCreateLabel()\"\n              (onClick)=\"handleCreate()\"\n            />\n          }\n        </div>\n      </div>\n    }\n  </ng-template>\n\n  <div class=\"overflow-x-auto\">\n    <p-table\n      [value]=\"effectiveData()\"\n      [loading]=\"effectiveIsLoading()\"\n      [lazy]=\"true\"\n      [scrollable]=\"true\"\n      [paginator]=\"effectiveTotal() > pageSize()\"\n      [rows]=\"pageSize()\"\n      [totalRecords]=\"effectiveTotal()\"\n      [first]=\"first()\"\n      (onLazyLoad)=\"handleLazyLoad($event)\"\n      [showCurrentPageReport]=\"true\"\n      [currentPageReportTemplate]=\"t('shared.pagination.report')\"\n      class=\"p-datatable-striped\"\n    >\n      <ng-template #header>\n        <tr>\n          @for (col of visibleColumns(); track col.field) {\n            <th [style.width]=\"col.width\" [style.min-width]=\"col.minWidth\" [class]=\"getCellClass(col)\">\n              {{ col.header }}\n            </th>\n          }\n          @if (effectiveActions().length > 0) {\n            <th style=\"width: 120px; text-align: center;\">{{ t('shared.actions') }}</th>\n          }\n        </tr>\n      </ng-template>\n\n      <ng-template #body let-item>\n        <tr>\n          @for (col of visibleColumns(); track col.field) {\n            <td [class]=\"getCellClass(col)\">\n              @switch (col.type ?? 'text') {\n                @case ('tag') {\n                  @if (getTagConfig(col, getFieldValue(item, col.field)); as tagCfg) {\n                    <p-tag [severity]=\"tagCfg.severity\" [value]=\"tagCfg.label ?? getFieldValueAsString(item, col.field)\" />\n                  } @else {\n                    {{ getFieldValueAsString(item, col.field) }}\n                  }\n                }\n                @case ('boolean') {\n                  <p-tag\n                    [severity]=\"getFieldValue(item, col.field) ? 'success' : 'danger'\"\n                    [value]=\"getFieldValue(item, col.field) ? t('shared.yes') : t('shared.no')\"\n                  />\n                }\n                @case ('date') {\n                  {{ getFieldValueAsString(item, col.field) | date: (col.dateFormat ?? 'dd/MM/yyyy') }}\n                }\n                @case ('number') {\n                  {{ getFieldValueAsString(item, col.field) | number }}\n                }\n                @case ('custom') {\n                  <ng-container\n                    *ngTemplateOutlet=\"getColumnTemplate(col.field); context: { $implicit: item, field: col.field }\"\n                  />\n                }\n                @default {\n                  {{ truncateText(getFieldValue(item, col.field), col.truncate) }}\n                }\n              }\n            </td>\n          }\n          @if (effectiveActions().length > 0) {\n            <td>\n              <div class=\"flex items-center justify-center gap-2\">\n                @for (action of effectiveActions(); track $index) {\n                  @if (!action.show || action.show(item)) {\n                    <p-button\n                      [icon]=\"action.icon\"\n                      [severity]=\"action.severity\"\n                      [pTooltip]=\"action.tooltip ? t(action.tooltip) : ''\"\n                      [disabled]=\"action.disabled ? action.disabled(item) : false\"\n                      (onClick)=\"action.handler(item)\"\n                      [rounded]=\"true\"\n                      [text]=\"true\"\n                    />\n                  }\n                }\n              </div>\n            </td>\n          }\n        </tr>\n      </ng-template>\n\n      <ng-template #emptymessage>\n        <tr>\n          <td [attr.colspan]=\"columnCount()\">\n            <div class=\"flex flex-col items-center justify-center py-12 text-surface-400\">\n              <i class=\"pi pi-inbox text-5xl mb-3\"></i>\n              <span>{{ resolvedEmptyMessage() }}</span>\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n  </div>\n</p-card>\n" }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], showCreateButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCreateButton", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], createButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "createButtonLabel", required: false }] }], createButtonIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "createButtonIcon", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], createRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "createRoute", required: false }] }], editRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "editRoute", required: false }] }], deleteConfirmField: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteConfirmField", required: false }] }], idField: [{ type: i0.Input, args: [{ isSignal: true, alias: "idField", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], canDelete: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDelete", required: false }] }], onCreate: [{ type: i0.Output, args: ["onCreate"] }], onLazyLoad: [{ type: i0.Output, args: ["onLazyLoad"] }], onSearch: [{ type: i0.Output, args: ["onSearch"] }], columnTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BaseListTemplateDirective), { isSignal: true }] }] } });
+
+class BaseFormTemplateDirective {
+    key = input.required({ ...(ngDevMode ? { debugName: "key" } : {}), alias: 'baseFormTemplate' });
+    templateRef = inject((TemplateRef));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseFormTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: BaseFormTemplateDirective, isStandalone: true, selector: "ng-template[baseFormTemplate]", inputs: { key: { classPropertyName: "key", publicName: "baseFormTemplate", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseFormTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[baseFormTemplate]' }]
+        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseFormTemplate", required: true }] }] } });
+
+class BaseFormComponent {
+    translateAdapter = inject(TranslateService, { optional: true });
+    router = inject(Router, { optional: true });
+    messageService = inject(MessageService, { optional: true });
+    fields = input.required(...(ngDevMode ? [{ debugName: "fields" }] : []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    createTitle = input('', ...(ngDevMode ? [{ debugName: "createTitle" }] : []));
+    editTitle = input('', ...(ngDevMode ? [{ debugName: "editTitle" }] : []));
+    columns = input(2, ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    submitLabel = input('', ...(ngDevMode ? [{ debugName: "submitLabel" }] : []));
+    cancelLabel = input('', ...(ngDevMode ? [{ debugName: "cancelLabel" }] : []));
+    isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    isEditMode = input(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    initialValue = input({}, ...(ngDevMode ? [{ debugName: "initialValue" }] : []));
+    service = input(null, ...(ngDevMode ? [{ debugName: "service" }] : []));
+    editId = input(null, ...(ngDevMode ? [{ debugName: "editId" }] : []));
+    cancelRoute = input(null, ...(ngDevMode ? [{ debugName: "cancelRoute" }] : []));
+    navigateOnSuccess = input(null, ...(ngDevMode ? [{ debugName: "navigateOnSuccess" }] : []));
+    mapToRequest = input(null, ...(ngDevMode ? [{ debugName: "mapToRequest" }] : []));
+    mapFromEntity = input(null, ...(ngDevMode ? [{ debugName: "mapFromEntity" }] : []));
+    onSubmit = output();
+    onCancel = output();
+    onValueChange = output();
+    fieldTemplates = contentChildren(BaseFormTemplateDirective, ...(ngDevMode ? [{ debugName: "fieldTemplates" }] : []));
+    _formData = signal({}, ...(ngDevMode ? [{ debugName: "_formData" }] : []));
+    _submitted = signal(false, ...(ngDevMode ? [{ debugName: "_submitted" }] : []));
+    _isLoadingInternal = signal(false, ...(ngDevMode ? [{ debugName: "_isLoadingInternal" }] : []));
+    _touchedFields = signal(new Set(), ...(ngDevMode ? [{ debugName: "_touchedFields" }] : []));
+    formData = this._formData.asReadonly();
+    submitted = this._submitted.asReadonly();
+    effectiveIsEditMode = computed(() => this.isEditMode() || !!this.editId(), ...(ngDevMode ? [{ debugName: "effectiveIsEditMode" }] : []));
+    effectiveIsLoading = computed(() => this.isLoading() || this._isLoadingInternal(), ...(ngDevMode ? [{ debugName: "effectiveIsLoading" }] : []));
+    isFormValid = computed(() => this.checkValidity(), ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
+    resolvedTitle = computed(() => {
+        if (this.effectiveIsEditMode())
+            return this.editTitle() || this.title();
+        return this.createTitle() || this.title();
+    }, ...(ngDevMode ? [{ debugName: "resolvedTitle" }] : []));
+    gridClass = computed(() => {
+        switch (this.columns()) {
+            case 1: return 'grid-cols-1';
+            case 3: return 'grid-cols-1 md:grid-cols-3';
+            default: return 'grid-cols-1 md:grid-cols-2';
+        }
+    }, ...(ngDevMode ? [{ debugName: "gridClass" }] : []));
+    constructor() {
+        effect(() => {
+            const fields = this.fields();
+            const initial = this.initialValue();
+            const defaults = {};
+            for (const f of fields)
+                defaults[f.key] = this.getDefaultValue(f);
+            this._formData.set({ ...defaults, ...initial });
+            this._submitted.set(false);
+            this._touchedFields.set(new Set());
+        });
+        effect(() => {
+            const editId = this.editId();
+            const service = this.service();
+            const mapFn = this.mapFromEntity();
+            if (editId && service && mapFn)
+                this.loadEntity(editId, service, mapFn);
+        });
+    }
+    async loadEntity(id, service, mapFn) {
+        this._isLoadingInternal.set(true);
+        try {
+            const response = await service.findById(id);
+            if (response.success && response.data) {
+                this._formData.update((prev) => ({ ...prev, ...mapFn(response.data) }));
+                this._submitted.set(false);
+            }
+        }
+        catch {
+            this.navigateTo(this.cancelRoute());
+        }
+        finally {
+            this._isLoadingInternal.set(false);
+        }
+    }
+    getFieldValue(key) {
+        return this._formData()[key];
+    }
+    setFieldValue(key, value) {
+        this._formData.update((data) => ({ ...data, [key]: value }));
+        this._touchedFields.update((set) => new Set([...set, key]));
+        this.onValueChange.emit(this._formData());
+    }
+    markFieldTouched(key) {
+        this._touchedFields.update((set) => new Set([...set, key]));
+    }
+    isFieldInvalid(field) {
+        const isActive = this._submitted() || this._touchedFields().has(field.key);
+        if (!isActive || !field.required)
+            return false;
+        const value = this._formData()[field.key];
+        if (Array.isArray(value))
+            return value.length === 0;
+        return value === null || value === undefined || value === '';
+    }
+    getFieldTemplate(key) {
+        return this.fieldTemplates().find((t) => t.key() === key)?.templateRef ?? null;
+    }
+    async handleSubmit() {
+        this._submitted.set(true);
+        if (!this.isFormValid())
+            return;
+        const service = this.service();
+        const mapFn = this.mapToRequest();
+        if (service && mapFn) {
+            await this.managedSubmit(service, mapFn);
+        }
+        else {
+            this.onSubmit.emit({ ...this._formData() });
+        }
+    }
+    handleCancel() {
+        this.navigateTo(this.cancelRoute());
+        this.onCancel.emit();
+    }
+    reset() {
+        const defaults = {};
+        for (const f of this.fields())
+            defaults[f.key] = this.getDefaultValue(f);
+        this._formData.set(defaults);
+        this._submitted.set(false);
+        this._touchedFields.set(new Set());
+    }
+    t(key, vars) {
+        return this.translateAdapter?.translate(key, vars) ?? key;
+    }
+    async managedSubmit(service, mapFn) {
+        this._isLoadingInternal.set(true);
+        try {
+            const editId = this.editId();
+            const dto = mapFn(this._formData(), editId);
+            const response = editId ? await service.update(dto) : await service.insert(dto);
+            this.messageService?.add({
+                severity: 'success',
+                summary: this.t('shared.success'),
+                detail: response.messageKey
+                    ? this.t(response.messageKey, response.messageVariables)
+                    : (response.message ?? ''),
+            });
+            this.onSubmit.emit({ ...this._formData() });
+            this.navigateTo(this.navigateOnSuccess());
+        }
+        catch {
+            // handled by global interceptor
+        }
+        finally {
+            this._isLoadingInternal.set(false);
+        }
+    }
+    checkValidity() {
+        return this.fields().every((f) => {
+            if (!f.required)
+                return true;
+            const value = this._formData()[f.key];
+            if (Array.isArray(value))
+                return value.length > 0;
+            return value !== null && value !== undefined && value !== '';
+        });
+    }
+    navigateTo(route) {
+        if (!route || !this.router)
+            return;
+        this.router.navigate(Array.isArray(route) ? route : [route]);
+    }
+    getDefaultValue(field) {
+        switch (field.type) {
+            case 'checkbox':
+            case 'toggle':
+                return false;
+            case 'multiselect':
+                return [];
+            case 'number':
+                return null;
+            default:
+                return '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: BaseFormComponent, isStandalone: true, selector: "lib-base-form", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, createTitle: { classPropertyName: "createTitle", publicName: "createTitle", isSignal: true, isRequired: false, transformFunction: null }, editTitle: { classPropertyName: "editTitle", publicName: "editTitle", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, submitLabel: { classPropertyName: "submitLabel", publicName: "submitLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isEditMode: { classPropertyName: "isEditMode", publicName: "isEditMode", isSignal: true, isRequired: false, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null }, service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, editId: { classPropertyName: "editId", publicName: "editId", isSignal: true, isRequired: false, transformFunction: null }, cancelRoute: { classPropertyName: "cancelRoute", publicName: "cancelRoute", isSignal: true, isRequired: false, transformFunction: null }, navigateOnSuccess: { classPropertyName: "navigateOnSuccess", publicName: "navigateOnSuccess", isSignal: true, isRequired: false, transformFunction: null }, mapToRequest: { classPropertyName: "mapToRequest", publicName: "mapToRequest", isSignal: true, isRequired: false, transformFunction: null }, mapFromEntity: { classPropertyName: "mapFromEntity", publicName: "mapFromEntity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSubmit: "onSubmit", onCancel: "onCancel", onValueChange: "onValueChange" }, queries: [{ propertyName: "fieldTemplates", predicate: BaseFormTemplateDirective, isSignal: true }], ngImport: i0, template: "<p-card>\n  <ng-template #header>\n    @if (resolvedTitle()) {\n      <div class=\"flex justify-between items-center p-4\">\n        <h2 class=\"text-xl font-semibold m-0\">{{ resolvedTitle() }}</h2>\n      </div>\n    }\n  </ng-template>\n\n  <form (ngSubmit)=\"handleSubmit()\" novalidate>\n    <div class=\"grid gap-4\" [class]=\"gridClass()\">\n      @for (field of fields(); track field.key) {\n        <div class=\"flex flex-col gap-2\" [class.col-span-full]=\"field.fullWidth\">\n          @if (field.type !== 'checkbox' && field.type !== 'toggle') {\n            <label [for]=\"field.key\" class=\"font-medium\">\n              {{ field.label }}\n              @if (field.required) {\n                <span class=\"text-red-500 ml-1\">*</span>\n              }\n            </label>\n          }\n\n          @switch (field.type) {\n            @case ('text') {\n              <input\n                pInputText\n                [id]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (blur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [class.ng-invalid]=\"isFieldInvalid(field)\"\n                [class.ng-dirty]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              />\n            }\n\n            @case ('email') {\n              <input\n                pInputText\n                type=\"email\"\n                [id]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (blur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [class.ng-invalid]=\"isFieldInvalid(field)\"\n                [class.ng-dirty]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              />\n            }\n\n            @case ('password') {\n              <p-password\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (onBlur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [feedback]=\"false\"\n                [toggleMask]=\"true\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n                inputStyleClass=\"w-full\"\n              />\n            }\n\n            @case ('number') {\n              <p-inputnumber\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (onBlur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [min]=\"field.min ?? undefined\"\n                [max]=\"field.max ?? undefined\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n                inputStyleClass=\"w-full\"\n              />\n            }\n\n            @case ('textarea') {\n              <textarea\n                pTextarea\n                [id]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (blur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [rows]=\"field.rows ?? 3\"\n                [class.ng-invalid]=\"isFieldInvalid(field)\"\n                [class.ng-dirty]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              ></textarea>\n            }\n\n            @case ('select') {\n              <p-select\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                [options]=\"field.options ?? []\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                [placeholder]=\"field.placeholder ?? t('shared.select.placeholder')\"\n                [disabled]=\"field.disabled ?? false\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              />\n            }\n\n            @case ('multiselect') {\n              <p-multiselect\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                [options]=\"field.options ?? []\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                [placeholder]=\"field.placeholder ?? t('shared.select.placeholder')\"\n                [disabled]=\"field.disabled ?? false\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              />\n            }\n\n            @case ('date') {\n              <p-datepicker\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (onBlur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [minDate]=\"field.minDate ?? undefined\"\n                [maxDate]=\"field.maxDate ?? undefined\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n                inputStyleClass=\"w-full\"\n              />\n            }\n\n            @case ('checkbox') {\n              <div class=\"flex items-center gap-2 h-9\">\n                <p-checkbox\n                  [inputId]=\"field.key\"\n                  [name]=\"field.key\"\n                  [ngModel]=\"getFieldValue(field.key)\"\n                  (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                  [disabled]=\"field.disabled ?? false\"\n                  [binary]=\"true\"\n                  [invalid]=\"isFieldInvalid(field)\"\n                />\n                <label [for]=\"field.key\" class=\"font-medium cursor-pointer select-none\">\n                  {{ field.label }}\n                  @if (field.required) {\n                    <span class=\"text-red-500 ml-1\">*</span>\n                  }\n                </label>\n              </div>\n            }\n\n            @case ('toggle') {\n              <div class=\"flex items-center gap-3 h-9\">\n                <p-toggleswitch\n                  [inputId]=\"field.key\"\n                  [name]=\"field.key\"\n                  [ngModel]=\"getFieldValue(field.key)\"\n                  (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                  [disabled]=\"field.disabled ?? false\"\n                />\n                <label [for]=\"field.key\" class=\"font-medium cursor-pointer select-none\">\n                  {{ field.label }}\n                  @if (field.required) {\n                    <span class=\"text-red-500 ml-1\">*</span>\n                  }\n                </label>\n              </div>\n            }\n\n            @case ('custom') {\n              <ng-container\n                *ngTemplateOutlet=\"getFieldTemplate(field.key); context: { $implicit: getFieldValue(field.key), field: field }\"\n              />\n            }\n          }\n\n          @if (isFieldInvalid(field)) {\n            <small class=\"text-red-500\">{{ field.label }} {{ t('shared.required') }}</small>\n          }\n\n          @if (field.hint && !isFieldInvalid(field)) {\n            <small class=\"text-surface-400\">{{ field.hint }}</small>\n          }\n        </div>\n      }\n\n      <div class=\"col-span-full flex justify-end gap-4 pt-4\">\n        <p-button\n          type=\"button\"\n          [label]=\"cancelLabel() || t('shared.cancel')\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\n          [disabled]=\"effectiveIsLoading()\"\n          (onClick)=\"handleCancel()\"\n        />\n        <p-button\n          type=\"submit\"\n          [label]=\"submitLabel() || (effectiveIsEditMode() ? t('shared.update') : t('shared.save'))\"\n          [loading]=\"effectiveIsLoading()\"\n          [disabled]=\"!isFormValid() || effectiveIsLoading()\"\n        />\n      </div>\n    </div>\n  </form>\n</p-card>\n", dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.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: 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: "component", type: i4.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i5$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i6$1.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i9$1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i10$1.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo", "motionOptions", "overlayOptions"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: i11.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i12.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: i13.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-base-form', imports: [AngularModule, PrimeModule], template: "<p-card>\n  <ng-template #header>\n    @if (resolvedTitle()) {\n      <div class=\"flex justify-between items-center p-4\">\n        <h2 class=\"text-xl font-semibold m-0\">{{ resolvedTitle() }}</h2>\n      </div>\n    }\n  </ng-template>\n\n  <form (ngSubmit)=\"handleSubmit()\" novalidate>\n    <div class=\"grid gap-4\" [class]=\"gridClass()\">\n      @for (field of fields(); track field.key) {\n        <div class=\"flex flex-col gap-2\" [class.col-span-full]=\"field.fullWidth\">\n          @if (field.type !== 'checkbox' && field.type !== 'toggle') {\n            <label [for]=\"field.key\" class=\"font-medium\">\n              {{ field.label }}\n              @if (field.required) {\n                <span class=\"text-red-500 ml-1\">*</span>\n              }\n            </label>\n          }\n\n          @switch (field.type) {\n            @case ('text') {\n              <input\n                pInputText\n                [id]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (blur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [class.ng-invalid]=\"isFieldInvalid(field)\"\n                [class.ng-dirty]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              />\n            }\n\n            @case ('email') {\n              <input\n                pInputText\n                type=\"email\"\n                [id]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (blur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [class.ng-invalid]=\"isFieldInvalid(field)\"\n                [class.ng-dirty]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              />\n            }\n\n            @case ('password') {\n              <p-password\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (onBlur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [feedback]=\"false\"\n                [toggleMask]=\"true\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n                inputStyleClass=\"w-full\"\n              />\n            }\n\n            @case ('number') {\n              <p-inputnumber\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (onBlur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [min]=\"field.min ?? undefined\"\n                [max]=\"field.max ?? undefined\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n                inputStyleClass=\"w-full\"\n              />\n            }\n\n            @case ('textarea') {\n              <textarea\n                pTextarea\n                [id]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (blur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [rows]=\"field.rows ?? 3\"\n                [class.ng-invalid]=\"isFieldInvalid(field)\"\n                [class.ng-dirty]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              ></textarea>\n            }\n\n            @case ('select') {\n              <p-select\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                [options]=\"field.options ?? []\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                [placeholder]=\"field.placeholder ?? t('shared.select.placeholder')\"\n                [disabled]=\"field.disabled ?? false\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              />\n            }\n\n            @case ('multiselect') {\n              <p-multiselect\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                [options]=\"field.options ?? []\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                [placeholder]=\"field.placeholder ?? t('shared.select.placeholder')\"\n                [disabled]=\"field.disabled ?? false\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n              />\n            }\n\n            @case ('date') {\n              <p-datepicker\n                [inputId]=\"field.key\"\n                [name]=\"field.key\"\n                [ngModel]=\"getFieldValue(field.key)\"\n                (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                (onBlur)=\"markFieldTouched(field.key)\"\n                [placeholder]=\"field.placeholder ?? ''\"\n                [disabled]=\"field.disabled ?? false\"\n                [minDate]=\"field.minDate ?? undefined\"\n                [maxDate]=\"field.maxDate ?? undefined\"\n                [invalid]=\"isFieldInvalid(field)\"\n                class=\"w-full\"\n                inputStyleClass=\"w-full\"\n              />\n            }\n\n            @case ('checkbox') {\n              <div class=\"flex items-center gap-2 h-9\">\n                <p-checkbox\n                  [inputId]=\"field.key\"\n                  [name]=\"field.key\"\n                  [ngModel]=\"getFieldValue(field.key)\"\n                  (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                  [disabled]=\"field.disabled ?? false\"\n                  [binary]=\"true\"\n                  [invalid]=\"isFieldInvalid(field)\"\n                />\n                <label [for]=\"field.key\" class=\"font-medium cursor-pointer select-none\">\n                  {{ field.label }}\n                  @if (field.required) {\n                    <span class=\"text-red-500 ml-1\">*</span>\n                  }\n                </label>\n              </div>\n            }\n\n            @case ('toggle') {\n              <div class=\"flex items-center gap-3 h-9\">\n                <p-toggleswitch\n                  [inputId]=\"field.key\"\n                  [name]=\"field.key\"\n                  [ngModel]=\"getFieldValue(field.key)\"\n                  (ngModelChange)=\"setFieldValue(field.key, $event)\"\n                  [disabled]=\"field.disabled ?? false\"\n                />\n                <label [for]=\"field.key\" class=\"font-medium cursor-pointer select-none\">\n                  {{ field.label }}\n                  @if (field.required) {\n                    <span class=\"text-red-500 ml-1\">*</span>\n                  }\n                </label>\n              </div>\n            }\n\n            @case ('custom') {\n              <ng-container\n                *ngTemplateOutlet=\"getFieldTemplate(field.key); context: { $implicit: getFieldValue(field.key), field: field }\"\n              />\n            }\n          }\n\n          @if (isFieldInvalid(field)) {\n            <small class=\"text-red-500\">{{ field.label }} {{ t('shared.required') }}</small>\n          }\n\n          @if (field.hint && !isFieldInvalid(field)) {\n            <small class=\"text-surface-400\">{{ field.hint }}</small>\n          }\n        </div>\n      }\n\n      <div class=\"col-span-full flex justify-end gap-4 pt-4\">\n        <p-button\n          type=\"button\"\n          [label]=\"cancelLabel() || t('shared.cancel')\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\n          [disabled]=\"effectiveIsLoading()\"\n          (onClick)=\"handleCancel()\"\n        />\n        <p-button\n          type=\"submit\"\n          [label]=\"submitLabel() || (effectiveIsEditMode() ? t('shared.update') : t('shared.save'))\"\n          [loading]=\"effectiveIsLoading()\"\n          [disabled]=\"!isFormValid() || effectiveIsLoading()\"\n        />\n      </div>\n    </div>\n  </form>\n</p-card>\n" }]
+        }], ctorParameters: () => [], propDecorators: { fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], createTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "createTitle", required: false }] }], editTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "editTitle", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], submitLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isEditMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEditMode", required: false }] }], initialValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialValue", required: false }] }], service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], editId: [{ type: i0.Input, args: [{ isSignal: true, alias: "editId", required: false }] }], cancelRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelRoute", required: false }] }], navigateOnSuccess: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigateOnSuccess", required: false }] }], mapToRequest: [{ type: i0.Input, args: [{ isSignal: true, alias: "mapToRequest", required: false }] }], mapFromEntity: [{ type: i0.Input, args: [{ isSignal: true, alias: "mapFromEntity", required: false }] }], onSubmit: [{ type: i0.Output, args: ["onSubmit"] }], onCancel: [{ type: i0.Output, args: ["onCancel"] }], onValueChange: [{ type: i0.Output, args: ["onValueChange"] }], fieldTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BaseFormTemplateDirective), { isSignal: true }] }] } });
+
+class InlineSvgComponent {
+    src = input.required(...(ngDevMode ? [{ debugName: "src" }] : []));
+    http = inject(HttpClient);
+    sanitizer = inject(DomSanitizer);
+    svg = resource({ ...(ngDevMode ? { debugName: "svg" } : {}), params: this.src,
+        loader: ({ params: url }) => firstValueFrom(this.http.get(url, { responseType: 'text' })).then((text) => this.sanitizer.bypassSecurityTrustHtml(text)) });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: InlineSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: InlineSvgComponent, isStandalone: true, selector: "inline-svg", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    @if (svg.hasValue()) {
+      <span [innerHTML]="svg.value()"></span>
+    }
+  `, isInline: true, styles: ["inline-svg{display:inline-flex;align-items:center}inline-svg span{display:inline-flex;align-items:center;height:100%;width:100%}inline-svg svg{height:100%;width:auto}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: InlineSvgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'inline-svg', encapsulation: ViewEncapsulation.None, template: `
+    @if (svg.hasValue()) {
+      <span [innerHTML]="svg.value()"></span>
+    }
+  `, styles: ["inline-svg{display:inline-flex;align-items:center}inline-svg span{display:inline-flex;align-items:center;height:100%;width:100%}inline-svg svg{height:100%;width:auto}\n"] }]
+        }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: true }] }] } });
+
 /**
  * Injection Tokens for Provider Interfaces
  *
@@ -2137,7 +2577,7 @@ class FileUploaderComponent {
         }
       </div>
     }
-  `, isInline: true, styles: [".upload-zone{border-color:var(--p-surface-300);background:var(--p-surface-50)}.upload-zone:hover:not(.cursor-not-allowed){border-color:var(--p-primary-color);background:var(--p-surface-100)}.upload-zone.drag-over{border-color:var(--p-primary-color);background:var(--p-primary-50)}:host-context(.p-dark) .upload-zone,.dark .upload-zone{border-color:var(--p-surface-600);background:var(--p-surface-800)}:host-context(.p-dark) .upload-zone:hover:not(.cursor-not-allowed),.dark .upload-zone:hover:not(.cursor-not-allowed){border-color:var(--p-primary-color);background:var(--p-surface-700)}:host-context(.p-dark) .upload-zone.drag-over,.dark .upload-zone.drag-over{border-color:var(--p-primary-color);background:var(--p-primary-900)}.file-preview-item{border:1px solid var(--p-surface-200);background:var(--p-surface-0)}:host-context(.p-dark) .file-preview-item,.dark .file-preview-item{border-color:var(--p-surface-600);background:var(--p-surface-800)}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i2.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [".upload-zone{border-color:var(--p-surface-300);background:var(--p-surface-50)}.upload-zone:hover:not(.cursor-not-allowed){border-color:var(--p-primary-color);background:var(--p-surface-100)}.upload-zone.drag-over{border-color:var(--p-primary-color);background:var(--p-primary-50)}:host-context(.p-dark) .upload-zone,.dark .upload-zone{border-color:var(--p-surface-600);background:var(--p-surface-800)}:host-context(.p-dark) .upload-zone:hover:not(.cursor-not-allowed),.dark .upload-zone:hover:not(.cursor-not-allowed){border-color:var(--p-primary-color);background:var(--p-surface-700)}:host-context(.p-dark) .upload-zone.drag-over,.dark .upload-zone.drag-over{border-color:var(--p-primary-color);background:var(--p-primary-900)}.file-preview-item{border:1px solid var(--p-surface-200);background:var(--p-surface-0)}:host-context(.p-dark) .file-preview-item,.dark .file-preview-item{border-color:var(--p-surface-600);background:var(--p-surface-800)}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: PrimeModule }, { 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: "component", type: i2$1.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FileUploaderComponent, decorators: [{
             type: Component,
@@ -2860,7 +3300,7 @@ class FileSelectorDialogComponent {
         </ng-template>
       }
     </p-dialog>
-  `, isInline: true, styles: [".file-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem}@media(min-width:480px){.file-grid{grid-template-columns:repeat(3,1fr);max-height:350px}}@media(min-width:640px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;max-height:400px}}.file-card{border:2px solid var(--p-surface-300);border-radius:var(--p-border-radius);cursor:pointer;transition:all .2s ease;overflow:hidden;background:var(--p-surface-0)}:host-context(.p-dark) .file-card,.dark .file-card{border-color:var(--p-surface-600);background:var(--p-surface-800)}.file-card:hover:not(.disabled){border-color:var(--p-primary-color);transform:translateY(-2px);box-shadow:var(--p-overlay-shadow)}.file-card.selected{border-color:var(--p-primary-color);background:var(--p-primary-50)}:host-context(.p-dark) .file-card.selected,.dark .file-card.selected{background:var(--p-primary-900)}.file-card.disabled{opacity:.5;cursor:not-allowed}.file-preview{position:relative;height:80px;display:flex;align-items:center;justify-content:center;background:var(--p-surface-100)}@media(min-width:640px){.file-preview{height:100px}}:host-context(.p-dark) .file-preview,.dark .file-preview{background:var(--p-surface-700)}.selected-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--p-primary-500-rgb, 59, 130, 246),.3)}.selected-overlay i{color:var(--p-primary-color);background:var(--p-surface-0);border-radius:50%;padding:.5rem}:host-context(.p-dark) .selected-overlay i,.dark .selected-overlay i{background:var(--p-surface-900)}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IsEmptyImageDirective, selector: "img", inputs: ["src"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: i5.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i6.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i7.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i9.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: FileUploaderComponent, selector: "lib-file-uploader", inputs: ["uploadFile", "uploadMultipleFiles", "acceptTypes", "multiple", "maxFiles", "maxSizeMb", "uploadOptions", "disabled", "showPreview", "autoUpload"], outputs: ["fileUploaded", "filesUploaded", "onError", "fileSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [".file-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem}@media(min-width:480px){.file-grid{grid-template-columns:repeat(3,1fr);max-height:350px}}@media(min-width:640px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;max-height:400px}}.file-card{border:2px solid var(--p-surface-300);border-radius:var(--p-border-radius);cursor:pointer;transition:all .2s ease;overflow:hidden;background:var(--p-surface-0)}:host-context(.p-dark) .file-card,.dark .file-card{border-color:var(--p-surface-600);background:var(--p-surface-800)}.file-card:hover:not(.disabled){border-color:var(--p-primary-color);transform:translateY(-2px);box-shadow:var(--p-overlay-shadow)}.file-card.selected{border-color:var(--p-primary-color);background:var(--p-primary-50)}:host-context(.p-dark) .file-card.selected,.dark .file-card.selected{background:var(--p-primary-900)}.file-card.disabled{opacity:.5;cursor:not-allowed}.file-preview{position:relative;height:80px;display:flex;align-items:center;justify-content:center;background:var(--p-surface-100)}@media(min-width:640px){.file-preview{height:100px}}:host-context(.p-dark) .file-preview,.dark .file-preview{background:var(--p-surface-700)}.selected-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--p-primary-500-rgb, 59, 130, 246),.3)}.selected-overlay i{color:var(--p-primary-color);background:var(--p-surface-0);border-radius:50%;padding:.5rem}:host-context(.p-dark) .selected-overlay i,.dark .selected-overlay i{background:var(--p-surface-900)}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IsEmptyImageDirective, selector: "img", inputs: ["src"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: i5$2.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i5.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i6.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i11.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: FileUploaderComponent, selector: "lib-file-uploader", inputs: ["uploadFile", "uploadMultipleFiles", "acceptTypes", "multiple", "maxFiles", "maxSizeMb", "uploadOptions", "disabled", "showPreview", "autoUpload"], outputs: ["fileUploaded", "filesUploaded", "onError", "fileSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FileSelectorDialogComponent, decorators: [{
             type: Component,
@@ -3352,7 +3792,7 @@ class LazyMultiSelectComponent extends BaseFormControl {
         return key;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LazyMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: LazyMultiSelectComponent, isStandalone: true, selector: "lib-lazy-multi-select", inputs: { placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, isEditMode: { classPropertyName: "isEditMode", publicName: "isEditMode", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: true, transformFunction: null }, selectDataList: { classPropertyName: "selectDataList", publicName: "selectDataList", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onSearch: "onSearch", onPagination: "onPagination" }, providers: [provideValueAccessor(LazyMultiSelectComponent)], viewQueries: [{ propertyName: "pSelectRef", first: true, predicate: ["pSelect"], descendants: true, isSignal: true }, { propertyName: "overlayTemplate", first: true, predicate: ["overlayTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"p-select w-full\"\n  #pSelect\n  (click)=\"onSelectClick()\"\n  [class.p-disabled]=\"disabled()\"\n  [class.edit-mode-element-css]=\"!isEditMode()\"\n  [class.overflow-hidden]=\"!isEditMode()\"\n>\n  @if (selectedValueDisplay()) {\n    <span class=\"p-select-label\" [class.edit-mode-element-css]=\"!isEditMode()\">\n      {{ selectedValueDisplay() }}\n    </span>\n  } @else {\n    <span class=\"p-select-label p-placeholder\">{{ displayPlaceholder() }}</span>\n  }\n\n  @if (showClear() && hasSelectedValues()) {\n    <span class=\"p-select-clear-icon\" (click)=\"clear($event)\">\n      <i class=\"pi pi-times\"></i>\n    </span>\n  }\n\n  @if (isEditMode()) {\n    <div class=\"p-select-dropdown\">\n      <span class=\"p-select-dropdown-icon flex items-center\">\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 14 14\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"p-multiselect-dropdown-icon p-icon\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </span>\n    </div>\n  }\n</div>\n\n<ng-template #overlayTpl>\n  <div class=\"p-select-overlay\" (click)=\"onOverlayClick($event)\">\n    <div class=\"p-select-header flex flex-row gap-2 items-center\">\n      <p-checkbox\n        [binary]=\"true\"\n        [ngModel]=\"isSelectAll()\"\n        [disabled]=\"disabled()\"\n        (onChange)=\"changeSelectAll($event)\"\n      />\n      <input\n        type=\"text\"\n        pInputText\n        class=\"w-full\"\n        [placeholder]=\"'shared.search' | translate\"\n        [ngModel]=\"searchTerm()\"\n        (ngModelChange)=\"searchTerm.set($event)\"\n      />\n    </div>\n    <div class=\"p-select-list-container\" (scroll)=\"onScroll($event)\">\n      <ul class=\"p-select-list\">\n        @for (data of selectDataList(); track data.value) {\n          @let isItemSelected = isSelected(data);\n          <li\n            class=\"p-select-option flex flex-row gap-2 items-center\"\n            [class.p-select-option-selected]=\"isItemSelected\"\n          >\n            <p-checkbox\n              [binary]=\"true\"\n              [ngModel]=\"isItemSelected\"\n              [disabled]=\"disabled()\"\n              (onChange)=\"selectValue($event, data)\"\n            />\n            <span>{{ data.label }}</span>\n          </li>\n        }\n      </ul>\n    </div>\n  </div>\n</ng-template>\n", styles: [".p-select-overlay{display:flex;flex-direction:column;max-height:250px;overflow:hidden}.p-select-header{padding:.75rem;border-bottom:1px solid var(--p-surface-border);background:var(--p-content-hover-background);flex-shrink:0;width:100%;box-sizing:border-box}.p-select-header input{background:var(--p-form-field-background);border-color:var(--p-form-field-border-color);color:var(--p-text-color)}.p-select-header input::placeholder{color:var(--p-text-muted-color)}.p-select-list-container{flex:1;overflow-y:auto;min-height:0;width:100%}.p-select-list{margin:0;padding:.25rem 0;list-style:none;background:var(--p-surface-overlay);color:var(--p-text-color);width:100%}.p-select-option{padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease;color:var(--p-text-color)}.p-select-option:hover{background:var(--p-content-hover-background)}.p-select-option.p-select-option-selected{background:var(--p-highlight-background);color:var(--p-highlight-color)}.p-select-option.p-select-option-selected:hover{background:var(--p-highlight-focus-background);color:var(--p-highlight-focus-color)}.p-select-clear-icon{display:flex;align-items:center;padding:0 .5rem;color:var(--p-text-muted-color);cursor:pointer;transition:color .2s ease}.p-select-clear-icon:hover{color:var(--p-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: LazyMultiSelectComponent, isStandalone: true, selector: "lib-lazy-multi-select", inputs: { placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, isEditMode: { classPropertyName: "isEditMode", publicName: "isEditMode", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: true, transformFunction: null }, selectDataList: { classPropertyName: "selectDataList", publicName: "selectDataList", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onSearch: "onSearch", onPagination: "onPagination" }, providers: [provideValueAccessor(LazyMultiSelectComponent)], viewQueries: [{ propertyName: "pSelectRef", first: true, predicate: ["pSelect"], descendants: true, isSignal: true }, { propertyName: "overlayTemplate", first: true, predicate: ["overlayTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"p-select w-full\"\n  #pSelect\n  (click)=\"onSelectClick()\"\n  [class.p-disabled]=\"disabled()\"\n  [class.edit-mode-element-css]=\"!isEditMode()\"\n  [class.overflow-hidden]=\"!isEditMode()\"\n>\n  @if (selectedValueDisplay()) {\n    <span class=\"p-select-label\" [class.edit-mode-element-css]=\"!isEditMode()\">\n      {{ selectedValueDisplay() }}\n    </span>\n  } @else {\n    <span class=\"p-select-label p-placeholder\">{{ displayPlaceholder() }}</span>\n  }\n\n  @if (showClear() && hasSelectedValues()) {\n    <span class=\"p-select-clear-icon\" (click)=\"clear($event)\">\n      <i class=\"pi pi-times\"></i>\n    </span>\n  }\n\n  @if (isEditMode()) {\n    <div class=\"p-select-dropdown\">\n      <span class=\"p-select-dropdown-icon flex items-center\">\n        <svg\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 14 14\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"p-multiselect-dropdown-icon p-icon\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </span>\n    </div>\n  }\n</div>\n\n<ng-template #overlayTpl>\n  <div class=\"p-select-overlay\" (click)=\"onOverlayClick($event)\">\n    <div class=\"p-select-header flex flex-row gap-2 items-center\">\n      <p-checkbox\n        [binary]=\"true\"\n        [ngModel]=\"isSelectAll()\"\n        [disabled]=\"disabled()\"\n        (onChange)=\"changeSelectAll($event)\"\n      />\n      <input\n        type=\"text\"\n        pInputText\n        class=\"w-full\"\n        [placeholder]=\"'shared.search' | translate\"\n        [ngModel]=\"searchTerm()\"\n        (ngModelChange)=\"searchTerm.set($event)\"\n      />\n    </div>\n    <div class=\"p-select-list-container\" (scroll)=\"onScroll($event)\">\n      <ul class=\"p-select-list\">\n        @for (data of selectDataList(); track data.value) {\n          @let isItemSelected = isSelected(data);\n          <li\n            class=\"p-select-option flex flex-row gap-2 items-center\"\n            [class.p-select-option-selected]=\"isItemSelected\"\n          >\n            <p-checkbox\n              [binary]=\"true\"\n              [ngModel]=\"isItemSelected\"\n              [disabled]=\"disabled()\"\n              (onChange)=\"selectValue($event, data)\"\n            />\n            <span>{{ data.label }}</span>\n          </li>\n        }\n      </ul>\n    </div>\n  </div>\n</ng-template>\n", styles: [".p-select-overlay{display:flex;flex-direction:column;max-height:250px;overflow:hidden}.p-select-header{padding:.75rem;border-bottom:1px solid var(--p-surface-border);background:var(--p-content-hover-background);flex-shrink:0;width:100%;box-sizing:border-box}.p-select-header input{background:var(--p-form-field-background);border-color:var(--p-form-field-border-color);color:var(--p-text-color)}.p-select-header input::placeholder{color:var(--p-text-muted-color)}.p-select-list-container{flex:1;overflow-y:auto;min-height:0;width:100%}.p-select-list{margin:0;padding:.25rem 0;list-style:none;background:var(--p-surface-overlay);color:var(--p-text-color);width:100%}.p-select-option{padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease;color:var(--p-text-color)}.p-select-option:hover{background:var(--p-content-hover-background)}.p-select-option.p-select-option-selected{background:var(--p-highlight-background);color:var(--p-highlight-color)}.p-select-option.p-select-option-selected:hover{background:var(--p-highlight-focus-background);color:var(--p-highlight-focus-color)}.p-select-clear-icon{display:flex;align-items:center;padding:0 .5rem;color:var(--p-text-muted-color);cursor:pointer;transition:color .2s ease}.p-select-clear-icon:hover{color:var(--p-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i5$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LazyMultiSelectComponent, decorators: [{
             type: Component,
@@ -3476,7 +3916,7 @@ class LazySelectComponent extends BaseFormControl {
         return key;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LazySelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: LazySelectComponent, isStandalone: true, selector: "lib-lazy-select", inputs: { placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: true, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: true, transformFunction: null }, isEditMode: { classPropertyName: "isEditMode", publicName: "isEditMode", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: true, transformFunction: null }, selectDataList: { classPropertyName: "selectDataList", publicName: "selectDataList", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onSearch: "onSearch", onPagination: "onPagination" }, providers: [provideValueAccessor(LazySelectComponent)], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #scrollContainer class=\"lib-scroll-container\">\n  <p-select\n    class=\"w-full\"\n    [options]=\"selectDataList()\"\n    [optionLabel]=\"optionLabel()\"\n    [optionValue]=\"optionValue()\"\n    [filter]=\"true\"\n    [showClear]=\"showClear()\"\n    [placeholder]=\"displayPlaceholder()\"\n    [disabled]=\"disabled()\"\n    [(ngModel)]=\"value\"\n    appEditModeElementChanger\n    [isEditMode]=\"isEditMode()\"\n    (click)=\"showPanel()\"\n    (onBlur)=\"onBlur()\"\n  >\n    <ng-template #filter let-filter>\n      <input\n        pInputText\n        class=\"w-full\"\n        [ngModel]=\"searchTerm()\"\n        [ngModelOptions]=\"{ standalone: true }\"\n        (ngModelChange)=\"searchTerm.set($event)\"\n      />\n    </ng-template>\n    <ng-template #selectedItem let-selectedOption>\n      {{ selectedOption[optionLabel()] }}\n    </ng-template>\n    <ng-template #item let-item>\n      {{ item[optionLabel()] }}\n    </ng-template>\n  </p-select>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i9.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: EditModeElementChangerDirective, selector: "[appEditModeElementChanger]", inputs: ["isEditMode"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: LazySelectComponent, isStandalone: true, selector: "lib-lazy-select", inputs: { placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: true, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: true, transformFunction: null }, isEditMode: { classPropertyName: "isEditMode", publicName: "isEditMode", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: true, transformFunction: null }, selectDataList: { classPropertyName: "selectDataList", publicName: "selectDataList", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onSearch: "onSearch", onPagination: "onPagination" }, providers: [provideValueAccessor(LazySelectComponent)], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #scrollContainer class=\"lib-scroll-container\">\n  <p-select\n    class=\"w-full\"\n    [options]=\"selectDataList()\"\n    [optionLabel]=\"optionLabel()\"\n    [optionValue]=\"optionValue()\"\n    [filter]=\"true\"\n    [showClear]=\"showClear()\"\n    [placeholder]=\"displayPlaceholder()\"\n    [disabled]=\"disabled()\"\n    [(ngModel)]=\"value\"\n    appEditModeElementChanger\n    [isEditMode]=\"isEditMode()\"\n    (click)=\"showPanel()\"\n    (onBlur)=\"onBlur()\"\n  >\n    <ng-template #filter let-filter>\n      <input\n        pInputText\n        class=\"w-full\"\n        [ngModel]=\"searchTerm()\"\n        [ngModelOptions]=\"{ standalone: true }\"\n        (ngModelChange)=\"searchTerm.set($event)\"\n      />\n    </ng-template>\n    <ng-template #selectedItem let-selectedOption>\n      {{ selectedOption[optionLabel()] }}\n    </ng-template>\n    <ng-template #item let-item>\n      {{ item[optionLabel()] }}\n    </ng-template>\n  </p-select>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "directive", type: i8.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i11.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: EditModeElementChangerDirective, selector: "[appEditModeElementChanger]", inputs: ["isEditMode"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LazySelectComponent, decorators: [{
             type: Component,
@@ -3883,390 +4323,6 @@ function allPermissionsGuard(permissions, redirectTo = '/') {
     return createGuard('allPermissionsGuard', redirectTo, (perms) => hasAllPermissions(permissions, perms), () => `Access denied - missing all of: ${permissions.join(', ')}`);
 }
 
-/**
- * Base class for form page components that handle create/edit operations.
- * Provides common functionality for loading existing items, form submission,
- * navigation, and toast notifications.
- *
- * ## Features
- * - Automatic route parameter handling (loads item when ID is present)
- * - Edit mode detection based on existing item
- * - Unified submit handler for create/update operations
- * - Cancel navigation
- * - Toast messages for success/validation errors
- *
- * ## Usage
- *
- * ```typescript
- * interface IProductFormModel {
- *   name: string;
- *   price: number;
- * }
- *
- * @Component({
- *   selector: 'app-product-form',
- *   standalone: true,
- * *   template: `...`
- * })
- * export class ProductFormComponent extends BaseFormPage<IProduct, IProductFormModel> {
- *   private readonly productService = inject(ProductApiService);
- *
- *   // Form model signal (private writable, public readonly)
- *   private readonly _formModel = signal<IProductFormModel>({ name: '', price: 0 });
- *   readonly formModel = this._formModel.asReadonly();
- *
- *   // Required abstract implementations
- *   getFormModel(): Signal<IProductFormModel> {
- *     return this.formModel;
- *   }
- *
- *   getResourceRoute(): string {
- *     return '/products';
- *   }
- *
- *   getResourceName(): string {
- *     return 'Product';
- *   }
- *
- *   isFormValid(): boolean {
- *     const model = this.formModel();
- *     return model.name.trim().length > 0 && model.price > 0;
- *   }
- *
- *   loadItem(id: string): void {
- *     this.isLoading.set(true);
- *     this.productService.findById(id)
- *       .pipe(takeUntilDestroyed(this.destroyRef))
- *       .subscribe({
- *         next: (response) => {
- *           if (response.success && response.data) {
- *             this.existingItem.set(response.data);
- *             this._formModel.set({
- *               name: response.data.name,
- *               price: response.data.price,
- *             });
- *           }
- *           this.isLoading.set(false);
- *         },
- *         error: () => {
- *           this.router.navigate([this.getResourceRoute()]);
- *           this.isLoading.set(false);
- *         },
- *       });
- *   }
- *
- *   createItem(model: IProductFormModel): Observable<ISingleResponse<IProduct>> {
- *     return this.productService.insert(model);
- *   }
- *
- *   updateItem(model: IProductFormModel): Observable<ISingleResponse<IProduct>> {
- *     return this.productService.update({ id: this.existingItem()!.id, ...model });
- *   }
- * }
- * ```
- *
- * @template T The entity/interface type being edited
- * @template TFormModel The form model interface
- */
-class BaseFormPage {
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    messageService = inject(MessageService);
-    destroyRef = inject(DestroyRef);
-    translateAdapter = inject(TranslateService, {
-        optional: true,
-    });
-    routeParams = toSignal(this.route.paramMap);
-    initialized = false;
-    /** Loading state for async operations */
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    /** The existing item when in edit mode, null when creating */
-    existingItem = signal(null, ...(ngDevMode ? [{ debugName: "existingItem" }] : []));
-    /** Whether the form is in edit mode (has existing item) */
-    isEditMode = computed(() => !!this.existingItem(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
-    constructor() {
-        effect(() => {
-            const params = this.routeParams();
-            if (!params || this.initialized)
-                return;
-            this.initialized = true;
-            const id = params.get('id');
-            if (id && id !== 'new') {
-                this.loadItem(id);
-            }
-        });
-    }
-    /**
-     * Handle form submission.
-     * Validates the form, then calls createItem or updateItem based on mode.
-     * Shows appropriate toast messages and navigates back on success.
-     */
-    onSubmit() {
-        if (!this.isFormValid()) {
-            this.showValidationError();
-            return;
-        }
-        this.isLoading.set(true);
-        const model = this.getFormModel()();
-        const operation$ = this.isEditMode()
-            ? this.updateItem(model)
-            : this.createItem(model);
-        operation$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
-            next: (res) => {
-                const r = res;
-                this.showSuccess(r?.messageKey
-                    ? this.t(r.messageKey, r.messageVariables)
-                    : (r?.message ?? ''));
-                this.router.navigate([this.getResourceRoute()]);
-            },
-            error: () => {
-                this.isLoading.set(false);
-            },
-            complete: () => {
-                this.isLoading.set(false);
-            },
-        });
-    }
-    /**
-     * Handle cancel action.
-     * Navigates back to the resource list.
-     */
-    onCancel() {
-        this.router.navigate([this.getResourceRoute()]);
-    }
-    /**
-     * Show validation error toast.
-     * Override to customize the validation error message.
-     */
-    showValidationError() {
-        this.messageService.add({
-            severity: 'error',
-            summary: this.t('shared.validation.error'),
-            detail: this.t('shared.fill.required.fields'),
-        });
-    }
-    /**
-     * Show success toast.
-     * @param detail The success message to display
-     */
-    showSuccess(detail) {
-        this.messageService.add({
-            severity: 'success',
-            summary: this.t('shared.success'),
-            detail,
-        });
-    }
-    /**
-     * Show error toast.
-     * @param detail The error message to display
-     */
-    showError(detail) {
-        this.messageService.add({
-            severity: 'error',
-            summary: this.t('shared.error'),
-            detail,
-        });
-    }
-    /**
-     * Translate a key using the adapter, fallback to key if not available.
-     */
-    t(key, variables) {
-        return this.translateAdapter?.translate(key, variables) ?? key;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseFormPage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: BaseFormPage, isStandalone: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseFormPage, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [] });
-
-/**
- * Base List Page
- * Abstract directive providing common signals, computed values, and utilities
- * for list page components across all feature packages.
- *
- * Features:
- * - Pagination state management (pageSize, currentPage, total)
- * - Loading state
- * - CRUD navigation helpers
- * - Message display utilities
- * - Delete confirmation with API integration
- * - Company feature flag support
- *
- * Usage:
- * ```typescript
- * @Component({ ... })
- * export class UserListComponent extends BaseListPage<IUser> {
- *   getResourceRoute(): string { return '/users'; }
- *   getDeleteConfirmMessage(user: IUser): string { return `Delete "${user.name}"?`; }
- *   async loadData(): Promise<void> { ... }
- * }
- * ```
- */
-class BaseListPage {
-    router = inject(Router);
-    messageService = inject(MessageService);
-    appConfig = inject(APP_CONFIG);
-    confirmationService = inject(ConfirmationService);
-    destroyRef = inject(DestroyRef);
-    translateAdapter = inject(TranslateService, {
-        optional: true,
-    });
-    /** Items list */
-    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
-    /** Loading state */
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-    /** Total records for pagination */
-    total = signal(0, ...(ngDevMode ? [{ debugName: "total" }] : []));
-    /** Page size */
-    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
-    /** First record index (for p-table lazy load) */
-    first = signal(0, ...(ngDevMode ? [{ debugName: "first" }] : []));
-    /** Current page (0-based for API, derived from first/pageSize) */
-    currentPage = computed(() => Math.floor(this.first() / this.pageSize()), ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
-    /** Show company info if company feature enabled */
-    showCompanyInfo = computed(() => this.appConfig.enableCompanyFeature, ...(ngDevMode ? [{ debugName: "showCompanyInfo" }] : []));
-    /**
-     * Navigate to create page
-     */
-    onCreate() {
-        this.router.navigate([this.getResourceRoute(), 'new']);
-    }
-    /**
-     * Navigate to edit page
-     * @param id The ID of the item to edit
-     */
-    onEdit(id) {
-        this.router.navigate([this.getResourceRoute(), id]);
-    }
-    /**
-     * Handle page change from p-table lazy load
-     */
-    onPageChange(event) {
-        this.first.set(event.first ?? 0);
-        this.pageSize.set(event.rows ?? 10);
-        this.loadData();
-    }
-    /**
-     * Get pagination params for API call
-     * Returns 0-based page for backend API
-     */
-    getPaginationParams() {
-        return {
-            currentPage: this.currentPage(),
-            pageSize: this.pageSize(),
-        };
-    }
-    /**
-     * Show success toast message
-     */
-    showSuccess(detail, summary) {
-        this.messageService.add({
-            severity: 'success',
-            summary: summary ?? this.t('shared.success'),
-            detail,
-        });
-    }
-    /**
-     * Show error toast message
-     */
-    showError(detail, summary) {
-        this.messageService.add({
-            severity: 'error',
-            summary: summary ?? this.t('shared.error'),
-            detail,
-        });
-    }
-    /**
-     * Show info toast message
-     */
-    showInfo(detail, summary) {
-        this.messageService.add({
-            severity: 'info',
-            summary: summary ?? this.t('shared.info'),
-            detail,
-        });
-    }
-    /**
-     * Show warning toast message
-     */
-    showWarn(detail, summary) {
-        this.messageService.add({
-            severity: 'warn',
-            summary: summary ?? this.t('shared.warning'),
-            detail,
-        });
-    }
-    /**
-     * Translate a key using the adapter, fallback to key if not available.
-     */
-    t(key, variables) {
-        return this.translateAdapter?.translate(key, variables) ?? key;
-    }
-    /**
-     * Delete an item with confirmation dialog
-     * @param item The item to delete
-     * @param idGetter Function to extract ID from item
-     * @param deleteApiCall Function that returns Observable for delete API call
-     * @param options Optional configuration
-     */
-    onDelete(item, idGetter, deleteApiCall, options) {
-        this.confirmationService.confirm({
-            message: this.getDeleteConfirmMessage(item),
-            header: options?.header ?? this.t('shared.confirm.delete.header'),
-            icon: 'pi pi-exclamation-triangle',
-            acceptButtonStyleClass: 'p-button-danger',
-            accept: () => {
-                from(deleteApiCall(idGetter(item)))
-                    .pipe(takeUntilDestroyed(this.destroyRef))
-                    .subscribe({
-                    next: (res) => {
-                        const r = res;
-                        this.showSuccess(r?.messageKey
-                            ? this.t(r.messageKey, r.messageVariables)
-                            : (r?.message ?? ''));
-                        this.loadData();
-                    },
-                });
-            },
-        });
-    }
-    /**
-     * Delete an item with confirmation dialog using async/await
-     * @param item The item to delete
-     * @param idGetter Function to extract ID from item
-     * @param deleteApiCall Async function for delete API call
-     * @param options Optional configuration
-     */
-    async onDeleteAsync(item, idGetter, deleteApiCall, options) {
-        this.confirmationService.confirm({
-            message: this.getDeleteConfirmMessage(item),
-            header: options?.header ?? this.t('shared.confirm.delete.header'),
-            icon: 'pi pi-exclamation-triangle',
-            acceptButtonStyleClass: 'p-button-danger',
-            accept: async () => {
-                const res = await deleteApiCall(idGetter(item));
-                const r = res;
-                this.showSuccess(r?.messageKey
-                    ? this.t(r.messageKey, r.messageVariables)
-                    : (r?.message ?? ''));
-                await this.loadData();
-            },
-        });
-    }
-    /**
-     * Navigate to a route
-     */
-    navigateTo(path) {
-        this.router.navigate(path);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseListPage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: BaseListPage, isStandalone: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BaseListPage, decorators: [{
-            type: Directive
-        }] });
-
 function getOffsetMinutes(utcDate, timezone) {
     const extract = (tz) => {
         const parts = new Intl.DateTimeFormat('en-US', {
@@ -4334,5 +4390,5 @@ function getUserTimezone() {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_PERMISSIONS, AUTH_STATE_PROVIDER, AngularModule, ApiResourceService, ApiResourceService as ApiService, BRANCH_PERMISSIONS, BaseFormControl, BaseFormPage, BaseListPage, BaseUserSelectComponent, COMPANY_ACTION_PERMISSIONS, COMPANY_API_PROVIDER, COMPANY_PERMISSIONS, CookieService, EMAIL_CONFIG_PERMISSIONS, EMAIL_TEMPLATE_PERMISSIONS, EVENT_PERMISSIONS, EditModeElementChangerDirective, FILE_PERMISSIONS, FILE_PROVIDER, FILE_TYPE_FILTERS, FOLDER_PERMISSIONS, FORM_PERMISSIONS, FORM_RESULT_PERMISSIONS, FileSelectorDialogComponent, FileUploaderComponent, FileUrlService, HasPermissionDirective, IconComponent, IconTypeEnum, IsEmptyImageDirective, LANGUAGE_PERMISSIONS, LazyMultiSelectComponent, LazySelectComponent, NOTIFICATION_PERMISSIONS, PERMISSIONS, PROFILE_PERMISSION_PROVIDER, PermissionValidatorService, PlatformService, PreventDefaultDirective, PrimeModule, ROLE_ACTION_PERMISSIONS, ROLE_PERMISSIONS, SHARED_MESSAGES, SKIP_ERROR_TOAST, STORAGE_CONFIG_PERMISSIONS, TRANSLATION_KEY_PERMISSIONS, TRANSLATION_PERMISSIONS, TranslatePipe, TranslateService, UPLOAD_CONFIG_PERMISSIONS, USER_ACTION_PERMISSIONS, USER_PERMISSIONS, USER_PERMISSION_PROVIDER, USER_PROVIDER, USER_ROLE_PERMISSIONS, UserMultiSelectComponent, UserSelectComponent, allPermissionsGuard, anyPermissionGuard, checkScrollPagination, errorCatchingInterceptor, evaluateLogicNode, evaluatePermission, formatFileSize, formatInTimezone, getAcceptString, getFileIconClass, getUserTimezone, hasAllPermissions, hasAnyPermission, hasPermission, isFileTypeAllowed, localToUtc, permissionGuard, provideValueAccessor, resolveTranslationModule, utcToLocal };
+export { ACTION_PERMISSIONS, AUTH_STATE_PROVIDER, AngularModule, ApiResourceService, ApiResourceService as ApiService, BRANCH_PERMISSIONS, BaseFormComponent, BaseFormControl, BaseFormTemplateDirective, BaseListComponent, BaseListTemplateDirective, BaseUserSelectComponent, COMPANY_ACTION_PERMISSIONS, COMPANY_API_PROVIDER, COMPANY_PERMISSIONS, CookieService, EMAIL_CONFIG_PERMISSIONS, EMAIL_TEMPLATE_PERMISSIONS, EVENT_PERMISSIONS, EditModeElementChangerDirective, FILE_PERMISSIONS, FILE_PROVIDER, FILE_TYPE_FILTERS, FOLDER_PERMISSIONS, FORM_PERMISSIONS, FORM_RESULT_PERMISSIONS, FaviconService, FileSelectorDialogComponent, FileUploaderComponent, FileUrlService, HasPermissionDirective, IconComponent, IconTypeEnum, InlineSvgComponent, IsEmptyImageDirective, LANGUAGE_PERMISSIONS, LazyMultiSelectComponent, LazySelectComponent, NOTIFICATION_PERMISSIONS, PERMISSIONS, PROFILE_PERMISSION_PROVIDER, PermissionValidatorService, PlatformService, PreventDefaultDirective, PrimeModule, ROLE_ACTION_PERMISSIONS, ROLE_PERMISSIONS, SHARED_MESSAGES, SKIP_ERROR_TOAST, STORAGE_CONFIG_PERMISSIONS, TRANSLATION_KEY_PERMISSIONS, TRANSLATION_PERMISSIONS, TranslatePipe, TranslateService, UPLOAD_CONFIG_PERMISSIONS, USER_ACTION_PERMISSIONS, USER_PERMISSIONS, USER_PERMISSION_PROVIDER, USER_PROVIDER, USER_ROLE_PERMISSIONS, UserMultiSelectComponent, UserSelectComponent, allPermissionsGuard, anyPermissionGuard, checkScrollPagination, errorCatchingInterceptor, evaluateLogicNode, evaluatePermission, formatFileSize, formatInTimezone, getAcceptString, getFileIconClass, getUserTimezone, hasAllPermissions, hasAnyPermission, hasPermission, isFileTypeAllowed, localToUtc, permissionGuard, provideValueAccessor, resolveTranslationModule, utcToLocal };
 //# sourceMappingURL=flusys-ng-shared.mjs.map