@mediusinc/mng-commons 7.2.1 → 7.3.0

package/fesm2022/mediusinc-mng-commons-tableview.mjs

@@ -2091,7 +2091,7 @@ function createFormlyField(descriptor, editorDescriptor, formlyConfig, formEdito
     }
     if (descriptor.hiddenExpression) {
         field.expressions['hide'] = descriptor.hiddenExpression;
-        field.expressions['resetOnHide'] = () => descriptor.hiddenResetOnHide ?? true;
+        field.resetOnHide = descriptor.hiddenResetOnHide ?? true;
     }
     if (descriptor.disabledExpression) {
         const disabledExpression = descriptor.disabledExpression;
@@ -3452,6 +3452,7 @@ class ActionTableComponent {
         this.result = input(...(ngDevMode ? [undefined, { debugName: "result" }] : []));
         this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
         this.dataProvider = input(...(ngDevMode ? [undefined, { debugName: "dataProvider" }] : []));
+        this.queryParamPrepend = input(...(ngDevMode ? [undefined, { debugName: "queryParamPrepend" }] : []));
         this.useQueryParams = input(false, ...(ngDevMode ? [{ debugName: "useQueryParams" }] : []));
         // extra features input
         this.tableTemplates = input([], ...(ngDevMode ? [{ debugName: "tableTemplates" }] : []));
@@ -3519,12 +3520,12 @@ class ActionTableComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ActionTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: ActionTableComponent, isStandalone: true, selector: "mng-action-table", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, result: { classPropertyName: "result", publicName: "result", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, useQueryParams: { classPropertyName: "useQueryParams", publicName: "useQueryParams", isSignal: true, isRequired: false, transformFunction: null }, tableTemplates: { classPropertyName: "tableTemplates", publicName: "tableTemplates", isSignal: true, isRequired: false, transformFunction: null }, tableClassName: { classPropertyName: "tableClassName", publicName: "tableClassName", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionEnabled: { classPropertyName: "selectionEnabled", publicName: "selectionEnabled", isSignal: true, isRequired: false, transformFunction: null }, globalFilterFields: { classPropertyName: "globalFilterFields", publicName: "globalFilterFields", isSignal: true, isRequired: false, transformFunction: null }, rowReorderEnabled: { classPropertyName: "rowReorderEnabled", publicName: "rowReorderEnabled", isSignal: true, isRequired: false, transformFunction: null }, featureConfig: { classPropertyName: "featureConfig", publicName: "featureConfig", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, columnActionMinWidthInput: { classPropertyName: "columnActionMinWidthInput", publicName: "columnActionMinWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tableLoad: "tableLoad", selectionChange: "selectionChange", rowReorder: "rowReorder" }, providers: [provideActionExecutor()], queries: [{ propertyName: "contentTemplates", predicate: TableTemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "table", first: true, predicate: TableComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<mng-table\n    [descriptor]=\"descriptor()\"\n    [items]=\"items()\"\n    [result]=\"result()\"\n    [loading]=\"loading()\"\n    [dataProvider]=\"dataProvider()\"\n    [useQueryParams]=\"useQueryParams()\"\n    [selectionMode]=\"selectionMode()\"\n    [selectionEnabled]=\"selectionEnabled()\"\n    [globalFilterFields]=\"globalFilterFields()\"\n    [columnLastMinWidth]=\"columnActionMinWidth()\"\n    [cellClickEnabled]=\"this.rowClickActions().length > 0\"\n    [rowReorderEnabled]=\"rowReorderEnabled()\"\n    [featureConfig]=\"featureConfig()\"\n    [class]=\"tableClassName()\"\n    [templates]=\"tableTemplatesMerged()\"\n    (tableLoad)=\"tableLoad.emit($event)\"\n    (cellClick)=\"onCellClick($event)\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    (rowReorder)=\"onRowReorder($event)\">\n    @if (rowInlineActions().length > 0) {\n        <ng-template mngTableTemplate name=\"columnCustomLast\" let-item=\"item\" let-idx=\"index\">\n            @for (action of rowInlineActions(); track action.actionNameLong) {\n                <mng-action\n                    [action]=\"action\"\n                    [item]=\"item\"\n                    [hostComponent]=\"this\"\n                    [itemId]=\"descriptor().model.idProperty ? item[descriptor().model.idProperty!] : null\"\n                    [actionData]=\"{itemIndex: idx}\"\n                    (finish)=\"onActionFinish($event)\">\n                </mng-action>\n            }\n        </ng-template>\n    }\n</mng-table>\n", dependencies: [{ kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "cellClickEnabled", "selectionMode", "selectionEnabled", "rowReorderEnabled", "featureConfig", "columnLastMinWidth", "globalFilterFields", "templates"], outputs: ["tableLoad", "cellClick", "selectionChange", "rowReorder"] }, { kind: "component", type: ActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "dataListParams", "dataProvider", "hostComponent", "route", "disabled", "loading", "selectedItems"], outputs: ["finish"] }, { kind: "directive", type: TableTemplateDirective, selector: "[mngTableTemplate]", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: ActionTableComponent, isStandalone: true, selector: "mng-action-table", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, result: { classPropertyName: "result", publicName: "result", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, queryParamPrepend: { classPropertyName: "queryParamPrepend", publicName: "queryParamPrepend", isSignal: true, isRequired: false, transformFunction: null }, useQueryParams: { classPropertyName: "useQueryParams", publicName: "useQueryParams", isSignal: true, isRequired: false, transformFunction: null }, tableTemplates: { classPropertyName: "tableTemplates", publicName: "tableTemplates", isSignal: true, isRequired: false, transformFunction: null }, tableClassName: { classPropertyName: "tableClassName", publicName: "tableClassName", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionEnabled: { classPropertyName: "selectionEnabled", publicName: "selectionEnabled", isSignal: true, isRequired: false, transformFunction: null }, globalFilterFields: { classPropertyName: "globalFilterFields", publicName: "globalFilterFields", isSignal: true, isRequired: false, transformFunction: null }, rowReorderEnabled: { classPropertyName: "rowReorderEnabled", publicName: "rowReorderEnabled", isSignal: true, isRequired: false, transformFunction: null }, featureConfig: { classPropertyName: "featureConfig", publicName: "featureConfig", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, columnActionMinWidthInput: { classPropertyName: "columnActionMinWidthInput", publicName: "columnActionMinWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tableLoad: "tableLoad", selectionChange: "selectionChange", rowReorder: "rowReorder" }, providers: [provideActionExecutor()], queries: [{ propertyName: "contentTemplates", predicate: TableTemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "table", first: true, predicate: TableComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<mng-table\n    [descriptor]=\"descriptor()\"\n    [items]=\"items()\"\n    [result]=\"result()\"\n    [loading]=\"loading()\"\n    [dataProvider]=\"dataProvider()\"\n    [queryParamPrepend]=\"queryParamPrepend()\"\n    [useQueryParams]=\"useQueryParams()\"\n    [selectionMode]=\"selectionMode()\"\n    [selectionEnabled]=\"selectionEnabled()\"\n    [globalFilterFields]=\"globalFilterFields()\"\n    [columnLastMinWidth]=\"columnActionMinWidth()\"\n    [cellClickEnabled]=\"this.rowClickActions().length > 0\"\n    [rowReorderEnabled]=\"rowReorderEnabled()\"\n    [featureConfig]=\"featureConfig()\"\n    [class]=\"tableClassName()\"\n    [templates]=\"tableTemplatesMerged()\"\n    (tableLoad)=\"tableLoad.emit($event)\"\n    (cellClick)=\"onCellClick($event)\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    (rowReorder)=\"onRowReorder($event)\">\n    @if (rowInlineActions().length > 0) {\n        <ng-template mngTableTemplate name=\"columnCustomLast\" let-item=\"item\" let-idx=\"index\">\n            @for (action of rowInlineActions(); track action.actionNameLong) {\n                <mng-action\n                    [action]=\"action\"\n                    [item]=\"item\"\n                    [hostComponent]=\"this\"\n                    [itemId]=\"descriptor().model.idProperty ? item[descriptor().model.idProperty!] : null\"\n                    [actionData]=\"{itemIndex: idx}\"\n                    (finish)=\"onActionFinish($event)\">\n                </mng-action>\n            }\n        </ng-template>\n    }\n</mng-table>\n", dependencies: [{ kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "queryParamPrepend", "useQueryParams", "cellClickEnabled", "selectionMode", "selectionEnabled", "rowReorderEnabled", "featureConfig", "columnLastMinWidth", "globalFilterFields", "templates"], outputs: ["tableLoad", "cellClick", "selectionChange", "rowReorder"] }, { kind: "component", type: ActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "dataListParams", "dataProvider", "hostComponent", "route", "disabled", "loading", "selectedItems"], outputs: ["finish"] }, { kind: "directive", type: TableTemplateDirective, selector: "[mngTableTemplate]", inputs: ["name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ActionTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-action-table', imports: [TableComponent, ActionComponent, TableTemplateDirective], providers: [provideActionExecutor()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-table\n    [descriptor]=\"descriptor()\"\n    [items]=\"items()\"\n    [result]=\"result()\"\n    [loading]=\"loading()\"\n    [dataProvider]=\"dataProvider()\"\n    [useQueryParams]=\"useQueryParams()\"\n    [selectionMode]=\"selectionMode()\"\n    [selectionEnabled]=\"selectionEnabled()\"\n    [globalFilterFields]=\"globalFilterFields()\"\n    [columnLastMinWidth]=\"columnActionMinWidth()\"\n    [cellClickEnabled]=\"this.rowClickActions().length > 0\"\n    [rowReorderEnabled]=\"rowReorderEnabled()\"\n    [featureConfig]=\"featureConfig()\"\n    [class]=\"tableClassName()\"\n    [templates]=\"tableTemplatesMerged()\"\n    (tableLoad)=\"tableLoad.emit($event)\"\n    (cellClick)=\"onCellClick($event)\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    (rowReorder)=\"onRowReorder($event)\">\n    @if (rowInlineActions().length > 0) {\n        <ng-template mngTableTemplate name=\"columnCustomLast\" let-item=\"item\" let-idx=\"index\">\n            @for (action of rowInlineActions(); track action.actionNameLong) {\n                <mng-action\n                    [action]=\"action\"\n                    [item]=\"item\"\n                    [hostComponent]=\"this\"\n                    [itemId]=\"descriptor().model.idProperty ? item[descriptor().model.idProperty!] : null\"\n                    [actionData]=\"{itemIndex: idx}\"\n                    (finish)=\"onActionFinish($event)\">\n                </mng-action>\n            }\n        </ng-template>\n    }\n</mng-table>\n" }]
-        }], ctorParameters: () => [], propDecorators: { descriptor: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptor", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], result: [{ type: i0.Input, args: [{ isSignal: true, alias: "result", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], dataProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataProvider", required: false }] }], useQueryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "useQueryParams", required: false }] }], tableTemplates: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableTemplates", required: false }] }], tableClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableClassName", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selectionEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionEnabled", required: false }] }], globalFilterFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalFilterFields", required: false }] }], rowReorderEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowReorderEnabled", required: false }] }], featureConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "featureConfig", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], columnActionMinWidthInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnActionMinWidth", required: false }] }], tableLoad: [{ type: i0.Output, args: ["tableLoad"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], rowReorder: [{ type: i0.Output, args: ["rowReorder"] }], contentTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TableTemplateDirective), { isSignal: true }] }], table: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TableComponent), { isSignal: true }] }] } });
+            args: [{ selector: 'mng-action-table', imports: [TableComponent, ActionComponent, TableTemplateDirective], providers: [provideActionExecutor()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-table\n    [descriptor]=\"descriptor()\"\n    [items]=\"items()\"\n    [result]=\"result()\"\n    [loading]=\"loading()\"\n    [dataProvider]=\"dataProvider()\"\n    [queryParamPrepend]=\"queryParamPrepend()\"\n    [useQueryParams]=\"useQueryParams()\"\n    [selectionMode]=\"selectionMode()\"\n    [selectionEnabled]=\"selectionEnabled()\"\n    [globalFilterFields]=\"globalFilterFields()\"\n    [columnLastMinWidth]=\"columnActionMinWidth()\"\n    [cellClickEnabled]=\"this.rowClickActions().length > 0\"\n    [rowReorderEnabled]=\"rowReorderEnabled()\"\n    [featureConfig]=\"featureConfig()\"\n    [class]=\"tableClassName()\"\n    [templates]=\"tableTemplatesMerged()\"\n    (tableLoad)=\"tableLoad.emit($event)\"\n    (cellClick)=\"onCellClick($event)\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    (rowReorder)=\"onRowReorder($event)\">\n    @if (rowInlineActions().length > 0) {\n        <ng-template mngTableTemplate name=\"columnCustomLast\" let-item=\"item\" let-idx=\"index\">\n            @for (action of rowInlineActions(); track action.actionNameLong) {\n                <mng-action\n                    [action]=\"action\"\n                    [item]=\"item\"\n                    [hostComponent]=\"this\"\n                    [itemId]=\"descriptor().model.idProperty ? item[descriptor().model.idProperty!] : null\"\n                    [actionData]=\"{itemIndex: idx}\"\n                    (finish)=\"onActionFinish($event)\">\n                </mng-action>\n            }\n        </ng-template>\n    }\n</mng-table>\n" }]
+        }], ctorParameters: () => [], propDecorators: { descriptor: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptor", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], result: [{ type: i0.Input, args: [{ isSignal: true, alias: "result", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], dataProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataProvider", required: false }] }], queryParamPrepend: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParamPrepend", required: false }] }], useQueryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "useQueryParams", required: false }] }], tableTemplates: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableTemplates", required: false }] }], tableClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableClassName", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selectionEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionEnabled", required: false }] }], globalFilterFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalFilterFields", required: false }] }], rowReorderEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowReorderEnabled", required: false }] }], featureConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "featureConfig", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], columnActionMinWidthInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnActionMinWidth", required: false }] }], tableLoad: [{ type: i0.Output, args: ["tableLoad"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], rowReorder: [{ type: i0.Output, args: ["rowReorder"] }], contentTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TableTemplateDirective), { isSignal: true }] }], table: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TableComponent), { isSignal: true }] }] } });
 
 const unsavedChangesGuard = (component) => {
     return component.canDeactivate();
@@ -3581,11 +3582,11 @@ class TableviewComponent {
         return actions.filter(action => (action.positionTableviewCategories?.includes(TableviewActionDefaultCategories.READ) ?? true) && actionPositions.includes(action.position));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TableviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TableviewComponent, isStandalone: true, selector: "mng-tableview", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideViewContainer()], queries: [{ propertyName: "contentTableTemplates", predicate: TableTemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "actionTable", first: true, predicate: (ActionTableComponent), descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"mng-tableview\">\n    <div class=\"card\">\n        @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n            <p-toolbar styleClass=\"mb-6\">\n                <ng-template #start>\n                    @for (action of toolbarLeftActions(); track action) {\n                        <mng-action [action]=\"action\" [dataListParams]=\"tableParams()\" [hostComponent]=\"this\" [selectedItems]=\"selectedItems()\"></mng-action>\n                    }\n                </ng-template>\n                <ng-template #end>\n                    @for (action of toolbarRightActions(); track action) {\n                        <mng-action [action]=\"action\" [dataListParams]=\"tableParams()\" [hostComponent]=\"this\" [selectedItems]=\"selectedItems()\"></mng-action>\n                    }\n                </ng-template>\n            </p-toolbar>\n        }\n\n        <mng-action-table\n            [descriptor]=\"descriptor().table\"\n            [dataProvider]=\"dataProvider()\"\n            [useQueryParams]=\"true\"\n            [actions]=\"tableActions()\"\n            [selectionEnabled]=\"hasItemSelectionAction()\"\n            [selectionMode]=\"'multiple'\"\n            [tableTemplates]=\"tableTemplates()\"\n            [featureConfig]=\"config?.table\"\n            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n        </mng-action-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n", styles: [".mng-tableview .p-paginator .p-paginator-current{margin-left:auto}.mng-tableview .p-progressbar{height:.5rem;background-color:#d8dadc}.mng-tableview .p-progressbar .p-progressbar-value{background-color:#607d8b}.mng-tableview .p-datatable .p-datatable-scrollable-table>.p-datatable-thead{z-index:2}.mng-tableview .p-datatable .p-datatable-loading-overlay{z-index:3}.mng-tableview .p-datatable .p-datatable-header{text-align:left;font-size:1.5rem}.mng-tableview .p-datatable .p-datatable-thead>tr>th{text-align:left}\n"], dependencies: [{ kind: "component", type: ActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "dataListParams", "dataProvider", "hostComponent", "route", "disabled", "loading", "selectedItems"], outputs: ["finish"] }, { kind: "component", type: ActionTableComponent, selector: "mng-action-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "tableTemplates", "tableClassName", "selectionMode", "selectionEnabled", "globalFilterFields", "rowReorderEnabled", "featureConfig", "actions", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "rowReorder"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TableviewComponent, isStandalone: true, selector: "mng-tableview", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideViewContainer()], queries: [{ propertyName: "contentTableTemplates", predicate: TableTemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "actionTable", first: true, predicate: (ActionTableComponent), descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"mng-tableview\">\n    <div class=\"card\">\n        @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n            <p-toolbar styleClass=\"mb-6\">\n                <ng-template #start>\n                    @for (action of toolbarLeftActions(); track action) {\n                        <mng-action [action]=\"action\" [dataListParams]=\"tableParams()\" [hostComponent]=\"this\" [selectedItems]=\"selectedItems()\"></mng-action>\n                    }\n                </ng-template>\n                <ng-template #end>\n                    @for (action of toolbarRightActions(); track action) {\n                        <mng-action [action]=\"action\" [dataListParams]=\"tableParams()\" [hostComponent]=\"this\" [selectedItems]=\"selectedItems()\"></mng-action>\n                    }\n                </ng-template>\n            </p-toolbar>\n        }\n\n        <mng-action-table\n            [descriptor]=\"descriptor().table\"\n            [dataProvider]=\"dataProvider()\"\n            [useQueryParams]=\"descriptor().queryParamsEnabled !== false\"\n            [queryParamPrepend]=\"descriptor().queryParamPrepend\"\n            [actions]=\"tableActions()\"\n            [selectionEnabled]=\"hasItemSelectionAction()\"\n            [selectionMode]=\"'multiple'\"\n            [tableTemplates]=\"tableTemplates()\"\n            [featureConfig]=\"config?.table\"\n            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n        </mng-action-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n", styles: [".mng-tableview .p-paginator .p-paginator-current{margin-left:auto}.mng-tableview .p-progressbar{height:.5rem;background-color:#d8dadc}.mng-tableview .p-progressbar .p-progressbar-value{background-color:#607d8b}.mng-tableview .p-datatable .p-datatable-scrollable-table>.p-datatable-thead{z-index:2}.mng-tableview .p-datatable .p-datatable-loading-overlay{z-index:3}.mng-tableview .p-datatable .p-datatable-header{text-align:left;font-size:1.5rem}.mng-tableview .p-datatable .p-datatable-thead>tr>th{text-align:left}\n"], dependencies: [{ kind: "component", type: ActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "dataListParams", "dataProvider", "hostComponent", "route", "disabled", "loading", "selectedItems"], outputs: ["finish"] }, { kind: "component", type: ActionTableComponent, selector: "mng-action-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "queryParamPrepend", "useQueryParams", "tableTemplates", "tableClassName", "selectionMode", "selectionEnabled", "globalFilterFields", "rowReorderEnabled", "featureConfig", "actions", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "rowReorder"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TableviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-tableview', imports: [ActionComponent, ActionTableComponent, RouterOutlet, Toolbar], providers: [provideViewContainer()], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"mng-tableview\">\n    <div class=\"card\">\n        @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n            <p-toolbar styleClass=\"mb-6\">\n                <ng-template #start>\n                    @for (action of toolbarLeftActions(); track action) {\n                        <mng-action [action]=\"action\" [dataListParams]=\"tableParams()\" [hostComponent]=\"this\" [selectedItems]=\"selectedItems()\"></mng-action>\n                    }\n                </ng-template>\n                <ng-template #end>\n                    @for (action of toolbarRightActions(); track action) {\n                        <mng-action [action]=\"action\" [dataListParams]=\"tableParams()\" [hostComponent]=\"this\" [selectedItems]=\"selectedItems()\"></mng-action>\n                    }\n                </ng-template>\n            </p-toolbar>\n        }\n\n        <mng-action-table\n            [descriptor]=\"descriptor().table\"\n            [dataProvider]=\"dataProvider()\"\n            [useQueryParams]=\"true\"\n            [actions]=\"tableActions()\"\n            [selectionEnabled]=\"hasItemSelectionAction()\"\n            [selectionMode]=\"'multiple'\"\n            [tableTemplates]=\"tableTemplates()\"\n            [featureConfig]=\"config?.table\"\n            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n        </mng-action-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n", styles: [".mng-tableview .p-paginator .p-paginator-current{margin-left:auto}.mng-tableview .p-progressbar{height:.5rem;background-color:#d8dadc}.mng-tableview .p-progressbar .p-progressbar-value{background-color:#607d8b}.mng-tableview .p-datatable .p-datatable-scrollable-table>.p-datatable-thead{z-index:2}.mng-tableview .p-datatable .p-datatable-loading-overlay{z-index:3}.mng-tableview .p-datatable .p-datatable-header{text-align:left;font-size:1.5rem}.mng-tableview .p-datatable .p-datatable-thead>tr>th{text-align:left}\n"] }]
+            args: [{ selector: 'mng-tableview', imports: [ActionComponent, ActionTableComponent, RouterOutlet, Toolbar], providers: [provideViewContainer()], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"mng-tableview\">\n    <div class=\"card\">\n        @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n            <p-toolbar styleClass=\"mb-6\">\n                <ng-template #start>\n                    @for (action of toolbarLeftActions(); track action) {\n                        <mng-action [action]=\"action\" [dataListParams]=\"tableParams()\" [hostComponent]=\"this\" [selectedItems]=\"selectedItems()\"></mng-action>\n                    }\n                </ng-template>\n                <ng-template #end>\n                    @for (action of toolbarRightActions(); track action) {\n                        <mng-action [action]=\"action\" [dataListParams]=\"tableParams()\" [hostComponent]=\"this\" [selectedItems]=\"selectedItems()\"></mng-action>\n                    }\n                </ng-template>\n            </p-toolbar>\n        }\n\n        <mng-action-table\n            [descriptor]=\"descriptor().table\"\n            [dataProvider]=\"dataProvider()\"\n            [useQueryParams]=\"descriptor().queryParamsEnabled !== false\"\n            [queryParamPrepend]=\"descriptor().queryParamPrepend\"\n            [actions]=\"tableActions()\"\n            [selectionEnabled]=\"hasItemSelectionAction()\"\n            [selectionMode]=\"'multiple'\"\n            [tableTemplates]=\"tableTemplates()\"\n            [featureConfig]=\"config?.table\"\n            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n        </mng-action-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n", styles: [".mng-tableview .p-paginator .p-paginator-current{margin-left:auto}.mng-tableview .p-progressbar{height:.5rem;background-color:#d8dadc}.mng-tableview .p-progressbar .p-progressbar-value{background-color:#607d8b}.mng-tableview .p-datatable .p-datatable-scrollable-table>.p-datatable-thead{z-index:2}.mng-tableview .p-datatable .p-datatable-loading-overlay{z-index:3}.mng-tableview .p-datatable .p-datatable-header{text-align:left;font-size:1.5rem}.mng-tableview .p-datatable .p-datatable-thead>tr>th{text-align:left}\n"] }]
         }], propDecorators: { actionTable: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ActionTableComponent), { isSignal: true }] }], descriptor: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptor", required: true }] }], dataProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataProvider", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], contentTableTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TableTemplateDirective), { isSignal: true }] }] } });
 
 function getActionParentFormEditor(ctx, 
@@ -3956,6 +3957,9 @@ class FormlyFieldInputComponent extends ACommonsFormlyFieldType {
         this.numberFieldMode = 'decimal';
         this.files = [];
         this.imageFormArray = this.formBuilder.array([]);
+        this.invalidFileSizeMessageDetail = signal(this.translateService.instant('mngEditor.validation.fileTooBig', {
+            max: this.#formatSize(500000)
+        }), ...(ngDevMode ? [{ debugName: "invalidFileSizeMessageDetail" }] : []));
     }
     ngOnInit() {
         super.ngOnInit();
@@ -4013,6 +4017,9 @@ class FormlyFieldInputComponent extends ACommonsFormlyFieldType {
                 this.iFormControl.updateValueAndValidity();
             });
         }
+        this.invalidFileSizeMessageDetail.set(this.translateService.instant('mngEditor.validation.fileTooBig', {
+            max: this.#formatSize(this.descriptor.fileMaxFileSize ?? 500000)
+        }));
     }
     ngOnDestroy() {
         // warning: formly calls on destroy before on init
@@ -4063,6 +4070,15 @@ class FormlyFieldInputComponent extends ACommonsFormlyFieldType {
             this.descriptor.fileOnSelectHandler(value, this.iFormControl);
         }
     }
+    #formatSize(bytes) {
+        if (bytes === 0)
+            return '0 B';
+        const k = 1024;
+        const dm = 1;
+        const sizes = ['B', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+    }
     isUrlSvgImage(url) {
         return url.endsWith('.svg');
     }
@@ -4092,7 +4108,7 @@ class FormlyFieldInputComponent extends ACommonsFormlyFieldType {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormlyFieldInputComponent, isStandalone: true, selector: "mng-formly-field-input", usesInheritance: true, ngImport: i0, template: "@switch (props.type) {\n    @case ('number') {\n        <p-inputNumber\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [min]=\"(descriptor.numberAutoCorrect ? descriptor.numberMin : undefined) ?? NUMBER_MIN_SAFE\"\n            [max]=\"(descriptor.numberAutoCorrect ? descriptor.numberMax : undefined) ?? NUMBER_MAX_SAFE\"\n            [step]=\"descriptor.numberStep ?? 1\"\n            [useGrouping]=\"descriptor.numberUseGrouping\"\n            [minFractionDigits]=\"descriptor.numberMinFractionDigits || 0\"\n            [maxFractionDigits]=\"descriptor.numberMaxFractionDigits || 0\"\n            [styleClass]=\"controlClassName()\"\n            [inputStyleClass]=\"controlInputClassName()\"\n            [locale]=\"descriptor.locale ?? applicationLocale\"\n            [mode]=\"numberFieldMode\"\n            [prefix]=\"descriptor.numberPrefix\"\n            [suffix]=\"descriptor.numberSuffix\"\n            [currency]=\"currency\"\n            [currencyDisplay]=\"descriptor.currencyDisplay\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\">\n        </p-inputNumber>\n    }\n    @case ('switch') {\n        <div class=\"flex flex-col\">\n            @if (descriptor.label !== null) {\n                <label [for]=\"descriptor.property\" [class]=\"labelClassName()\"\n                    >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                    @if (props.required && props['hideRequiredMarker'] !== true) {\n                        <span>*</span>\n                    }\n                </label>\n            }\n            <p-toggle-switch [id]=\"descriptor.property\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-toggle-switch>\n            @if (showError) {\n                <small class=\"mng-field-validation-messages\">\n                    <formly-validation-message [field]=\"field\"></formly-validation-message>\n                </small>\n            }\n        </div>\n    }\n    @case ('radio') {\n        @for (option of descriptor.radioOptions; track option) {\n            <div [id]=\"descriptor.property\" class=\"mb-2\">\n                <p-radioButton [name]=\"$any(key)\" [value]=\"option.value\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-radioButton>\n                <label [for]=\"option.value\" [class]=\"'ml-2 ' + (descriptor.radioLabelClassName ?? '')\">{{ option.title | translate }}</label>\n            </div>\n        }\n    }\n    @case ('textarea') {\n        <textarea\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [rows]=\"descriptor.rows ?? 3\"\n            pTextarea\n            [class]=\"controlWithInputClassName()\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [mngInputTrim]=\"descriptor.textTrim ?? 'both'\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\">\n        </textarea>\n    }\n    @case ('mask') {\n        <p-inputMask\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mask]=\"descriptor.mask\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [slotChar]=\"$any(descriptor.slotChar)\"\n            [styleClass]=\"controlWithInputClassName()\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\" />\n    }\n    @case ('file') {\n        <p-fileUpload\n            #fileUploadInput\n            [id]=\"descriptor.property\"\n            [disabled]=\"iFormControl.disabled\"\n            [multiple]=\"descriptor.fileMultiple ?? false\"\n            [accept]=\"descriptor.fileAccept ?? (descriptor.fieldType === DESC_INPUT_TYPE_IMAGE_FILE ? 'image/*' : undefined)\"\n            [maxFileSize]=\"descriptor.fileMaxFileSize ?? 500000\"\n            [showUploadButton]=\"false\"\n            chooseStyleClass=\"p-button-sm p-button-outlined\"\n            cancelStyleClass=\"p-button-sm p-button-outlined\"\n            [styleClass]=\"controlClassName()\"\n            mode=\"advanced\"\n            (onSelect)=\"onFileSelect($event)\"\n            (onRemove)=\"onFileRemove($event)\"\n            (onClear)=\"onFileClear($event)\">\n            <ng-template #file let-file let-idx=\"index\">\n                <div class=\"p-fileupload-file\">\n                    <div>\n                        @if (fileUploadInput.isImage(file)) {\n                            @if (descriptor.imagePreview) {\n                                @if (descriptor.imagePreviewComponent) {\n                                    <ng-container\n                                        [mngComponent]=\"descriptor.imagePreviewComponent\"\n                                        [inputs]=\"{\n                                            imageUrl: file.objectURL\n                                        }\">\n                                    </ng-container>\n                                } @else if (!isFileImageSvg(file) || descriptor.imagePreviewAllowSvg) {\n                                    <img [src]=\"file.objectURL\" [width]=\"fileUploadInput.previewWidth\" (error)=\"fileUploadInput.imageError($event)\" />\n                                } @else {\n                                    <span class=\"flex items-center justify-center\">\n                                        <i class=\"pi pi-image text-2xl\"></i>\n                                    </span>\n                                }\n                            } @else {\n                                <span class=\"flex items-center justify-center\">\n                                    <i class=\"pi pi-image text-2xl\"></i>\n                                </span>\n                            }\n                        } @else {\n                            <span class=\"flex items-center justify-center\">\n                                <i [class]=\"'pi ' + getFileDocumentTypeIcon(file) + ' text-2xl'\"></i>\n                            </span>\n                        }\n                    </div>\n                    <div class=\"p-fileupload-file-info\">\n                        <div class=\"p-fileupload-file-name\">{{ file.name }}</div>\n                        <span class=\"p-fileupload-file-size\">{{ fileUploadInput.formatSize(file.size) }}</span>\n                    </div>\n                    <div class=\"p-fileupload-file-actions\">\n                        <p-button\n                            icon=\"pi pi-times\"\n                            severity=\"danger\"\n                            size=\"small\"\n                            outlined=\"true\"\n                            rounded=\"true\"\n                            (click)=\"fileUploadInput.remove($event, idx)\"\n                            [disabled]=\"fileUploadInput.uploading\" />\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template #empty>\n                <div class=\"text-gray-300 mng-fileupload-dragdrop-zone\">\n                    <span><i class=\"pi pi-file-import mr-2\"></i>{{ 'fileUpload.dragAndDrop' | translate }}</span>\n                </div>\n            </ng-template>\n        </p-fileUpload>\n    }\n    @case ('imageUrl') {\n        <div>\n            @if (descriptor.imagePreview) {\n                <div class=\"flex flex-wrap justify-start\">\n                    @for (image of imageFormArray.controls; track image; let idx = $index) {\n                        @if (imageFormArray.at(idx).valid && imageFormArray.at(idx).value) {\n                            @if (descriptor.imagePreviewComponent) {\n                                <ng-container\n                                    [mngComponent]=\"descriptor.imagePreviewComponent\"\n                                    [inputs]=\"{\n                                        imageUrl: imageFormArray.at(idx).value\n                                    }\">\n                                </ng-container>\n                            } @else if (!isUrlSvgImage(imageFormArray.at(idx).value) || descriptor.imagePreviewAllowSvg) {\n                                <p-image [src]=\"imageFormArray.at(idx).value\" [preview]=\"true\" (onImageError)=\"onImageUrlLoadError()\" styleClass=\"mng-image m-2\"></p-image>\n                            } @else {\n                                <span class=\"mng-image m-2 p-image-preview mng-no-image\">\n                                    <div class=\"p-image-preview-indicator\">\n                                        <i class=\"p-image-preview-icon pi pi-ban\"></i>\n                                    </div>\n                                </span>\n                            }\n                        }\n                    }\n                </div>\n            }\n            @if (!descriptor.imagePreview || descriptor.imageUrlInputVisibleOnDisabled || !iFormControl.disabled) {\n                @for (imageCtrlName of imageFormArray.controls; track imageCtrlName; let idx = $index) {\n                    <p-inputgroup [styleClass]=\"controlClassName() + ' mb-1'\">\n                        <input\n                            pInputText\n                            [placeholder]=\"'mngEditor.imageUrlPlaceholder' | translate\"\n                            [id]=\"descriptor.property\"\n                            type=\"text\"\n                            [class]=\"controlInputClassName()\"\n                            [formControl]=\"$any(imageFormArray.at(idx))\"\n                            [formlyAttributes]=\"field\" />\n                        @if (descriptor.fileMultiple && !iFormControl.disabled && imageFormArray.controls.length > 1) {\n                            <p-inputgroup-addon>\n                                <p-button type=\"button\" icon=\"pi pi-minus\" severity=\"secondary\" (click)=\"removeImageUrlAt(idx)\"></p-button>\n                            </p-inputgroup-addon>\n                        }\n                    </p-inputgroup>\n                }\n                @if (descriptor.fileMultiple && !iFormControl.disabled) {\n                    <p-button\n                        type=\"button\"\n                        icon=\"pi pi-plus\"\n                        size=\"small\"\n                        severity=\"primary\"\n                        outlined=\"true\"\n                        styleClass=\"mt-2\"\n                        [label]=\"'mngEditor.imageUrlAdd' | translate\"\n                        (click)=\"addImageUrl()\"></p-button>\n                }\n            }\n        </div>\n    }\n    @default {\n        <input\n            pInputText\n            [class]=\"controlWithInputClassName()\"\n            [id]=\"descriptor.property\"\n            [type]=\"props.type || 'text'\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mngInputTrim]=\"descriptor.textTrim ?? 'both'\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n    }\n}\n", styles: ["mng-formly-field-input .mng-image.p-image-preview{height:150px}mng-formly-field-input .mng-image.p-image-preview img{max-height:100%}mng-formly-field-input .mng-image.p-image-preview.mng-no-image{width:150px}mng-formly-field-input .mng-image.p-image-preview.mng-no-image .p-image-preview-indicator{background-color:var(--p-surface-200);height:100%;opacity:1;cursor:default;display:flex;align-items:center;justify-content:center}mng-formly-field-input .mng-image.p-image-preview.mng-no-image .p-image-preview-indicator .p-image-preview-icon{color:var(--p-primary-800);font-size:1.5rem}mng-formly-field-input .p-fileupload .p-fileupload-content{gap:var(--mng-fileupload-content-gap, 0);padding:var(--p-panel-header-padding)}mng-formly-field-input .p-fileupload .p-fileupload-content .p-progressbar{display:none}mng-formly-field-input .p-fileupload .p-fileupload-content .mng-fileupload-dragdrop-zone{height:5rem;display:flex;border:dashed;border-radius:8px;align-items:center;justify-content:center}mng-formly-field-input .p-fileupload .p-fileupload-content .p-fileupload-file-list .p-fileupload-file>div:first-child{flex-grow:0;flex-shrink:0;width:50px;padding:0}mng-formly-field-input .p-fileupload .p-fileupload-content .p-fileupload-file-list .p-fileupload-file img{max-width:100%}mng-formly-field-input .p-fileupload .p-fileupload-buttonbar span.p-fileupload-choose{width:auto}mng-formly-field-input .p-fileupload .p-fileupload-buttonbar p-button button{width:auto}\n"], dependencies: [{ kind: "component", type: 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "directive", type: InputTrimDirective, selector: "[mngInputTrim]", inputs: ["mngInputTrim"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: 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: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "preview", "showTransitionOptions", "hideTransitionOptions", "modalEnterAnimation", "modalLeaveAnimation", "appendTo", "maskMotionOptions", "motionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "directive", type: InputEmptyValueDirective, selector: "[mngInputEmptyValue]", inputs: ["mngInputEmptyValue"] }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: FormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormlyFieldInputComponent, isStandalone: true, selector: "mng-formly-field-input", usesInheritance: true, ngImport: i0, template: "@switch (props.type) {\n    @case ('number') {\n        <p-inputNumber\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [min]=\"(descriptor.numberAutoCorrect ? descriptor.numberMin : undefined) ?? NUMBER_MIN_SAFE\"\n            [max]=\"(descriptor.numberAutoCorrect ? descriptor.numberMax : undefined) ?? NUMBER_MAX_SAFE\"\n            [step]=\"descriptor.numberStep ?? 1\"\n            [useGrouping]=\"descriptor.numberUseGrouping\"\n            [minFractionDigits]=\"descriptor.numberMinFractionDigits || 0\"\n            [maxFractionDigits]=\"descriptor.numberMaxFractionDigits || 0\"\n            [styleClass]=\"controlClassName()\"\n            [inputStyleClass]=\"controlInputClassName()\"\n            [locale]=\"descriptor.locale ?? applicationLocale\"\n            [mode]=\"numberFieldMode\"\n            [prefix]=\"descriptor.numberPrefix\"\n            [suffix]=\"descriptor.numberSuffix\"\n            [currency]=\"currency\"\n            [currencyDisplay]=\"descriptor.currencyDisplay\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\">\n        </p-inputNumber>\n    }\n    @case ('switch') {\n        <div class=\"flex flex-col\">\n            @if (descriptor.label !== null) {\n                <label [for]=\"descriptor.property\" [class]=\"labelClassName()\"\n                    >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                    @if (props.required && props['hideRequiredMarker'] !== true) {\n                        <span>*</span>\n                    }\n                </label>\n            }\n            <p-toggle-switch [id]=\"descriptor.property\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-toggle-switch>\n            @if (showError) {\n                <small class=\"mng-field-validation-messages\">\n                    <formly-validation-message [field]=\"field\"></formly-validation-message>\n                </small>\n            }\n        </div>\n    }\n    @case ('radio') {\n        @for (option of descriptor.radioOptions; track option) {\n            <div [id]=\"descriptor.property\" class=\"mb-2\">\n                <p-radioButton [name]=\"$any(key)\" [value]=\"option.value\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-radioButton>\n                <label [for]=\"option.value\" [class]=\"'ml-2 ' + (descriptor.radioLabelClassName ?? '')\">{{ option.title | translate }}</label>\n            </div>\n        }\n    }\n    @case ('textarea') {\n        <textarea\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [rows]=\"descriptor.rows ?? 3\"\n            pTextarea\n            [class]=\"controlWithInputClassName()\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [mngInputTrim]=\"descriptor.textTrim ?? 'both'\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\">\n        </textarea>\n    }\n    @case ('mask') {\n        <p-inputMask\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mask]=\"descriptor.mask\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [slotChar]=\"$any(descriptor.slotChar)\"\n            [styleClass]=\"controlWithInputClassName()\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\" />\n    }\n    @case ('file') {\n        <p-fileUpload\n            #fileUploadInput\n            [id]=\"descriptor.property\"\n            [disabled]=\"iFormControl.disabled\"\n            [multiple]=\"descriptor.fileMultiple ?? false\"\n            [accept]=\"descriptor.fileAccept ?? (descriptor.fieldType === DESC_INPUT_TYPE_IMAGE_FILE ? 'image/*' : undefined)\"\n            [maxFileSize]=\"descriptor.fileMaxFileSize ?? 500000\"\n            [showUploadButton]=\"false\"\n            chooseStyleClass=\"p-button-sm p-button-outlined\"\n            cancelStyleClass=\"p-button-sm p-button-outlined\"\n            [styleClass]=\"controlClassName()\"\n            invalidFileSizeMessageSummary=\"{0}: \"\n            [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail()\"\n            mode=\"advanced\"\n            (onSelect)=\"onFileSelect($event)\"\n            (onRemove)=\"onFileRemove($event)\"\n            (onClear)=\"onFileClear($event)\">\n            <ng-template #file let-file let-idx=\"index\">\n                <div class=\"p-fileupload-file\">\n                    <div>\n                        @if (fileUploadInput.isImage(file)) {\n                            @if (descriptor.imagePreview) {\n                                @if (descriptor.imagePreviewComponent) {\n                                    <ng-container\n                                        [mngComponent]=\"descriptor.imagePreviewComponent\"\n                                        [inputs]=\"{\n                                            imageUrl: file.objectURL\n                                        }\">\n                                    </ng-container>\n                                } @else if (!isFileImageSvg(file) || descriptor.imagePreviewAllowSvg) {\n                                    <img [src]=\"file.objectURL\" [width]=\"fileUploadInput.previewWidth\" (error)=\"fileUploadInput.imageError($event)\" />\n                                } @else {\n                                    <span class=\"flex items-center justify-center\">\n                                        <i class=\"pi pi-image text-2xl\"></i>\n                                    </span>\n                                }\n                            } @else {\n                                <span class=\"flex items-center justify-center\">\n                                    <i class=\"pi pi-image text-2xl\"></i>\n                                </span>\n                            }\n                        } @else {\n                            <span class=\"flex items-center justify-center\">\n                                <i [class]=\"'pi ' + getFileDocumentTypeIcon(file) + ' text-2xl'\"></i>\n                            </span>\n                        }\n                    </div>\n                    <div class=\"p-fileupload-file-info\">\n                        <div class=\"p-fileupload-file-name\">{{ file.name }}</div>\n                        <span class=\"p-fileupload-file-size\">{{ fileUploadInput.formatSize(file.size) }}</span>\n                    </div>\n                    <div class=\"p-fileupload-file-actions\">\n                        <p-button\n                            icon=\"pi pi-times\"\n                            severity=\"danger\"\n                            size=\"small\"\n                            outlined=\"true\"\n                            rounded=\"true\"\n                            (click)=\"fileUploadInput.remove($event, idx)\"\n                            [disabled]=\"fileUploadInput.uploading\" />\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template #empty>\n                <div class=\"text-gray-300 mng-fileupload-dragdrop-zone\">\n                    <span><i class=\"pi pi-file-import mr-2\"></i>{{ 'fileUpload.dragAndDrop' | translate }}</span>\n                </div>\n            </ng-template>\n        </p-fileUpload>\n    }\n    @case ('imageUrl') {\n        <div>\n            @if (descriptor.imagePreview) {\n                <div class=\"flex flex-wrap justify-start\">\n                    @for (image of imageFormArray.controls; track image; let idx = $index) {\n                        @if (imageFormArray.at(idx).valid && imageFormArray.at(idx).value) {\n                            @if (descriptor.imagePreviewComponent) {\n                                <ng-container\n                                    [mngComponent]=\"descriptor.imagePreviewComponent\"\n                                    [inputs]=\"{\n                                        imageUrl: imageFormArray.at(idx).value\n                                    }\">\n                                </ng-container>\n                            } @else if (!isUrlSvgImage(imageFormArray.at(idx).value) || descriptor.imagePreviewAllowSvg) {\n                                <p-image [src]=\"imageFormArray.at(idx).value\" [preview]=\"true\" (onImageError)=\"onImageUrlLoadError()\" styleClass=\"mng-image m-2\"></p-image>\n                            } @else {\n                                <span class=\"mng-image m-2 p-image-preview mng-no-image\">\n                                    <div class=\"p-image-preview-indicator\">\n                                        <i class=\"p-image-preview-icon pi pi-ban\"></i>\n                                    </div>\n                                </span>\n                            }\n                        }\n                    }\n                </div>\n            }\n            @if (!descriptor.imagePreview || descriptor.imageUrlInputVisibleOnDisabled || !iFormControl.disabled) {\n                @for (imageCtrlName of imageFormArray.controls; track imageCtrlName; let idx = $index) {\n                    <p-inputgroup [styleClass]=\"controlClassName() + ' mb-1'\">\n                        <input\n                            pInputText\n                            [placeholder]=\"'mngEditor.imageUrlPlaceholder' | translate\"\n                            [id]=\"descriptor.property\"\n                            type=\"text\"\n                            [class]=\"controlInputClassName()\"\n                            [formControl]=\"$any(imageFormArray.at(idx))\"\n                            [formlyAttributes]=\"field\" />\n                        @if (descriptor.fileMultiple && !iFormControl.disabled && imageFormArray.controls.length > 1) {\n                            <p-inputgroup-addon>\n                                <p-button type=\"button\" icon=\"pi pi-minus\" severity=\"secondary\" (click)=\"removeImageUrlAt(idx)\"></p-button>\n                            </p-inputgroup-addon>\n                        }\n                    </p-inputgroup>\n                }\n                @if (descriptor.fileMultiple && !iFormControl.disabled) {\n                    <p-button\n                        type=\"button\"\n                        icon=\"pi pi-plus\"\n                        size=\"small\"\n                        severity=\"primary\"\n                        outlined=\"true\"\n                        styleClass=\"mt-2\"\n                        [label]=\"'mngEditor.imageUrlAdd' | translate\"\n                        (click)=\"addImageUrl()\"></p-button>\n                }\n            }\n        </div>\n    }\n    @default {\n        <input\n            pInputText\n            [class]=\"controlWithInputClassName()\"\n            [id]=\"descriptor.property\"\n            [type]=\"props.type || 'text'\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mngInputTrim]=\"descriptor.textTrim ?? 'both'\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n    }\n}\n", styles: ["mng-formly-field-input .mng-image.p-image-preview{height:150px}mng-formly-field-input .mng-image.p-image-preview img{max-height:100%}mng-formly-field-input .mng-image.p-image-preview.mng-no-image{width:150px}mng-formly-field-input .mng-image.p-image-preview.mng-no-image .p-image-preview-indicator{background-color:var(--p-surface-200);height:100%;opacity:1;cursor:default;display:flex;align-items:center;justify-content:center}mng-formly-field-input .mng-image.p-image-preview.mng-no-image .p-image-preview-indicator .p-image-preview-icon{color:var(--p-primary-800);font-size:1.5rem}mng-formly-field-input .p-fileupload .p-fileupload-content{gap:var(--mng-fileupload-content-gap, 0);padding:var(--p-panel-header-padding)}mng-formly-field-input .p-fileupload .p-fileupload-content .p-progressbar{display:none}mng-formly-field-input .p-fileupload .p-fileupload-content .mng-fileupload-dragdrop-zone{height:5rem;display:flex;border:dashed;border-radius:8px;align-items:center;justify-content:center}mng-formly-field-input .p-fileupload .p-fileupload-content .p-fileupload-file-list .p-fileupload-file>div:first-child{flex-grow:0;flex-shrink:0;width:50px;padding:0}mng-formly-field-input .p-fileupload .p-fileupload-content .p-fileupload-file-list .p-fileupload-file img{max-width:100%}mng-formly-field-input .p-fileupload .p-fileupload-buttonbar span.p-fileupload-choose{width:auto}mng-formly-field-input .p-fileupload .p-fileupload-buttonbar p-button button{width:auto}\n"], dependencies: [{ kind: "component", type: 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "directive", type: InputTrimDirective, selector: "[mngInputTrim]", inputs: ["mngInputTrim"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: 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: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "preview", "showTransitionOptions", "hideTransitionOptions", "modalEnterAnimation", "modalLeaveAnimation", "appendTo", "maskMotionOptions", "motionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "directive", type: InputEmptyValueDirective, selector: "[mngInputEmptyValue]", inputs: ["mngInputEmptyValue"] }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: FormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldInputComponent, decorators: [{
             type: Component,
@@ -4116,7 +4132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         InputEmptyValueDirective,
                         FormlyAttributes,
                         FormlyValidationMessage
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@switch (props.type) {\n    @case ('number') {\n        <p-inputNumber\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [min]=\"(descriptor.numberAutoCorrect ? descriptor.numberMin : undefined) ?? NUMBER_MIN_SAFE\"\n            [max]=\"(descriptor.numberAutoCorrect ? descriptor.numberMax : undefined) ?? NUMBER_MAX_SAFE\"\n            [step]=\"descriptor.numberStep ?? 1\"\n            [useGrouping]=\"descriptor.numberUseGrouping\"\n            [minFractionDigits]=\"descriptor.numberMinFractionDigits || 0\"\n            [maxFractionDigits]=\"descriptor.numberMaxFractionDigits || 0\"\n            [styleClass]=\"controlClassName()\"\n            [inputStyleClass]=\"controlInputClassName()\"\n            [locale]=\"descriptor.locale ?? applicationLocale\"\n            [mode]=\"numberFieldMode\"\n            [prefix]=\"descriptor.numberPrefix\"\n            [suffix]=\"descriptor.numberSuffix\"\n            [currency]=\"currency\"\n            [currencyDisplay]=\"descriptor.currencyDisplay\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\">\n        </p-inputNumber>\n    }\n    @case ('switch') {\n        <div class=\"flex flex-col\">\n            @if (descriptor.label !== null) {\n                <label [for]=\"descriptor.property\" [class]=\"labelClassName()\"\n                    >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                    @if (props.required && props['hideRequiredMarker'] !== true) {\n                        <span>*</span>\n                    }\n                </label>\n            }\n            <p-toggle-switch [id]=\"descriptor.property\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-toggle-switch>\n            @if (showError) {\n                <small class=\"mng-field-validation-messages\">\n                    <formly-validation-message [field]=\"field\"></formly-validation-message>\n                </small>\n            }\n        </div>\n    }\n    @case ('radio') {\n        @for (option of descriptor.radioOptions; track option) {\n            <div [id]=\"descriptor.property\" class=\"mb-2\">\n                <p-radioButton [name]=\"$any(key)\" [value]=\"option.value\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-radioButton>\n                <label [for]=\"option.value\" [class]=\"'ml-2 ' + (descriptor.radioLabelClassName ?? '')\">{{ option.title | translate }}</label>\n            </div>\n        }\n    }\n    @case ('textarea') {\n        <textarea\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [rows]=\"descriptor.rows ?? 3\"\n            pTextarea\n            [class]=\"controlWithInputClassName()\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [mngInputTrim]=\"descriptor.textTrim ?? 'both'\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\">\n        </textarea>\n    }\n    @case ('mask') {\n        <p-inputMask\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mask]=\"descriptor.mask\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [slotChar]=\"$any(descriptor.slotChar)\"\n            [styleClass]=\"controlWithInputClassName()\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\" />\n    }\n    @case ('file') {\n        <p-fileUpload\n            #fileUploadInput\n            [id]=\"descriptor.property\"\n            [disabled]=\"iFormControl.disabled\"\n            [multiple]=\"descriptor.fileMultiple ?? false\"\n            [accept]=\"descriptor.fileAccept ?? (descriptor.fieldType === DESC_INPUT_TYPE_IMAGE_FILE ? 'image/*' : undefined)\"\n            [maxFileSize]=\"descriptor.fileMaxFileSize ?? 500000\"\n            [showUploadButton]=\"false\"\n            chooseStyleClass=\"p-button-sm p-button-outlined\"\n            cancelStyleClass=\"p-button-sm p-button-outlined\"\n            [styleClass]=\"controlClassName()\"\n            mode=\"advanced\"\n            (onSelect)=\"onFileSelect($event)\"\n            (onRemove)=\"onFileRemove($event)\"\n            (onClear)=\"onFileClear($event)\">\n            <ng-template #file let-file let-idx=\"index\">\n                <div class=\"p-fileupload-file\">\n                    <div>\n                        @if (fileUploadInput.isImage(file)) {\n                            @if (descriptor.imagePreview) {\n                                @if (descriptor.imagePreviewComponent) {\n                                    <ng-container\n                                        [mngComponent]=\"descriptor.imagePreviewComponent\"\n                                        [inputs]=\"{\n                                            imageUrl: file.objectURL\n                                        }\">\n                                    </ng-container>\n                                } @else if (!isFileImageSvg(file) || descriptor.imagePreviewAllowSvg) {\n                                    <img [src]=\"file.objectURL\" [width]=\"fileUploadInput.previewWidth\" (error)=\"fileUploadInput.imageError($event)\" />\n                                } @else {\n                                    <span class=\"flex items-center justify-center\">\n                                        <i class=\"pi pi-image text-2xl\"></i>\n                                    </span>\n                                }\n                            } @else {\n                                <span class=\"flex items-center justify-center\">\n                                    <i class=\"pi pi-image text-2xl\"></i>\n                                </span>\n                            }\n                        } @else {\n                            <span class=\"flex items-center justify-center\">\n                                <i [class]=\"'pi ' + getFileDocumentTypeIcon(file) + ' text-2xl'\"></i>\n                            </span>\n                        }\n                    </div>\n                    <div class=\"p-fileupload-file-info\">\n                        <div class=\"p-fileupload-file-name\">{{ file.name }}</div>\n                        <span class=\"p-fileupload-file-size\">{{ fileUploadInput.formatSize(file.size) }}</span>\n                    </div>\n                    <div class=\"p-fileupload-file-actions\">\n                        <p-button\n                            icon=\"pi pi-times\"\n                            severity=\"danger\"\n                            size=\"small\"\n                            outlined=\"true\"\n                            rounded=\"true\"\n                            (click)=\"fileUploadInput.remove($event, idx)\"\n                            [disabled]=\"fileUploadInput.uploading\" />\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template #empty>\n                <div class=\"text-gray-300 mng-fileupload-dragdrop-zone\">\n                    <span><i class=\"pi pi-file-import mr-2\"></i>{{ 'fileUpload.dragAndDrop' | translate }}</span>\n                </div>\n            </ng-template>\n        </p-fileUpload>\n    }\n    @case ('imageUrl') {\n        <div>\n            @if (descriptor.imagePreview) {\n                <div class=\"flex flex-wrap justify-start\">\n                    @for (image of imageFormArray.controls; track image; let idx = $index) {\n                        @if (imageFormArray.at(idx).valid && imageFormArray.at(idx).value) {\n                            @if (descriptor.imagePreviewComponent) {\n                                <ng-container\n                                    [mngComponent]=\"descriptor.imagePreviewComponent\"\n                                    [inputs]=\"{\n                                        imageUrl: imageFormArray.at(idx).value\n                                    }\">\n                                </ng-container>\n                            } @else if (!isUrlSvgImage(imageFormArray.at(idx).value) || descriptor.imagePreviewAllowSvg) {\n                                <p-image [src]=\"imageFormArray.at(idx).value\" [preview]=\"true\" (onImageError)=\"onImageUrlLoadError()\" styleClass=\"mng-image m-2\"></p-image>\n                            } @else {\n                                <span class=\"mng-image m-2 p-image-preview mng-no-image\">\n                                    <div class=\"p-image-preview-indicator\">\n                                        <i class=\"p-image-preview-icon pi pi-ban\"></i>\n                                    </div>\n                                </span>\n                            }\n                        }\n                    }\n                </div>\n            }\n            @if (!descriptor.imagePreview || descriptor.imageUrlInputVisibleOnDisabled || !iFormControl.disabled) {\n                @for (imageCtrlName of imageFormArray.controls; track imageCtrlName; let idx = $index) {\n                    <p-inputgroup [styleClass]=\"controlClassName() + ' mb-1'\">\n                        <input\n                            pInputText\n                            [placeholder]=\"'mngEditor.imageUrlPlaceholder' | translate\"\n                            [id]=\"descriptor.property\"\n                            type=\"text\"\n                            [class]=\"controlInputClassName()\"\n                            [formControl]=\"$any(imageFormArray.at(idx))\"\n                            [formlyAttributes]=\"field\" />\n                        @if (descriptor.fileMultiple && !iFormControl.disabled && imageFormArray.controls.length > 1) {\n                            <p-inputgroup-addon>\n                                <p-button type=\"button\" icon=\"pi pi-minus\" severity=\"secondary\" (click)=\"removeImageUrlAt(idx)\"></p-button>\n                            </p-inputgroup-addon>\n                        }\n                    </p-inputgroup>\n                }\n                @if (descriptor.fileMultiple && !iFormControl.disabled) {\n                    <p-button\n                        type=\"button\"\n                        icon=\"pi pi-plus\"\n                        size=\"small\"\n                        severity=\"primary\"\n                        outlined=\"true\"\n                        styleClass=\"mt-2\"\n                        [label]=\"'mngEditor.imageUrlAdd' | translate\"\n                        (click)=\"addImageUrl()\"></p-button>\n                }\n            }\n        </div>\n    }\n    @default {\n        <input\n            pInputText\n            [class]=\"controlWithInputClassName()\"\n            [id]=\"descriptor.property\"\n            [type]=\"props.type || 'text'\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mngInputTrim]=\"descriptor.textTrim ?? 'both'\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n    }\n}\n", styles: ["mng-formly-field-input .mng-image.p-image-preview{height:150px}mng-formly-field-input .mng-image.p-image-preview img{max-height:100%}mng-formly-field-input .mng-image.p-image-preview.mng-no-image{width:150px}mng-formly-field-input .mng-image.p-image-preview.mng-no-image .p-image-preview-indicator{background-color:var(--p-surface-200);height:100%;opacity:1;cursor:default;display:flex;align-items:center;justify-content:center}mng-formly-field-input .mng-image.p-image-preview.mng-no-image .p-image-preview-indicator .p-image-preview-icon{color:var(--p-primary-800);font-size:1.5rem}mng-formly-field-input .p-fileupload .p-fileupload-content{gap:var(--mng-fileupload-content-gap, 0);padding:var(--p-panel-header-padding)}mng-formly-field-input .p-fileupload .p-fileupload-content .p-progressbar{display:none}mng-formly-field-input .p-fileupload .p-fileupload-content .mng-fileupload-dragdrop-zone{height:5rem;display:flex;border:dashed;border-radius:8px;align-items:center;justify-content:center}mng-formly-field-input .p-fileupload .p-fileupload-content .p-fileupload-file-list .p-fileupload-file>div:first-child{flex-grow:0;flex-shrink:0;width:50px;padding:0}mng-formly-field-input .p-fileupload .p-fileupload-content .p-fileupload-file-list .p-fileupload-file img{max-width:100%}mng-formly-field-input .p-fileupload .p-fileupload-buttonbar span.p-fileupload-choose{width:auto}mng-formly-field-input .p-fileupload .p-fileupload-buttonbar p-button button{width:auto}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@switch (props.type) {\n    @case ('number') {\n        <p-inputNumber\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [min]=\"(descriptor.numberAutoCorrect ? descriptor.numberMin : undefined) ?? NUMBER_MIN_SAFE\"\n            [max]=\"(descriptor.numberAutoCorrect ? descriptor.numberMax : undefined) ?? NUMBER_MAX_SAFE\"\n            [step]=\"descriptor.numberStep ?? 1\"\n            [useGrouping]=\"descriptor.numberUseGrouping\"\n            [minFractionDigits]=\"descriptor.numberMinFractionDigits || 0\"\n            [maxFractionDigits]=\"descriptor.numberMaxFractionDigits || 0\"\n            [styleClass]=\"controlClassName()\"\n            [inputStyleClass]=\"controlInputClassName()\"\n            [locale]=\"descriptor.locale ?? applicationLocale\"\n            [mode]=\"numberFieldMode\"\n            [prefix]=\"descriptor.numberPrefix\"\n            [suffix]=\"descriptor.numberSuffix\"\n            [currency]=\"currency\"\n            [currencyDisplay]=\"descriptor.currencyDisplay\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\">\n        </p-inputNumber>\n    }\n    @case ('switch') {\n        <div class=\"flex flex-col\">\n            @if (descriptor.label !== null) {\n                <label [for]=\"descriptor.property\" [class]=\"labelClassName()\"\n                    >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                    @if (props.required && props['hideRequiredMarker'] !== true) {\n                        <span>*</span>\n                    }\n                </label>\n            }\n            <p-toggle-switch [id]=\"descriptor.property\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-toggle-switch>\n            @if (showError) {\n                <small class=\"mng-field-validation-messages\">\n                    <formly-validation-message [field]=\"field\"></formly-validation-message>\n                </small>\n            }\n        </div>\n    }\n    @case ('radio') {\n        @for (option of descriptor.radioOptions; track option) {\n            <div [id]=\"descriptor.property\" class=\"mb-2\">\n                <p-radioButton [name]=\"$any(key)\" [value]=\"option.value\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-radioButton>\n                <label [for]=\"option.value\" [class]=\"'ml-2 ' + (descriptor.radioLabelClassName ?? '')\">{{ option.title | translate }}</label>\n            </div>\n        }\n    }\n    @case ('textarea') {\n        <textarea\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [rows]=\"descriptor.rows ?? 3\"\n            pTextarea\n            [class]=\"controlWithInputClassName()\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [mngInputTrim]=\"descriptor.textTrim ?? 'both'\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\">\n        </textarea>\n    }\n    @case ('mask') {\n        <p-inputMask\n            [id]=\"descriptor.property\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mask]=\"descriptor.mask\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [slotChar]=\"$any(descriptor.slotChar)\"\n            [styleClass]=\"controlWithInputClassName()\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\" />\n    }\n    @case ('file') {\n        <p-fileUpload\n            #fileUploadInput\n            [id]=\"descriptor.property\"\n            [disabled]=\"iFormControl.disabled\"\n            [multiple]=\"descriptor.fileMultiple ?? false\"\n            [accept]=\"descriptor.fileAccept ?? (descriptor.fieldType === DESC_INPUT_TYPE_IMAGE_FILE ? 'image/*' : undefined)\"\n            [maxFileSize]=\"descriptor.fileMaxFileSize ?? 500000\"\n            [showUploadButton]=\"false\"\n            chooseStyleClass=\"p-button-sm p-button-outlined\"\n            cancelStyleClass=\"p-button-sm p-button-outlined\"\n            [styleClass]=\"controlClassName()\"\n            invalidFileSizeMessageSummary=\"{0}: \"\n            [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail()\"\n            mode=\"advanced\"\n            (onSelect)=\"onFileSelect($event)\"\n            (onRemove)=\"onFileRemove($event)\"\n            (onClear)=\"onFileClear($event)\">\n            <ng-template #file let-file let-idx=\"index\">\n                <div class=\"p-fileupload-file\">\n                    <div>\n                        @if (fileUploadInput.isImage(file)) {\n                            @if (descriptor.imagePreview) {\n                                @if (descriptor.imagePreviewComponent) {\n                                    <ng-container\n                                        [mngComponent]=\"descriptor.imagePreviewComponent\"\n                                        [inputs]=\"{\n                                            imageUrl: file.objectURL\n                                        }\">\n                                    </ng-container>\n                                } @else if (!isFileImageSvg(file) || descriptor.imagePreviewAllowSvg) {\n                                    <img [src]=\"file.objectURL\" [width]=\"fileUploadInput.previewWidth\" (error)=\"fileUploadInput.imageError($event)\" />\n                                } @else {\n                                    <span class=\"flex items-center justify-center\">\n                                        <i class=\"pi pi-image text-2xl\"></i>\n                                    </span>\n                                }\n                            } @else {\n                                <span class=\"flex items-center justify-center\">\n                                    <i class=\"pi pi-image text-2xl\"></i>\n                                </span>\n                            }\n                        } @else {\n                            <span class=\"flex items-center justify-center\">\n                                <i [class]=\"'pi ' + getFileDocumentTypeIcon(file) + ' text-2xl'\"></i>\n                            </span>\n                        }\n                    </div>\n                    <div class=\"p-fileupload-file-info\">\n                        <div class=\"p-fileupload-file-name\">{{ file.name }}</div>\n                        <span class=\"p-fileupload-file-size\">{{ fileUploadInput.formatSize(file.size) }}</span>\n                    </div>\n                    <div class=\"p-fileupload-file-actions\">\n                        <p-button\n                            icon=\"pi pi-times\"\n                            severity=\"danger\"\n                            size=\"small\"\n                            outlined=\"true\"\n                            rounded=\"true\"\n                            (click)=\"fileUploadInput.remove($event, idx)\"\n                            [disabled]=\"fileUploadInput.uploading\" />\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template #empty>\n                <div class=\"text-gray-300 mng-fileupload-dragdrop-zone\">\n                    <span><i class=\"pi pi-file-import mr-2\"></i>{{ 'fileUpload.dragAndDrop' | translate }}</span>\n                </div>\n            </ng-template>\n        </p-fileUpload>\n    }\n    @case ('imageUrl') {\n        <div>\n            @if (descriptor.imagePreview) {\n                <div class=\"flex flex-wrap justify-start\">\n                    @for (image of imageFormArray.controls; track image; let idx = $index) {\n                        @if (imageFormArray.at(idx).valid && imageFormArray.at(idx).value) {\n                            @if (descriptor.imagePreviewComponent) {\n                                <ng-container\n                                    [mngComponent]=\"descriptor.imagePreviewComponent\"\n                                    [inputs]=\"{\n                                        imageUrl: imageFormArray.at(idx).value\n                                    }\">\n                                </ng-container>\n                            } @else if (!isUrlSvgImage(imageFormArray.at(idx).value) || descriptor.imagePreviewAllowSvg) {\n                                <p-image [src]=\"imageFormArray.at(idx).value\" [preview]=\"true\" (onImageError)=\"onImageUrlLoadError()\" styleClass=\"mng-image m-2\"></p-image>\n                            } @else {\n                                <span class=\"mng-image m-2 p-image-preview mng-no-image\">\n                                    <div class=\"p-image-preview-indicator\">\n                                        <i class=\"p-image-preview-icon pi pi-ban\"></i>\n                                    </div>\n                                </span>\n                            }\n                        }\n                    }\n                </div>\n            }\n            @if (!descriptor.imagePreview || descriptor.imageUrlInputVisibleOnDisabled || !iFormControl.disabled) {\n                @for (imageCtrlName of imageFormArray.controls; track imageCtrlName; let idx = $index) {\n                    <p-inputgroup [styleClass]=\"controlClassName() + ' mb-1'\">\n                        <input\n                            pInputText\n                            [placeholder]=\"'mngEditor.imageUrlPlaceholder' | translate\"\n                            [id]=\"descriptor.property\"\n                            type=\"text\"\n                            [class]=\"controlInputClassName()\"\n                            [formControl]=\"$any(imageFormArray.at(idx))\"\n                            [formlyAttributes]=\"field\" />\n                        @if (descriptor.fileMultiple && !iFormControl.disabled && imageFormArray.controls.length > 1) {\n                            <p-inputgroup-addon>\n                                <p-button type=\"button\" icon=\"pi pi-minus\" severity=\"secondary\" (click)=\"removeImageUrlAt(idx)\"></p-button>\n                            </p-inputgroup-addon>\n                        }\n                    </p-inputgroup>\n                }\n                @if (descriptor.fileMultiple && !iFormControl.disabled) {\n                    <p-button\n                        type=\"button\"\n                        icon=\"pi pi-plus\"\n                        size=\"small\"\n                        severity=\"primary\"\n                        outlined=\"true\"\n                        styleClass=\"mt-2\"\n                        [label]=\"'mngEditor.imageUrlAdd' | translate\"\n                        (click)=\"addImageUrl()\"></p-button>\n                }\n            }\n        </div>\n    }\n    @default {\n        <input\n            pInputText\n            [class]=\"controlWithInputClassName()\"\n            [id]=\"descriptor.property\"\n            [type]=\"props.type || 'text'\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mngInputTrim]=\"descriptor.textTrim ?? 'both'\"\n            [mngInputEmptyValue]=\"descriptor.emptyValue ?? 'undefined'\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n    }\n}\n", styles: ["mng-formly-field-input .mng-image.p-image-preview{height:150px}mng-formly-field-input .mng-image.p-image-preview img{max-height:100%}mng-formly-field-input .mng-image.p-image-preview.mng-no-image{width:150px}mng-formly-field-input .mng-image.p-image-preview.mng-no-image .p-image-preview-indicator{background-color:var(--p-surface-200);height:100%;opacity:1;cursor:default;display:flex;align-items:center;justify-content:center}mng-formly-field-input .mng-image.p-image-preview.mng-no-image .p-image-preview-indicator .p-image-preview-icon{color:var(--p-primary-800);font-size:1.5rem}mng-formly-field-input .p-fileupload .p-fileupload-content{gap:var(--mng-fileupload-content-gap, 0);padding:var(--p-panel-header-padding)}mng-formly-field-input .p-fileupload .p-fileupload-content .p-progressbar{display:none}mng-formly-field-input .p-fileupload .p-fileupload-content .mng-fileupload-dragdrop-zone{height:5rem;display:flex;border:dashed;border-radius:8px;align-items:center;justify-content:center}mng-formly-field-input .p-fileupload .p-fileupload-content .p-fileupload-file-list .p-fileupload-file>div:first-child{flex-grow:0;flex-shrink:0;width:50px;padding:0}mng-formly-field-input .p-fileupload .p-fileupload-content .p-fileupload-file-list .p-fileupload-file img{max-width:100%}mng-formly-field-input .p-fileupload .p-fileupload-buttonbar span.p-fileupload-choose{width:auto}mng-formly-field-input .p-fileupload .p-fileupload-buttonbar p-button button{width:auto}\n"] }]
         }] });
 
 class FormlyFieldLabelComponent extends ACommonsFormlyFieldType {
@@ -4284,7 +4300,7 @@ class FormlyFieldLookupDialogComponent extends ACommonsFormlyFieldType {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldLookupDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormlyFieldLookupDialogComponent, isStandalone: true, selector: "mng-formly-field-lookup-dialog", providers: [provideViewContainer(false)], usesInheritance: true, ngImport: i0, template: "<p-inputgroup [styleClass]=\"controlClassName()\">\n    <p-inputgroup [styleClass]=\"controlClassName()\">\n        <p-inputgroup-addon>\n            <button pButton type=\"button\" icon=\"pi pi-search\" text=\"true\" severity=\"secondary\" [disabled]=\"formControl.disabled\" (click)=\"openSelectDialog()\"></button>\n        </p-inputgroup-addon>\n        <input\n            pInputText\n            type=\"text\"\n            (click)=\"openSelectDialog()\"\n            [id]=\"descriptor.property\"\n            [readonly]=\"true\"\n            [formlyAttributes]=\"field\"\n            [formControl]=\"fieldLabelFormControl\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n        @if (!props.required && formControl.value && !formControl.disabled) {\n            <p-inputgroup-addon>\n                <button pButton type=\"button\" icon=\"pi pi-times\" text=\"true\" severity=\"secondary\" (click)=\"clear()\"></button>\n            </p-inputgroup-addon>\n        }\n    </p-inputgroup>\n\n    <p-dialog [(visible)]=\"isDialogVisible\" [draggable]=\"false\" [modal]=\"true\" appendTo=\"body\" styleClass=\"mng-dialog mng-formly-field-lookup-dialog\">\n        <ng-template #header>\n            <div class=\"flex justify-end items-center\">\n                @if (descriptor.dialogTitle !== null) {\n                    <label class=\"grow p-dialog-title\">\n                        @if (descriptor.dialogTitle) {\n                            {{ descriptor.dialogTitle | translate }}\n                        } @else if (descriptor.label !== null) {\n                            @let labelFromDescriptor = descriptor | mngFormlyFieldLabel: editorDescriptor | translate;\n                            @if (descriptor.label) {\n                                {{ labelFromDescriptor }}\n                            } @else {\n                                {{ 'general.search' | translate: {item: props.label!} }}\n                            }\n                        }\n                    </label>\n                }\n            </div>\n        </ng-template>\n        <ng-template #content>\n            <mng-table\n                [descriptor]=\"descriptor.dialogTableDescriptor!\"\n                [dataProvider]=\"descriptor.dialogTableDataProvider\"\n                [result]=\"addItems()\"\n                [selectionEnabled]=\"true\"\n                [selectionMode]=\"'single'\"\n                [loading]=\"dialogIsLoading()\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                @if (config.table?.headerTitleComponent; as captionComponent) {\n                    <ng-template mngTableTemplate name=\"headerTitle\">\n                        <ng-container [mngComponent]=\"captionComponent\" attachToHost=\"true\"></ng-container>\n                    </ng-template>\n                }\n                @if (config.table?.columnActionComponent; as columnActionComponent) {\n                    <ng-template mngTableTemplate name=\"columnCustomLast\">\n                        <ng-container [mngComponent]=\"columnActionComponent\" attachToHost=\"true\"></ng-container>\n                    </ng-template>\n                }\n            </mng-table>\n        </ng-template>\n\n        <ng-template #footer>\n            <button pButton type=\"button\" severity=\"secondary\" text=\"true\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" (click)=\"hideDialog()\"></button>\n            <button\n                pButton\n                type=\"button\"\n                [label]=\"'general.select' | translate\"\n                icon=\"pi pi-check\"\n                (click)=\"onAddItem()\"\n                [loading]=\"dialogIsLoading()\"\n                [disabled]=\"form.disabled\"></button>\n        </ng-template>\n    </p-dialog>\n</p-inputgroup>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: 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: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "cellClickEnabled", "selectionMode", "selectionEnabled", "rowReorderEnabled", "featureConfig", "columnLastMinWidth", "globalFilterFields", "templates"], outputs: ["tableLoad", "cellClick", "selectionChange", "rowReorder"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: TableTemplateDirective, selector: "[mngTableTemplate]", inputs: ["name"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormlyFieldLookupDialogComponent, isStandalone: true, selector: "mng-formly-field-lookup-dialog", providers: [provideViewContainer(false)], usesInheritance: true, ngImport: i0, template: "<p-inputgroup [styleClass]=\"controlClassName()\">\n    <p-inputgroup [styleClass]=\"controlClassName()\">\n        <p-inputgroup-addon>\n            <button pButton type=\"button\" icon=\"pi pi-search\" text=\"true\" severity=\"secondary\" [disabled]=\"formControl.disabled\" (click)=\"openSelectDialog()\"></button>\n        </p-inputgroup-addon>\n        <input\n            pInputText\n            type=\"text\"\n            (click)=\"openSelectDialog()\"\n            [id]=\"descriptor.property\"\n            [readonly]=\"true\"\n            [formlyAttributes]=\"field\"\n            [formControl]=\"fieldLabelFormControl\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n        @if (!props.required && formControl.value && !formControl.disabled) {\n            <p-inputgroup-addon>\n                <button pButton type=\"button\" icon=\"pi pi-times\" text=\"true\" severity=\"secondary\" (click)=\"clear()\"></button>\n            </p-inputgroup-addon>\n        }\n    </p-inputgroup>\n\n    <p-dialog [(visible)]=\"isDialogVisible\" [draggable]=\"false\" [modal]=\"true\" appendTo=\"body\" styleClass=\"mng-dialog mng-formly-field-lookup-dialog\">\n        <ng-template #header>\n            <div class=\"flex justify-end items-center\">\n                @if (descriptor.dialogTitle !== null) {\n                    <label class=\"grow p-dialog-title\">\n                        @if (descriptor.dialogTitle) {\n                            {{ descriptor.dialogTitle | translate }}\n                        } @else if (descriptor.label !== null) {\n                            @let labelFromDescriptor = descriptor | mngFormlyFieldLabel: editorDescriptor | translate;\n                            @if (descriptor.label) {\n                                {{ labelFromDescriptor }}\n                            } @else {\n                                {{ 'general.search' | translate: {item: props.label!} }}\n                            }\n                        }\n                    </label>\n                }\n            </div>\n        </ng-template>\n        <ng-template #content>\n            <mng-table\n                [descriptor]=\"descriptor.dialogTableDescriptor!\"\n                [dataProvider]=\"descriptor.dialogTableDataProvider\"\n                [result]=\"addItems()\"\n                [selectionEnabled]=\"true\"\n                [selectionMode]=\"'single'\"\n                [loading]=\"dialogIsLoading()\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                @if (config.table?.headerTitleComponent; as captionComponent) {\n                    <ng-template mngTableTemplate name=\"headerTitle\">\n                        <ng-container [mngComponent]=\"captionComponent\" attachToHost=\"true\"></ng-container>\n                    </ng-template>\n                }\n                @if (config.table?.columnActionComponent; as columnActionComponent) {\n                    <ng-template mngTableTemplate name=\"columnCustomLast\">\n                        <ng-container [mngComponent]=\"columnActionComponent\" attachToHost=\"true\"></ng-container>\n                    </ng-template>\n                }\n            </mng-table>\n        </ng-template>\n\n        <ng-template #footer>\n            <button pButton type=\"button\" severity=\"secondary\" text=\"true\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" (click)=\"hideDialog()\"></button>\n            <button\n                pButton\n                type=\"button\"\n                [label]=\"'general.select' | translate\"\n                icon=\"pi pi-check\"\n                (click)=\"onAddItem()\"\n                [loading]=\"dialogIsLoading()\"\n                [disabled]=\"form.disabled\"></button>\n        </ng-template>\n    </p-dialog>\n</p-inputgroup>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: 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: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "queryParamPrepend", "useQueryParams", "cellClickEnabled", "selectionMode", "selectionEnabled", "rowReorderEnabled", "featureConfig", "columnLastMinWidth", "globalFilterFields", "templates"], outputs: ["tableLoad", "cellClick", "selectionChange", "rowReorder"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: TableTemplateDirective, selector: "[mngTableTemplate]", inputs: ["name"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldLookupDialogComponent, decorators: [{
             type: Component,
@@ -4524,7 +4540,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldTableDialogFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormlyFieldTableDialogFormComponent, isStandalone: true, selector: "mng-formly-table-dialog-form-field", providers: [provideViewContainer(false)], usesInheritance: true, ngImport: i0, template: "<mng-action-table\n    [id]=\"descriptor.property\"\n    [descriptor]=\"descriptor.tableDescriptor\"\n    [items]=\"items()\"\n    [actions]=\"actions\"\n    [rowReorderEnabled]=\"!disableRowReorder()\"\n    (rowReorder)=\"onRowReorder($event)\"\n    tableClassName=\"mng-table-header-compact pb-2\">\n    <ng-template mngTableTemplate name=\"headerTitle\">\n        <div class=\"flex justify-end items-center\">\n            @if (descriptor.label !== null) {\n                <label class=\"grow\" [for]=\"descriptor.property\"\n                    >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                    @if (props.required && props['hideRequiredMarker'] !== true) {\n                        <span>*</span>\n                    }\n                    @if (descriptor.labelInfoTooltip !== undefined) {\n                        <span [ngClass]=\"{'ml-1': props.required && props['hideRequiredMarker'] !== true}\">\n                            <i [class]=\"descriptor.labelInfoTooltipIcon ?? labelInfoTooltipDefaultIcon\" [pTooltip]=\"descriptor.labelInfoTooltip | translate\"></i>\n                        </span>\n                    }\n                </label>\n            }\n        </div>\n    </ng-template>\n    <ng-template mngTableTemplate name=\"headerTitleRowRight\">\n        <div class=\"flex justify-end items-center grow\">\n            @for (action of toolbarRightActions; track action) {\n                <mng-action [action]=\"action\" [hostComponent]=\"this\"></mng-action>\n            }\n        </div>\n    </ng-template>\n</mng-action-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"], dependencies: [{ kind: "component", type: ActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "dataListParams", "dataProvider", "hostComponent", "route", "disabled", "loading", "selectedItems"], outputs: ["finish"] }, { kind: "component", type: ActionTableComponent, selector: "mng-action-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "tableTemplates", "tableClassName", "selectionMode", "selectionEnabled", "globalFilterFields", "rowReorderEnabled", "featureConfig", "actions", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "rowReorder"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: TableTemplateDirective, selector: "[mngTableTemplate]", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormlyFieldTableDialogFormComponent, isStandalone: true, selector: "mng-formly-table-dialog-form-field", providers: [provideViewContainer(false)], usesInheritance: true, ngImport: i0, template: "<mng-action-table\n    [id]=\"descriptor.property\"\n    [descriptor]=\"descriptor.tableDescriptor\"\n    [items]=\"items()\"\n    [actions]=\"actions\"\n    [rowReorderEnabled]=\"!disableRowReorder()\"\n    (rowReorder)=\"onRowReorder($event)\"\n    tableClassName=\"mng-table-header-compact pb-2\">\n    <ng-template mngTableTemplate name=\"headerTitle\">\n        <div class=\"flex justify-end items-center\">\n            @if (descriptor.label !== null) {\n                <label class=\"grow\" [for]=\"descriptor.property\"\n                    >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                    @if (props.required && props['hideRequiredMarker'] !== true) {\n                        <span>*</span>\n                    }\n                    @if (descriptor.labelInfoTooltip !== undefined) {\n                        <span [ngClass]=\"{'ml-1': props.required && props['hideRequiredMarker'] !== true}\">\n                            <i [class]=\"descriptor.labelInfoTooltipIcon ?? labelInfoTooltipDefaultIcon\" [pTooltip]=\"descriptor.labelInfoTooltip | translate\"></i>\n                        </span>\n                    }\n                </label>\n            }\n        </div>\n    </ng-template>\n    <ng-template mngTableTemplate name=\"headerTitleRowRight\">\n        <div class=\"flex justify-end items-center grow\">\n            @for (action of toolbarRightActions; track action) {\n                <mng-action [action]=\"action\" [hostComponent]=\"this\"></mng-action>\n            }\n        </div>\n    </ng-template>\n</mng-action-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"], dependencies: [{ kind: "component", type: ActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "dataListParams", "dataProvider", "hostComponent", "route", "disabled", "loading", "selectedItems"], outputs: ["finish"] }, { kind: "component", type: ActionTableComponent, selector: "mng-action-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "queryParamPrepend", "useQueryParams", "tableTemplates", "tableClassName", "selectionMode", "selectionEnabled", "globalFilterFields", "rowReorderEnabled", "featureConfig", "actions", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "rowReorder"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: TableTemplateDirective, selector: "[mngTableTemplate]", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldTableDialogFormComponent, decorators: [{
             type: Component,
@@ -4701,7 +4717,7 @@ class FormlyFieldTableDialogMultiselectComponent extends ACommonsFormlyFieldType
         this.descriptor.nextEvent(FormFieldEventTypeEnum.RowReorder, this, { dragIndex: event.dragIndex, dropIndex: event.dropIndex });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormlyFieldTableDialogMultiselectComponent, isStandalone: true, selector: "mng-formly-table-multiselect-add-field", providers: [provideViewContainer(false)], viewQueries: [{ propertyName: "addTableComponent", first: true, predicate: ["addTableComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mng-table\n    [id]=\"descriptor.property\"\n    [descriptor]=\"descriptor.mainTableDescriptor\"\n    [items]=\"items()\"\n    [rowReorderEnabled]=\"!disableRowReorder()\"\n    (rowReorder)=\"onRowReorder($event)\"\n    class=\"mng-table-header-compact\">\n    <ng-template mngTableTemplate name=\"headerTitle\">\n        @if (descriptor.label !== null) {\n            <label [for]=\"descriptor.property\">\n                {{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n                @if (descriptor.labelInfoTooltip !== undefined) {\n                    <span [ngClass]=\"{'ml-1': props.required && props['hideRequiredMarker'] !== true}\">\n                        <i [class]=\"descriptor.labelInfoTooltipIcon ?? labelInfoTooltipDefaultIcon\" [pTooltip]=\"descriptor.labelInfoTooltip | translate\"></i>\n                    </span>\n                }\n            </label>\n        }\n    </ng-template>\n    <ng-template mngTableTemplate name=\"headerTitleRowRight\">\n        <div class=\"flex grow justify-end\">\n            @if (hasAddAction && !options.formState?.disabled) {\n                <button\n                    pButton\n                    type=\"button\"\n                    icon=\"pi pi-plus\"\n                    rounded=\"true\"\n                    outlined=\"true\"\n                    class=\"mng-button-xs\"\n                    (click)=\"openAddDialog()\"\n                    [disabled]=\"formControl!.disabled\"></button>\n            }\n        </div>\n    </ng-template>\n    <ng-template mngTableTemplate name=\"columnCustomLast\" let-item=\"item\">\n        @if (hasDeleteAction && !options.formState?.disabled) {\n            <button\n                pButton\n                type=\"button\"\n                icon=\"pi pi-trash\"\n                outlined=\"true\"\n                severity=\"danger\"\n                rounded=\"true\"\n                class=\"mng-button-xs\"\n                (click)=\"removeItem(item)\"\n                [disabled]=\"formControl!.disabled\"></button>\n        }\n    </ng-template>\n</mng-table>\n\n@if (hasAddAction) {\n    <p-dialog [(visible)]=\"isDialogVisible\" [draggable]=\"false\" [modal]=\"true\" appendTo=\"body\" styleClass=\"mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\n        <ng-template #header>\n            <div class=\"flex justify-end items-center\">\n                @if (descriptor.dialogTitle !== null) {\n                    <label class=\"grow p-dialog-title\">\n                        @if (descriptor.dialogTitle) {\n                            {{ descriptor.dialogTitle | translate }}\n                        } @else if (descriptor.label !== null) {\n                            @let labelFromDescriptor = descriptor | mngFormlyFieldLabel: editorDescriptor | translate;\n                            @if (descriptor.label) {\n                                {{ labelFromDescriptor }}\n                            } @else {\n                                {{ 'general.addItem' | translate: {item: labelFromDescriptor} }}\n                            }\n                        }\n                    </label>\n                }\n            </div>\n        </ng-template>\n\n        <ng-template #content class=\"table-container\">\n            <div class=\"h-full flex flex-col\">\n                <div class=\"grow formly-field-table-multiselect-dialog-form-container\">\n                    <div class=\"mng-formly-field-table-multiselect-dialog-table\">\n                        <mng-table\n                            #addTableComponent\n                            [descriptor]=\"descriptor.lookupTableDescriptor\"\n                            [result]=\"addItems()\"\n                            [selectionEnabled]=\"true\"\n                            [loading]=\"dialogIsLoading()\"\n                            (selectionChange)=\"onSelectionChange($event)\">\n                        </mng-table>\n                    </div>\n                </div>\n                <div class=\"flex flex-row justify-end mng-formly-field-table-multiselect-dialog-footer\">\n                    <button pButton type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" text=\"true\" severity=\"secondary\" (click)=\"hideDialog()\"></button>\n                    <button\n                        pButton\n                        type=\"button\"\n                        [label]=\"'general.add' | translate\"\n                        icon=\"pi pi-check\"\n                        (click)=\"onAddItems()\"\n                        [loading]=\"dialogIsLoading()\"\n                        [disabled]=\"form.disabled\"></button>\n                </div>\n            </div>\n        </ng-template>\n    </p-dialog>\n}\n", styles: [".table-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;margin-top:2rem}.table-container{overflow:hidden}.table-footer button{width:8rem}.table-footer button:not(:first-child){margin-left:1.5rem}.table-scroll{max-height:75vh;overflow-y:auto}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "cellClickEnabled", "selectionMode", "selectionEnabled", "rowReorderEnabled", "featureConfig", "columnLastMinWidth", "globalFilterFields", "templates"], outputs: ["tableLoad", "cellClick", "selectionChange", "rowReorder"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: 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: "directive", type: TableTemplateDirective, selector: "[mngTableTemplate]", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormlyFieldTableDialogMultiselectComponent, isStandalone: true, selector: "mng-formly-table-multiselect-add-field", providers: [provideViewContainer(false)], viewQueries: [{ propertyName: "addTableComponent", first: true, predicate: ["addTableComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mng-table\n    [id]=\"descriptor.property\"\n    [descriptor]=\"descriptor.mainTableDescriptor\"\n    [items]=\"items()\"\n    [rowReorderEnabled]=\"!disableRowReorder()\"\n    (rowReorder)=\"onRowReorder($event)\"\n    class=\"mng-table-header-compact\">\n    <ng-template mngTableTemplate name=\"headerTitle\">\n        @if (descriptor.label !== null) {\n            <label [for]=\"descriptor.property\">\n                {{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n                @if (descriptor.labelInfoTooltip !== undefined) {\n                    <span [ngClass]=\"{'ml-1': props.required && props['hideRequiredMarker'] !== true}\">\n                        <i [class]=\"descriptor.labelInfoTooltipIcon ?? labelInfoTooltipDefaultIcon\" [pTooltip]=\"descriptor.labelInfoTooltip | translate\"></i>\n                    </span>\n                }\n            </label>\n        }\n    </ng-template>\n    <ng-template mngTableTemplate name=\"headerTitleRowRight\">\n        <div class=\"flex grow justify-end\">\n            @if (hasAddAction && !options.formState?.disabled) {\n                <button\n                    pButton\n                    type=\"button\"\n                    icon=\"pi pi-plus\"\n                    rounded=\"true\"\n                    outlined=\"true\"\n                    class=\"mng-button-xs\"\n                    (click)=\"openAddDialog()\"\n                    [disabled]=\"formControl!.disabled\"></button>\n            }\n        </div>\n    </ng-template>\n    <ng-template mngTableTemplate name=\"columnCustomLast\" let-item=\"item\">\n        @if (hasDeleteAction && !options.formState?.disabled) {\n            <button\n                pButton\n                type=\"button\"\n                icon=\"pi pi-trash\"\n                outlined=\"true\"\n                severity=\"danger\"\n                rounded=\"true\"\n                class=\"mng-button-xs\"\n                (click)=\"removeItem(item)\"\n                [disabled]=\"formControl!.disabled\"></button>\n        }\n    </ng-template>\n</mng-table>\n\n@if (hasAddAction) {\n    <p-dialog [(visible)]=\"isDialogVisible\" [draggable]=\"false\" [modal]=\"true\" appendTo=\"body\" styleClass=\"mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\n        <ng-template #header>\n            <div class=\"flex justify-end items-center\">\n                @if (descriptor.dialogTitle !== null) {\n                    <label class=\"grow p-dialog-title\">\n                        @if (descriptor.dialogTitle) {\n                            {{ descriptor.dialogTitle | translate }}\n                        } @else if (descriptor.label !== null) {\n                            @let labelFromDescriptor = descriptor | mngFormlyFieldLabel: editorDescriptor | translate;\n                            @if (descriptor.label) {\n                                {{ labelFromDescriptor }}\n                            } @else {\n                                {{ 'general.addItem' | translate: {item: labelFromDescriptor} }}\n                            }\n                        }\n                    </label>\n                }\n            </div>\n        </ng-template>\n\n        <ng-template #content class=\"table-container\">\n            <div class=\"h-full flex flex-col\">\n                <div class=\"grow formly-field-table-multiselect-dialog-form-container\">\n                    <div class=\"mng-formly-field-table-multiselect-dialog-table\">\n                        <mng-table\n                            #addTableComponent\n                            [descriptor]=\"descriptor.lookupTableDescriptor\"\n                            [result]=\"addItems()\"\n                            [selectionEnabled]=\"true\"\n                            [loading]=\"dialogIsLoading()\"\n                            (selectionChange)=\"onSelectionChange($event)\">\n                        </mng-table>\n                    </div>\n                </div>\n                <div class=\"flex flex-row justify-end mng-formly-field-table-multiselect-dialog-footer\">\n                    <button pButton type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" text=\"true\" severity=\"secondary\" (click)=\"hideDialog()\"></button>\n                    <button\n                        pButton\n                        type=\"button\"\n                        [label]=\"'general.add' | translate\"\n                        icon=\"pi pi-check\"\n                        (click)=\"onAddItems()\"\n                        [loading]=\"dialogIsLoading()\"\n                        [disabled]=\"form.disabled\"></button>\n                </div>\n            </div>\n        </ng-template>\n    </p-dialog>\n}\n", styles: [".table-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;margin-top:2rem}.table-container{overflow:hidden}.table-footer button{width:8rem}.table-footer button:not(:first-child){margin-left:1.5rem}.table-scroll{max-height:75vh;overflow-y:auto}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "queryParamPrepend", "useQueryParams", "cellClickEnabled", "selectionMode", "selectionEnabled", "rowReorderEnabled", "featureConfig", "columnLastMinWidth", "globalFilterFields", "templates"], outputs: ["tableLoad", "cellClick", "selectionChange", "rowReorder"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: 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: "directive", type: TableTemplateDirective, selector: "[mngTableTemplate]", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, decorators: [{
             type: Component,