@mediusinc/mng-commons 6.0.0-rc.4 → 6.0.0-rc.6

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

@@ -1,73 +1,49 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, signal, inject, Injector, input, booleanAttribute, output, viewChild, computed, effect, Component, ChangeDetectionStrategy, DestroyRef, ElementRef, model, untracked, afterNextRender, HostListener, contentChildren, viewChildren, QueryList, ChangeDetectorRef, Directive, Pipe, LOCALE_ID, HostBinding, ViewChild } from '@angular/core';
+import { InjectionToken, Injectable, signal, inject, Injector, input, booleanAttribute, output, viewChild, computed, Component, ChangeDetectionStrategy, ViewEncapsulation, DestroyRef, ElementRef, model, effect, untracked, afterNextRender, HostListener, contentChildren, viewChildren, QueryList, ChangeDetectorRef, Directive, Pipe, LOCALE_ID, HostBinding, ViewChild } from '@angular/core';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable as toObservable$1 } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/router';
-import { NavigationEnd, Router, ActivatedRoute, NavigationStart, NavigationCancel, NavigationError, NavigationSkipped, RouterOutlet } from '@angular/router';
-import * as i3$1 from '@ngx-translate/core';
+import { NavigationEnd, Router, ActivatedRoute, RouterLink, NavigationStart, NavigationCancel, NavigationError, NavigationSkipped, RouterOutlet } from '@angular/router';
+import * as i1$1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import * as i5 from 'primeng/button';
-import { ButtonModule } from 'primeng/button';
-import * as i6 from 'primeng/menu';
-import { Menu, MenuModule } from 'primeng/menu';
-import * as i2$1 from 'primeng/ripple';
-import { RippleModule } from 'primeng/ripple';
-import * as i4 from 'primeng/splitbutton';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import * as i3 from 'primeng/tooltip';
-import { TooltipModule } from 'primeng/tooltip';
+import { ButtonDirective, Button } from 'primeng/button';
+import { Menu } from 'primeng/menu';
+import { Tooltip } from 'primeng/tooltip';
 import { ReplaySubject, BehaviorSubject, distinctUntilChanged, Subject, take, of, switchMap, mergeMap as mergeMap$1, from, timeout, combineLatest, debounceTime, delay, tap, combineLatestWith, NEVER, isObservable, throwError, filter as filter$1 } from 'rxjs';
-import { getI18n, getI18nAsync, LoggerService, toastMessage, getI18nForError, getI18nErrorParams, CommonsService, ParametrizePipe, escapeHtmlAny, StyleLevelEnum, toObservable, CommonsInternalError, StyleSizeEnum, CommonsHttpError, PermissionService, Permissions, ComponentDirective, CommonsStorageService, objectDeepCopy, effectWithDeps, Styles, TemplateDirective, findTemplateByName, getI18nTypePropertyKey, getI18nTypeGroupKey, getI18nTypeTabKey, fromSubscribeError, getErrorLogLevel, getObjectPropertyByPath, FilterMatchMode, COMMONS_MODULE_CONFIG_IT, dateToIsoString, RouteBuilder, createLazyRoute, CommonsFeatureTypeEnum } from '@mediusinc/mng-commons/core';
+import { getI18n, getI18nAsync, LoggerService, toastMessage, getI18nForError, getI18nErrorParams, CommonsService, ParametrizePipe, escapeHtmlAny, StyleLevelEnum, toObservable, CommonsInternalError, StyleSizeEnum, CommonsHttpError, PermissionService, effectWithDeps, Permissions, ComponentDirective, CommonsStorageService, objectDeepCopy, Styles, TemplateDirective, findTemplateByName, getI18nTypePropertyKey, getI18nTypeGroupKey, getI18nTypeTabKey, fromSubscribeError, getErrorLogLevel, getObjectPropertyByPath, FilterMatchMode, COMMONS_MODULE_CONFIG_IT, dateToIsoString, RouteBuilder, createLazyRoute, CommonsFeatureTypeEnum } from '@mediusinc/mng-commons/core';
 import { ButtonStyleBuilder, LookupDataProviderInst, lookupDataProvider } from '@mediusinc/mng-commons/form/api';
-import { ActionEditorDescriptorInst, ActionInstanceStateEnum, ActionActivationTriggerEnum, ActionTypeEnum, DataProviderExecutor, TableviewActionDefaultCategories, CommonsActionError, ActionLinkDescriptorInst, TableviewEditorTypeEnum, TableviewDescriptorInst, FieldInputDescriptor, FieldInputTypeEnum, FieldActionDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldLookupDescriptor, FieldManyToManyEditorDescriptor, FieldManyEditorDescriptor, FieldValidationDescriptor, FormEventTypeEnum, FormFieldEventComponentSubtype, ActionEditorSubmitTypeEnum, ActionEditorSubmitDescriptorInst, ActionPositionEnum, runFnFromDataProviderOrFallback, runGetAllFromDataProvider, runFetchFromDataProvider, runCreateFromDataProvider, runUpdateFromDataProvider, runDeleteFromDataProvider, FormFieldEventTypeEnum, AFieldDescriptor, AFieldGroupDescriptor, FieldGroupTypeEnum, FormFieldEventDialogSubtype, FieldManyEditorActionEnum, actionEditor, actionEditorCancel, action, FieldManyToManyEditorActionEnum, EditorDescriptorNestedObjectWrapper, fieldLookupGetProviderCfgObj, DATA_LANGUAGE_DROPDOWN_COMPONENT_IT } from '@mediusinc/mng-commons/tableview/api';
+import { ActionEditorDescriptorInst, ActionInstanceStateEnum, ActionActivationTriggerEnum, ActionTypeEnum, DataProviderExecutor, TableviewActionDefaultCategories, CommonsActionError, ActionLinkDescriptorInst, TableviewEditorTypeEnum, TableviewDescriptorInst, FieldInputDescriptor, FieldInputTypeEnum, FieldActionDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldLookupDescriptor, FieldManyToManyEditorDescriptor, FieldManyEditorDescriptor, FieldValidationDescriptor, FormEventTypeEnum, FormFieldEventComponentSubtype, ActionEditorSubmitTypeEnum, ActionEditorSubmitDescriptorInst, ActionPositionEnum, runFnFromDataProviderOrFallback, runGetAllFromDataProvider, runFetchFromDataProvider, runCreateFromDataProvider, runUpdateFromDataProvider, runDeleteFromDataProvider, FormFieldEventTypeEnum, AFieldDescriptor, AFieldGroupDescriptor, FieldGroupTypeEnum, FormFieldEventDialogSubtype, FieldManyEditorActionEnum, actionEditor, actionEditorCancel, action, FieldManyToManyEditorActionEnum, fieldDescriptorEmptyLabelType, EditorDescriptorNestedObjectWrapper, fieldLookupGetProviderCfgObj, DATA_LANGUAGE_DROPDOWN_COMPONENT_IT } from '@mediusinc/mng-commons/tableview/api';
 import { mergeMap, map, filter, startWith, catchError, first, take as take$1 } from 'rxjs/operators';
 import { getI18nModelParams, getI18nModelParamsAsync } from '@mediusinc/mng-commons/model';
 import { HttpErrorResponse } from '@angular/common/http';
-import * as i2$3 from 'primeng/api';
-import { MessageService, ConfirmationService, SharedModule } from 'primeng/api';
+import { MessageService, ConfirmationService } from 'primeng/api';
 import { DialogService, DynamicDialogConfig } from 'primeng/dynamicdialog';
 import * as i2 from '@angular/common';
 import { DatePipe, NgTemplateOutlet, NgClass } from '@angular/common';
-import * as i1$2 from 'primeng/progressspinner';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-import * as i2$4 from 'primeng/toolbar';
-import { ToolbarModule } from 'primeng/toolbar';
+import { ProgressSpinner } from 'primeng/progressspinner';
+import { Toolbar } from 'primeng/toolbar';
 import { ZIndexUtils } from 'primeng/utils';
-import * as i1$1 from '@angular/forms';
+import * as i1$2 from '@angular/forms';
 import { Validators, UntypedFormGroup, FormGroup, FormArray, ReactiveFormsModule, FormsModule, FormBuilder, FormControl } from '@angular/forms';
-import * as i2$2 from '@ngx-formly/core';
+import * as i2$1 from '@ngx-formly/core';
 import { FormlyConfig, FormlyModule, FieldType, FieldWrapper, FORMLY_CONFIG } from '@ngx-formly/core';
-import * as i3$2 from 'primeng/messages';
-import { MessagesModule } from 'primeng/messages';
-import { DropdownComponent, AutocompleteComponent, InputTrimDirective } from '@mediusinc/mng-commons/form';
+import { Message } from 'primeng/message';
+import { DropdownComponent, AutocompleteComponent, InputTrimDirective, InputEmptyValueDirective } from '@mediusinc/mng-commons/form';
 import { TableComponent } from '@mediusinc/mng-commons/table';
 import { TableSizeEnum } from '@mediusinc/mng-commons/table/api';
-import * as i5$1 from 'primeng/message';
-import { MessageModule } from 'primeng/message';
-import * as i1$3 from 'primeng/fieldset';
-import { FieldsetModule } from 'primeng/fieldset';
-import * as i9 from 'primeng/fileupload';
-import { FileUploadModule } from 'primeng/fileupload';
-import { TimesIcon } from 'primeng/icons/times';
-import * as i11 from 'primeng/image';
-import { ImageModule } from 'primeng/image';
-import * as i8 from 'primeng/inputmask';
-import { InputMaskModule } from 'primeng/inputmask';
-import * as i1$4 from 'primeng/inputnumber';
-import { InputNumberModule } from 'primeng/inputnumber';
-import * as i6$1 from 'primeng/inputswitch';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import * as i13 from 'primeng/inputtext';
-import { InputTextModule } from 'primeng/inputtext';
-import * as i12 from 'primeng/inputtextarea';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import * as i7 from 'primeng/radiobutton';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import * as i7$1 from 'primeng/dialog';
-import { DialogModule } from 'primeng/dialog';
-import * as i1$5 from 'primeng/tabview';
-import { TabViewModule } from 'primeng/tabview';
-import * as i3$3 from 'primeng/calendar';
-import { CalendarModule } from 'primeng/calendar';
+import { Fieldset } from 'primeng/fieldset';
+import { FileUpload } from 'primeng/fileupload';
+import { Image } from 'primeng/image';
+import { InputGroup } from 'primeng/inputgroup';
+import { InputGroupAddon } from 'primeng/inputgroupaddon';
+import { InputMask } from 'primeng/inputmask';
+import { InputNumber } from 'primeng/inputnumber';
+import { InputText } from 'primeng/inputtext';
+import { RadioButton } from 'primeng/radiobutton';
+import { Textarea } from 'primeng/textarea';
+import { ToggleSwitch } from 'primeng/toggleswitch';
+import { Dialog } from 'primeng/dialog';
+import { Tabs, TabList, Tab, TabPanels, TabPanel } from 'primeng/tabs';
+import { DatePicker } from 'primeng/datepicker';
 
 /**
  * Asynchronously retrieves internationalized text for a specified action.
@@ -555,10 +531,10 @@ class NavigationService {
             this.router.navigateByUrl('/');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i1.Router }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NavigationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NavigationService, deps: [{ token: i1.Router }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NavigationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Router }, { type: i2.Location }] });
 
@@ -594,10 +570,10 @@ class ViewContainer {
     closeEditor(event) {
         this._editorCloseSubject.next(event ?? {});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ViewContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ViewContainer }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ViewContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ViewContainer }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ViewContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ViewContainer, decorators: [{
             type: Injectable
         }] });
 
@@ -647,7 +623,7 @@ class ActionExecutorService {
         if (isMainRunFn && ctx.instance.action.runConfirmation != null) {
             // only direct action can be configured with run confirmation
             // if editor, then run confirmation is mapped to submit action and ignored as editor run
-            const confirmationDescriptor = ctx.instance.action.runConfirmation;
+            const confirmationOpts = ctx.instance.action.runConfirmation;
             const item = ctx.parameters.item;
             const escapedItem = escapeHtmlAny(item);
             const getTranslationOrUndefined = (label, defLabel, fallback, escapeItem = false) => label !== null
@@ -657,25 +633,20 @@ class ActionExecutorService {
                     fallbackKey: fallback
                 }) ?? undefined)
                 : undefined;
-            const getButtonStyle = (style, def) => (style instanceof ButtonStyleBuilder ? style : ButtonStyleBuilder.from({ ...def, ...style } ?? def)).build();
+            const getButtonStyle = (style, def) => (style instanceof ButtonStyleBuilder ? style : ButtonStyleBuilder.from({ ...def, ...style })).build();
             let confirmParams = {
-                icon: confirmationDescriptor.icon !== null ? (confirmationDescriptor.icon ?? 'pi pi-exclamation-triangle') : undefined,
-                header: getTranslationOrUndefined(confirmationDescriptor.title, 'confirm.title', 'general.confirmation'),
-                message: getTranslationOrUndefined(confirmationDescriptor.title, 'confirm.message', 'general.confirmation'),
+                icon: confirmationOpts.icon !== null ? (confirmationOpts.icon ?? 'pi pi-exclamation-triangle') : undefined,
+                header: getTranslationOrUndefined(confirmationOpts.title, 'confirm.title', 'general.confirmation'),
+                message: getTranslationOrUndefined(confirmationOpts.message, 'confirm.message', 'general.confirmation'),
                 acceptVisible: true,
-                acceptLabel: getTranslationOrUndefined(confirmationDescriptor.title, 'confirm.accept', 'general.yes'),
-                acceptIcon: confirmationDescriptor.acceptButton?.icon !== null
-                    ? (confirmationDescriptor.acceptButton?.icon ?? ctx.instance.action.button?.icon ?? 'pi pi-check')
-                    : undefined,
-                acceptButtonStyleClass: getButtonStyle(confirmationDescriptor.acceptButton?.style, { level: ctx.instance.action.button?.style?.level }),
-                rejectVisible: !(confirmationDescriptor.rejectButton === false ||
-                    (confirmationDescriptor.rejectButton?.label === null && confirmationDescriptor.rejectButton?.icon === null)),
-                rejectLabel: getTranslationOrUndefined(confirmationDescriptor.title, 'confirm.reject', 'general.no'),
-                rejectIcon: confirmationDescriptor.rejectButton !== false && confirmationDescriptor.rejectButton?.icon !== null
-                    ? (confirmationDescriptor.rejectButton?.icon ?? 'pi pi-times')
-                    : undefined,
-                rejectButtonStyleClass: confirmationDescriptor.rejectButton !== false ? getButtonStyle(confirmationDescriptor.rejectButton?.style, { level: StyleLevelEnum.Secondary }) : undefined,
-                closeOnEscape: confirmationDescriptor.closeOnEscape,
+                acceptLabel: getTranslationOrUndefined(confirmationOpts.acceptButton?.label, 'confirm.accept', 'general.yes'),
+                acceptIcon: confirmationOpts.acceptButton?.icon !== null ? (confirmationOpts.acceptButton?.icon ?? ctx.instance.action.button?.icon ?? 'pi pi-check') : undefined,
+                acceptButtonStyleClass: getButtonStyle(confirmationOpts.acceptButton?.style, { level: ctx.instance.action.button?.style?.level }),
+                rejectVisible: !(confirmationOpts.rejectButton === false || (confirmationOpts.rejectButton?.label === null && confirmationOpts.rejectButton?.icon === null)),
+                rejectLabel: confirmationOpts.rejectButton !== false ? getTranslationOrUndefined(confirmationOpts.rejectButton?.label, 'confirm.reject', 'general.no') : undefined,
+                rejectIcon: confirmationOpts.rejectButton !== false && confirmationOpts.rejectButton?.icon !== null ? (confirmationOpts.rejectButton?.icon ?? 'pi pi-times') : undefined,
+                rejectButtonStyleClass: confirmationOpts.rejectButton !== false ? getButtonStyle(confirmationOpts.rejectButton?.style, { level: StyleLevelEnum.Secondary }) : undefined,
+                closeOnEscape: confirmationOpts.closeOnEscape,
                 accept: () => {
                     ctx.instance.state = ActionInstanceStateEnum.RunConfirmationEndAccept;
                     this.runWithoutConfirmation(ctx);
@@ -688,8 +659,8 @@ class ActionExecutorService {
                     }
                 }
             };
-            if (confirmationDescriptor.configMapFn) {
-                confirmParams = confirmationDescriptor.configMapFn(ctx, confirmParams);
+            if (confirmationOpts.configMapFn) {
+                confirmParams = confirmationOpts.configMapFn(ctx, confirmParams);
             }
             ctx.confirmation = confirmParams;
             ctx.instance.state = ActionInstanceStateEnum.RunConfirmationStart;
@@ -1012,7 +983,8 @@ class ActionExecutorService {
             let dialogComponent = this.defaultEditorDialogComponent;
             const dialogClassNames = ['mng-dialog'];
             const dialogConfig = {
-                duplicate: true
+                duplicate: true,
+                closable: true
             };
             if (action instanceof ActionEditorDescriptorInst) {
                 dialogClassNames.push(action.dialogClassName ?? 'mng-action-editor-dialog');
@@ -1050,6 +1022,10 @@ class ActionExecutorService {
                 dialogConfig.closable = false;
                 dialogConfig.closeOnEscape = false;
             }
+            // commons has its own focus trap
+            // there is also a bug in primeng: https://github.com/primefaces/primeng/issues/17479
+            dialogConfig.focusOnShow = false;
+            dialogConfig.modal = true;
             const dialogRef = this.dialogService.open(dialogComponent, dialogConfig);
             dialogRef.onClose.pipe(take(1)).subscribe(() => {
                 // to close dialog on 'X' click or esc button
@@ -1365,10 +1341,10 @@ class RootActionExecutorService extends ActionExecutorService {
     get instances() {
         return this._instances;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: RootActionExecutorService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: RootActionExecutorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RootActionExecutorService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RootActionExecutorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: RootActionExecutorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: RootActionExecutorService, decorators: [{
             type: Injectable
         }] });
 
@@ -1380,10 +1356,10 @@ class ComponentActionExecutorService extends ActionExecutorService {
     get instances() {
         return this.rootActionExecutorService.instances;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ComponentActionExecutorService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ComponentActionExecutorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ComponentActionExecutorService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ComponentActionExecutorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ComponentActionExecutorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ComponentActionExecutorService, decorators: [{
             type: Injectable
         }] });
 
@@ -1395,6 +1371,7 @@ function provideActionExecutor() {
 }
 
 class ActionComponent {
+    #actionProcessingParams;
     constructor() {
         this.routeService = inject(ActivatedRoute);
         this.translate = inject(TranslateService);
@@ -1447,7 +1424,16 @@ class ActionComponent {
         });
         this.subactions = signal([]);
         this.subactionSubscriptions = [];
-        effect(() => this.processSubscriptions(), { allowSignalWrites: true });
+        this.#actionProcessingParams = computed(() => ({
+            itemId: this.itemId(),
+            item: this.item(),
+            selectedItems: this.selectedItems(),
+            actionData: this.actionData(),
+            dataListParams: this.dataListParams(),
+            routePermissions: this.routePermissions(),
+            hostComponent: this.hostComponent()
+        }));
+        effectWithDeps([this.action, this.dataProvider, this.route, this.hasNoTitle, this.#actionProcessingParams], ([action, dataProvider, route, hasNoTitle, processingParams]) => this.processSubscriptions(action, dataProvider, route, hasNoTitle, processingParams));
     }
     ngOnDestroy() {
         this.actionExecutor.onActionDestroy(this.instance);
@@ -1539,29 +1525,29 @@ class ActionComponent {
         this.cmpInstSubscription?.unsubscribe();
         this.cmpInstSubscription = instance.trigger.subscribe(params => this.triggerAction(this.action(), params));
     }
-    processSubscriptions() {
+    processSubscriptions(action, dataProvider, route, hasNoTitle, params) {
         const parameters = {
-            itemId: this.itemId(),
-            item: this.item(),
-            actionData: this.actionData(),
+            itemId: params?.itemId,
+            item: params?.item,
+            actionData: params?.actionData,
             sourceComponent: this
         };
-        const action = this.action();
         if (action.hasItemsSelection) {
-            parameters.selectedItems = this.selectedItems();
+            parameters.selectedItems = params?.selectedItems;
         }
-        const context = this.actionExecutor.prepareActionContextValidation(action, parameters, this.dataProvider());
+        const context = this.actionExecutor.prepareActionContextValidation(action, parameters, dataProvider);
         if (typeof action.isVisibleFunction === 'function') {
             this.isVisibleSubscription?.unsubscribe();
             this.isVisibleSubscription = toObservable(action.isVisibleFunction(context)).subscribe({
                 next: res => this.isVisible.set(res)
             });
         }
-        const routePermissions = this.routePermissions();
-        if (typeof action.permissions !== 'undefined' || typeof routePermissions !== 'undefined') {
+        if (typeof action.permissions !== 'undefined' || typeof params?.routePermissions !== 'undefined') {
             this.isPermittedSubscription?.unsubscribe();
-            const permissions = action.permissions && routePermissions ? Permissions.All.of(routePermissions, action.permissions) : (routePermissions ?? action.permissions);
-            this.isVisibleSubscription = this.authorization.isActionVisible(permissions, context, this.route().snapshot).subscribe({
+            const permissions = action.permissions && params?.routePermissions
+                ? Permissions.All.of(params.routePermissions, action.permissions)
+                : (params?.routePermissions ?? action.permissions);
+            this.isVisibleSubscription = this.authorization.isActionVisible(permissions, context, route.snapshot).subscribe({
                 next: res => this.isPermitted.set(res)
             });
         }
@@ -1571,9 +1557,9 @@ class ActionComponent {
                 next: res => this.isEnabled.set(res)
             });
         }
-        if (!this.hasNoTitle()) {
+        if (!hasNoTitle) {
             this.labelSubscription?.unsubscribe();
-            this.labelSubscription = getI18nForActionAsync(this.translate, action, 'title', { customKey: action.button?.label ?? undefined, item: this.item() }).subscribe({
+            this.labelSubscription = getI18nForActionAsync(this.translate, action, 'title', { customKey: action.button?.label ?? undefined, item: params?.item }).subscribe({
                 next: i18n => this.label.set(i18n ?? '')
             });
         }
@@ -1581,7 +1567,7 @@ class ActionComponent {
         if (action.button?.tooltip !== null && (action.button?.tooltip ?? true)) {
             this.tooltipSubscription = getI18nForActionAsync(this.translate, action, 'tooltip', {
                 customKey: action.button?.tooltip,
-                item: this.item(),
+                item: params?.item,
                 missingTranslationStrategy: 'returnNull'
             }).subscribe({
                 next: i18n => {
@@ -1589,31 +1575,30 @@ class ActionComponent {
                 }
             });
         }
-        this.subactions.set(this.processSubactions());
+        this.subactions.set(this.processSubactions(action, dataProvider, route, params));
     }
-    processSubactions() {
+    processSubactions(action, dataProvider, route, params) {
         this.subactionSubscriptions.forEach(s => s.unsubscribe());
         this.subactionSubscriptions = [];
-        const menuItems = [];
-        for (const subaction of this.action().subactions) {
+        return action.subactions.map(subaction => {
             const menuItem = {};
             menuItem.icon = subaction.button?.icon ?? undefined;
-            this.subactionSubscriptions.push(getI18nForActionAsync(this.translate, subaction, 'title', { customKey: subaction.button?.label ?? undefined, item: this.item() }).subscribe({
+            this.subactionSubscriptions.push(getI18nForActionAsync(this.translate, subaction, 'title', { customKey: subaction.button?.label ?? undefined, item: params?.item }).subscribe({
                 next: res => (menuItem.label = res ?? undefined)
             }));
-            this.subactionSubscriptions.push(getI18nForActionAsync(this.translate, subaction, 'tooltip', { customKey: subaction.button?.tooltip ?? undefined, item: this.item() }).subscribe({
+            this.subactionSubscriptions.push(getI18nForActionAsync(this.translate, subaction, 'tooltip', { customKey: subaction.button?.tooltip ?? undefined, item: params?.item }).subscribe({
                 next: res => (menuItem.tooltip = res ?? undefined)
             }));
             const parameters = {
-                itemId: this.itemId(),
-                item: this.item(),
-                actionData: this.actionData(),
+                itemId: params?.itemId,
+                item: params?.item,
+                actionData: params?.actionData,
                 sourceComponent: this
             };
             if (subaction.hasItemsSelection) {
-                parameters.selectedItems = this.selectedItems();
+                parameters.selectedItems = params?.selectedItems;
             }
-            const context = this.actionExecutor.prepareActionContextValidation(subaction, parameters, this.dataProvider());
+            const context = this.actionExecutor.prepareActionContextValidation(subaction, parameters, dataProvider);
             if (typeof subaction.isEnabledFunction === 'function') {
                 this.subactionSubscriptions.push(toObservable(subaction.isEnabledFunction(context)).subscribe({
                     next: res => (menuItem.disabled = !res)
@@ -1624,28 +1609,27 @@ class ActionComponent {
                 visibilityObservables.push(toObservable(subaction.isVisibleFunction(context)));
             }
             if (typeof subaction.permissions !== 'undefined') {
-                visibilityObservables.push(this.authorization.isActionVisible(subaction.permissions, context, this.route().snapshot));
+                visibilityObservables.push(this.authorization.isActionVisible(subaction.permissions, context, route.snapshot));
             }
             const routeData = this.route().snapshot.data;
             if (subaction.tableviewCategory && routeData.tableviewPermissions && routeData.tableviewPermissions[subaction.tableviewCategory]) {
                 const routePermissions = routeData.tableviewPermissions[subaction.tableviewCategory];
-                visibilityObservables.push(this.authorization.isActionVisible(routePermissions, context, this.route().snapshot));
+                visibilityObservables.push(this.authorization.isActionVisible(routePermissions, context, route.snapshot));
             }
             this.subactionSubscriptions.push(combineLatest(visibilityObservables).subscribe(visibilities => {
                 menuItem.visible = visibilities.every(value => value);
             }));
             menuItem.command = () => this.triggerAction(subaction);
-            menuItems.push(menuItem);
-        }
-        return menuItems;
+            return menuItem;
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: ActionComponent, isStandalone: true, selector: "mng-action", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, actionData: { classPropertyName: "actionData", publicName: "actionData", isSignal: true, isRequired: false, transformFunction: null }, dataListParams: { classPropertyName: "dataListParams", publicName: "dataListParams", isSignal: true, isRequired: false, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, hostComponent: { classPropertyName: "hostComponent", publicName: "hostComponent", isSignal: true, isRequired: false, transformFunction: null }, routeInit: { classPropertyName: "routeInit", publicName: "route", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputLoading: { classPropertyName: "inputLoading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { finish: "finish" }, host: { properties: { "class": "hostClass()", "class.m-0": "isHostHidden()" } }, providers: [provideActionExecutor()], viewQueries: [{ propertyName: "subactionsMenu", first: true, predicate: Menu, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isVisible() && isPermitted()) {\n    @if (actionLink(); as actionLink) {\n        @if (actionLink.url !== '') {\n            <a\n                pButton\n                pRipple\n                [label]=\"label()\"\n                [icon]=\"$any(action().button?.icon)\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [href]=\"!isEnabled() || inputDisabled() ? null : (actionLink.url | mngParametrize: itemId() : item() : actionData())\"\n                [target]=\"actionLink.target\"\n                [class.disabled]=\"!isEnabled() || inputDisabled()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [class]=\"buttonClass()\"></a>\n        } @else {\n            <a\n                pButton\n                pRipple\n                [icon]=\"$any(action().button?.icon)\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [label]=\"label()\"\n                [target]=\"actionLink.target\"\n                [replaceUrl]=\"actionLink.replaceUrl\"\n                [routerLink]=\"!isEnabled() || inputDisabled() ? null : (actionLink.pathSegments | mngParametrize: itemId() : item() : actionData())\"\n                [relativeTo]=\"route()\"\n                [queryParams]=\"actionLink.queryParams | mngParametrize: itemId() : item() : actionData()\"\n                [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n                [class.disabled]=\"!isEnabled() || inputDisabled()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [class]=\"buttonClass()\"></a>\n        }\n    } @else if (action().component || action().componentFromDi) {\n        <ng-container\n            [mngComponent]=\"action().component\"\n            [injectionToken]=\"action().componentFromDi\"\n            [inputs]=\"{\n                action: action(),\n                item: item(),\n                itemId: itemId(),\n                actionData: actionData(),\n                enabled: isEnabled(),\n                loading: loading()\n            }\"\n            (instanceCreated)=\"onCustomActionCmpInst($event)\">\n        </ng-container>\n    } @else if (action().subactions.length > 0 && !action().subactionsAsMenu) {\n        <p-splitButton\n            [icon]=\"action().button?.icon ?? undefined\"\n            [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n            [disabled]=\"!isEnabled() || inputDisabled()\"\n            (onClick)=\"triggerAction(action())\"\n            [class]=\"buttonClass()\"\n            [model]=\"subactions()\">\n        </p-splitButton>\n    } @else {\n        <button\n            pButton\n            pRipple\n            type=\"button\"\n            [icon]=\"$any(action().button?.icon)\"\n            [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n            [loading]=\"loading() || inputLoading()\"\n            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"!isEnabled() || inputDisabled()\"\n            (click)=\"triggerAction(action(), undefined, $event)\"\n            [class]=\"buttonClass()\"></button>\n        <p-menu #subactionsMenu [model]=\"subactions()\" [popup]=\"true\" appendTo=\"body\" styleClass=\"mng-action-menu\"></p-menu>\n    }\n}\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$1.Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: ParametrizePipe, name: "mngParametrize" }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i4.SplitButton, selector: "p-splitButton", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "style", "styleClass", "menuStyle", "menuStyleClass", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i6.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: ActionComponent, isStandalone: true, selector: "mng-action", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, actionData: { classPropertyName: "actionData", publicName: "actionData", isSignal: true, isRequired: false, transformFunction: null }, dataListParams: { classPropertyName: "dataListParams", publicName: "dataListParams", isSignal: true, isRequired: false, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, hostComponent: { classPropertyName: "hostComponent", publicName: "hostComponent", isSignal: true, isRequired: false, transformFunction: null }, routeInit: { classPropertyName: "routeInit", publicName: "route", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputLoading: { classPropertyName: "inputLoading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { finish: "finish" }, host: { properties: { "class": "hostClass()", "class.m-0": "isHostHidden()" } }, providers: [provideActionExecutor()], viewQueries: [{ propertyName: "subactionsMenu", first: true, predicate: Menu, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isVisible() && isPermitted()) {\n    @if (actionLink(); as actionLink) {\n        @if (actionLink.url !== '') {\n            <a\n                pButton\n                [label]=\"label()\"\n                [icon]=\"$any(action().button?.icon)\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [href]=\"!isEnabled() || inputDisabled() ? null : (actionLink.url | mngParametrize: itemId() : item() : actionData())\"\n                [target]=\"actionLink.target\"\n                [class.disabled]=\"!isEnabled() || inputDisabled()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [class]=\"buttonClass()\"></a>\n        } @else {\n            <a\n                pButton\n                [icon]=\"$any(action().button?.icon)\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [label]=\"label()\"\n                [target]=\"actionLink.target\"\n                [replaceUrl]=\"actionLink.replaceUrl\"\n                [routerLink]=\"!isEnabled() || inputDisabled() ? null : (actionLink.pathSegments | mngParametrize: itemId() : item() : actionData())\"\n                [relativeTo]=\"route()\"\n                [queryParams]=\"actionLink.queryParams | mngParametrize: itemId() : item() : actionData()\"\n                [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n                [class.disabled]=\"!isEnabled() || inputDisabled()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [class]=\"buttonClass()\"></a>\n        }\n    } @else if (action().component || action().componentFromDi) {\n        <ng-container\n            [mngComponent]=\"action().component\"\n            [injectionToken]=\"action().componentFromDi\"\n            [inputs]=\"{\n                action: action(),\n                item: item(),\n                itemId: itemId(),\n                actionData: actionData(),\n                enabled: isEnabled(),\n                loading: loading()\n            }\"\n            (instanceCreated)=\"onCustomActionCmpInst($event)\">\n        </ng-container>\n    } @else if (action().subactions.length > 0 && !action().subactionsAsMenu) {\n        @defer (on idle) {\n            <p-splitButton\n                [icon]=\"action().button?.icon ?? undefined\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [label]=\"label()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [disabled]=\"!isEnabled() || inputDisabled()\"\n                (onClick)=\"triggerAction(action())\"\n                [class]=\"buttonClass()\"\n                [model]=\"subactions()\" />\n        }\n    } @else {\n        <button\n            pButton\n            type=\"button\"\n            [icon]=\"$any(action().button?.icon)\"\n            [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n            [loading]=\"loading() || inputLoading()\"\n            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"!isEnabled() || inputDisabled()\"\n            (click)=\"triggerAction(action(), undefined, $event)\"\n            [class]=\"buttonClass()\"></button>\n        @defer (on idle) {\n            <p-menu #subactionsMenu [model]=\"subactions()\" [popup]=\"true\" appendTo=\"body\" styleClass=\"mng-action-menu\"></p-menu>\n        }\n    }\n}\n", styles: ["mng-action{margin:var(--mng-action-margin-y, .15rem) var(--mng-action-margin-y, .15rem)}mng-action a.disabled{opacity:var(--mng-action-anchor-disabled-opacity, .6);cursor:default}\n"], dependencies: [{ kind: "pipe", type: ParametrizePipe, name: "mngParametrize" }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [Tooltip, import('primeng/splitbutton').then(m => m.SplitButton)], () => [Menu]] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonModule, RippleModule, TooltipModule, ParametrizePipe, ComponentDirective, SplitButtonModule, MenuModule], providers: [provideActionExecutor()], host: { '[class]': 'hostClass()', '[class.m-0]': 'isHostHidden()' }, template: "@if (isVisible() && isPermitted()) {\n    @if (actionLink(); as actionLink) {\n        @if (actionLink.url !== '') {\n            <a\n                pButton\n                pRipple\n                [label]=\"label()\"\n                [icon]=\"$any(action().button?.icon)\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [href]=\"!isEnabled() || inputDisabled() ? null : (actionLink.url | mngParametrize: itemId() : item() : actionData())\"\n                [target]=\"actionLink.target\"\n                [class.disabled]=\"!isEnabled() || inputDisabled()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [class]=\"buttonClass()\"></a>\n        } @else {\n            <a\n                pButton\n                pRipple\n                [icon]=\"$any(action().button?.icon)\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [label]=\"label()\"\n                [target]=\"actionLink.target\"\n                [replaceUrl]=\"actionLink.replaceUrl\"\n                [routerLink]=\"!isEnabled() || inputDisabled() ? null : (actionLink.pathSegments | mngParametrize: itemId() : item() : actionData())\"\n                [relativeTo]=\"route()\"\n                [queryParams]=\"actionLink.queryParams | mngParametrize: itemId() : item() : actionData()\"\n                [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n                [class.disabled]=\"!isEnabled() || inputDisabled()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [class]=\"buttonClass()\"></a>\n        }\n    } @else if (action().component || action().componentFromDi) {\n        <ng-container\n            [mngComponent]=\"action().component\"\n            [injectionToken]=\"action().componentFromDi\"\n            [inputs]=\"{\n                action: action(),\n                item: item(),\n                itemId: itemId(),\n                actionData: actionData(),\n                enabled: isEnabled(),\n                loading: loading()\n            }\"\n            (instanceCreated)=\"onCustomActionCmpInst($event)\">\n        </ng-container>\n    } @else if (action().subactions.length > 0 && !action().subactionsAsMenu) {\n        <p-splitButton\n            [icon]=\"action().button?.icon ?? undefined\"\n            [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n            [disabled]=\"!isEnabled() || inputDisabled()\"\n            (onClick)=\"triggerAction(action())\"\n            [class]=\"buttonClass()\"\n            [model]=\"subactions()\">\n        </p-splitButton>\n    } @else {\n        <button\n            pButton\n            pRipple\n            type=\"button\"\n            [icon]=\"$any(action().button?.icon)\"\n            [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n            [loading]=\"loading() || inputLoading()\"\n            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"!isEnabled() || inputDisabled()\"\n            (click)=\"triggerAction(action(), undefined, $event)\"\n            [class]=\"buttonClass()\"></button>\n        <p-menu #subactionsMenu [model]=\"subactions()\" [popup]=\"true\" appendTo=\"body\" styleClass=\"mng-action-menu\"></p-menu>\n    }\n}\n", styles: [":host{display:inline-block}\n"] }]
-        }], ctorParameters: () => [] });
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.0.7", ngImport: i0, type: ActionComponent, resolveDeferredDeps: () => [import('primeng/splitbutton').then(m => m.SplitButton)], resolveMetadata: SplitButton => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ParametrizePipe, ComponentDirective, RouterLink, ButtonDirective, Tooltip, SplitButton, Menu], providers: [provideActionExecutor()], host: { '[class]': 'hostClass()', '[class.m-0]': 'isHostHidden()' }, encapsulation: ViewEncapsulation.None, template: "@if (isVisible() && isPermitted()) {\n    @if (actionLink(); as actionLink) {\n        @if (actionLink.url !== '') {\n            <a\n                pButton\n                [label]=\"label()\"\n                [icon]=\"$any(action().button?.icon)\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [href]=\"!isEnabled() || inputDisabled() ? null : (actionLink.url | mngParametrize: itemId() : item() : actionData())\"\n                [target]=\"actionLink.target\"\n                [class.disabled]=\"!isEnabled() || inputDisabled()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [class]=\"buttonClass()\"></a>\n        } @else {\n            <a\n                pButton\n                [icon]=\"$any(action().button?.icon)\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [label]=\"label()\"\n                [target]=\"actionLink.target\"\n                [replaceUrl]=\"actionLink.replaceUrl\"\n                [routerLink]=\"!isEnabled() || inputDisabled() ? null : (actionLink.pathSegments | mngParametrize: itemId() : item() : actionData())\"\n                [relativeTo]=\"route()\"\n                [queryParams]=\"actionLink.queryParams | mngParametrize: itemId() : item() : actionData()\"\n                [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n                [class.disabled]=\"!isEnabled() || inputDisabled()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [class]=\"buttonClass()\"></a>\n        }\n    } @else if (action().component || action().componentFromDi) {\n        <ng-container\n            [mngComponent]=\"action().component\"\n            [injectionToken]=\"action().componentFromDi\"\n            [inputs]=\"{\n                action: action(),\n                item: item(),\n                itemId: itemId(),\n                actionData: actionData(),\n                enabled: isEnabled(),\n                loading: loading()\n            }\"\n            (instanceCreated)=\"onCustomActionCmpInst($event)\">\n        </ng-container>\n    } @else if (action().subactions.length > 0 && !action().subactionsAsMenu) {\n        @defer (on idle) {\n            <p-splitButton\n                [icon]=\"action().button?.icon ?? undefined\"\n                [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n                [label]=\"label()\"\n                [pTooltip]=\"tooltip()\"\n                [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n                [disabled]=\"!isEnabled() || inputDisabled()\"\n                (onClick)=\"triggerAction(action())\"\n                [class]=\"buttonClass()\"\n                [model]=\"subactions()\" />\n        }\n    } @else {\n        <button\n            pButton\n            type=\"button\"\n            [icon]=\"$any(action().button?.icon)\"\n            [iconPos]=\"action().button?.iconPosition ?? 'left'\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button?.tooltipPosition ?? 'top'\"\n            [loading]=\"loading() || inputLoading()\"\n            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"!isEnabled() || inputDisabled()\"\n            (click)=\"triggerAction(action(), undefined, $event)\"\n            [class]=\"buttonClass()\"></button>\n        @defer (on idle) {\n            <p-menu #subactionsMenu [model]=\"subactions()\" [popup]=\"true\" appendTo=\"body\" styleClass=\"mng-action-menu\"></p-menu>\n        }\n    }\n}\n", styles: ["mng-action{margin:var(--mng-action-margin-y, .15rem) var(--mng-action-margin-y, .15rem)}mng-action a.disabled{opacity:var(--mng-action-anchor-disabled-opacity, .6);cursor:default}\n"] }]
+            }], ctorParameters: () => [], propDecorators: null }) });
 
 class EditorAutoSaveStatusComponent {
     constructor() {
@@ -1690,8 +1674,8 @@ class EditorAutoSaveStatusComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: EditorAutoSaveStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: EditorAutoSaveStatusComponent, isStandalone: true, selector: "mng-editor-auto-save-status", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: EditorAutoSaveStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: EditorAutoSaveStatusComponent, isStandalone: true, selector: "mng-editor-auto-save-status", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
         <span>
             @if (icon(); as icon) {
                 <i [class]="icon"></i>
@@ -1701,12 +1685,11 @@ class EditorAutoSaveStatusComponent {
                 <span [innerHTML]="label | translate: {timestamp: status()?.timestamp | date: timestampDateFormat()}"></span>
             }
         </span>
-    `, isInline: true, dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: EditorAutoSaveStatusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: EditorAutoSaveStatusComponent, decorators: [{
             type: Component,
             args: [{
-                    standalone: true,
                     selector: 'mng-editor-auto-save-status',
                     imports: [DatePipe, TranslateModule],
                     template: `
@@ -1819,6 +1802,7 @@ function createFormlyLocalizationsTab(descriptor) {
         if (!descriptor.localizationLocaleProperty) {
             throw new CommonsInternalError('Localization locale property must be defined.');
         }
+        localizationsTableViewDescriptor.table.withLocalized().withLocalizationLocaleProperty(descriptor.localizationLocaleProperty);
         localizationsTableViewDescriptor.addColumn(descriptor.localizationLocaleProperty);
         localizationsTableViewDescriptor.editEditor.addField(descriptor.localizationLocaleProperty).withDisabled(true);
         localizationsTableViewDescriptor.detailsEditor.addField(descriptor.localizationLocaleProperty).withDisabled(true);
@@ -1897,7 +1881,8 @@ function createFormlyGroupType(groups, editorDescriptor, formlyConfig, formEdito
                     editorDescriptor: editorDescriptor
                 },
                 expressions: {},
-                fieldGroup: []
+                fieldGroup: [],
+                fieldGroupClassName: 'field-group-class-name'
             };
             if (group.title) {
                 groupField.props.label = group.title;
@@ -1918,7 +1903,7 @@ function createFormlyFields(descriptor, editorDescriptor, formlyConfig, formEdit
     }
     // wrap in group to be able to use flex grid
     const wrapperGroup = {
-        fieldGroupClassName: 'p-fluid formgrid grid',
+        fieldGroupClassName: descriptor?.className?.grid ?? 'grid grid-cols-12 gap-4',
         fieldGroup: fields,
         props: {}
     };
@@ -1946,12 +1931,6 @@ function createFormlyField(descriptor, editorDescriptor, formlyConfig, formEdito
         },
         expressions: {}
     };
-    let className = descriptor.className;
-    if (!className) {
-        // assign default field width through entire row
-        className = 'col-12';
-    }
-    field.className = className;
     if (descriptor instanceof FieldInputDescriptor) {
         switch (descriptor.fieldType) {
             case FieldInputTypeEnum.Hidden:
@@ -2055,6 +2034,12 @@ function createFormlyField(descriptor, editorDescriptor, formlyConfig, formEdito
     else if (descriptor instanceof FieldManyEditorDescriptor) {
         field.type = 'table-dialog-form';
     }
+    const fieldClasses = ['mng-field', `mng-field-${field.type}`];
+    if (descriptor.className?.field) {
+        fieldClasses.push(descriptor.className.field);
+    }
+    fieldClasses.push(descriptor.className?.grid ?? 'col-span-12 basis-full');
+    field.className = fieldClasses.join(' ');
     if (descriptor.label) {
         field.props.label = descriptor.label;
     }
@@ -2072,7 +2057,19 @@ function createFormlyField(descriptor, editorDescriptor, formlyConfig, formEdito
         field.expressions['resetOnHide'] = () => descriptor.hiddenResetOnHide ?? true;
     }
     if (descriptor.disabledExpression) {
-        field.expressions['props.disabled'] = descriptor.disabledExpression;
+        const disabledExpression = descriptor.disabledExpression;
+        if (typeof disabledExpression === 'string') {
+            field.expressions['props.disabled'] = `formState.disabled || (${disabledExpression})`;
+        }
+        else if (typeof disabledExpression === 'function') {
+            field.expressions['props.disabled'] = field => field.options?.formState?.disabled === true || disabledExpression(field);
+        }
+        else {
+            field.expressions['props.disabled'] = combineLatest([
+                formEditorComponent.formlyOptions.formState?.disabled$ ?? of(false),
+                disabledExpression
+            ]).pipe(map(v => v.some(v => v === true)));
+        }
     }
     else if (descriptor.disabled) {
         field.props.disabled = true;
@@ -2180,15 +2177,13 @@ function createFormlyValidation(config, validation, formlyConfig) {
     }
 }
 
-function getFormEditorInfoMessage(translate, title, message, params) {
-    const actionErrorTitle = translate.instant(title) ?? undefined;
+function getFormEditorInfoMessage(translate, message, params) {
     const actionErrorMessage = translate.instant(message, params) ?? undefined;
-    return { severity: 'info', summary: actionErrorTitle, detail: actionErrorMessage };
+    return { severity: 'info', detail: actionErrorMessage, icon: 'pi pi-info-circle' };
 }
-function getFormEditorWarningMessage(translate, title, message) {
-    const actionErrorTitle = translate.instant(title) ?? undefined;
+function getFormEditorWarningMessage(translate, message) {
     const actionErrorMessage = translate.instant(message) ?? undefined;
-    return { severity: 'warn', summary: actionErrorTitle, detail: actionErrorMessage };
+    return { severity: 'warn', detail: actionErrorMessage, icon: 'pi pi-exclamation-triangle' };
 }
 
 class FormEditorService {
@@ -2267,10 +2262,10 @@ class FormEditorService {
     init(formComponent) {
         this._formComponent = formComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormEditorService, deps: [{ token: FormEditorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormEditorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormEditorService, deps: [{ token: FormEditorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormEditorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormEditorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormEditorService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: FormEditorService }] });
 function provideFormComponent() {
@@ -2423,7 +2418,7 @@ class FormEditorComponent {
             (this.descriptor().tableviewEditorType === TableviewEditorTypeEnum.Add || this.descriptor().tableviewEditorType === TableviewEditorTypeEnum.Edit)) {
             this.formMessages.set([
                 ...this.formMessages(),
-                getFormEditorInfoMessage(this.translateService, 'mngEditor.localizations.addInDefaultLanguageTitle', 'mngEditor.localizations.addInDefaultLanguageDescription', {
+                getFormEditorInfoMessage(this.translateService, 'mngEditor.localizations.addInDefaultLanguageDescription', {
                     defaultLanguage: this.commons.getDefaultLocale()
                 })
             ]);
@@ -2485,7 +2480,7 @@ class FormEditorComponent {
             }
             const event = { success: false, formItem: formSubmitItem };
             event.success = false;
-            this.formMessages().push(getFormEditorWarningMessage(this.translateService, 'mngEditor.invalidFormToastTitle', 'mngEditor.invalidFormToastMessage'));
+            this.formMessages().push(getFormEditorWarningMessage(this.translateService, 'mngEditor.invalidFormToastMessage'));
             this.formSubmit.emit(event);
             this.descriptor().nextEvent(FormEventTypeEnum.Submit, this, {
                 submitValid: false,
@@ -2730,12 +2725,12 @@ class FormEditorComponent {
             this.autoSaveRestore.set(this.commonsStorageService.getItem(this.cmpTypeName, this.autoSaveStorageKey()) ?? null);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", 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-messages severity=\"warn\">\n        <ng-template pTemplate>\n            <div class=\"flex flex-grow-1 justify-content-between align-items-center\">\n                <h6 class=\"m-0 p-0\">\n                    <em class=\"pi pi-save mr-4\"></em>\n                    {{\n                        'mngEditor.autoSave.restore.title'\n                            | translate: {lastChange: autoSaveRestore()?.savedAt ? (autoSaveRestore()?.savedAt! | date: 'dd. MM. YYYY HH:mm:ss') : ''}\n                    }}\n                </h6>\n                <div>\n                    <p-button\n                        icon=\"pi pi-sync\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.restore' | translate\"\n                        [styleClass]=\"restoreLocalStateButtonStyle\"\n                        [text]=\"true\"\n                        (click)=\"onAutoSaveRestore()\"></p-button>\n                    @if (autoSave()?.state !== 'preview' || autoSave()?.state !== 'previewCurrent') {\n                        <p-button\n                            icon=\"pi pi-eye\"\n                            size=\"small\"\n                            [label]=\"autoSavePreviewButtonLabel() | translate\"\n                            [styleClass]=\"previewLocalStateButtonStyle\"\n                            [text]=\"true\"\n                            (click)=\"onAutoSavePreview()\"></p-button>\n                    }\n                    <p-button\n                        icon=\"pi pi-times\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.dismiss' | translate\"\n                        [styleClass]=\"clearLocalStateButtonStyle\"\n                        (click)=\"onAutoSaveDismiss()\"></p-button>\n                </div>\n            </div>\n        </ng-template>\n    </p-messages>\n}\n\n@if (autofocusEnabled()) {\n    <input type=\"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 pButton type=\"submit\" class=\"hidden\" [disabled]=\"form.disabled\" [loading]=\"submitLoading()\" loadingIcon=\"pi pi-spin pi-spinner\"></button>\n</form>\n<p-messages [value]=\"formMessages()\" [enableService]=\"false\"></p-messages>\n\n@if (descriptor().autoSave && showAutoSaveStatus()) {\n    <mng-editor-auto-save-status [status]=\"autoSave()\"></mng-editor-auto-save-status>\n}\n", dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$2.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i3$2.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i5.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: EditorAutoSaveStatusComponent, selector: "mng-editor-auto-save-status", inputs: ["status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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                        [class]=\"restoreLocalStateButtonStyle\"\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                            [class]=\"previewLocalStateButtonStyle\"\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                        [class]=\"clearLocalStateButtonStyle\"\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 formMessages(); track message) {\n    <p-message [severity]=\"message.severity\" [text]=\"message.detail\" [icon]=\"message.icon\" />\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)}mng-form-editor .mng-field:is(.mng-field-number,.mng-field-currency) :is(.p-inputnumber,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-field-control-input{max-width:var(--mng-field-datepicker-max-width, 400px)}mng-form-editor .mng-field.mng-field-autocomplete .p-autocomplete{width:100%}mng-form-editor .mng-field:is(.mng-field-dropdown,.mng-field-enum) .p-select{width:100%}mng-form-editor .mng-localized-input-translation-missing :is(input,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)}\n"], dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$1.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }, { 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"], outputs: ["onClose"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormEditorComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-form-editor', imports: [FormlyModule, ReactiveFormsModule, MessagesModule, ButtonModule, TranslateModule, DatePipe, EditorAutoSaveStatusComponent], providers: [provideFormComponent()], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (autoSaveShowRestore()) {\n    <p-messages severity=\"warn\">\n        <ng-template pTemplate>\n            <div class=\"flex flex-grow-1 justify-content-between align-items-center\">\n                <h6 class=\"m-0 p-0\">\n                    <em class=\"pi pi-save mr-4\"></em>\n                    {{\n                        'mngEditor.autoSave.restore.title'\n                            | translate: {lastChange: autoSaveRestore()?.savedAt ? (autoSaveRestore()?.savedAt! | date: 'dd. MM. YYYY HH:mm:ss') : ''}\n                    }}\n                </h6>\n                <div>\n                    <p-button\n                        icon=\"pi pi-sync\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.restore' | translate\"\n                        [styleClass]=\"restoreLocalStateButtonStyle\"\n                        [text]=\"true\"\n                        (click)=\"onAutoSaveRestore()\"></p-button>\n                    @if (autoSave()?.state !== 'preview' || autoSave()?.state !== 'previewCurrent') {\n                        <p-button\n                            icon=\"pi pi-eye\"\n                            size=\"small\"\n                            [label]=\"autoSavePreviewButtonLabel() | translate\"\n                            [styleClass]=\"previewLocalStateButtonStyle\"\n                            [text]=\"true\"\n                            (click)=\"onAutoSavePreview()\"></p-button>\n                    }\n                    <p-button\n                        icon=\"pi pi-times\"\n                        size=\"small\"\n                        [label]=\"'mngEditor.autoSave.restore.dismiss' | translate\"\n                        [styleClass]=\"clearLocalStateButtonStyle\"\n                        (click)=\"onAutoSaveDismiss()\"></p-button>\n                </div>\n            </div>\n        </ng-template>\n    </p-messages>\n}\n\n@if (autofocusEnabled()) {\n    <input type=\"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 pButton type=\"submit\" class=\"hidden\" [disabled]=\"form.disabled\" [loading]=\"submitLoading()\" loadingIcon=\"pi pi-spin pi-spinner\"></button>\n</form>\n<p-messages [value]=\"formMessages()\" [enableService]=\"false\"></p-messages>\n\n@if (descriptor().autoSave && showAutoSaveStatus()) {\n    <mng-editor-auto-save-status [status]=\"autoSave()\"></mng-editor-auto-save-status>\n}\n" }]
+            args: [{ selector: 'mng-form-editor', imports: [FormlyModule, ReactiveFormsModule, TranslateModule, 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                        [class]=\"restoreLocalStateButtonStyle\"\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                            [class]=\"previewLocalStateButtonStyle\"\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                        [class]=\"clearLocalStateButtonStyle\"\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 formMessages(); track message) {\n    <p-message [severity]=\"message.severity\" [text]=\"message.detail\" [icon]=\"message.icon\" />\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)}mng-form-editor .mng-field:is(.mng-field-number,.mng-field-currency) :is(.p-inputnumber,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-field-control-input{max-width:var(--mng-field-datepicker-max-width, 400px)}mng-form-editor .mng-field.mng-field-autocomplete .p-autocomplete{width:100%}mng-form-editor .mng-field:is(.mng-field-dropdown,.mng-field-enum) .p-select{width:100%}mng-form-editor .mng-localized-input-translation-missing :is(input,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)}\n"] }]
         }], ctorParameters: () => [] });
 
 class ActionEditorInjectorContextComponent {
@@ -2813,7 +2808,6 @@ class ActionEditorInjectorContextComponent {
         this.formValue = signal(undefined);
         this.submitLoading = signal(false);
         this.autoSaveStatus = signal(undefined);
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.#dataEffect = effectWithDeps([this.data], ([data]) => {
             this.item.set(data.item);
             this.itemId.set(data.itemId);
@@ -2824,7 +2818,6 @@ class ActionEditorInjectorContextComponent {
             // notify executor to for activation to end
             this.processActionInstance(this.actionExecutor.onActionEditorInit(this.editorAction(), this.instance, this));
         }, { firstOnly: true });
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.#hasTitleEffect = effectWithDeps([this.hasTitle], ([hasTitle]) => {
             if (!hasTitle) {
                 this.title.set(undefined);
@@ -2836,20 +2829,18 @@ class ActionEditorInjectorContextComponent {
                 });
             }
         });
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.#titleUpdateSubscription = toObservable$1(this.hasTitle)
             .pipe(combineLatestWith(toObservable$1(this.editorAction), toObservable$1(this.item)), mergeMap$1(([hasTitle, editorAction, item]) => (hasTitle ? getI18nActionEditorTitleAsync(this.translate, editorAction, item) : of(undefined))), takeUntilDestroyed())
             .subscribe(title => {
             this.title.set(title ?? undefined);
             const dataDialogConfig = this.data().dialogConfig;
             if (dataDialogConfig) {
-                dataDialogConfig.header = title ?? undefined;
+                setTimeout(() => (dataDialogConfig.header = title ?? undefined));
             }
             if (this.editorAction().activationTrigger === ActionActivationTriggerEnum.OnRoute) {
                 this.commonsService.setPageTitle(title ?? undefined);
             }
         });
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.#viewContainerEditorResetSubscription = this.viewContainer
             ? toObservable$1(this.editorAction)
                 .pipe(switchMap(a => (this.isActionMainTwEditor(a) ? (this.viewContainer?.editorReset$ ?? NEVER) : NEVER)), takeUntilDestroyed())
@@ -2879,13 +2870,9 @@ class ActionEditorInjectorContextComponent {
     }
     // subscriptions and effects
     #titleSubscription;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     #dataEffect;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     #hasTitleEffect;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     #titleUpdateSubscription;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     #viewContainerEditorResetSubscription;
     #viewContainerEditorCloseSubscription;
     #dataProviderEditorResetSubscription;
@@ -3096,7 +3083,11 @@ class ActionEditorInjectorContextComponent {
             header: this.translate.instant('mngEditor.unsavedChangesConfirmation.header'),
             message: this.translate.instant('mngEditor.unsavedChangesConfirmation.message'),
             acceptLabel: this.translate.instant('general.yes'),
+            acceptIcon: 'pi pi-check',
+            acceptButtonStyleClass: ButtonStyleBuilder.from({ level: StyleLevelEnum.Primary }).build(),
             rejectLabel: this.translate.instant('general.no'),
+            rejectIcon: 'pi pi-times',
+            rejectButtonStyleClass: ButtonStyleBuilder.from({ level: StyleLevelEnum.Secondary }).build(),
             icon: 'pi pi-exclamation-triangle',
             accept: () => {
                 if (!callFromGuard) {
@@ -3128,12 +3119,12 @@ class ActionEditorInjectorContextComponent {
             this.formEditorCmp()?.resetFormModel();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionEditorInjectorContextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: ActionEditorInjectorContextComponent, isStandalone: true, selector: "mng-action-editor-injector-context", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionRun: "actionRun", actionCancel: "actionCancel" }, host: { listeners: { "window:beforeunload": "beforeWindowUnload()", "window:keydown.Escape": "onEscapePressed()" } }, providers: [provideActionExecutor()], viewQueries: [{ propertyName: "formEditorCmp", first: true, predicate: FormEditorComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (!data().isDialog && title()) {\n    <h5>{{ title() }}</h5>\n}\n@if (data().isDialog && editorAction().activationTrigger === ActionActivationTriggerEnum.OnRoute) {\n    <span class=\"p-dialog-header dialog-close-button-wrapper\">\n        <button\n            class=\"p-dialog-header-icon p-dialog-header-maximize p-link\"\n            type=\"button\"\n            (click)=\"closeWithUnsavedChangesConfirmation()\"\n            (keydown.enter)=\"closeWithUnsavedChangesConfirmation()\">\n            <span class=\"p-dialog-header-close-icon pi pi-times\"></span>\n        </button>\n    </span>\n}\n<div class=\"h-full flex flex-column\">\n    @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n        <div class=\"flex-grow-1 mng-action-editor-toolbar-container\">\n            <p-toolbar styleClass=\"mng-action-editor-toolbar\">\n                <ng-template pTemplate=\"left\">\n                    @for (action of toolbarLeftActions(); track action) {\n                        <mng-action\n                            [action]=\"action\"\n                            [disabled]=\"submitLoading()\"\n                            [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                            [hostComponent]=\"this\"\n                            [item]=\"formValue()\"\n                            [itemId]=\"itemId()\"></mng-action>\n                    }\n                </ng-template>\n                <ng-template pTemplate=\"right\">\n                    @for (action of toolbarRightActions(); track action) {\n                        <mng-action\n                            [action]=\"action\"\n                            [disabled]=\"submitLoading()\"\n                            [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                            [hostComponent]=\"this\"\n                            [item]=\"formValue()\"\n                            [itemId]=\"itemId()\"></mng-action>\n                    }\n                </ng-template>\n            </p-toolbar>\n        </div>\n    }\n\n    <div class=\"flex-grow-1 mng-action-editor-form-container\">\n        @if (loading()) {\n            <div class=\"text-center\">\n                <p-progressSpinner [style]=\"{width: '3rem', height: '3rem'}\" strokeWidth=\"3\"></p-progressSpinner>\n            </div>\n        }\n        @if (editorAction().editorDescriptor && !loading()) {\n            <mng-form-editor\n                [descriptor]=\"editorAction().editorDescriptor\"\n                [editorId]=\"editorAction().actionNameLong\"\n                [item]=\"item()\"\n                [itemId]=\"itemId()\"\n                [isFormDisabled]=\"isFormDisabled()\"\n                showAutoSaveStatus=\"false\"\n                (valueChange)=\"onValueChange($event)\"\n                (formSubmit)=\"onSubmit($event)\"\n                (autoSaveStatus)=\"onAutoSave($event)\" />\n        }\n    </div>\n\n    <div class=\"flex flex-row justify-content-between align-items-center mng-action-editor-footer-container\">\n        <div>\n            @for (action of footerLeftActions(); track action) {\n                <mng-action\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading()\"\n                    [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                    [hostComponent]=\"this\"\n                    [item]=\"formValue()\"\n                    [itemId]=\"itemId()\"></mng-action>\n            }\n            @if (editorAction().editorDescriptor.autoSave) {\n                <mng-editor-auto-save-status [status]=\"autoSaveStatus()\"></mng-editor-auto-save-status>\n            }\n        </div>\n        <div>\n            @for (action of footerRightActions(); track action) {\n                <mng-action\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading()\"\n                    [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                    [hostComponent]=\"this\"\n                    [item]=\"formValue()\"\n                    [itemId]=\"itemId()\"></mng-action>\n            }\n        </div>\n    </div>\n</div>\n", styles: [".dialog-close-button-wrapper{position:absolute;top:1.286rem;right:1.714rem;background:transparent;padding:0}\n"], dependencies: [{ kind: "component", type: ActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "dataListParams", "dataProvider", "hostComponent", "route", "disabled", "loading", "selectedItems"], outputs: ["finish"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i1$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: FormEditorComponent, selector: "mng-form-editor", inputs: ["descriptor", "submitLoading", "item", "isFormDisabled", "editorId", "itemId", "showAutoSaveStatus"], outputs: ["itemChange", "formSubmit", "valueChange", "autoSaveStatus"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i2$4.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: EditorAutoSaveStatusComponent, selector: "mng-editor-auto-save-status", inputs: ["status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionEditorInjectorContextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: ActionEditorInjectorContextComponent, isStandalone: true, selector: "mng-action-editor-injector-context", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionRun: "actionRun", actionCancel: "actionCancel" }, host: { listeners: { "window:beforeunload": "beforeWindowUnload()", "window:keydown.Escape": "onEscapePressed()" } }, providers: [provideActionExecutor()], viewQueries: [{ propertyName: "formEditorCmp", first: true, predicate: FormEditorComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (!data().isDialog && title()) {\n    <h5>{{ title() }}</h5>\n}\n@if (data().isDialog && editorAction().activationTrigger === ActionActivationTriggerEnum.OnRoute) {\n    <span class=\"p-dialog-header mng-action-editor-dialog-close-button-wrapper\">\n        <button\n            class=\"p-dialog-header-icon p-dialog-header-maximize\"\n            type=\"button\"\n            (click)=\"closeWithUnsavedChangesConfirmation()\"\n            (keydown.enter)=\"closeWithUnsavedChangesConfirmation()\">\n            <span class=\"p-dialog-header-close-icon pi pi-times\"></span>\n        </button>\n    </span>\n}\n<div class=\"h-full flex flex-col\">\n    @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n        <div class=\"grow mng-action-editor-toolbar-container\">\n            <p-toolbar styleClass=\"mng-action-editor-toolbar\">\n                <ng-template #start>\n                    @for (action of toolbarLeftActions(); track action) {\n                        <mng-action\n                            [action]=\"action\"\n                            [disabled]=\"submitLoading()\"\n                            [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                            [hostComponent]=\"this\"\n                            [item]=\"formValue()\"\n                            [itemId]=\"itemId()\"></mng-action>\n                    }\n                </ng-template>\n                <ng-template #end>\n                    @for (action of toolbarRightActions(); track action) {\n                        <mng-action\n                            [action]=\"action\"\n                            [disabled]=\"submitLoading()\"\n                            [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                            [hostComponent]=\"this\"\n                            [item]=\"formValue()\"\n                            [itemId]=\"itemId()\"></mng-action>\n                    }\n                </ng-template>\n            </p-toolbar>\n        </div>\n    }\n\n    <div class=\"grow mng-action-editor-form-container\">\n        @if (loading()) {\n            <div class=\"text-center\">\n                <p-progressSpinner [style]=\"{width: '3rem', height: '3rem'}\" strokeWidth=\"3\"></p-progressSpinner>\n            </div>\n        }\n        @if (editorAction().editorDescriptor && !loading()) {\n            <mng-form-editor\n                [descriptor]=\"editorAction().editorDescriptor\"\n                [editorId]=\"editorAction().actionNameLong\"\n                [item]=\"item()\"\n                [itemId]=\"itemId()\"\n                [isFormDisabled]=\"isFormDisabled()\"\n                showAutoSaveStatus=\"false\"\n                (valueChange)=\"onValueChange($event)\"\n                (formSubmit)=\"onSubmit($event)\"\n                (autoSaveStatus)=\"onAutoSave($event)\" />\n        }\n    </div>\n\n    <div class=\"flex flex-row justify-between items-center mng-action-editor-footer-container\">\n        <div>\n            @for (action of footerLeftActions(); track action) {\n                <mng-action\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading()\"\n                    [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                    [hostComponent]=\"this\"\n                    [item]=\"formValue()\"\n                    [itemId]=\"itemId()\"></mng-action>\n            }\n            @if (editorAction().editorDescriptor.autoSave) {\n                <mng-editor-auto-save-status [status]=\"autoSaveStatus()\"></mng-editor-auto-save-status>\n            }\n        </div>\n        <div>\n            @for (action of footerRightActions(); track action) {\n                <mng-action\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading()\"\n                    [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                    [hostComponent]=\"this\"\n                    [item]=\"formValue()\"\n                    [itemId]=\"itemId()\"></mng-action>\n            }\n        </div>\n    </div>\n</div>\n", styles: [".p-dialog.mng-dialog.mng-action-editor-dialog .p-dialog-header.mng-action-editor-dialog-close-button-wrapper{position:absolute;top:1.286rem;right:1.714rem;background:transparent;padding:0}mng-action-editor-injector-context.p-toolbar.mng-action-editor-toolbar{border:none}\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: FormEditorComponent, selector: "mng-form-editor", inputs: ["descriptor", "submitLoading", "item", "isFormDisabled", "editorId", "itemId", "showAutoSaveStatus"], outputs: ["itemChange", "formSubmit", "valueChange", "autoSaveStatus"] }, { kind: "component", type: EditorAutoSaveStatusComponent, selector: "mng-editor-auto-save-status", inputs: ["status"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionEditorInjectorContextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionEditorInjectorContextComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-action-editor-injector-context', imports: [ActionComponent, ProgressSpinnerModule, FormEditorComponent, ToolbarModule, EditorAutoSaveStatusComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideActionExecutor()], template: "@if (!data().isDialog && title()) {\n    <h5>{{ title() }}</h5>\n}\n@if (data().isDialog && editorAction().activationTrigger === ActionActivationTriggerEnum.OnRoute) {\n    <span class=\"p-dialog-header dialog-close-button-wrapper\">\n        <button\n            class=\"p-dialog-header-icon p-dialog-header-maximize p-link\"\n            type=\"button\"\n            (click)=\"closeWithUnsavedChangesConfirmation()\"\n            (keydown.enter)=\"closeWithUnsavedChangesConfirmation()\">\n            <span class=\"p-dialog-header-close-icon pi pi-times\"></span>\n        </button>\n    </span>\n}\n<div class=\"h-full flex flex-column\">\n    @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n        <div class=\"flex-grow-1 mng-action-editor-toolbar-container\">\n            <p-toolbar styleClass=\"mng-action-editor-toolbar\">\n                <ng-template pTemplate=\"left\">\n                    @for (action of toolbarLeftActions(); track action) {\n                        <mng-action\n                            [action]=\"action\"\n                            [disabled]=\"submitLoading()\"\n                            [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                            [hostComponent]=\"this\"\n                            [item]=\"formValue()\"\n                            [itemId]=\"itemId()\"></mng-action>\n                    }\n                </ng-template>\n                <ng-template pTemplate=\"right\">\n                    @for (action of toolbarRightActions(); track action) {\n                        <mng-action\n                            [action]=\"action\"\n                            [disabled]=\"submitLoading()\"\n                            [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                            [hostComponent]=\"this\"\n                            [item]=\"formValue()\"\n                            [itemId]=\"itemId()\"></mng-action>\n                    }\n                </ng-template>\n            </p-toolbar>\n        </div>\n    }\n\n    <div class=\"flex-grow-1 mng-action-editor-form-container\">\n        @if (loading()) {\n            <div class=\"text-center\">\n                <p-progressSpinner [style]=\"{width: '3rem', height: '3rem'}\" strokeWidth=\"3\"></p-progressSpinner>\n            </div>\n        }\n        @if (editorAction().editorDescriptor && !loading()) {\n            <mng-form-editor\n                [descriptor]=\"editorAction().editorDescriptor\"\n                [editorId]=\"editorAction().actionNameLong\"\n                [item]=\"item()\"\n                [itemId]=\"itemId()\"\n                [isFormDisabled]=\"isFormDisabled()\"\n                showAutoSaveStatus=\"false\"\n                (valueChange)=\"onValueChange($event)\"\n                (formSubmit)=\"onSubmit($event)\"\n                (autoSaveStatus)=\"onAutoSave($event)\" />\n        }\n    </div>\n\n    <div class=\"flex flex-row justify-content-between align-items-center mng-action-editor-footer-container\">\n        <div>\n            @for (action of footerLeftActions(); track action) {\n                <mng-action\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading()\"\n                    [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                    [hostComponent]=\"this\"\n                    [item]=\"formValue()\"\n                    [itemId]=\"itemId()\"></mng-action>\n            }\n            @if (editorAction().editorDescriptor.autoSave) {\n                <mng-editor-auto-save-status [status]=\"autoSaveStatus()\"></mng-editor-auto-save-status>\n            }\n        </div>\n        <div>\n            @for (action of footerRightActions(); track action) {\n                <mng-action\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading()\"\n                    [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                    [hostComponent]=\"this\"\n                    [item]=\"formValue()\"\n                    [itemId]=\"itemId()\"></mng-action>\n            }\n        </div>\n    </div>\n</div>\n", styles: [".dialog-close-button-wrapper{position:absolute;top:1.286rem;right:1.714rem;background:transparent;padding:0}\n"] }]
+            args: [{ selector: 'mng-action-editor-injector-context', imports: [ActionComponent, FormEditorComponent, EditorAutoSaveStatusComponent, ProgressSpinner, Toolbar], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [provideActionExecutor()], template: "@if (!data().isDialog && title()) {\n    <h5>{{ title() }}</h5>\n}\n@if (data().isDialog && editorAction().activationTrigger === ActionActivationTriggerEnum.OnRoute) {\n    <span class=\"p-dialog-header mng-action-editor-dialog-close-button-wrapper\">\n        <button\n            class=\"p-dialog-header-icon p-dialog-header-maximize\"\n            type=\"button\"\n            (click)=\"closeWithUnsavedChangesConfirmation()\"\n            (keydown.enter)=\"closeWithUnsavedChangesConfirmation()\">\n            <span class=\"p-dialog-header-close-icon pi pi-times\"></span>\n        </button>\n    </span>\n}\n<div class=\"h-full flex flex-col\">\n    @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n        <div class=\"grow mng-action-editor-toolbar-container\">\n            <p-toolbar styleClass=\"mng-action-editor-toolbar\">\n                <ng-template #start>\n                    @for (action of toolbarLeftActions(); track action) {\n                        <mng-action\n                            [action]=\"action\"\n                            [disabled]=\"submitLoading()\"\n                            [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                            [hostComponent]=\"this\"\n                            [item]=\"formValue()\"\n                            [itemId]=\"itemId()\"></mng-action>\n                    }\n                </ng-template>\n                <ng-template #end>\n                    @for (action of toolbarRightActions(); track action) {\n                        <mng-action\n                            [action]=\"action\"\n                            [disabled]=\"submitLoading()\"\n                            [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                            [hostComponent]=\"this\"\n                            [item]=\"formValue()\"\n                            [itemId]=\"itemId()\"></mng-action>\n                    }\n                </ng-template>\n            </p-toolbar>\n        </div>\n    }\n\n    <div class=\"grow mng-action-editor-form-container\">\n        @if (loading()) {\n            <div class=\"text-center\">\n                <p-progressSpinner [style]=\"{width: '3rem', height: '3rem'}\" strokeWidth=\"3\"></p-progressSpinner>\n            </div>\n        }\n        @if (editorAction().editorDescriptor && !loading()) {\n            <mng-form-editor\n                [descriptor]=\"editorAction().editorDescriptor\"\n                [editorId]=\"editorAction().actionNameLong\"\n                [item]=\"item()\"\n                [itemId]=\"itemId()\"\n                [isFormDisabled]=\"isFormDisabled()\"\n                showAutoSaveStatus=\"false\"\n                (valueChange)=\"onValueChange($event)\"\n                (formSubmit)=\"onSubmit($event)\"\n                (autoSaveStatus)=\"onAutoSave($event)\" />\n        }\n    </div>\n\n    <div class=\"flex flex-row justify-between items-center mng-action-editor-footer-container\">\n        <div>\n            @for (action of footerLeftActions(); track action) {\n                <mng-action\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading()\"\n                    [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                    [hostComponent]=\"this\"\n                    [item]=\"formValue()\"\n                    [itemId]=\"itemId()\"></mng-action>\n            }\n            @if (editorAction().editorDescriptor.autoSave) {\n                <mng-editor-auto-save-status [status]=\"autoSaveStatus()\"></mng-editor-auto-save-status>\n            }\n        </div>\n        <div>\n            @for (action of footerRightActions(); track action) {\n                <mng-action\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading()\"\n                    [loading]=\"$any(action).submitType === actionEditorSubmitTypeSubmit ? submitLoading() : false\"\n                    [hostComponent]=\"this\"\n                    [item]=\"formValue()\"\n                    [itemId]=\"itemId()\"></mng-action>\n            }\n        </div>\n    </div>\n</div>\n", styles: [".p-dialog.mng-dialog.mng-action-editor-dialog .p-dialog-header.mng-action-editor-dialog-close-button-wrapper{position:absolute;top:1.286rem;right:1.714rem;background:transparent;padding:0}mng-action-editor-injector-context.p-toolbar.mng-action-editor-toolbar{border:none}\n"] }]
         }], propDecorators: { beforeWindowUnload: [{
                 type: HostListener,
                 args: ['window:beforeunload']
@@ -3215,12 +3206,12 @@ class ActionEditorComponent {
     triggerSubmit() {
         this.actionEditorWInjContextCmp?.triggerSubmit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.12", type: ActionEditorComponent, isStandalone: true, selector: "mng-action-editor", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null }, itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, actionData: { classPropertyName: "actionData", publicName: "actionData", isSignal: true, isRequired: false, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionRun: "actionRun", actionCancel: "actionCancel" }, ngImport: i0, template: "<div\n    [mngComponent]=\"injContextCmpType\"\n    [inputs]=\"{\n        data: actionEditorWInjContextInputData()\n    }\"\n    [parentInjector]=\"parentInjector\"\n    (instanceCreated)=\"onActionEditorWInjContextCmp($event)\"></div>\n", dependencies: [{ kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.7", type: ActionEditorComponent, isStandalone: true, selector: "mng-action-editor", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null }, itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, actionData: { classPropertyName: "actionData", publicName: "actionData", isSignal: true, isRequired: false, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionRun: "actionRun", actionCancel: "actionCancel" }, ngImport: i0, template: "<div\n    [mngComponent]=\"injContextCmpType\"\n    [inputs]=\"{\n        data: actionEditorWInjContextInputData()\n    }\"\n    [parentInjector]=\"parentInjector\"\n    (instanceCreated)=\"onActionEditorWInjContextCmp($event)\"></div>\n", dependencies: [{ kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionEditorComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-action-editor', imports: [ComponentDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [mngComponent]=\"injContextCmpType\"\n    [inputs]=\"{\n        data: actionEditorWInjContextInputData()\n    }\"\n    [parentInjector]=\"parentInjector\"\n    (instanceCreated)=\"onActionEditorWInjContextCmp($event)\"></div>\n" }]
+            args: [{ selector: 'mng-action-editor', imports: [ComponentDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [mngComponent]=\"injContextCmpType\"\n    [inputs]=\"{\n        data: actionEditorWInjContextInputData()\n    }\"\n    [parentInjector]=\"parentInjector\"\n    (instanceCreated)=\"onActionEditorWInjContextCmp($event)\"></div>\n" }]
         }], ctorParameters: () => [] });
 
 class DataLanguageDropdownComponent {
@@ -3241,12 +3232,12 @@ class DataLanguageDropdownComponent {
         this.commons.setAppDataLocale(dataLang);
         this.viewContainer?.reloadTable({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DataLanguageDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.12", type: DataLanguageDropdownComponent, isStandalone: true, selector: "mng-data-language-dropdown", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null }, actionData: { classPropertyName: "actionData", publicName: "actionData", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: true, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { trigger: "trigger" }, ngImport: i0, template: "<mng-dropdown [dataProvider]=\"selectionItemsDataProvider()\" [ngModel]=\"commons.appDataLocale()\" [showClear]=\"false\" (valueChange)=\"updateDataLocale($event)\"></mng-dropdown>\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", "inlineSearch", "searchTrim"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DataLanguageDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.7", type: DataLanguageDropdownComponent, isStandalone: true, selector: "mng-data-language-dropdown", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null }, actionData: { classPropertyName: "actionData", publicName: "actionData", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: true, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { trigger: "trigger" }, ngImport: i0, template: "<mng-dropdown [dataProvider]=\"selectionItemsDataProvider()\" [ngModel]=\"commons.appDataLocale()\" [showClear]=\"false\" (valueChange)=\"updateDataLocale($event)\"></mng-dropdown>\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", "inlineSearch", "searchTrim"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DataLanguageDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DataLanguageDropdownComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-data-language-dropdown', imports: [DropdownComponent, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-dropdown [dataProvider]=\"selectionItemsDataProvider()\" [ngModel]=\"commons.appDataLocale()\" [showClear]=\"false\" (valueChange)=\"updateDataLocale($event)\"></mng-dropdown>\n" }]
+            args: [{ selector: 'mng-data-language-dropdown', imports: [DropdownComponent, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-dropdown [dataProvider]=\"selectionItemsDataProvider()\" [ngModel]=\"commons.appDataLocale()\" [showClear]=\"false\" (valueChange)=\"updateDataLocale($event)\"></mng-dropdown>\n" }]
         }] });
 
 class ActionRouteComponent {
@@ -3376,12 +3367,12 @@ class ActionRouteComponent {
         this.instanceStateSubscription?.unsubscribe();
         this.instanceReactivationSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ActionRouteComponent, isStandalone: true, selector: "mng-action-route", providers: [provideActionExecutor()], ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: ActionRouteComponent, isStandalone: true, selector: "mng-action-route", providers: [provideActionExecutor()], ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionRouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionRouteComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-action-route', changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideActionExecutor()], template: "" }]
+            args: [{ selector: 'mng-action-route', changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideActionExecutor()], template: "" }]
         }] });
 
 var actionRoute_component = /*#__PURE__*/Object.freeze({
@@ -3392,7 +3383,7 @@ var actionRoute_component = /*#__PURE__*/Object.freeze({
 function calculateTableColumnActionWidth(table, actions) {
     const buttonsWidth = actions.reduce((acc, action) => acc + getActionButtonRoundedWidth(action) + 2 * Styles.ACTION_BUTTON_MARGIN_X, 0);
     const tablePadding = getTableCellPaddingX(table);
-    return buttonsWidth + 2 * tablePadding;
+    return Math.ceil(buttonsWidth + 2 * tablePadding);
 }
 function getTableCellPaddingX(table) {
     switch (table.size) {
@@ -3433,6 +3424,7 @@ class ActionTableComponent {
         this.dataProvider = input();
         this.useQueryParams = input(false);
         // extra features input
+        this.tableClassName = input();
         this.selectionMode = input('multiple');
         this.selectionEnabled = input(false);
         this.globalFilterFields = input();
@@ -3500,12 +3492,12 @@ class ActionTableComponent {
             this.reload();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", 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 }, 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 }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, captionComponent: { classPropertyName: "captionComponent", publicName: "captionComponent", isSignal: true, isRequired: false, transformFunction: null }, columnActionComponent: { classPropertyName: "columnActionComponent", publicName: "columnActionComponent", isSignal: true, isRequired: false, transformFunction: null }, columnActionMinWidthInput: { classPropertyName: "columnActionMinWidthInput", publicName: "columnActionMinWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tableLoad: "tableLoad", selectionChange: "selectionChange", captionComponentInstance: "captionComponentInstance", columnActionComponentInstance: "columnActionComponentInstance", rowReorder: "rowReorder" }, providers: [provideActionExecutor()], queries: [{ propertyName: "templates", predicate: TemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "components", predicate: (QueryList), descendants: true, isSignal: true }, { 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    [captionComponent]=\"captionComponent()\"\n    [columnCustomLastComponent]=\"columnActionComponent()\"\n    [columnLastMinWidth]=\"columnActionMinWidth()\"\n    [cellClickEnabled]=\"this.rowClickActions().length > 0\"\n    [rowReorderEnabled]=\"rowReorderEnabled()\"\n    (tableLoad)=\"tableLoad.emit($event)\"\n    (cellClick)=\"onCellClick($event)\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    (captionComponentInstance)=\"captionComponentInstance.emit($event)\"\n    (columnCustomLastComponentInstance)=\"columnActionComponentInstance.emit($event)\"\n    (rowReorder)=\"onRowReorder($event)\">\n    @if (!columnActionComponent() && rowInlineActions().length > 0) {\n        <ng-template mngTemplate=\"columnCustomLast\" let-item=\"rowItem\" let-idx=\"rowIndex\">\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    @if (captionTemplate() && !captionComponent()) {\n        <ng-template mngTemplate=\"caption\">\n            <ng-container *ngTemplateOutlet=\"captionTemplate()\"></ng-container>\n        </ng-template>\n    }\n    @if (rowExpandTemplate()) {\n        <ng-template mngTemplate=\"rowExpandContent\" let-item=\"rowItem\">\n            <ng-container *ngTemplateOutlet=\"rowExpandTemplate(); context: {rowItem: item}\"></ng-container>\n        </ng-template>\n    }\n    @if (footerTemplate()) {\n        <ng-template mngTemplate=\"footer\" let-data=\"data\" let-totalCount=\"totalCount\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data, totalCount}\"></ng-container>\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", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance", "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: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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 }, 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 }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, captionComponent: { classPropertyName: "captionComponent", publicName: "captionComponent", isSignal: true, isRequired: false, transformFunction: null }, columnActionComponent: { classPropertyName: "columnActionComponent", publicName: "columnActionComponent", isSignal: true, isRequired: false, transformFunction: null }, columnActionMinWidthInput: { classPropertyName: "columnActionMinWidthInput", publicName: "columnActionMinWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tableLoad: "tableLoad", selectionChange: "selectionChange", captionComponentInstance: "captionComponentInstance", columnActionComponentInstance: "columnActionComponentInstance", rowReorder: "rowReorder" }, providers: [provideActionExecutor()], queries: [{ propertyName: "templates", predicate: TemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "components", predicate: (QueryList), descendants: true, isSignal: true }, { 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    [captionComponent]=\"captionComponent()\"\n    [columnCustomLastComponent]=\"columnActionComponent()\"\n    [columnLastMinWidth]=\"columnActionMinWidth()\"\n    [cellClickEnabled]=\"this.rowClickActions().length > 0\"\n    [rowReorderEnabled]=\"rowReorderEnabled()\"\n    [class]=\"tableClassName()\"\n    (tableLoad)=\"tableLoad.emit($event)\"\n    (cellClick)=\"onCellClick($event)\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    (captionComponentInstance)=\"captionComponentInstance.emit($event)\"\n    (columnCustomLastComponentInstance)=\"columnActionComponentInstance.emit($event)\"\n    (rowReorder)=\"onRowReorder($event)\">\n    @if (!columnActionComponent() && rowInlineActions().length > 0) {\n        <ng-template mngTemplate=\"columnCustomLast\" let-item=\"rowItem\" let-idx=\"rowIndex\">\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    @if (captionTemplate() && !captionComponent()) {\n        <ng-template mngTemplate=\"caption\">\n            <ng-container *ngTemplateOutlet=\"captionTemplate()\"></ng-container>\n        </ng-template>\n    }\n    @if (rowExpandTemplate()) {\n        <ng-template mngTemplate=\"rowExpandContent\" let-item=\"rowItem\">\n            <ng-container *ngTemplateOutlet=\"rowExpandTemplate(); context: {rowItem: item}\"></ng-container>\n        </ng-template>\n    }\n    @if (footerTemplate()) {\n        <ng-template mngTemplate=\"footer\" let-data=\"data\" let-totalCount=\"totalCount\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data, totalCount}\"></ng-container>\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", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance", "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: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ActionTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ActionTableComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-action-table', imports: [TableComponent, ActionComponent, TemplateDirective, NgTemplateOutlet], 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    [captionComponent]=\"captionComponent()\"\n    [columnCustomLastComponent]=\"columnActionComponent()\"\n    [columnLastMinWidth]=\"columnActionMinWidth()\"\n    [cellClickEnabled]=\"this.rowClickActions().length > 0\"\n    [rowReorderEnabled]=\"rowReorderEnabled()\"\n    (tableLoad)=\"tableLoad.emit($event)\"\n    (cellClick)=\"onCellClick($event)\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    (captionComponentInstance)=\"captionComponentInstance.emit($event)\"\n    (columnCustomLastComponentInstance)=\"columnActionComponentInstance.emit($event)\"\n    (rowReorder)=\"onRowReorder($event)\">\n    @if (!columnActionComponent() && rowInlineActions().length > 0) {\n        <ng-template mngTemplate=\"columnCustomLast\" let-item=\"rowItem\" let-idx=\"rowIndex\">\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    @if (captionTemplate() && !captionComponent()) {\n        <ng-template mngTemplate=\"caption\">\n            <ng-container *ngTemplateOutlet=\"captionTemplate()\"></ng-container>\n        </ng-template>\n    }\n    @if (rowExpandTemplate()) {\n        <ng-template mngTemplate=\"rowExpandContent\" let-item=\"rowItem\">\n            <ng-container *ngTemplateOutlet=\"rowExpandTemplate(); context: {rowItem: item}\"></ng-container>\n        </ng-template>\n    }\n    @if (footerTemplate()) {\n        <ng-template mngTemplate=\"footer\" let-data=\"data\" let-totalCount=\"totalCount\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data, totalCount}\"></ng-container>\n        </ng-template>\n    }\n</mng-table>\n" }]
+            args: [{ selector: 'mng-action-table', imports: [TableComponent, ActionComponent, TemplateDirective, NgTemplateOutlet], 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    [captionComponent]=\"captionComponent()\"\n    [columnCustomLastComponent]=\"columnActionComponent()\"\n    [columnLastMinWidth]=\"columnActionMinWidth()\"\n    [cellClickEnabled]=\"this.rowClickActions().length > 0\"\n    [rowReorderEnabled]=\"rowReorderEnabled()\"\n    [class]=\"tableClassName()\"\n    (tableLoad)=\"tableLoad.emit($event)\"\n    (cellClick)=\"onCellClick($event)\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    (captionComponentInstance)=\"captionComponentInstance.emit($event)\"\n    (columnCustomLastComponentInstance)=\"columnActionComponentInstance.emit($event)\"\n    (rowReorder)=\"onRowReorder($event)\">\n    @if (!columnActionComponent() && rowInlineActions().length > 0) {\n        <ng-template mngTemplate=\"columnCustomLast\" let-item=\"rowItem\" let-idx=\"rowIndex\">\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    @if (captionTemplate() && !captionComponent()) {\n        <ng-template mngTemplate=\"caption\">\n            <ng-container *ngTemplateOutlet=\"captionTemplate()\"></ng-container>\n        </ng-template>\n    }\n    @if (rowExpandTemplate()) {\n        <ng-template mngTemplate=\"rowExpandContent\" let-item=\"rowItem\">\n            <ng-container *ngTemplateOutlet=\"rowExpandTemplate(); context: {rowItem: item}\"></ng-container>\n        </ng-template>\n    }\n    @if (footerTemplate()) {\n        <ng-template mngTemplate=\"footer\" let-data=\"data\" let-totalCount=\"totalCount\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data, totalCount}\"></ng-container>\n        </ng-template>\n    }\n</mng-table>\n" }]
         }], ctorParameters: () => [] });
 
 const unsavedChangesGuard = (component) => {
@@ -3557,21 +3549,22 @@ class DefaultDataProviderExecutor extends DataProviderExecutor {
     runDelete(ctx, fallback) {
         return fallback ? runFnFromDataProviderOrFallback(ctx, runDeleteFromDataProvider, fallback) : runDeleteFromDataProvider(ctx);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DefaultDataProviderExecutor, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DefaultDataProviderExecutor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DefaultDataProviderExecutor, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DefaultDataProviderExecutor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DefaultDataProviderExecutor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DefaultDataProviderExecutor, decorators: [{
             type: Injectable
         }] });
 
-// eslint-disable-next-line @angular-eslint/prefer-standalone
-class ACommonsFormlyFieldType extends FieldType {
+class ACommonsFormlyType extends FieldType {
     constructor() {
         super(...arguments);
         this.destroyRef = inject(DestroyRef);
         this.cd = inject(ChangeDetectorRef);
         this.formStateDisabledSubject = new BehaviorSubject(false);
         this.formStateDisabled$ = this.formStateDisabledSubject.asObservable();
+        this.descriptorSig = signal(undefined);
+        this.fieldSig = signal(undefined);
     }
     get descriptor() {
         return this.props.descriptor;
@@ -3592,26 +3585,43 @@ class ACommonsFormlyFieldType extends FieldType {
         this.props.fieldComponent = this;
         if (!this.formState.disabled$)
             throw new CommonsInternalError('formState.disabled$ must be defined');
+        this.descriptorSig.set(this.props.descriptor);
+        this.fieldSig.set(this.field);
         this.formState.disabled$
             .pipe(startWith(this.formState.disabled ?? false), takeUntilDestroyed(this.destroyRef))
             .subscribe(value => this.formStateDisabledSubject.next(value));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ACommonsFormlyFieldType, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: ACommonsFormlyFieldType, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ACommonsFormlyType, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: ACommonsFormlyType, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ACommonsFormlyType, decorators: [{
+            type: Directive
+        }] });
+
+class ACommonsFormlyFieldType extends ACommonsFormlyType {
+    constructor() {
+        super(...arguments);
+        this.controlClassName = computed(() => ['mng-field-control', this.descriptorSig()?.className?.control].filter(c => !!c).join(' '));
+        this.labelClassName = computed(() => ['mng-field-label', this.descriptorSig()?.className?.label].filter(c => !!c).join(' '));
+        this.controlInputClassName = computed(() => ['mng-field-control-input', this.descriptorSig()?.className?.input].filter(c => !!c).join(' '));
+        this.controlWithInputClassName = computed(() => this.controlClassName() + ' ' + this.controlInputClassName());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ACommonsFormlyFieldType, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: ACommonsFormlyFieldType, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ACommonsFormlyFieldType, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ACommonsFormlyFieldType, decorators: [{
             type: Directive
         }] });
 
 class FormlyFieldActionComponent extends ACommonsFormlyFieldType {
     constructor() {
         super(...arguments);
-        this.buttonClass = 'p-button-primary';
+        this.buttonClass = signal('p-button-primary');
     }
     ngOnInit() {
         super.ngOnInit();
         if (this.descriptor.button?.style) {
-            this.buttonClass = (this.descriptor.button.style instanceof ButtonStyleBuilder ? this.descriptor.button.style : ButtonStyleBuilder.from(this.descriptor.button.style)).build();
+            this.buttonClass.set((this.descriptor.button.style instanceof ButtonStyleBuilder ? this.descriptor.button.style : ButtonStyleBuilder.from(this.descriptor.button.style)).build());
         }
     }
     ngOnDestroy() {
@@ -3646,12 +3656,12 @@ class FormlyFieldActionComponent extends ACommonsFormlyFieldType {
             this.actionMessage = res.message;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormlyFieldActionComponent, isStandalone: true, selector: "mng-formly-field-action", usesInheritance: true, ngImport: i0, template: "<div class=\"flex\">\n    <button\n        type=\"button\"\n        pButton\n        pRipple\n        [icon]=\"$any(descriptor.button?.icon)\"\n        [label]=\"$any(descriptor.button?.label === null ? null : descriptor.button?.label ?? props!.label) | translate\"\n        [pTooltip]=\"$any(descriptor.button?.tooltip) | translate\"\n        [disabled]=\"formControl.disabled\"\n        (click)=\"onClick()\"\n        [class]=\"buttonClass + (actionMessage ? ' mr-2' : '')\"></button>\n    @if (actionMessage) {\n        <p-message [text]=\"actionMessage.content\" [severity]=\"actionMessage.severity ?? 'success'\"></p-message>\n    }\n</div>\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$1.Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i5$1.UIMessage, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: FormlyFieldActionComponent, isStandalone: true, selector: "mng-formly-field-action", usesInheritance: true, ngImport: i0, template: "<div class=\"mng-field flex items-center\">\n    <button\n        type=\"button\"\n        pButton\n        [icon]=\"$any(descriptor.button?.icon)\"\n        [label]=\"$any(descriptor.button?.label === null ? null : (descriptor.button?.label ?? props!.label)) | translate\"\n        [pTooltip]=\"$any(descriptor.button?.tooltip) | translate\"\n        [disabled]=\"formControl.disabled\"\n        (click)=\"onClick()\"\n        [class]=\"buttonClass()\"></button>\n    @if (actionMessage) {\n        <p-message [text]=\"actionMessage.content\" [severity]=\"actionMessage.severity ?? 'success'\" closable=\"true\"></p-message>\n    }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldActionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-action', imports: [ButtonModule, RippleModule, TranslateModule, TooltipModule, MessageModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex\">\n    <button\n        type=\"button\"\n        pButton\n        pRipple\n        [icon]=\"$any(descriptor.button?.icon)\"\n        [label]=\"$any(descriptor.button?.label === null ? null : descriptor.button?.label ?? props!.label) | translate\"\n        [pTooltip]=\"$any(descriptor.button?.tooltip) | translate\"\n        [disabled]=\"formControl.disabled\"\n        (click)=\"onClick()\"\n        [class]=\"buttonClass + (actionMessage ? ' mr-2' : '')\"></button>\n    @if (actionMessage) {\n        <p-message [text]=\"actionMessage.content\" [severity]=\"actionMessage.severity ?? 'success'\"></p-message>\n    }\n</div>\n" }]
+            args: [{ selector: 'mng-formly-field-action', imports: [TranslateModule, Tooltip, Message, ButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mng-field flex items-center\">\n    <button\n        type=\"button\"\n        pButton\n        [icon]=\"$any(descriptor.button?.icon)\"\n        [label]=\"$any(descriptor.button?.label === null ? null : (descriptor.button?.label ?? props!.label)) | translate\"\n        [pTooltip]=\"$any(descriptor.button?.tooltip) | translate\"\n        [disabled]=\"formControl.disabled\"\n        (click)=\"onClick()\"\n        [class]=\"buttonClass()\"></button>\n    @if (actionMessage) {\n        <p-message [text]=\"actionMessage.content\" [severity]=\"actionMessage.severity ?? 'success'\" closable=\"true\"></p-message>\n    }\n</div>\n" }]
         }] });
 
 class FormlyFieldAutocompleteComponent extends ACommonsFormlyFieldType {
@@ -3679,12 +3689,12 @@ class FormlyFieldAutocompleteComponent extends ACommonsFormlyFieldType {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FormlyFieldAutocompleteComponent, isStandalone: true, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\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]=\"descriptor.inputClassName ?? 'mng-formly-field-autocomplete'\"\n    [showClear]=\"!props.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst ?? false\"\n    [autoClear]=\"descriptor.autocompleteAutoClear ?? false\"\n    [openOnFocus]=\"descriptor.autocompleteAutoClear ?? true\"\n    [inlineSearch]=\"descriptor.autocompleteInlineSearch ?? 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"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: FormlyFieldAutocompleteComponent, isStandalone: true, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\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.autocompleteInlineSearch ?? 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"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-autocomplete', imports: [AutocompleteComponent, ReactiveFormsModule, FormlyModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\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]=\"descriptor.inputClassName ?? 'mng-formly-field-autocomplete'\"\n    [showClear]=\"!props.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst ?? false\"\n    [autoClear]=\"descriptor.autocompleteAutoClear ?? false\"\n    [openOnFocus]=\"descriptor.autocompleteAutoClear ?? true\"\n    [inlineSearch]=\"descriptor.autocompleteInlineSearch ?? false\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\">\n</mng-autocomplete>\n" }]
+            args: [{ selector: 'mng-formly-field-autocomplete', imports: [AutocompleteComponent, ReactiveFormsModule, FormlyModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\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.autocompleteInlineSearch ?? false\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\">\n</mng-autocomplete>\n" }]
         }] });
 
 class FormlyFieldCustomComponent extends ACommonsFormlyFieldType {
@@ -3708,15 +3718,14 @@ class FormlyFieldCustomComponent extends ACommonsFormlyFieldType {
             ...this.descriptor.customComponentInputs
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FormlyFieldCustomComponent, isStandalone: true, selector: "mng-formly-field-custom", usesInheritance: true, ngImport: i0, template: ` <ng-container [mngComponent]="descriptor.customComponentType!" [inputs]="inputs"></ng-container> `, isInline: true, dependencies: [{ kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: FormlyFieldCustomComponent, isStandalone: true, selector: "mng-formly-field-custom", usesInheritance: true, ngImport: i0, template: `<ng-container [mngComponent]="descriptor.customComponentType!" [inputs]="inputs"></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldCustomComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldCustomComponent, decorators: [{
             type: Component,
             args: [{
-                    standalone: true,
                     selector: 'mng-formly-field-custom',
-                    template: ` <ng-container [mngComponent]="descriptor.customComponentType!" [inputs]="inputs"></ng-container> `,
+                    template: `<ng-container [mngComponent]="descriptor.customComponentType!" [inputs]="inputs"></ng-container>`,
                     imports: [ComponentDirective],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
@@ -3742,12 +3751,12 @@ class FormlyFieldDropdownComponent extends ACommonsFormlyFieldType {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FormlyFieldDropdownComponent, isStandalone: true, selector: "mng-formly-field-dropdown", usesInheritance: true, ngImport: i0, template: "<mng-dropdown\n    [id]=\"$any(key)\"\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    [showClear]=\"!props.required\"\n    [className]=\"descriptor.inputClassName ?? 'mng-formly-field-dropdown'\">\n</mng-dropdown>\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", "inlineSearch", "searchTrim"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: FormlyFieldDropdownComponent, isStandalone: true, selector: "mng-formly-field-dropdown", usesInheritance: true, ngImport: i0, template: "<mng-dropdown\n    [id]=\"$any(key)\"\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    [showClear]=\"!props.required\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\">\n</mng-dropdown>\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", "inlineSearch", "searchTrim"], outputs: ["valueChange", "blur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldDropdownComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-dropdown', imports: [DropdownComponent, ReactiveFormsModule, FormlyModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-dropdown\n    [id]=\"$any(key)\"\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    [showClear]=\"!props.required\"\n    [className]=\"descriptor.inputClassName ?? 'mng-formly-field-dropdown'\">\n</mng-dropdown>\n" }]
+            args: [{ selector: 'mng-formly-field-dropdown', imports: [DropdownComponent, ReactiveFormsModule, FormlyModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-dropdown\n    [id]=\"$any(key)\"\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    [showClear]=\"!props.required\"\n    [className]=\"controlInputClassName()\"\n    [class]=\"controlClassName()\">\n</mng-dropdown>\n" }]
         }] });
 
 function getEditorFieldLabel(descriptor, editorDescriptor) {
@@ -3791,39 +3800,45 @@ class FormlyFieldLabelPipe {
     transform(value, editorDescriptor) {
         return getEditorFieldLabel(value, editorDescriptor) ?? '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldLabelPipe, isStandalone: true, name: "mngFormlyFieldLabel" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldLabelPipe, isStandalone: true, name: "mngFormlyFieldLabel" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldLabelPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldLabelPipe, decorators: [{
             type: Pipe,
             args: [{
-                    standalone: true,
                     name: 'mngFormlyFieldLabel',
                     pure: true
                 }]
         }] });
 
-class FormlyFieldFieldsetComponent extends ACommonsFormlyFieldType {
+class ACommonsFormlyGroupType extends ACommonsFormlyType {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ACommonsFormlyGroupType, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: ACommonsFormlyGroupType, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ACommonsFormlyGroupType, decorators: [{
+            type: Directive
+        }] });
+
+class FormlyFieldFieldsetComponent extends ACommonsFormlyGroupType {
     constructor() {
         super(...arguments);
         this.typeFieldset = FieldGroupTypeEnum.Fieldset;
-        this.fieldGroup = signal([]);
+        this.fieldGroup = computed(() => {
+            const fieldGroup = this.fieldSig()?.fieldGroup;
+            return fieldGroup === undefined
+                ? []
+                : fieldGroup.map(f => ({
+                    type: f.props.descriptor?.type,
+                    config: f
+                }));
+        });
     }
-    ngOnInit() {
-        super.ngOnInit();
-        this.fieldGroup.set(this.field.fieldGroup === undefined
-            ? []
-            : this.field.fieldGroup.map(f => ({
-                type: f.props.descriptor?.type,
-                config: f
-            })));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldFieldsetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormlyFieldFieldsetComponent, isStandalone: true, selector: "mng-formly-field-fieldset", usesInheritance: true, ngImport: i0, template: "@for (group of fieldGroup(); track group) {\n    @switch (group.type) {\n        @case (typeFieldset) {\n            <p-fieldset\n                [legend]=\"group.config.props.descriptor | mngFormlyFieldLabel: group.config.props.editorDescriptor | translate\"\n                [hidden]=\"group.config.props['groupHidden']\">\n                <formly-field [field]=\"group.config\"></formly-field>\n            </p-fieldset>\n        }\n        @default {\n            <formly-field [field]=\"group.config\"></formly-field>\n        }\n    }\n}\n", dependencies: [{ kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i1$3.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$2.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldFieldsetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: FormlyFieldFieldsetComponent, isStandalone: true, selector: "mng-formly-field-fieldset", usesInheritance: true, ngImport: i0, template: "@for (group of fieldGroup(); track group) {\n    @switch (group.type) {\n        @case (typeFieldset) {\n            <p-fieldset\n                [legend]=\"group.config.props.descriptor | mngFormlyFieldLabel: group.config.props.editorDescriptor | translate\"\n                [hidden]=\"group.config.props['groupHidden']\">\n                <formly-field [field]=\"group.config\"></formly-field>\n            </p-fieldset>\n        }\n        @default {\n            <formly-field [field]=\"group.config\"></formly-field>\n        }\n    }\n}\n", dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$1.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "component", type: Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldFieldsetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldFieldsetComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-fieldset', imports: [FieldsetModule, FormlyModule, TranslateModule, FormlyFieldLabelPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (group of fieldGroup(); track group) {\n    @switch (group.type) {\n        @case (typeFieldset) {\n            <p-fieldset\n                [legend]=\"group.config.props.descriptor | mngFormlyFieldLabel: group.config.props.editorDescriptor | translate\"\n                [hidden]=\"group.config.props['groupHidden']\">\n                <formly-field [field]=\"group.config\"></formly-field>\n            </p-fieldset>\n        }\n        @default {\n            <formly-field [field]=\"group.config\"></formly-field>\n        }\n    }\n}\n" }]
+            args: [{ selector: 'mng-formly-field-fieldset', imports: [FormlyModule, TranslateModule, FormlyFieldLabelPipe, Fieldset], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (group of fieldGroup(); track group) {\n    @switch (group.type) {\n        @case (typeFieldset) {\n            <p-fieldset\n                [legend]=\"group.config.props.descriptor | mngFormlyFieldLabel: group.config.props.editorDescriptor | translate\"\n                [hidden]=\"group.config.props['groupHidden']\">\n                <formly-field [field]=\"group.config\"></formly-field>\n            </p-fieldset>\n        }\n        @default {\n            <formly-field [field]=\"group.config\"></formly-field>\n        }\n    }\n}\n" }]
         }] });
 
 class FormlyFieldInputComponent extends ACommonsFormlyFieldType {
@@ -3934,7 +3949,7 @@ class FormlyFieldInputComponent extends ACommonsFormlyFieldType {
     }
     onImageUrlLoadError() {
         if (this.formEditorComponent) {
-            const message = getFormEditorWarningMessage(this.translateService, 'general.error', 'mngEditor.imageLoadError');
+            const message = getFormEditorWarningMessage(this.translateService, 'mngEditor.imageLoadError');
             this.formEditorComponent.formMessages.set([...this.formEditorComponent.formMessages(), message]);
         }
     }
@@ -3973,47 +3988,48 @@ class FormlyFieldInputComponent extends ACommonsFormlyFieldType {
                 return 'pi-file';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", 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]=\"$any(key)\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [min]=\"descriptor.numberAutoCorrect ? (descriptor.numberMin ?? NUMBER_MIN_SAFE) : undefined\"\n            [max]=\"descriptor.numberAutoCorrect ? (descriptor.numberMax ?? NUMBER_MAX_SAFE) : undefined\"\n            [step]=\"$any(descriptor.numberStep)\"\n            [useGrouping]=\"descriptor.numberUseGrouping\"\n            [minFractionDigits]=\"descriptor.numberMinFractionDigits || 0\"\n            [maxFractionDigits]=\"descriptor.numberMaxFractionDigits || 0\"\n            [inputStyleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-number'\"\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        </p-inputNumber>\n    }\n    @case ('switch') {\n        <div class=\"field flex flex-column\">\n            <label [for]=\"key\" [class]=\"descriptor.labelClassName ?? ''\"\n                >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\n            <p-inputSwitch\n                [id]=\"$any(key)\"\n                [formControl]=\"iFormControl\"\n                [formlyAttributes]=\"field\"\n                [styleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-switch'\"></p-inputSwitch>\n            @if (showError) {\n                <small class=\"p-error\">\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]=\"key\" class=\"field-radiobutton\">\n                <p-radioButton\n                    [name]=\"$any(key)\"\n                    [value]=\"option.value\"\n                    [formControl]=\"iFormControl\"\n                    [formlyAttributes]=\"field\"\n                    [styleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-radio'\"></p-radioButton>\n                <label [for]=\"option.value\" [class]=\"'mng-radio-button-label ' + (descriptor.labelClassName ?? '')\">{{ option.title | translate }}</label>\n            </div>\n        }\n    }\n    @case ('textarea') {\n        <textarea\n            [id]=\"$any(key)\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [rows]=\"descriptor.rows ?? 3\"\n            pInputTextarea\n            [class]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-textarea'\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\">\n        </textarea>\n    }\n    @case ('mask') {\n        <p-inputMask\n            [id]=\"$any(key)\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mask]=\"descriptor.mask\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [slotChar]=\"$any(descriptor.slotChar)\"\n            [styleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-mask'\">\n        </p-inputMask>\n    }\n    @case ('file') {\n        <p-fileUpload\n            #fileUploadInput\n            [id]=\"$any(key)\"\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            (onSelect)=\"onFileSelect($event)\"\n            (onRemove)=\"onFileRemove($event)\"\n            (onClear)=\"onFileClear($event)\">\n            <ng-template let-file let-idx=\"index\" pTemplate=\"file\">\n                <div class=\"p-fileupload-row\">\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 align-items-center justify-content-center\">\n                                        <i class=\"pi pi-image text-2xl\"></i>\n                                    </span>\n                                }\n                            } @else {\n                                <span class=\"flex align-items-center justify-content-center\">\n                                    <i class=\"pi pi-image text-2xl\"></i>\n                                </span>\n                            }\n                        } @else {\n                            <span class=\"flex align-items-center justify-content-center\">\n                                <i [class]=\"'pi ' + getFileDocumentTypeIcon(file) + ' text-2xl'\"></i>\n                            </span>\n                        }\n                    </div>\n                    <div class=\"p-fileupload-filename\">{{ file.name }}</div>\n                    <div>{{ fileUploadInput.formatSize(file.size) }}</div>\n                    <div>\n                        <button\n                            type=\"button\"\n                            pButton\n                            (click)=\"fileUploadInput.remove($event, idx)\"\n                            [disabled]=\"fileUploadInput.uploading\"\n                            class=\"p-button-icon-only\"\n                            [class]=\"fileUploadInput.removeStyleClass\">\n                            @if (!fileUploadInput.cancelIconTemplate) {\n                                <TimesIcon />\n                            }\n                        </button>\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template pTemplate=\"content\" let-files>\n                @if (files.length === 0) {\n                    <div class=\"text-gray-300 dropdown-area\">\n                        <span><i class=\"pi pi-file-import mr-2\"></i>{{ 'fileUpload.dragAndDrop' | translate }}</span>\n                    </div>\n                }\n            </ng-template>\n        </p-fileUpload>\n    }\n    @case ('imageUrl') {\n        <div>\n            @if (descriptor.imagePreview) {\n                <div class=\"flex flex-wrap justify-content-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-container no-image\">\n                                    <div class=\"p-image-preview-indicator\">\n                                        <i class=\"p-image-preview-icon 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                    <div class=\"p-inputgroup\">\n                        <input\n                            pInputText\n                            [placeholder]=\"'mngEditor.imageUrlPlaceholder' | translate\"\n                            [id]=\"$any(key)\"\n                            type=\"text\"\n                            [formControl]=\"$any(imageFormArray.at(idx))\"\n                            [formlyAttributes]=\"field\" />\n                        @if (descriptor.fileMultiple && !iFormControl.disabled) {\n                            <button type=\"button\" pButton pRipple icon=\"pi pi-minus\" (click)=\"removeImageUrlAt(idx)\"></button>\n                        }\n                    </div>\n                }\n                @if (descriptor.fileMultiple && !iFormControl.disabled) {\n                    <button\n                        type=\"button\"\n                        pButton\n                        pRipple\n                        icon=\"pi pi-plus\"\n                        class=\"p-button-primary w-auto\"\n                        [label]=\"'mngEditor.imageUrlAdd' | translate\"\n                        (click)=\"addImageUrl()\"></button>\n                }\n            }\n        </div>\n    }\n    @default {\n        <input\n            pInputText\n            [id]=\"$any(key)\"\n            [type]=\"props.type || 'text'\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mngInputTrim]=\"descriptor.trimOption\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n    }\n}\n", dependencies: [{ kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i1$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: i2$2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i6$1.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i7.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i8.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i9.FileUpload, selector: "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", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: ImageModule }, { kind: "component", type: i11.Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "style", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "appendTo", "preview", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i12.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i13.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$1.Ripple, selector: "[pRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "directive", type: InputTrimDirective, selector: "[mngInputTrim]", inputs: ["mngInputTrim"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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]=\"$any(key)\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [min]=\"descriptor.numberAutoCorrect ? (descriptor.numberMin ?? NUMBER_MIN_SAFE) : undefined\"\n            [max]=\"descriptor.numberAutoCorrect ? (descriptor.numberMax ?? NUMBER_MAX_SAFE) : undefined\"\n            [step]=\"$any(descriptor.numberStep)\"\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            <label [for]=\"key\" [class]=\"labelClassName()\"\n                >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\n            <p-toggle-switch [id]=\"$any(key)\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-toggle-switch>\n            @if (showError) {\n                <small class=\"mng-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]=\"key\" 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]=\"$any(key)\"\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]=\"$any(key)\"\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]=\"$any(key)\"\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]=\"$any(key)\"\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]=\"$any(key)\"\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", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: i2$1.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], 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", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "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: ["variant", "fluid", "pSize"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "directive", type: InputTrimDirective, selector: "[mngInputTrim]", inputs: ["mngInputTrim"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "directive", type: Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "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: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "style", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "appendTo", "preview", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "directive", type: InputEmptyValueDirective, selector: "[mngInputEmptyValue]", inputs: ["mngInputEmptyValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldInputComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-input', imports: [
-                        InputNumberModule,
+            args: [{ selector: 'mng-formly-field-input', imports: [
+                        InputNumber,
                         ReactiveFormsModule,
                         FormlyModule,
                         TranslateModule,
-                        InputSwitchModule,
-                        RadioButtonModule,
-                        InputMaskModule,
-                        FileUploadModule,
-                        ImageModule,
-                        InputTextareaModule,
-                        InputTextModule,
-                        RippleModule,
-                        TimesIcon,
-                        InputTrimDirective,
+                        RadioButton,
+                        InputMask,
+                        FileUpload,
+                        InputText,
                         ComponentDirective,
                         InputTrimDirective,
-                        FormlyFieldLabelPipe
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (props.type) {\n    @case ('number') {\n        <p-inputNumber\n            [id]=\"$any(key)\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [min]=\"descriptor.numberAutoCorrect ? (descriptor.numberMin ?? NUMBER_MIN_SAFE) : undefined\"\n            [max]=\"descriptor.numberAutoCorrect ? (descriptor.numberMax ?? NUMBER_MAX_SAFE) : undefined\"\n            [step]=\"$any(descriptor.numberStep)\"\n            [useGrouping]=\"descriptor.numberUseGrouping\"\n            [minFractionDigits]=\"descriptor.numberMinFractionDigits || 0\"\n            [maxFractionDigits]=\"descriptor.numberMaxFractionDigits || 0\"\n            [inputStyleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-number'\"\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        </p-inputNumber>\n    }\n    @case ('switch') {\n        <div class=\"field flex flex-column\">\n            <label [for]=\"key\" [class]=\"descriptor.labelClassName ?? ''\"\n                >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\n            <p-inputSwitch\n                [id]=\"$any(key)\"\n                [formControl]=\"iFormControl\"\n                [formlyAttributes]=\"field\"\n                [styleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-switch'\"></p-inputSwitch>\n            @if (showError) {\n                <small class=\"p-error\">\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]=\"key\" class=\"field-radiobutton\">\n                <p-radioButton\n                    [name]=\"$any(key)\"\n                    [value]=\"option.value\"\n                    [formControl]=\"iFormControl\"\n                    [formlyAttributes]=\"field\"\n                    [styleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-radio'\"></p-radioButton>\n                <label [for]=\"option.value\" [class]=\"'mng-radio-button-label ' + (descriptor.labelClassName ?? '')\">{{ option.title | translate }}</label>\n            </div>\n        }\n    }\n    @case ('textarea') {\n        <textarea\n            [id]=\"$any(key)\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [rows]=\"descriptor.rows ?? 3\"\n            pInputTextarea\n            [class]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-textarea'\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\">\n        </textarea>\n    }\n    @case ('mask') {\n        <p-inputMask\n            [id]=\"$any(key)\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mask]=\"descriptor.mask\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n            [slotChar]=\"$any(descriptor.slotChar)\"\n            [styleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-input mng-formly-field-input-mask'\">\n        </p-inputMask>\n    }\n    @case ('file') {\n        <p-fileUpload\n            #fileUploadInput\n            [id]=\"$any(key)\"\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            (onSelect)=\"onFileSelect($event)\"\n            (onRemove)=\"onFileRemove($event)\"\n            (onClear)=\"onFileClear($event)\">\n            <ng-template let-file let-idx=\"index\" pTemplate=\"file\">\n                <div class=\"p-fileupload-row\">\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 align-items-center justify-content-center\">\n                                        <i class=\"pi pi-image text-2xl\"></i>\n                                    </span>\n                                }\n                            } @else {\n                                <span class=\"flex align-items-center justify-content-center\">\n                                    <i class=\"pi pi-image text-2xl\"></i>\n                                </span>\n                            }\n                        } @else {\n                            <span class=\"flex align-items-center justify-content-center\">\n                                <i [class]=\"'pi ' + getFileDocumentTypeIcon(file) + ' text-2xl'\"></i>\n                            </span>\n                        }\n                    </div>\n                    <div class=\"p-fileupload-filename\">{{ file.name }}</div>\n                    <div>{{ fileUploadInput.formatSize(file.size) }}</div>\n                    <div>\n                        <button\n                            type=\"button\"\n                            pButton\n                            (click)=\"fileUploadInput.remove($event, idx)\"\n                            [disabled]=\"fileUploadInput.uploading\"\n                            class=\"p-button-icon-only\"\n                            [class]=\"fileUploadInput.removeStyleClass\">\n                            @if (!fileUploadInput.cancelIconTemplate) {\n                                <TimesIcon />\n                            }\n                        </button>\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template pTemplate=\"content\" let-files>\n                @if (files.length === 0) {\n                    <div class=\"text-gray-300 dropdown-area\">\n                        <span><i class=\"pi pi-file-import mr-2\"></i>{{ 'fileUpload.dragAndDrop' | translate }}</span>\n                    </div>\n                }\n            </ng-template>\n        </p-fileUpload>\n    }\n    @case ('imageUrl') {\n        <div>\n            @if (descriptor.imagePreview) {\n                <div class=\"flex flex-wrap justify-content-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-container no-image\">\n                                    <div class=\"p-image-preview-indicator\">\n                                        <i class=\"p-image-preview-icon 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                    <div class=\"p-inputgroup\">\n                        <input\n                            pInputText\n                            [placeholder]=\"'mngEditor.imageUrlPlaceholder' | translate\"\n                            [id]=\"$any(key)\"\n                            type=\"text\"\n                            [formControl]=\"$any(imageFormArray.at(idx))\"\n                            [formlyAttributes]=\"field\" />\n                        @if (descriptor.fileMultiple && !iFormControl.disabled) {\n                            <button type=\"button\" pButton pRipple icon=\"pi pi-minus\" (click)=\"removeImageUrlAt(idx)\"></button>\n                        }\n                    </div>\n                }\n                @if (descriptor.fileMultiple && !iFormControl.disabled) {\n                    <button\n                        type=\"button\"\n                        pButton\n                        pRipple\n                        icon=\"pi pi-plus\"\n                        class=\"p-button-primary w-auto\"\n                        [label]=\"'mngEditor.imageUrlAdd' | translate\"\n                        (click)=\"addImageUrl()\"></button>\n                }\n            }\n        </div>\n    }\n    @default {\n        <input\n            pInputText\n            [id]=\"$any(key)\"\n            [type]=\"props.type || 'text'\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [mngInputTrim]=\"descriptor.trimOption\"\n            [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n    }\n}\n" }]
+                        FormlyFieldLabelPipe,
+                        Textarea,
+                        Button,
+                        InputGroup,
+                        InputGroupAddon,
+                        ToggleSwitch,
+                        Image,
+                        InputEmptyValueDirective
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@switch (props.type) {\n    @case ('number') {\n        <p-inputNumber\n            [id]=\"$any(key)\"\n            [formControl]=\"iFormControl\"\n            [formlyAttributes]=\"field\"\n            [min]=\"descriptor.numberAutoCorrect ? (descriptor.numberMin ?? NUMBER_MIN_SAFE) : undefined\"\n            [max]=\"descriptor.numberAutoCorrect ? (descriptor.numberMax ?? NUMBER_MAX_SAFE) : undefined\"\n            [step]=\"$any(descriptor.numberStep)\"\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            <label [for]=\"key\" [class]=\"labelClassName()\"\n                >{{ descriptor | mngFormlyFieldLabel: editorDescriptor | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\n            <p-toggle-switch [id]=\"$any(key)\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"controlClassName()\"></p-toggle-switch>\n            @if (showError) {\n                <small class=\"mng-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]=\"key\" 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]=\"$any(key)\"\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]=\"$any(key)\"\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]=\"$any(key)\"\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]=\"$any(key)\"\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]=\"$any(key)\"\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 {
     constructor() {
         super(...arguments);
-        this.className = 'hidden';
+        this.className = 'hidden!';
     }
     ngOnInit() {
         super.ngOnInit();
         this.formControl?.patchValue(this.descriptor.label);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FormlyFieldLabelComponent, isStandalone: true, selector: "mng-formly-field-label", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: FormlyFieldLabelComponent, isStandalone: true, selector: "mng-formly-field-label", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldLabelComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
+            args: [{ selector: 'mng-formly-field-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
@@ -4031,7 +4047,6 @@ class FormlyFieldLookupDialogComponent extends ACommonsFormlyFieldType {
         this.isDialogVisible = false;
         this.dialogAreItemsLoaded = false;
         this.dialogSelectedItem = null;
-        this.dialogMessages = [];
         this.dialogIsLoading = signal(false);
     }
     ngOnInit() {
@@ -4176,12 +4191,12 @@ class FormlyFieldLookupDialogComponent extends ACommonsFormlyFieldType {
             this.fieldLabelFormControl.setValue(value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldLookupDialogComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormlyFieldLookupDialogComponent, isStandalone: true, selector: "mng-formly-field-lookup-dialog", providers: [provideViewContainer(false)], viewQueries: [{ propertyName: "table", first: true, predicate: TableComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    [class]=\"'p-inputgroup mng-dropdown-dialog' + (descriptor.inputClassName ?? 'mng-formly-field-lookup-dialog')\"\n    [class.p-inputtext-sm]=\"descriptor.isSizeSmall\"\n    [class.p-inputtext-lg]=\"descriptor.isSizeLarge\">\n    <input\n        pInputText\n        type=\"text\"\n        [id]=\"$any(key)\"\n        [readonly]=\"true\"\n        [formlyAttributes]=\"field\"\n        [formControl]=\"fieldLabelFormControl\"\n        [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n    @if (!props.required && formControl.value && !formControl.disabled) {\n        <i class=\"mng-dropdown-clear-icon pi pi-times\" (click)=\"clear()\"></i>\n    }\n    <button\n        pButton\n        pRipple\n        class=\"mng-dropdown-dialog-search-button\"\n        type=\"button\"\n        [label]=\"'general.search' | translate: {item: ''}\"\n        [disabled]=\"formControl.disabled\"\n        (click)=\"openSelectDialog()\"></button>\n</div>\n\n<p-dialog\n    [(visible)]=\"isDialogVisible\"\n    [draggable]=\"false\"\n    [header]=\"'general.search' | translate: {item: props.label!}\"\n    [modal]=\"true\"\n    appendTo=\"body\"\n    styleClass=\"p-fluid mng-dialog mng-formly-field-lookup-dialog\">\n    <ng-template pTemplate=\"content\" mngDialogKeydownHandler>\n        <mng-table\n            [descriptor]=\"descriptor.dialogTableDescriptor!\"\n            [dataProvider]=\"descriptor.dialogTableDataProvider\"\n            [result]=\"addItems()\"\n            [selectionEnabled]=\"true\"\n            [selectionMode]=\"'single'\"\n            [loading]=\"dialogIsLoading()\"\n            [captionComponent]=\"config.table?.captionComponent\"\n            [columnCustomLastComponent]=\"config.table?.columnActionComponent\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            (captionComponentInstance)=\"onCaptionCmpInst($event)\"\n            (columnCustomLastComponentInstance)=\"onColumnActionCmpInst($event)\">\n        </mng-table>\n        <p-messages [value]=\"dialogMessages\"></p-messages>\n    </ng-template>\n\n    <ng-template pTemplate=\"footer\">\n        <button pButton pRipple type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" class=\"p-button-text\" (click)=\"hideDialog()\"></button>\n        <button\n            pButton\n            pRipple\n            type=\"button\"\n            [label]=\"'general.select' | translate\"\n            icon=\"pi pi-check\"\n            class=\"p-button-text\"\n            (click)=\"onAddItem()\"\n            [loading]=\"dialogIsLoading()\"\n            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"form.disabled\"></button>\n    </ng-template>\n</p-dialog>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$1.Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], 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", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance", "rowReorder"] }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i3$2.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i13.InputText, selector: "[pInputText]", inputs: ["variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldLookupDialogComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: FormlyFieldLookupDialogComponent, isStandalone: true, selector: "mng-formly-field-lookup-dialog", providers: [provideViewContainer(false)], viewQueries: [{ propertyName: "table", first: true, predicate: TableComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<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]=\"$any(key)\"\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\n    [(visible)]=\"isDialogVisible\"\n    [draggable]=\"false\"\n    [header]=\"'general.search' | translate: {item: props.label!}\"\n    [modal]=\"true\"\n    appendTo=\"body\"\n    styleClass=\"mng-dialog mng-formly-field-lookup-dialog\">\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            [captionComponent]=\"config.table?.captionComponent\"\n            [columnCustomLastComponent]=\"config.table?.columnActionComponent\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            (captionComponentInstance)=\"onCaptionCmpInst($event)\"\n            (columnCustomLastComponentInstance)=\"onColumnActionCmpInst($event)\">\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            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"form.disabled\"></button>\n    </ng-template>\n</p-dialog>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "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", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance", "rowReorder"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "component", type: InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldLookupDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldLookupDialogComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-lookup-dialog', imports: [TranslateModule, FormlyModule, ReactiveFormsModule, ButtonModule, RippleModule, DialogModule, TableComponent, MessagesModule, InputTextModule], providers: [provideViewContainer(false)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [class]=\"'p-inputgroup mng-dropdown-dialog' + (descriptor.inputClassName ?? 'mng-formly-field-lookup-dialog')\"\n    [class.p-inputtext-sm]=\"descriptor.isSizeSmall\"\n    [class.p-inputtext-lg]=\"descriptor.isSizeLarge\">\n    <input\n        pInputText\n        type=\"text\"\n        [id]=\"$any(key)\"\n        [readonly]=\"true\"\n        [formlyAttributes]=\"field\"\n        [formControl]=\"fieldLabelFormControl\"\n        [placeholder]=\"descriptor.placeholder ?? '' | translate\" />\n    @if (!props.required && formControl.value && !formControl.disabled) {\n        <i class=\"mng-dropdown-clear-icon pi pi-times\" (click)=\"clear()\"></i>\n    }\n    <button\n        pButton\n        pRipple\n        class=\"mng-dropdown-dialog-search-button\"\n        type=\"button\"\n        [label]=\"'general.search' | translate: {item: ''}\"\n        [disabled]=\"formControl.disabled\"\n        (click)=\"openSelectDialog()\"></button>\n</div>\n\n<p-dialog\n    [(visible)]=\"isDialogVisible\"\n    [draggable]=\"false\"\n    [header]=\"'general.search' | translate: {item: props.label!}\"\n    [modal]=\"true\"\n    appendTo=\"body\"\n    styleClass=\"p-fluid mng-dialog mng-formly-field-lookup-dialog\">\n    <ng-template pTemplate=\"content\" mngDialogKeydownHandler>\n        <mng-table\n            [descriptor]=\"descriptor.dialogTableDescriptor!\"\n            [dataProvider]=\"descriptor.dialogTableDataProvider\"\n            [result]=\"addItems()\"\n            [selectionEnabled]=\"true\"\n            [selectionMode]=\"'single'\"\n            [loading]=\"dialogIsLoading()\"\n            [captionComponent]=\"config.table?.captionComponent\"\n            [columnCustomLastComponent]=\"config.table?.columnActionComponent\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            (captionComponentInstance)=\"onCaptionCmpInst($event)\"\n            (columnCustomLastComponentInstance)=\"onColumnActionCmpInst($event)\">\n        </mng-table>\n        <p-messages [value]=\"dialogMessages\"></p-messages>\n    </ng-template>\n\n    <ng-template pTemplate=\"footer\">\n        <button pButton pRipple type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" class=\"p-button-text\" (click)=\"hideDialog()\"></button>\n        <button\n            pButton\n            pRipple\n            type=\"button\"\n            [label]=\"'general.select' | translate\"\n            icon=\"pi pi-check\"\n            class=\"p-button-text\"\n            (click)=\"onAddItem()\"\n            [loading]=\"dialogIsLoading()\"\n            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"form.disabled\"></button>\n    </ng-template>\n</p-dialog>\n" }]
+            args: [{ selector: 'mng-formly-field-lookup-dialog', imports: [TranslateModule, FormlyModule, ReactiveFormsModule, Dialog, TableComponent, InputText, InputGroup, InputGroupAddon, ButtonDirective], providers: [provideViewContainer(false)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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]=\"$any(key)\"\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\n    [(visible)]=\"isDialogVisible\"\n    [draggable]=\"false\"\n    [header]=\"'general.search' | translate: {item: props.label!}\"\n    [modal]=\"true\"\n    appendTo=\"body\"\n    styleClass=\"mng-dialog mng-formly-field-lookup-dialog\">\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            [captionComponent]=\"config.table?.captionComponent\"\n            [columnCustomLastComponent]=\"config.table?.columnActionComponent\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            (captionComponentInstance)=\"onCaptionCmpInst($event)\"\n            (columnCustomLastComponentInstance)=\"onColumnActionCmpInst($event)\">\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            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"form.disabled\"></button>\n    </ng-template>\n</p-dialog>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { table: [{
                 type: ViewChild,
                 args: [TableComponent]
@@ -4251,7 +4266,8 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
                 label: null,
                 icon: 'pi pi-plus',
                 style: {
-                    size: StyleSizeEnum.ExtraSmall
+                    size: StyleSizeEnum.ExtraSmall,
+                    outlined: true
                 }
             });
             this.actions.push(addAction);
@@ -4286,7 +4302,9 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
                 label: null,
                 icon: 'pi pi-pencil',
                 style: {
-                    size: StyleSizeEnum.ExtraSmall
+                    size: StyleSizeEnum.ExtraSmall,
+                    outlined: true,
+                    level: StyleLevelEnum.Secondary
                 }
             });
             this.actions.push(editAction);
@@ -4325,7 +4343,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
                 this.formControl.markAsTouched();
                 return of(ctxItem);
             })
-                .withNotifications(true)
+                .withNotifications(false)
                 .withIsVisibleFunction(ctx => (this.hideActionsForRowWithDefaultLocalization(ctx) ? of(false) : this.formStateDisabled$.pipe(map(v => !v))))
                 .withIsEnabledFunction(() => this.isEnabled$)
                 .withButtonOpts({
@@ -4333,7 +4351,8 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
                 icon: 'pi pi-trash',
                 style: {
                     level: StyleLevelEnum.Danger,
-                    size: StyleSizeEnum.ExtraSmall
+                    size: StyleSizeEnum.ExtraSmall,
+                    outlined: true
                 }
             });
             this.actions.push(deleteAction);
@@ -4402,12 +4421,12 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldTableDialogFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormlyFieldTableDialogFormComponent, isStandalone: true, selector: "mng-formly-table-dialog-form-field", providers: [provideViewContainer(false)], usesInheritance: true, ngImport: i0, template: "<mng-action-table [descriptor]=\"descriptor.tableDescriptor\" [items]=\"items()\" [actions]=\"actions\" [rowReorderEnabled]=\"!disableRowReorder()\" (rowReorder)=\"onRowReorder($event)\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex justify-content-end align-items-center\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\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            <div>\n                @for (action of toolbarRightActions; track action) {\n                    <mng-action [action]=\"action\"></mng-action>\n                }\n            </div>\n        </div>\n    </ng-template>\n</mng-action-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { 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", "selectionMode", "selectionEnabled", "globalFilterFields", "rowReorderEnabled", "actions", "captionComponent", "columnActionComponent", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "captionComponentInstance", "columnActionComponentInstance", "rowReorder"] }, { kind: "directive", type: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldTableDialogFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: FormlyFieldTableDialogFormComponent, isStandalone: true, selector: "mng-formly-table-dialog-form-field", providers: [provideViewContainer(false)], usesInheritance: true, ngImport: i0, template: "<mng-action-table\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 mngTemplate=\"caption\">\n        <div class=\"flex justify-end items-center\">\n            <label class=\"grow\" [for]=\"key\"\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            <div>\n                @for (action of toolbarRightActions; track action) {\n                    <mng-action [action]=\"action\"></mng-action>\n                }\n            </div>\n        </div>\n    </ng-template>\n</mng-action-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { 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", "tableClassName", "selectionMode", "selectionEnabled", "globalFilterFields", "rowReorderEnabled", "actions", "captionComponent", "columnActionComponent", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "captionComponentInstance", "columnActionComponentInstance", "rowReorder"] }, { kind: "directive", type: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldTableDialogFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldTableDialogFormComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-table-dialog-form-field', imports: [TranslateModule, ActionComponent, ActionTableComponent, TemplateDirective, FormlyFieldLabelPipe, TooltipModule, NgClass], providers: [provideViewContainer(false)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-action-table [descriptor]=\"descriptor.tableDescriptor\" [items]=\"items()\" [actions]=\"actions\" [rowReorderEnabled]=\"!disableRowReorder()\" (rowReorder)=\"onRowReorder($event)\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex justify-content-end align-items-center\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\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            <div>\n                @for (action of toolbarRightActions; track action) {\n                    <mng-action [action]=\"action\"></mng-action>\n                }\n            </div>\n        </div>\n    </ng-template>\n</mng-action-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"] }]
+            args: [{ selector: 'mng-formly-table-dialog-form-field', imports: [TranslateModule, ActionComponent, ActionTableComponent, TemplateDirective, FormlyFieldLabelPipe, NgClass, Tooltip], providers: [provideViewContainer(false)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-action-table\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 mngTemplate=\"caption\">\n        <div class=\"flex justify-end items-center\">\n            <label class=\"grow\" [for]=\"key\"\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            <div>\n                @for (action of toolbarRightActions; track action) {\n                    <mng-action [action]=\"action\"></mng-action>\n                }\n            </div>\n        </div>\n    </ng-template>\n</mng-action-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"] }]
         }] });
 
 class FormlyFieldTableDialogMultiselectComponent extends ACommonsFormlyFieldType {
@@ -4579,18 +4598,18 @@ class FormlyFieldTableDialogMultiselectComponent extends ACommonsFormlyFieldType
         this.formControl.setValue(newValue);
         this.descriptor.nextEvent(FormFieldEventTypeEnum.RowReorder, this, { dragIndex: event.dragIndex, dropIndex: event.dropIndex });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", 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 [descriptor]=\"descriptor.mainTableDescriptor\" [items]=\"items()\" [rowReorderEnabled]=\"!disableRowReorder()\" (rowReorder)=\"onRowReorder($event)\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex justify-content-end align-items-center\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\">\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            <div>\n                @if (hasAddAction && !options.formState?.disabled) {\n                    <button\n                        pButton\n                        pRipple\n                        type=\"button\"\n                        icon=\"pi pi-plus\"\n                        class=\"p-button-rounded mng-button-xs\"\n                        (click)=\"openAddDialog()\"\n                        [disabled]=\"formControl!.disabled\"></button>\n                }\n            </div>\n        </div>\n    </ng-template>\n    <ng-template mngTemplate=\"columnCustomLast\" let-item=\"rowItem\">\n        @if (hasDeleteAction && !options.formState?.disabled) {\n            <button\n                pButton\n                pRipple\n                type=\"button\"\n                icon=\"pi pi-trash\"\n                class=\"p-button-rounded p-button-danger 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\n        [(visible)]=\"isDialogVisible\"\n        [draggable]=\"false\"\n        [header]=\"'general.addItem' | translate: {item: props.label! | translate}\"\n        [modal]=\"true\"\n        appendTo=\"body\"\n        styleClass=\"p-fluid mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\n        <ng-template pTemplate=\"content\" class=\"table-container\" mngDialogKeydownHandler>\n            <div class=\"h-full flex flex-column\">\n                <div class=\"flex-grow-1 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-content-end mng-formly-field-table-multiselect-dialog-footer\">\n                    <button pButton pRipple type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" class=\"p-button-text\" (click)=\"hideDialog()\"></button>\n                    <button\n                        pButton\n                        pRipple\n                        type=\"button\"\n                        [label]=\"'general.add' | translate\"\n                        icon=\"pi pi-check\"\n                        class=\"p-button-primary\"\n                        (click)=\"onAddItems()\"\n                        [loading]=\"dialogIsLoading()\"\n                        loadingIcon=\"pi pi-spin pi-spinner\"\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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "cellClickEnabled", "selectionMode", "selectionEnabled", "rowReorderEnabled", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance", "rowReorder"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$1.Ripple, selector: "[pRipple]" }, { kind: "directive", type: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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    [descriptor]=\"descriptor.mainTableDescriptor\"\n    [items]=\"items()\"\n    [rowReorderEnabled]=\"!disableRowReorder()\"\n    (rowReorder)=\"onRowReorder($event)\"\n    class=\"mng-table-header-compact\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex justify-end items-center\">\n            <label class=\"grow\" [for]=\"key\">\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            <div>\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        </div>\n    </ng-template>\n    <ng-template mngTemplate=\"columnCustomLast\" let-item=\"rowItem\">\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\n        [(visible)]=\"isDialogVisible\"\n        [draggable]=\"false\"\n        [header]=\"'general.addItem' | translate: {item: props.label! | translate}\"\n        [modal]=\"true\"\n        appendTo=\"body\"\n        styleClass=\"mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\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                        class=\"p-button-primary\"\n                        (click)=\"onAddItems()\"\n                        [loading]=\"dialogIsLoading()\"\n                        loadingIcon=\"pi pi-spin pi-spinner\"\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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "cellClickEnabled", "selectionMode", "selectionEnabled", "rowReorderEnabled", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance", "rowReorder"] }, { kind: "directive", type: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-table-multiselect-add-field', imports: [TranslateModule, TableComponent, DialogModule, ButtonModule, RippleModule, TemplateDirective, InputTextModule, FormlyFieldLabelPipe, TooltipModule, NgClass], providers: [provideViewContainer(false)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-table [descriptor]=\"descriptor.mainTableDescriptor\" [items]=\"items()\" [rowReorderEnabled]=\"!disableRowReorder()\" (rowReorder)=\"onRowReorder($event)\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex justify-content-end align-items-center\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\">\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            <div>\n                @if (hasAddAction && !options.formState?.disabled) {\n                    <button\n                        pButton\n                        pRipple\n                        type=\"button\"\n                        icon=\"pi pi-plus\"\n                        class=\"p-button-rounded mng-button-xs\"\n                        (click)=\"openAddDialog()\"\n                        [disabled]=\"formControl!.disabled\"></button>\n                }\n            </div>\n        </div>\n    </ng-template>\n    <ng-template mngTemplate=\"columnCustomLast\" let-item=\"rowItem\">\n        @if (hasDeleteAction && !options.formState?.disabled) {\n            <button\n                pButton\n                pRipple\n                type=\"button\"\n                icon=\"pi pi-trash\"\n                class=\"p-button-rounded p-button-danger 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\n        [(visible)]=\"isDialogVisible\"\n        [draggable]=\"false\"\n        [header]=\"'general.addItem' | translate: {item: props.label! | translate}\"\n        [modal]=\"true\"\n        appendTo=\"body\"\n        styleClass=\"p-fluid mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\n        <ng-template pTemplate=\"content\" class=\"table-container\" mngDialogKeydownHandler>\n            <div class=\"h-full flex flex-column\">\n                <div class=\"flex-grow-1 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-content-end mng-formly-field-table-multiselect-dialog-footer\">\n                    <button pButton pRipple type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" class=\"p-button-text\" (click)=\"hideDialog()\"></button>\n                    <button\n                        pButton\n                        pRipple\n                        type=\"button\"\n                        [label]=\"'general.add' | translate\"\n                        icon=\"pi pi-check\"\n                        class=\"p-button-primary\"\n                        (click)=\"onAddItems()\"\n                        [loading]=\"dialogIsLoading()\"\n                        loadingIcon=\"pi pi-spin pi-spinner\"\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"] }]
+            args: [{ selector: 'mng-formly-table-multiselect-add-field', imports: [TranslateModule, TableComponent, TemplateDirective, FormlyFieldLabelPipe, NgClass, ButtonDirective, Tooltip, Dialog], providers: [provideViewContainer(false)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-table\n    [descriptor]=\"descriptor.mainTableDescriptor\"\n    [items]=\"items()\"\n    [rowReorderEnabled]=\"!disableRowReorder()\"\n    (rowReorder)=\"onRowReorder($event)\"\n    class=\"mng-table-header-compact\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex justify-end items-center\">\n            <label class=\"grow\" [for]=\"key\">\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            <div>\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        </div>\n    </ng-template>\n    <ng-template mngTemplate=\"columnCustomLast\" let-item=\"rowItem\">\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\n        [(visible)]=\"isDialogVisible\"\n        [draggable]=\"false\"\n        [header]=\"'general.addItem' | translate: {item: props.label! | translate}\"\n        [modal]=\"true\"\n        appendTo=\"body\"\n        styleClass=\"mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\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                        class=\"p-button-primary\"\n                        (click)=\"onAddItems()\"\n                        [loading]=\"dialogIsLoading()\"\n                        loadingIcon=\"pi pi-spin pi-spinner\"\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"] }]
         }], propDecorators: { addTableComponent: [{
                 type: ViewChild,
                 args: ['addTableComponent']
             }] } });
 
-class FormlyFieldTabsComponent extends ACommonsFormlyFieldType {
+class FormlyFieldTabsComponent extends ACommonsFormlyGroupType {
     constructor() {
         super(...arguments);
         this.fieldGroup = signal([]);
@@ -4599,20 +4618,31 @@ class FormlyFieldTabsComponent extends ACommonsFormlyFieldType {
         super.ngOnInit();
         this.fieldGroup.set(this.field.fieldGroup === undefined ? [] : this.field.fieldGroup);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormlyFieldTabsComponent, isStandalone: true, selector: "mng-formly-field-tabs", usesInheritance: true, ngImport: i0, template: "<p-tabView [scrollable]=\"true\">\n    @for (tab of fieldGroup(); track tab) {\n        <p-tabPanel\n            [header]=\"tab.props.descriptor | mngFormlyFieldLabel: tab.props.editorDescriptor | translate\"\n            [headerStyleClass]=\"(formControl!.valid ? 'p-tabview-title' : '') + (tab.props['groupHidden'] ? ' hidden' : '')\"\n            [hidden]=\"tab.props['groupHidden']\">\n            <ng-template pTemplate=\"header\">\n                <span class=\"p-tabview-title\" [class.p-tabview-title-error]=\"formState.submittedOn && formState['tab_' + (tab.id ? tab.id : (tab.key ?? '')) + '_invalid']\">{{\n                    tab.props.descriptor | mngFormlyFieldLabel: tab.props.editorDescriptor | translate\n                }}</span>\n            </ng-template>\n            <formly-field [field]=\"tab\"></formly-field>\n        </p-tabPanel>\n    }\n</p-tabView>\n", dependencies: [{ kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i1$5.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i1$5.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$2.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: FormlyFieldTabsComponent, isStandalone: true, selector: "mng-formly-field-tabs", usesInheritance: true, ngImport: i0, template: "<p-tabs scrollable=\"true\" [value]=\"fieldGroup()[0].id ?? 0\">\n    <p-tablist>\n        @for (tab of fieldGroup(); track tab; let idx = $index) {\n            <p-tab [value]=\"tab.id ?? idx\" [class.!hidden]=\"tab.props['groupHidden']\">\n                <span class=\"mng-tab-title\" [class.mng-tab-error]=\"formState.submittedOn && formState['tab_' + (tab.id ? tab.id : (tab.key ?? '')) + '_invalid']\">\n                    {{ tab.props.descriptor | mngFormlyFieldLabel: tab.props.editorDescriptor | translate }}\n                </span>\n            </p-tab>\n        }\n    </p-tablist>\n    <p-tabpanels>\n        @for (tab of fieldGroup(); track tab; let idx = $index) {\n            <p-tabpanel [value]=\"tab.id ?? idx\" [class.!hidden]=\"tab.props['groupHidden']\">\n                <formly-field [field]=\"tab\"></formly-field>\n            </p-tabpanel>\n        }\n    </p-tabpanels>\n</p-tabs>\n", styles: ["mng-formly-field-tabs .p-tab .mng-tab-title.mng-tab-error{color:var(--p-form-field-float-label-invalid-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$1.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "component", type: Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: TabList, selector: "p-tablist" }, { kind: "component", type: Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TabPanels, selector: "p-tabpanels" }, { kind: "component", type: TabPanel, selector: "p-tabpanel", inputs: ["value"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldTabsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-tabs', imports: [TabViewModule, TranslateModule, FormlyModule, FormlyFieldLabelPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-tabView [scrollable]=\"true\">\n    @for (tab of fieldGroup(); track tab) {\n        <p-tabPanel\n            [header]=\"tab.props.descriptor | mngFormlyFieldLabel: tab.props.editorDescriptor | translate\"\n            [headerStyleClass]=\"(formControl!.valid ? 'p-tabview-title' : '') + (tab.props['groupHidden'] ? ' hidden' : '')\"\n            [hidden]=\"tab.props['groupHidden']\">\n            <ng-template pTemplate=\"header\">\n                <span class=\"p-tabview-title\" [class.p-tabview-title-error]=\"formState.submittedOn && formState['tab_' + (tab.id ? tab.id : (tab.key ?? '')) + '_invalid']\">{{\n                    tab.props.descriptor | mngFormlyFieldLabel: tab.props.editorDescriptor | translate\n                }}</span>\n            </ng-template>\n            <formly-field [field]=\"tab\"></formly-field>\n        </p-tabPanel>\n    }\n</p-tabView>\n" }]
+            args: [{ selector: 'mng-formly-field-tabs', imports: [TranslateModule, FormlyModule, FormlyFieldLabelPipe, Tabs, TabList, Tab, TabPanels, TabPanel], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<p-tabs scrollable=\"true\" [value]=\"fieldGroup()[0].id ?? 0\">\n    <p-tablist>\n        @for (tab of fieldGroup(); track tab; let idx = $index) {\n            <p-tab [value]=\"tab.id ?? idx\" [class.!hidden]=\"tab.props['groupHidden']\">\n                <span class=\"mng-tab-title\" [class.mng-tab-error]=\"formState.submittedOn && formState['tab_' + (tab.id ? tab.id : (tab.key ?? '')) + '_invalid']\">\n                    {{ tab.props.descriptor | mngFormlyFieldLabel: tab.props.editorDescriptor | translate }}\n                </span>\n            </p-tab>\n        }\n    </p-tablist>\n    <p-tabpanels>\n        @for (tab of fieldGroup(); track tab; let idx = $index) {\n            <p-tabpanel [value]=\"tab.id ?? idx\" [class.!hidden]=\"tab.props['groupHidden']\">\n                <formly-field [field]=\"tab\"></formly-field>\n            </p-tabpanel>\n        }\n    </p-tabpanels>\n</p-tabs>\n", styles: ["mng-formly-field-tabs .p-tab .mng-tab-title.mng-tab-error{color:var(--p-form-field-float-label-invalid-color)!important}\n"] }]
         }] });
 
 class FormlyFieldNoLabelWrapperComponent extends FieldWrapper {
-    shouldShowError() {
-        if (this.field.type !== 'formly-group' || (this.field.validators && Object.keys(this.field.validators).length > 0)) {
-            return true;
+    constructor() {
+        super(...arguments);
+        this.destroyRef = inject(DestroyRef);
+        this.wrapperClassName = signal('mng-field-wrapper');
+        this.helpText = signal(undefined);
+        this.shouldShowError = signal(false);
+    }
+    ngOnInit() {
+        this.descriptor = this.props?.descriptor;
+        this.editorDescriptor = this.props?.editorDescriptor;
+        const descriptorWrapperClass = this.descriptor?.className?.wrapper;
+        if (descriptorWrapperClass != null) {
+            this.wrapperClassName.update(c => c + ' ' + descriptorWrapperClass);
         }
-        return false;
+        this.shouldShowError.set(this.field.type !== 'formly-group' || (Array.isArray(this.field.validators) && Object.keys(this.field.validators).length > 0));
+        this.helpText.set(this.descriptor?.helpText);
     }
     sanitizeErrorsForGroups(field) {
         if (field.type === 'formly-group' && field.formControl?.errors && field.validators) {
@@ -4626,12 +4656,12 @@ class FormlyFieldNoLabelWrapperComponent extends FieldWrapper {
         }
         return field;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldNoLabelWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormlyFieldNoLabelWrapperComponent, isStandalone: true, selector: "mng-formly-field-no-label-wrapper", usesInheritance: true, ngImport: i0, template: "<div [class]=\"props['descriptor']?.['fieldClassName'] ?? 'field table'\">\n    <ng-container #fieldComponent></ng-container>\n    @if (props['descriptor']?.['helpText']) {\n        <small class=\"block\">{{ props['descriptor']?.['helpText'] | translate }}</small>\n    }\n    @if (showError && shouldShowError()) {\n        <small class=\"block p-error\">\n            <formly-validation-message [field]=\"sanitizeErrorsForGroups(field)\"></formly-validation-message>\n        </small>\n    }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldNoLabelWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: FormlyFieldNoLabelWrapperComponent, isStandalone: true, selector: "mng-formly-field-no-label-wrapper", usesInheritance: true, ngImport: i0, template: "<div [class]=\"wrapperClassName()\">\n    <ng-container #fieldComponent></ng-container>\n    @if (helpText(); as ht) {\n        <small class=\"block\">{{ ht | translate }}</small>\n    }\n    @if (showError && shouldShowError()) {\n        <small class=\"block mng-validation-messages\">\n            <formly-validation-message [field]=\"sanitizeErrorsForGroups(field)\"></formly-validation-message>\n        </small>\n    }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$1.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldNoLabelWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldNoLabelWrapperComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-no-label-wrapper', imports: [FormlyModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"props['descriptor']?.['fieldClassName'] ?? 'field table'\">\n    <ng-container #fieldComponent></ng-container>\n    @if (props['descriptor']?.['helpText']) {\n        <small class=\"block\">{{ props['descriptor']?.['helpText'] | translate }}</small>\n    }\n    @if (showError && shouldShowError()) {\n        <small class=\"block p-error\">\n            <formly-validation-message [field]=\"sanitizeErrorsForGroups(field)\"></formly-validation-message>\n        </small>\n    }\n</div>\n" }]
+            args: [{ selector: 'mng-formly-field-no-label-wrapper', imports: [FormlyModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"wrapperClassName()\">\n    <ng-container #fieldComponent></ng-container>\n    @if (helpText(); as ht) {\n        <small class=\"block\">{{ ht | translate }}</small>\n    }\n    @if (showError && shouldShowError()) {\n        <small class=\"block mng-validation-messages\">\n            <formly-validation-message [field]=\"sanitizeErrorsForGroups(field)\"></formly-validation-message>\n        </small>\n    }\n</div>\n" }]
         }] });
 
 class FormlyFieldWrapperComponent extends FieldWrapper {
@@ -4639,8 +4669,9 @@ class FormlyFieldWrapperComponent extends FieldWrapper {
         super(...arguments);
         this.destroyRef = inject(DestroyRef);
         this.labelInfoTooltipDefaultIcon = labelInfoTooltipDefaultIcon;
+        this.wrapperClassName = signal('mng-field-wrapper');
+        this.emptyLabel = signal(false);
         this.helpText = signal(undefined);
-        this.fieldClassName = signal('');
     }
     ngOnInit() {
         const descriptor = this.props?.descriptor;
@@ -4653,17 +4684,21 @@ class FormlyFieldWrapperComponent extends FieldWrapper {
         }
         this.descriptor = descriptor;
         this.editorDescriptor = editorDescriptor;
+        this.emptyLabel.set(descriptor.label === fieldDescriptorEmptyLabelType);
+        const descriptorWrapperClass = this.descriptor.className?.wrapper;
+        if (descriptorWrapperClass != null) {
+            this.wrapperClassName.update(c => c + ' ' + descriptorWrapperClass);
+        }
         if (descriptor.isLocalized && isObservable(this.formState?.disabled$)) {
             this.formState.disabled$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(d => {
                 if (d) {
                     if (!this.model[this.descriptor.property + 'Translated'] && this.descriptor.property !== 'id') {
                         this.helpText.set('mngEditor.localizations.missingTranslation');
-                        this.fieldClassName.set((this.field.className ?? '') + ' localized-input-border-orange');
+                        this.wrapperClassName.update(c => c + ' mng-localized-input-translation-missing');
                     }
                 }
                 else {
                     this.helpText.set(descriptor.helpText);
-                    this.fieldClassName.set(this.field.className ?? '');
                 }
             });
         }
@@ -4671,19 +4706,20 @@ class FormlyFieldWrapperComponent extends FieldWrapper {
             this.helpText.set(descriptor.helpText);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: FormlyFieldWrapperComponent, isStandalone: true, selector: "mng-formly-field-wrapper", usesInheritance: true, ngImport: i0, template: "<div [class]=\"'field ' + fieldClassName()\">\n    <div class=\"grid mt-0\">\n        @if (descriptor.label !== null) {\n            <label [for]=\"key\" class=\"col\" [class]=\"descriptor.labelClassName\"\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-container #fieldComponent></ng-container>\n    @if (helpText(); as ht) {\n        <small class=\"block\">{{ ht | translate }}</small>\n    }\n    @if (showError) {\n        <small class=\"p-error block\">\n            <formly-validation-message [field]=\"field\"></formly-validation-message>\n        </small>\n    }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: FormlyFieldWrapperComponent, isStandalone: true, selector: "mng-formly-field-wrapper", usesInheritance: true, ngImport: i0, template: "<div [class]=\"wrapperClassName()\">\n    <div>\n        @if (emptyLabel()) {\n            <label [for]=\"key\" class=\"col\" [class]=\"descriptor.className?.label\">&nbsp;</label>\n        } @else if (descriptor.label !== null) {\n            <label [for]=\"key\" [class]=\"descriptor.className?.label\">\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-container #fieldComponent></ng-container>\n    @if (helpText(); as ht) {\n        <small class=\"block\">{{ ht | translate }}</small>\n    }\n    @if (showError) {\n        <small class=\"block mng-field-validation-messages\">\n            <formly-validation-message [field]=\"field\"></formly-validation-message>\n        </small>\n    }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$1.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "pipe", type: FormlyFieldLabelPipe, name: "mngFormlyFieldLabel" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldWrapperComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-wrapper', imports: [TranslateModule, FormlyModule, FormlyFieldLabelPipe, TooltipModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'field ' + fieldClassName()\">\n    <div class=\"grid mt-0\">\n        @if (descriptor.label !== null) {\n            <label [for]=\"key\" class=\"col\" [class]=\"descriptor.labelClassName\"\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-container #fieldComponent></ng-container>\n    @if (helpText(); as ht) {\n        <small class=\"block\">{{ ht | translate }}</small>\n    }\n    @if (showError) {\n        <small class=\"p-error block\">\n            <formly-validation-message [field]=\"field\"></formly-validation-message>\n        </small>\n    }\n</div>\n" }]
+            args: [{ selector: 'mng-formly-field-wrapper', imports: [TranslateModule, FormlyModule, FormlyFieldLabelPipe, NgClass, Tooltip], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"wrapperClassName()\">\n    <div>\n        @if (emptyLabel()) {\n            <label [for]=\"key\" class=\"col\" [class]=\"descriptor.className?.label\">&nbsp;</label>\n        } @else if (descriptor.label !== null) {\n            <label [for]=\"key\" [class]=\"descriptor.className?.label\">\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-container #fieldComponent></ng-container>\n    @if (helpText(); as ht) {\n        <small class=\"block\">{{ ht | translate }}</small>\n    }\n    @if (showError) {\n        <small class=\"block mng-field-validation-messages\">\n            <formly-validation-message [field]=\"field\"></formly-validation-message>\n        </small>\n    }\n</div>\n" }]
         }] });
 
 class FormlyFieldDatepickerComponent extends ACommonsFormlyFieldType {
     constructor() {
         super(...arguments);
         this.dpFormControl = new FormControl();
-        this.styleClass = signal('');
+        this.#validationClassName = signal('ng-valid');
+        this.styleClass = computed(() => [this.controlClassName(), this.#validationClassName()].join(' '));
         this.moduleConfig = inject(COMMONS_MODULE_CONFIG_IT, { optional: true });
         this.dateTimeInUtc = this.moduleConfig?.serialization?.dateTimeInUtc ?? false;
         this.dateTimeWithTimezone = this.moduleConfig?.serialization?.dateTimeWithTimezone ?? true;
@@ -4691,6 +4727,7 @@ class FormlyFieldDatepickerComponent extends ACommonsFormlyFieldType {
         this.minDate = signal(undefined);
         this.maxDate = signal(undefined);
     }
+    #validationClassName;
     ngOnInit() {
         super.ngOnInit();
         // emit lifecycle event
@@ -4699,12 +4736,7 @@ class FormlyFieldDatepickerComponent extends ACommonsFormlyFieldType {
         });
         // init status changes
         this.formControl.statusChanges.pipe(takeUntilDestroyed(this.destroyRef), startWith(this.formControl.status)).subscribe(status => {
-            if (status === 'INVALID') {
-                this.styleClass.set('ng-invalid');
-            }
-            else {
-                this.styleClass.set('ng-valid');
-            }
+            this.#validationClassName.set(status === 'INVALID' ? 'ng-invalid' : 'ng-valid');
             if (status === 'DISABLED' && this.dpFormControl.enabled) {
                 this.dpFormControl.disable({ emitEvent: false });
             }
@@ -4820,12 +4852,12 @@ class FormlyFieldDatepickerComponent extends ACommonsFormlyFieldType {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FormlyFieldDatepickerComponent, isStandalone: true, selector: "mng-formly-field-datepicker", usesInheritance: true, ngImport: i0, template: "<p-calendar\n    appendTo=\"body\"\n    [class]=\"styleClass()\"\n    [formControl]=\"dpFormControl\"\n    [formlyAttributes]=\"field\"\n    [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n    [minDate]=\"$any(minDate())\"\n    [maxDate]=\"$any(maxDate())\"\n    [showTime]=\"descriptor.datePickerShowTime ?? false\"\n    [showSeconds]=\"descriptor.datePickerShowSeconds ?? false\"\n    showIcon=\"true\"\n    showButtonBar=\"true\"\n    [showClear]=\"!props.required\"\n    styleClass=\"mng-formly-field-datepicker\"\n    [inputStyleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-datepicker-input'\"\n    [firstDayOfWeek]=\"1\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n    (onBlur)=\"onBlur()\">\n</p-calendar>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i3$3.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: FormlyFieldDatepickerComponent, isStandalone: true, selector: "mng-formly-field-datepicker", usesInheritance: true, ngImport: i0, template: "<p-date-picker\n    appendTo=\"body\"\n    [class]=\"styleClass()\"\n    [formControl]=\"dpFormControl\"\n    [formlyAttributes]=\"field\"\n    [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n    [minDate]=\"$any(minDate())\"\n    [maxDate]=\"$any(maxDate())\"\n    [showTime]=\"descriptor.datePickerShowTime ?? false\"\n    [showSeconds]=\"descriptor.datePickerShowSeconds ?? false\"\n    showIcon=\"true\"\n    showButtonBar=\"true\"\n    [showClear]=\"!props.required\"\n    [styleClass]=\"controlClassName()\"\n    [inputStyleClass]=\"controlInputClassName()\"\n    [firstDayOfWeek]=\"1\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n    (onBlur)=\"onBlur()\">\n</p-date-picker>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldDatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: FormlyFieldDatepickerComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-field-datepicker', imports: [ReactiveFormsModule, FormlyModule, CalendarModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-calendar\n    appendTo=\"body\"\n    [class]=\"styleClass()\"\n    [formControl]=\"dpFormControl\"\n    [formlyAttributes]=\"field\"\n    [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n    [minDate]=\"$any(minDate())\"\n    [maxDate]=\"$any(maxDate())\"\n    [showTime]=\"descriptor.datePickerShowTime ?? false\"\n    [showSeconds]=\"descriptor.datePickerShowSeconds ?? false\"\n    showIcon=\"true\"\n    showButtonBar=\"true\"\n    [showClear]=\"!props.required\"\n    styleClass=\"mng-formly-field-datepicker\"\n    [inputStyleClass]=\"descriptor.inputClassName ?? 'mng-formly-field-datepicker-input'\"\n    [firstDayOfWeek]=\"1\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n    (onBlur)=\"onBlur()\">\n</p-calendar>\n" }]
+            args: [{ selector: 'mng-formly-field-datepicker', imports: [ReactiveFormsModule, FormlyModule, TranslateModule, DatePicker], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-date-picker\n    appendTo=\"body\"\n    [class]=\"styleClass()\"\n    [formControl]=\"dpFormControl\"\n    [formlyAttributes]=\"field\"\n    [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n    [minDate]=\"$any(minDate())\"\n    [maxDate]=\"$any(maxDate())\"\n    [showTime]=\"descriptor.datePickerShowTime ?? false\"\n    [showSeconds]=\"descriptor.datePickerShowSeconds ?? false\"\n    showIcon=\"true\"\n    showButtonBar=\"true\"\n    [showClear]=\"!props.required\"\n    [styleClass]=\"controlClassName()\"\n    [inputStyleClass]=\"controlInputClassName()\"\n    [firstDayOfWeek]=\"1\"\n    [placeholder]=\"descriptor.placeholder ?? '' | translate\"\n    (onBlur)=\"onBlur()\">\n</p-date-picker>\n" }]
         }] });
 
 const formlyWrappersConfig = [
@@ -5159,24 +5191,24 @@ class TableviewComponent {
     filterActionsByPositions(actions, actionPositions) {
         return actions.filter(action => (action.positionTableviewCategories?.includes(TableviewActionDefaultCategories.READ) ?? true) && actionPositions.includes(action.position));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TableviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", 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: "templates", predicate: TemplateDirective, 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-4\">\n                <ng-template pTemplate=\"left\">\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 pTemplate=\"right\">\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            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n            @if (rowExpandTemplate()) {\n                <ng-template mngTemplate=\"rowExpandContent\" let-item=\"rowItem\">\n                    <ng-container *ngTemplateOutlet=\"rowExpandTemplate(); context: {rowItem: item}\"></ng-container>\n                </ng-template>\n            }\n\n            @if (footerTemplate()) {\n                <ng-template mngTemplate=\"footer\" let-data=\"data\" let-totalCount=\"totalCount\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data, totalCount}\"></ng-container>\n                </ng-template>\n            }\n        </mng-action-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i2$4.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "selectionMode", "selectionEnabled", "globalFilterFields", "rowReorderEnabled", "actions", "captionComponent", "columnActionComponent", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "captionComponentInstance", "columnActionComponentInstance", "rowReorder"] }, { kind: "directive", type: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: TableviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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: "templates", predicate: TemplateDirective, 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            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n            @if (rowExpandTemplate()) {\n                <ng-template mngTemplate=\"rowExpandContent\" let-item=\"rowItem\">\n                    <ng-container *ngTemplateOutlet=\"rowExpandTemplate(); context: {rowItem: item}\"></ng-container>\n                </ng-template>\n            }\n\n            @if (footerTemplate()) {\n                <ng-template mngTemplate=\"footer\" let-data=\"data\" let-totalCount=\"totalCount\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data, totalCount}\"></ng-container>\n                </ng-template>\n            }\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: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "tableClassName", "selectionMode", "selectionEnabled", "globalFilterFields", "rowReorderEnabled", "actions", "captionComponent", "columnActionComponent", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "captionComponentInstance", "columnActionComponentInstance", "rowReorder"] }, { kind: "directive", type: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { 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: ["style", "styleClass", "ariaLabelledBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TableviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: TableviewComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-tableview', imports: [ToolbarModule, SharedModule, TranslateModule, NgTemplateOutlet, ActionComponent, ActionTableComponent, TemplateDirective, RouterOutlet], providers: [provideViewContainer()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mng-tableview\">\n    <div class=\"card\">\n        @if (toolbarLeftActions().length > 0 || toolbarRightActions().length > 0) {\n            <p-toolbar styleClass=\"mb-4\">\n                <ng-template pTemplate=\"left\">\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 pTemplate=\"right\">\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            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n            @if (rowExpandTemplate()) {\n                <ng-template mngTemplate=\"rowExpandContent\" let-item=\"rowItem\">\n                    <ng-container *ngTemplateOutlet=\"rowExpandTemplate(); context: {rowItem: item}\"></ng-container>\n                </ng-template>\n            }\n\n            @if (footerTemplate()) {\n                <ng-template mngTemplate=\"footer\" let-data=\"data\" let-totalCount=\"totalCount\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data, totalCount}\"></ng-container>\n                </ng-template>\n            }\n        </mng-action-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n" }]
+            args: [{ selector: 'mng-tableview', imports: [TranslateModule, NgTemplateOutlet, ActionComponent, ActionTableComponent, TemplateDirective, 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            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n            @if (rowExpandTemplate()) {\n                <ng-template mngTemplate=\"rowExpandContent\" let-item=\"rowItem\">\n                    <ng-container *ngTemplateOutlet=\"rowExpandTemplate(); context: {rowItem: item}\"></ng-container>\n                </ng-template>\n            }\n\n            @if (footerTemplate()) {\n                <ng-template mngTemplate=\"footer\" let-data=\"data\" let-totalCount=\"totalCount\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data, totalCount}\"></ng-container>\n                </ng-template>\n            }\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"] }]
         }] });
 
 class TableviewRouteComponent {
     constructor() {
         this.tableview = input.required();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TableviewRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.12", type: TableviewRouteComponent, isStandalone: true, selector: "mng-tableview-route", inputs: { tableview: { classPropertyName: "tableview", publicName: "tableview", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mng-tableview [descriptor]=\"tableview().descriptor\" [dataProvider]=\"tableview().dataProvider\" [actions]=\"tableview().actions\"> </mng-tableview>\n", dependencies: [{ kind: "component", type: TableviewComponent, selector: "mng-tableview", inputs: ["descriptor", "dataProvider", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: TableviewRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.7", type: TableviewRouteComponent, isStandalone: true, selector: "mng-tableview-route", inputs: { tableview: { classPropertyName: "tableview", publicName: "tableview", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mng-tableview [descriptor]=\"tableview().descriptor\" [dataProvider]=\"tableview().dataProvider\" [actions]=\"tableview().actions\"> </mng-tableview>\n", dependencies: [{ kind: "component", type: TableviewComponent, selector: "mng-tableview", inputs: ["descriptor", "dataProvider", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TableviewRouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: TableviewRouteComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-tableview-route', imports: [TableviewComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-tableview [descriptor]=\"tableview().descriptor\" [dataProvider]=\"tableview().dataProvider\" [actions]=\"tableview().actions\"> </mng-tableview>\n" }]
+            args: [{ selector: 'mng-tableview-route', imports: [TableviewComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-tableview [descriptor]=\"tableview().descriptor\" [dataProvider]=\"tableview().dataProvider\" [actions]=\"tableview().actions\"> </mng-tableview>\n" }]
         }] });
 
 class TableviewRouteBuilder extends RouteBuilder {
@@ -5268,8 +5300,7 @@ class TableviewRouteBuilder extends RouteBuilder {
         return this;
     }
     withPermissionsObject(permissions) {
-        this.tableviewPermissions = permissions;
-        return this;
+        return this.withPermissions(permissions.read ?? permissions[TableviewActionDefaultCategories.READ], permissions.add ?? permissions[TableviewActionDefaultCategories.ADD], permissions.edit ?? permissions[TableviewActionDefaultCategories.EDIT], permissions.delete ?? permissions[TableviewActionDefaultCategories.DELETE], permissions.details ?? permissions[TableviewActionDefaultCategories.DETAILS]);
     }
     build() {
         if (!this.isFromComponent) {