@mediusinc/mng-commons 7.4.0-rc.0 → 7.4.0

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

@@ -993,8 +993,8 @@ class ActionExecutorService {
                 closable: true
             };
             if (action instanceof ActionEditorDescriptorInst) {
-                dialogClassNames.push(action.dialogClassName ?? 'mng-action-editor-dialog');
-                switch (action.dialogSize) {
+                dialogClassNames.push(action.dialogConfig.className ?? 'mng-action-editor-dialog');
+                switch (action.dialogConfig.size) {
                     case StyleSizeEnum.ExtraSmall:
                         dialogClassNames.push('mng-dialog-xs');
                         break;
@@ -1022,7 +1022,8 @@ class ActionExecutorService {
                     },
                     injector: this.injector
                 };
-                dialogConfig.maximizable = action.dialogIsMaximizable ?? true;
+                dialogConfig.maximizable = action.dialogConfig.maximizable ?? true;
+                dialogConfig.draggable = action.dialogConfig.draggable ?? false;
             }
             if (action.activationTrigger === ActionActivationTriggerEnum.OnRoute) {
                 dialogClassNames.push('mng-action-editor-on-route-dialog');
@@ -2260,6 +2261,12 @@ class FormEditorService {
     get formlyInitialItem() {
         return this.formComponent.formlyInitialItem;
     }
+    get itemInput() {
+        return this.formComponent.itemInput;
+    }
+    get formInitialValue() {
+        return this.formComponent.formInitialValue;
+    }
     submit() {
         this.formComponent.submit();
     }
@@ -2318,6 +2325,7 @@ function provideFormComponent() {
 }
 
 class FormEditorComponent {
+    #formInitialValue; // initialized in ngOnInit, should not be changed after, serves as formly initialization model
     get parent() {
         return this.formService.parent;
     }
@@ -2334,10 +2342,17 @@ class FormEditorComponent {
         return this._formlyFields;
     }
     /**
+     * @deprecated, use
      * Only used for form initialization. Further changes should be done using {resetFormModel}.
      */
     get formlyInitialItem() {
-        return this._formlyInitialItem;
+        return this.formlyModel;
+    }
+    get itemInput() {
+        return this.item();
+    }
+    get formInitialValue() {
+        return this.#formInitialValue;
     }
     constructor() {
         this.destroyRef = inject(DestroyRef);
@@ -2380,7 +2395,8 @@ class FormEditorComponent {
             }
         };
         this._formlyFields = []; // initialized in ngOnInit, should not be changed after
-        this._formlyInitialItem = {}; // initialized in ngOnInit, should not be changed after
+        this.formlyModel = {}; // initialized in ngOnInit, should not be changed after, serves as formly initialization model
+        this.#formInitialValue = {}; // initialized in ngOnInit, should not be changed after, serves as formly initialization model
         this.setterFields = computed(() => this.descriptor().fields.filter(f => typeof f.setter === 'function'), ...(ngDevMode ? [{ debugName: "setterFields" }] : []));
         this.formMessages = signal([], ...(ngDevMode ? [{ debugName: "formMessages" }] : []));
         this.formMessagesTypeNarrowed = computed(() => this.formMessages().map(m => ({
@@ -2411,7 +2427,10 @@ class FormEditorComponent {
             if (item !== this.initialItemInput) {
                 // new item is different from the one the form was initialized with. Must trigger reset of form model.
                 // should be executed in untracked mode, because it updates multiple components underneath
-                untracked(() => this.resetFormModel(item));
+                untracked(() => {
+                    this.#formInitialValue = this.getFormModelFromItem(item);
+                    this.resetFormModel(item);
+                });
             }
         });
         effect(() => {
@@ -2452,7 +2471,8 @@ class FormEditorComponent {
         this._formlyFields = createFormlyConfigFromDescriptor(this.descriptor(), this.formlyConfig, this);
         // int form model (only initial, no further changes to formModel should be allowed!)
         this.initialItemInput = this.item();
-        this._formlyInitialItem = this.getFormModelFromItem(this.item());
+        this.#formInitialValue = this.getFormModelFromItem(this.item());
+        this.formlyModel = this.getFormModelFromItem(this.item());
         // handle localizations edit/add message
         if (this.descriptor().isLocalized &&
             (this.descriptor().tableviewEditorType === TableviewEditorTypeEnum.Add || this.descriptor().tableviewEditorType === TableviewEditorTypeEnum.Edit)) {
@@ -2766,11 +2786,11 @@ class FormEditorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormEditorComponent, isStandalone: true, selector: "mng-form-editor", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, submitLoading: { classPropertyName: "submitLoading", publicName: "submitLoading", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, isFormDisabled: { classPropertyName: "isFormDisabled", publicName: "isFormDisabled", isSignal: true, isRequired: false, transformFunction: null }, editorId: { classPropertyName: "editorId", publicName: "editorId", isSignal: true, isRequired: false, transformFunction: null }, itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, showAutoSaveStatus: { classPropertyName: "showAutoSaveStatus", publicName: "showAutoSaveStatus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { item: "itemChange", formSubmit: "formSubmit", valueChange: "valueChange", autoSaveStatus: "autoSaveStatus" }, providers: [provideFormComponent()], viewQueries: [{ propertyName: "submitButtonElementRef", first: true, predicate: ["submitButton"], descendants: true, isSignal: true }, { propertyName: "focusThiefElRef", first: true, predicate: ["focusThiefInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (autoSaveShowRestore()) {\n    <p-message severity=\"warn\" icon=\"pi pi-save\">\n        <ng-template #container>\n            <div class=\"flex w-full justify-end items-center\">\n                <div class=\"grow\">\n                    {{\n                        'mngEditor.autoSave.restore.title'\n                            | translate: {lastChange: autoSaveRestore()?.savedAt ? (autoSaveRestore()?.savedAt! | date: 'dd. MM. yyyy HH:mm:ss') : ''}\n                    }}\n                </div>\n                <div>\n                    <button\n                        pButton\n                        icon=\"pi pi-sync\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.restore' | translate\"\n                        severity=\"success\"\n                        text=\"true\"\n                        (click)=\"onAutoSaveRestore()\"></button>\n                    @if (autoSave()?.state !== 'preview' || autoSave()?.state !== 'previewCurrent') {\n                        <button\n                            pButton\n                            icon=\"pi pi-eye\"\n                            size=\"small\"\n                            [label]=\"autoSavePreviewButtonLabel() | translate\"\n                            severity=\"info\"\n                            text=\"true\"\n                            (click)=\"onAutoSavePreview()\"></button>\n                    }\n                    <button\n                        pButton\n                        icon=\"pi pi-times\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.dismiss' | translate\"\n                        severity=\"danger\"\n                        text=\"true\"\n                        (click)=\"onAutoSaveDismiss()\"></button>\n                </div>\n            </div>\n        </ng-template>\n    </p-message>\n}\n\n@if (autofocusEnabled()) {\n    <input type=\"hidden\" class=\"hidden!\" #focusThiefInput tabindex=\"0\" />\n}\n<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <formly-form [form]=\"form\" [fields]=\"formlyFields\" [options]=\"formlyOptions\" [model]=\"formlyInitialItem\"></formly-form>\n    <button #submitButton type=\"submit\" class=\"hidden!\"></button>\n</form>\n@for (message of formMessagesTypeNarrowed(); track message) {\n    <p-message [severity]=\"message.severity\" [icon]=\"message.icon\">{{ message.text }} </p-message>\n}\n\n@if (descriptor().autoSave && showAutoSaveStatus()) {\n    <mng-editor-auto-save-status [status]=\"autoSave()\" />\n}\n", styles: ["mng-form-editor .mng-field-control{width:100%}mng-form-editor .mng-field{margin:var(--mng-field-margin, 0 0 .5rem 0)}:is(mng-form-editor .mng-field.mng-field-number,mng-form-editor .mng-field.mng-field-currency) .p-inputnumber,:is(mng-form-editor .mng-field.mng-field-number,mng-form-editor .mng-field.mng-field-currency) input{width:100%}mng-form-editor .mng-field.mng-field-switch .mng-field-control{width:var(--p-toggleswitch-width)}mng-form-editor .mng-field.mng-field-radio .mng-field-control{width:var(--p-radiobutton-width)}mng-form-editor .mng-field.mng-field-datepicker mng-datetime-picker{max-width:var(--mng-field-datepicker-max-width, 450px)}mng-form-editor .mng-field.mng-field-autocomplete .p-autocomplete{width:100%}:is(mng-form-editor .mng-field.mng-field-dropdown,mng-form-editor .mng-field.mng-field-enum) .p-select{width:100%}mng-form-editor .mng-localized-input-translation-missing input,mng-form-editor .mng-localized-input-translation-missing textarea{border-color:var(--p-button-warn-background)}mng-form-editor .field.table .p-datatable .p-datatable-header{border-top:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:.25rem}mng-form-editor .p-fieldset{margin-bottom:1rem}mng-form-editor .p-fieldset .p-fieldset-content{padding:.75rem 0 0}mng-form-editor .mng-field-validation-messages{color:var(--p-form-field-invalid-placeholder-color)}.mng-field-datepicker.p-datepicker-panel{width:415px}\n"], dependencies: [{ kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: EditorAutoSaveStatusComponent, selector: "mng-editor-auto-save-status", inputs: ["status"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormEditorComponent, isStandalone: true, selector: "mng-form-editor", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, submitLoading: { classPropertyName: "submitLoading", publicName: "submitLoading", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, isFormDisabled: { classPropertyName: "isFormDisabled", publicName: "isFormDisabled", isSignal: true, isRequired: false, transformFunction: null }, editorId: { classPropertyName: "editorId", publicName: "editorId", isSignal: true, isRequired: false, transformFunction: null }, itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, showAutoSaveStatus: { classPropertyName: "showAutoSaveStatus", publicName: "showAutoSaveStatus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { item: "itemChange", formSubmit: "formSubmit", valueChange: "valueChange", autoSaveStatus: "autoSaveStatus" }, providers: [provideFormComponent()], viewQueries: [{ propertyName: "submitButtonElementRef", first: true, predicate: ["submitButton"], descendants: true, isSignal: true }, { propertyName: "focusThiefElRef", first: true, predicate: ["focusThiefInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (autoSaveShowRestore()) {\n    <p-message severity=\"warn\" icon=\"pi pi-save\">\n        <ng-template #container>\n            <div class=\"flex w-full justify-end items-center\">\n                <div class=\"grow\">\n                    {{\n                        'mngEditor.autoSave.restore.title'\n                            | translate: {lastChange: autoSaveRestore()?.savedAt ? (autoSaveRestore()?.savedAt! | date: 'dd. MM. yyyy HH:mm:ss') : ''}\n                    }}\n                </div>\n                <div>\n                    <button\n                        pButton\n                        icon=\"pi pi-sync\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.restore' | translate\"\n                        severity=\"success\"\n                        text=\"true\"\n                        (click)=\"onAutoSaveRestore()\"></button>\n                    @if (autoSave()?.state !== 'preview' || autoSave()?.state !== 'previewCurrent') {\n                        <button\n                            pButton\n                            icon=\"pi pi-eye\"\n                            size=\"small\"\n                            [label]=\"autoSavePreviewButtonLabel() | translate\"\n                            severity=\"info\"\n                            text=\"true\"\n                            (click)=\"onAutoSavePreview()\"></button>\n                    }\n                    <button\n                        pButton\n                        icon=\"pi pi-times\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.dismiss' | translate\"\n                        severity=\"danger\"\n                        text=\"true\"\n                        (click)=\"onAutoSaveDismiss()\"></button>\n                </div>\n            </div>\n        </ng-template>\n    </p-message>\n}\n\n@if (autofocusEnabled()) {\n    <input type=\"hidden\" class=\"hidden!\" #focusThiefInput tabindex=\"0\" />\n}\n<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <formly-form [form]=\"form\" [fields]=\"formlyFields\" [options]=\"formlyOptions\" [model]=\"formlyModel\"></formly-form>\n    <button #submitButton type=\"submit\" class=\"hidden!\"></button>\n</form>\n@for (message of formMessagesTypeNarrowed(); track message) {\n    <p-message [severity]=\"message.severity\" [icon]=\"message.icon\">{{ message.text }} </p-message>\n}\n\n@if (descriptor().autoSave && showAutoSaveStatus()) {\n    <mng-editor-auto-save-status [status]=\"autoSave()\" />\n}\n", styles: ["mng-form-editor .mng-field-control{width:100%}mng-form-editor .mng-field{margin:var(--mng-field-margin, 0 0 .5rem 0)}:is(mng-form-editor .mng-field.mng-field-number,mng-form-editor .mng-field.mng-field-currency) .p-inputnumber,:is(mng-form-editor .mng-field.mng-field-number,mng-form-editor .mng-field.mng-field-currency) input{width:100%}mng-form-editor .mng-field.mng-field-switch .mng-field-control{width:var(--p-toggleswitch-width)}mng-form-editor .mng-field.mng-field-radio .mng-field-control{width:var(--p-radiobutton-width)}mng-form-editor .mng-field.mng-field-datepicker mng-datetime-picker{max-width:var(--mng-field-datepicker-max-width, 450px)}mng-form-editor .mng-field.mng-field-autocomplete .p-autocomplete{width:100%}:is(mng-form-editor .mng-field.mng-field-dropdown,mng-form-editor .mng-field.mng-field-enum) .p-select{width:100%}mng-form-editor .mng-localized-input-translation-missing input,mng-form-editor .mng-localized-input-translation-missing textarea{border-color:var(--p-button-warn-background)}mng-form-editor .field.table .p-datatable .p-datatable-header{border-top:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:.25rem}mng-form-editor .p-fieldset{margin-bottom:1rem}mng-form-editor .p-fieldset .p-fieldset-content{padding:.75rem 0 0}mng-form-editor .mng-field-validation-messages{color:var(--p-form-field-invalid-placeholder-color)}.mng-field-datepicker.p-datepicker-panel{width:415px}\n"], dependencies: [{ kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: EditorAutoSaveStatusComponent, selector: "mng-editor-auto-save-status", inputs: ["status"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-form-editor', imports: [FormlyForm, ReactiveFormsModule, TranslatePipe, DatePipe, EditorAutoSaveStatusComponent, Message, ButtonDirective], providers: [provideFormComponent()], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (autoSaveShowRestore()) {\n    <p-message severity=\"warn\" icon=\"pi pi-save\">\n        <ng-template #container>\n            <div class=\"flex w-full justify-end items-center\">\n                <div class=\"grow\">\n                    {{\n                        'mngEditor.autoSave.restore.title'\n                            | translate: {lastChange: autoSaveRestore()?.savedAt ? (autoSaveRestore()?.savedAt! | date: 'dd. MM. yyyy HH:mm:ss') : ''}\n                    }}\n                </div>\n                <div>\n                    <button\n                        pButton\n                        icon=\"pi pi-sync\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.restore' | translate\"\n                        severity=\"success\"\n                        text=\"true\"\n                        (click)=\"onAutoSaveRestore()\"></button>\n                    @if (autoSave()?.state !== 'preview' || autoSave()?.state !== 'previewCurrent') {\n                        <button\n                            pButton\n                            icon=\"pi pi-eye\"\n                            size=\"small\"\n                            [label]=\"autoSavePreviewButtonLabel() | translate\"\n                            severity=\"info\"\n                            text=\"true\"\n                            (click)=\"onAutoSavePreview()\"></button>\n                    }\n                    <button\n                        pButton\n                        icon=\"pi pi-times\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.dismiss' | translate\"\n                        severity=\"danger\"\n                        text=\"true\"\n                        (click)=\"onAutoSaveDismiss()\"></button>\n                </div>\n            </div>\n        </ng-template>\n    </p-message>\n}\n\n@if (autofocusEnabled()) {\n    <input type=\"hidden\" class=\"hidden!\" #focusThiefInput tabindex=\"0\" />\n}\n<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <formly-form [form]=\"form\" [fields]=\"formlyFields\" [options]=\"formlyOptions\" [model]=\"formlyInitialItem\"></formly-form>\n    <button #submitButton type=\"submit\" class=\"hidden!\"></button>\n</form>\n@for (message of formMessagesTypeNarrowed(); track message) {\n    <p-message [severity]=\"message.severity\" [icon]=\"message.icon\">{{ message.text }} </p-message>\n}\n\n@if (descriptor().autoSave && showAutoSaveStatus()) {\n    <mng-editor-auto-save-status [status]=\"autoSave()\" />\n}\n", styles: ["mng-form-editor .mng-field-control{width:100%}mng-form-editor .mng-field{margin:var(--mng-field-margin, 0 0 .5rem 0)}:is(mng-form-editor .mng-field.mng-field-number,mng-form-editor .mng-field.mng-field-currency) .p-inputnumber,:is(mng-form-editor .mng-field.mng-field-number,mng-form-editor .mng-field.mng-field-currency) input{width:100%}mng-form-editor .mng-field.mng-field-switch .mng-field-control{width:var(--p-toggleswitch-width)}mng-form-editor .mng-field.mng-field-radio .mng-field-control{width:var(--p-radiobutton-width)}mng-form-editor .mng-field.mng-field-datepicker mng-datetime-picker{max-width:var(--mng-field-datepicker-max-width, 450px)}mng-form-editor .mng-field.mng-field-autocomplete .p-autocomplete{width:100%}:is(mng-form-editor .mng-field.mng-field-dropdown,mng-form-editor .mng-field.mng-field-enum) .p-select{width:100%}mng-form-editor .mng-localized-input-translation-missing input,mng-form-editor .mng-localized-input-translation-missing textarea{border-color:var(--p-button-warn-background)}mng-form-editor .field.table .p-datatable .p-datatable-header{border-top:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:.25rem}mng-form-editor .p-fieldset{margin-bottom:1rem}mng-form-editor .p-fieldset .p-fieldset-content{padding:.75rem 0 0}mng-form-editor .mng-field-validation-messages{color:var(--p-form-field-invalid-placeholder-color)}.mng-field-datepicker.p-datepicker-panel{width:415px}\n"] }]
+            args: [{ selector: 'mng-form-editor', imports: [FormlyForm, ReactiveFormsModule, TranslatePipe, DatePipe, EditorAutoSaveStatusComponent, Message, ButtonDirective], providers: [provideFormComponent()], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (autoSaveShowRestore()) {\n    <p-message severity=\"warn\" icon=\"pi pi-save\">\n        <ng-template #container>\n            <div class=\"flex w-full justify-end items-center\">\n                <div class=\"grow\">\n                    {{\n                        'mngEditor.autoSave.restore.title'\n                            | translate: {lastChange: autoSaveRestore()?.savedAt ? (autoSaveRestore()?.savedAt! | date: 'dd. MM. yyyy HH:mm:ss') : ''}\n                    }}\n                </div>\n                <div>\n                    <button\n                        pButton\n                        icon=\"pi pi-sync\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.restore' | translate\"\n                        severity=\"success\"\n                        text=\"true\"\n                        (click)=\"onAutoSaveRestore()\"></button>\n                    @if (autoSave()?.state !== 'preview' || autoSave()?.state !== 'previewCurrent') {\n                        <button\n                            pButton\n                            icon=\"pi pi-eye\"\n                            size=\"small\"\n                            [label]=\"autoSavePreviewButtonLabel() | translate\"\n                            severity=\"info\"\n                            text=\"true\"\n                            (click)=\"onAutoSavePreview()\"></button>\n                    }\n                    <button\n                        pButton\n                        icon=\"pi pi-times\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.dismiss' | translate\"\n                        severity=\"danger\"\n                        text=\"true\"\n                        (click)=\"onAutoSaveDismiss()\"></button>\n                </div>\n            </div>\n        </ng-template>\n    </p-message>\n}\n\n@if (autofocusEnabled()) {\n    <input type=\"hidden\" class=\"hidden!\" #focusThiefInput tabindex=\"0\" />\n}\n<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <formly-form [form]=\"form\" [fields]=\"formlyFields\" [options]=\"formlyOptions\" [model]=\"formlyModel\"></formly-form>\n    <button #submitButton type=\"submit\" class=\"hidden!\"></button>\n</form>\n@for (message of formMessagesTypeNarrowed(); track message) {\n    <p-message [severity]=\"message.severity\" [icon]=\"message.icon\">{{ message.text }} </p-message>\n}\n\n@if (descriptor().autoSave && showAutoSaveStatus()) {\n    <mng-editor-auto-save-status [status]=\"autoSave()\" />\n}\n", styles: ["mng-form-editor .mng-field-control{width:100%}mng-form-editor .mng-field{margin:var(--mng-field-margin, 0 0 .5rem 0)}:is(mng-form-editor .mng-field.mng-field-number,mng-form-editor .mng-field.mng-field-currency) .p-inputnumber,:is(mng-form-editor .mng-field.mng-field-number,mng-form-editor .mng-field.mng-field-currency) input{width:100%}mng-form-editor .mng-field.mng-field-switch .mng-field-control{width:var(--p-toggleswitch-width)}mng-form-editor .mng-field.mng-field-radio .mng-field-control{width:var(--p-radiobutton-width)}mng-form-editor .mng-field.mng-field-datepicker mng-datetime-picker{max-width:var(--mng-field-datepicker-max-width, 450px)}mng-form-editor .mng-field.mng-field-autocomplete .p-autocomplete{width:100%}:is(mng-form-editor .mng-field.mng-field-dropdown,mng-form-editor .mng-field.mng-field-enum) .p-select{width:100%}mng-form-editor .mng-localized-input-translation-missing input,mng-form-editor .mng-localized-input-translation-missing textarea{border-color:var(--p-button-warn-background)}mng-form-editor .field.table .p-datatable .p-datatable-header{border-top:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:.25rem}mng-form-editor .p-fieldset{margin-bottom:1rem}mng-form-editor .p-fieldset .p-fieldset-content{padding:.75rem 0 0}mng-form-editor .mng-field-validation-messages{color:var(--p-form-field-invalid-placeholder-color)}.mng-field-datepicker.p-datepicker-panel{width:415px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { descriptor: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptor", required: true }] }], submitLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitLoading", required: false }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }, { type: i0.Output, args: ["itemChange"] }], isFormDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFormDisabled", required: false }] }], editorId: [{ type: i0.Input, args: [{ isSignal: true, alias: "editorId", required: false }] }], itemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemId", required: false }] }], showAutoSaveStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAutoSaveStatus", required: false }] }], formSubmit: [{ type: i0.Output, args: ["formSubmit"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], autoSaveStatus: [{ type: i0.Output, args: ["autoSaveStatus"] }], submitButtonElementRef: [{ type: i0.ViewChild, args: ['submitButton', { isSignal: true }] }], focusThiefElRef: [{ type: i0.ViewChild, args: ['focusThiefInput', { isSignal: true }] }] } });
 
 class ActionEditorInjectorContextComponent {
@@ -3520,7 +3540,7 @@ 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 }, 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 }); }
+    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", "filterChange", "searchChange", "sortChange"] }, { 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,
@@ -3793,11 +3813,11 @@ class FormlyFieldAutocompleteComponent extends ACommonsFormlyFieldType {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: FormlyFieldAutocompleteComponent, isStandalone: true, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"descriptor.property\"\n    [formControl]=\"$any(formControl)\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\"\n    [showClear]=\"!props.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst ?? false\"\n    [autoClear]=\"descriptor.autocompleteAutoClear ?? false\"\n    [openOnFocus]=\"descriptor.autocompleteAutoClear ?? true\"\n    [inlineSearch]=\"descriptor.inlineSearch ?? false\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\">\n</mng-autocomplete>\n", dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "optionsTrackProperty", "optionsValueProperty", "optionsLabelProperty", "optionsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName", "showClear", "autoClear", "selectFirst", "searchTrim", "disabled", "templates"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: FormlyFieldAutocompleteComponent, isStandalone: true, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"descriptor.property\"\n    [formControl]=\"$any(formControl)\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\"\n    [showClear]=\"!props.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst ?? false\"\n    [autoClear]=\"descriptor.autocompleteAutoClear ?? false\"\n    [openOnFocus]=\"descriptor.autocompleteAutoClear ?? true\"\n    [inlineSearch]=\"descriptor.inlineSearch ?? false\"\n    [allowInput]=\"descriptor.allowInput ?? false\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\">\n</mng-autocomplete>\n", dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "optionsTrackProperty", "optionsValueProperty", "optionsLabelProperty", "optionsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName", "showClear", "autoClear", "selectFirst", "allowInput", "searchTrim", "disabled", "templates"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-formly-field-autocomplete', imports: [AutocompleteComponent, ReactiveFormsModule, TranslatePipe, FormlyAttributes], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-autocomplete\n    [id]=\"descriptor.property\"\n    [formControl]=\"$any(formControl)\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\"\n    [showClear]=\"!props.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst ?? false\"\n    [autoClear]=\"descriptor.autocompleteAutoClear ?? false\"\n    [openOnFocus]=\"descriptor.autocompleteAutoClear ?? true\"\n    [inlineSearch]=\"descriptor.inlineSearch ?? false\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\">\n</mng-autocomplete>\n" }]
+            args: [{ selector: 'mng-formly-field-autocomplete', imports: [AutocompleteComponent, ReactiveFormsModule, TranslatePipe, FormlyAttributes], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-autocomplete\n    [id]=\"descriptor.property\"\n    [formControl]=\"$any(formControl)\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\"\n    [showClear]=\"!props.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst ?? false\"\n    [autoClear]=\"descriptor.autocompleteAutoClear ?? false\"\n    [openOnFocus]=\"descriptor.autocompleteAutoClear ?? true\"\n    [inlineSearch]=\"descriptor.inlineSearch ?? false\"\n    [allowInput]=\"descriptor.allowInput ?? false\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\">\n</mng-autocomplete>\n" }]
         }] });
 
 class FormlyFieldCustomComponent extends ACommonsFormlyFieldType {
@@ -3855,11 +3875,11 @@ class FormlyFieldDropdownComponent extends ACommonsFormlyFieldType {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: FormlyFieldDropdownComponent, isStandalone: true, selector: "mng-formly-field-dropdown", usesInheritance: true, ngImport: i0, template: "<mng-dropdown\n    [id]=\"descriptor.property\"\n    [formControl]=\"$any(formControl)\"\n    [formlyAttributes]=\"field\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsLabelTranslate]=\"descriptor.optionsLabelTranslate\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [optionsDisabledProperty]=\"descriptor.optionsDisabledProperty\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [allowInput]=\"descriptor.dropdownAllowInput ?? false\"\n    [inlineSearch]=\"descriptor.inlineSearch ?? false\"\n    [showClear]=\"!props.required\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\" />\n", dependencies: [{ kind: "component", type: DropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "options", "optionsTrackProperty", "optionsLabelProperty", "optionsLabelTranslate", "optionsValueProperty", "optionsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur", "loading", "disabled", "allowInput", "appendTo", "templates", "inlineSearch", "searchTrim"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: FormlyFieldDropdownComponent, isStandalone: true, selector: "mng-formly-field-dropdown", usesInheritance: true, ngImport: i0, template: "<mng-dropdown\n    [id]=\"descriptor.property\"\n    [formControl]=\"$any(formControl)\"\n    [formlyAttributes]=\"field\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsLabelTranslate]=\"descriptor.optionsLabelTranslate\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [optionsDisabledProperty]=\"descriptor.optionsDisabledProperty\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [allowInput]=\"descriptor.allowInput ?? false\"\n    [inlineSearch]=\"descriptor.inlineSearch ?? false\"\n    [showClear]=\"!props.required\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\" />\n", dependencies: [{ kind: "component", type: DropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "options", "optionsTrackProperty", "optionsLabelProperty", "optionsLabelTranslate", "optionsValueProperty", "optionsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur", "loading", "disabled", "allowInput", "appendTo", "templates", "inlineSearch", "searchTrim"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormlyFieldDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-formly-field-dropdown', imports: [DropdownComponent, ReactiveFormsModule, TranslatePipe, FormlyAttributes], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-dropdown\n    [id]=\"descriptor.property\"\n    [formControl]=\"$any(formControl)\"\n    [formlyAttributes]=\"field\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsLabelTranslate]=\"descriptor.optionsLabelTranslate\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [optionsDisabledProperty]=\"descriptor.optionsDisabledProperty\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [allowInput]=\"descriptor.dropdownAllowInput ?? false\"\n    [inlineSearch]=\"descriptor.inlineSearch ?? false\"\n    [showClear]=\"!props.required\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\" />\n" }]
+            args: [{ selector: 'mng-formly-field-dropdown', imports: [DropdownComponent, ReactiveFormsModule, TranslatePipe, FormlyAttributes], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-dropdown\n    [id]=\"descriptor.property\"\n    [formControl]=\"$any(formControl)\"\n    [formlyAttributes]=\"field\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsLabelTranslate]=\"descriptor.optionsLabelTranslate\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [optionsDisabledProperty]=\"descriptor.optionsDisabledProperty\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [allowInput]=\"descriptor.allowInput ?? false\"\n    [inlineSearch]=\"descriptor.inlineSearch ?? false\"\n    [showClear]=\"!props.required\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\" />\n" }]
         }] });
 
 function getEditorFieldLabel(descriptor, editorDescriptor) {
@@ -4300,7 +4320,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", "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 }); }
+    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", "filterChange", "searchChange", "sortChange"] }, { 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,
@@ -4346,7 +4366,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
                 parentProperty: this.descriptor.property
             })
                 .withPosition(ActionPositionEnum.RowClick)
-                .withDialogSize(StyleSizeEnum.Small)
+                .withDialogConfig({ size: StyleSizeEnum.Small })
                 .withFetchFunction(ctx => {
                 this.formControl.markAsTouched();
                 return of(ctx.parameters.item || {});
@@ -4360,7 +4380,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
                 parentProperty: this.descriptor.property
             })
                 .withPosition(ActionPositionEnum.ToolbarRight)
-                .withDialogSize(StyleSizeEnum.Small)
+                .withDialogConfig({ size: StyleSizeEnum.Small })
                 .withFetchFunction(ctx => {
                 setTimeout(this.formControl.markAsTouched, 0);
                 return of(ctx.parameters.item || {});
@@ -4396,7 +4416,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
                 parentProperty: this.descriptor.property
             })
                 .withPosition(ActionPositionEnum.RowInline)
-                .withDialogSize(StyleSizeEnum.Small)
+                .withDialogConfig({ size: StyleSizeEnum.Small })
                 .withFetchFunction(ctx => {
                 this.formControl.markAsTouched();
                 return of(ctx.parameters.item || {});
@@ -4679,6 +4699,7 @@ class FormlyFieldTableDialogMultiselectComponent extends ACommonsFormlyFieldType
         this.formControl.markAsDirty();
         this.formControl.markAsTouched();
         this.dialogSelectedAddItems = [];
+        this.addItems.set({ data: [], totalCount: 0 });
         this.dialogAreItemsLoaded = false;
         this.hideDialog();
     }
@@ -4717,7 +4738,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", "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 }); }
+    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", "filterChange", "searchChange", "sortChange"] }, { 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,