@mediusinc/mng-commons 5.0.0-rc.2 → 5.0.0-rc.4

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

@@ -1,7 +1,8 @@
 import * as i2 from '@angular/common';
 import { AsyncPipe, NgTemplateOutlet, JsonPipe, NgStyle, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, inject, Injector, EventEmitter, Component, ChangeDetectionStrategy, Optional, HostBinding, Input, Output, ViewChild, DestroyRef, input, output, viewChild, signal, effect, HostListener, contentChildren, computed, ViewChildren, LOCALE_ID } from '@angular/core';
+import { InjectionToken, Injectable, signal, inject, Injector, DestroyRef, input, booleanAttribute, output, viewChild, computed, effect, Component, ChangeDetectionStrategy, Optional, HostListener, EventEmitter, contentChildren, Input, Output, ViewChildren, ViewChild, LOCALE_ID, HostBinding } from '@angular/core';
+import { takeUntilDestroyed, toSignal, 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 i1$1 from '@ngx-translate/core';
@@ -9,37 +10,36 @@ import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import * as i4 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import * as i10 from 'primeng/menu';
-import { MenuModule } from 'primeng/menu';
+import { Menu, MenuModule } from 'primeng/menu';
 import * as i7 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import * as i9 from 'primeng/splitbutton';
 import { SplitButtonModule } from 'primeng/splitbutton';
 import * as i8 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import { ReplaySubject, BehaviorSubject, distinctUntilChanged, Subject, take, of, switchMap, mergeMap as mergeMap$1, from, timeout, combineLatest, debounceTime, isObservable, throwError, filter as filter$1 } from 'rxjs';
-import * as i1$2 from '@mediusinc/mng-commons/core';
-import { getI18n, getI18nAsync, toastMessage, getI18nForError, LoggerService, CommonsService, ParametrizePipe, escapeHtmlAny, toObservable, CommonsInternalError, StyleSizeEnum, CommonsHttpError, Permissions, boolean$Attribute, ComponentDirective, objectDeepCopy, DialogKeydownHandlerDirective, Styles, TemplateDirective, findTemplateByName, fromSubscribeError, getErrorLogLevel, StyleLevelEnum, getObjectPropertyByPath, FilterMatchMode, COMMONS_MODULE_CONFIG_IT, dateToIsoString, RouteBuilder, createLazyRoute, CommonsFeatureTypeEnum } from '@mediusinc/mng-commons/core';
-import { ActionActivationTriggerEnum, ActionTypeEnum, DataProviderExecutor, ActionDeleteDescriptorInst, ActionEditorEditDescriptorInst, ActionEditorAddDescriptorInst, ActionEditorDescriptorInst, CommonsActionError, ActionLinkDescriptorInst, TableviewEditorTypeEnum, TableviewDescriptor, FieldInputDescriptor, FieldInputTypeEnum, FieldActionDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldLookupDescriptor, FieldManyToManyEditorDescriptor, FieldManyEditorDescriptor, FormEventTypeEnum, FormFieldEventComponentSubtype, ActionEditorSubmitTypeEnum, ActionEditorSubmitDescriptorInst, ActionPositionEnum, runFnFromDataProviderOrFallback, runGetAllFromDataProvider, runFetchFromDataProvider, runCreateFromDataProvider, runUpdateFromDataProvider, runDeleteFromDataProvider, FormFieldEventTypeEnum, FieldGroupTypeEnum, FormFieldEventDialogSubtype, FieldManyEditorActionEnum, ActionEditorDescriptor, ActionEditorSubmitDescriptor, ActionDescriptor, FieldManyToManyEditorActionEnum, TableviewActionDefaultCategories, DATA_LANGUAGE_DROPDOWN_COMPONENT_IT } from '@mediusinc/mng-commons/tableview/api';
+import { ReplaySubject, BehaviorSubject, distinctUntilChanged, Subject, take, of, switchMap, mergeMap as mergeMap$1, from, timeout, combineLatest, debounceTime, combineLatestWith, isObservable, throwError, filter as filter$1 } from 'rxjs';
+import * as i3 from '@mediusinc/mng-commons/core';
+import { getI18n, getI18nAsync, toastMessage, getI18nForError, LoggerService, CommonsService, ParametrizePipe, escapeHtmlAny, toObservable, CommonsInternalError, StyleSizeEnum, CommonsHttpError, Permissions, ComponentDirective, objectDeepCopy, DialogKeydownHandlerDirective, Styles, TemplateDirective, findTemplateByName, boolean$Attribute, fromSubscribeError, getErrorLogLevel, StyleLevelEnum, getObjectPropertyByPath, FilterMatchMode, COMMONS_MODULE_CONFIG_IT, dateToIsoString, RouteBuilder, createLazyRoute, CommonsFeatureTypeEnum } from '@mediusinc/mng-commons/core';
+import { ActionActivationTriggerEnum, ActionTypeEnum, DataProviderExecutor, ActionDeleteDescriptorInst, ActionEditorEditDescriptorInst, ActionEditorAddDescriptorInst, ActionEditorDescriptorInst, CommonsActionError, ActionLinkDescriptorInst, TableviewEditorTypeEnum, TableviewDescriptorInst, FieldInputDescriptor, FieldInputTypeEnum, FieldActionDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldLookupDescriptor, FieldManyToManyEditorDescriptor, FieldManyEditorDescriptor, FormEventTypeEnum, FormFieldEventComponentSubtype, ActionEditorSubmitTypeEnum, ActionEditorSubmitDescriptorInst, ActionPositionEnum, runFnFromDataProviderOrFallback, runGetAllFromDataProvider, runFetchFromDataProvider, runCreateFromDataProvider, runUpdateFromDataProvider, runDeleteFromDataProvider, FormFieldEventTypeEnum, FieldGroupTypeEnum, FormFieldEventDialogSubtype, FieldManyEditorActionEnum, ActionEditorDescriptor, actionEditorCancel, ActionDescriptorInst, FieldManyToManyEditorActionEnum, TableviewActionDefaultCategories, 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, type } 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 { DialogService, DynamicDialogConfig } from 'primeng/dynamicdialog';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$3 from 'primeng/progressspinner';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
 import * as i2$2 from 'primeng/toolbar';
 import { ToolbarModule } from 'primeng/toolbar';
 import { ZIndexUtils } from 'primeng/utils';
-import * as i3 from '@angular/forms';
+import * as i1$2 from '@angular/forms';
 import { UntypedFormGroup, FormGroup, FormArray, ReactiveFormsModule, FormsModule, FormBuilder, Validators, FormControl } from '@angular/forms';
 import * as i2$1 from '@ngx-formly/core';
 import { FormlyConfig, FormlyModule, FieldType, FieldWrapper, FORMLY_CONFIG } from '@ngx-formly/core';
 import * as i3$1 from 'primeng/messages';
 import { MessagesModule } from 'primeng/messages';
 import { DropdownComponent, AutocompleteComponent, InputTrimDirective } from '@mediusinc/mng-commons/form';
-import { LookupDataProvider, ActionButtonDescriptor, ButtonStyleBuilder } from '@mediusinc/mng-commons/form/api';
+import { lookupDataProvider, ActionButtonDescriptor, ButtonStyleBuilder } from '@mediusinc/mng-commons/form/api';
 import { TableComponent } from '@mediusinc/mng-commons/table';
 import { TableSizeEnum } from '@mediusinc/mng-commons/table/api';
 import * as i5 from 'primeng/message';
@@ -442,7 +442,7 @@ class NavigationService {
         this.router = router;
         this.location = location;
         this.history = [];
-        this.router.events.subscribe(event => {
+        this.router.events.pipe(takeUntilDestroyed()).subscribe(event => {
             if (event instanceof NavigationEnd) {
                 this.history.push(event.urlAfterRedirects);
             }
@@ -490,23 +490,13 @@ const ACTION_EDITOR_COMPONENT_IT = new InjectionToken('ACTION_EDITOR_COMPONENT')
  */
 class ViewContainer {
     constructor() {
-        this._actions = [];
+        this.dataProvider = signal(undefined);
+        this.routeTriggeredActionInstance = signal(undefined);
+        this.actions = signal([]);
         this._tableReloadSubject = new Subject();
         this._editorResetSubject = new Subject();
         this._editorCloseSubject = new Subject();
     }
-    set dataProvider(dataProvider) {
-        this._dataProvider = dataProvider;
-    }
-    get dataProvider() {
-        return this._dataProvider;
-    }
-    get actions() {
-        return this._actions;
-    }
-    set actions(actions) {
-        this._actions = actions;
-    }
     get tableReload$() {
         return this._tableReloadSubject.asObservable();
     }
@@ -525,12 +515,6 @@ class ViewContainer {
     closeEditor(event) {
         this._editorCloseSubject.next(event ?? {});
     }
-    get routeTriggeredActionInstance() {
-        return this._routeTriggeredActionInstance;
-    }
-    set routeTriggeredActionInstance(instance) {
-        this._routeTriggeredActionInstance = instance;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ViewContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ViewContainer }); }
 }
@@ -564,7 +548,7 @@ class ActionExecutorService {
      * @param dataProvider Data provider.
      */
     prepareActionContextValidation(action, parameters, dataProvider) {
-        const ctxDataProvider = dataProvider ?? action.dataProvider ?? this.viewContainer?.dataProvider;
+        const ctxDataProvider = dataProvider ?? action.dataProvider ?? this.viewContainer?.dataProvider();
         return {
             descriptor: action,
             parameters: parameters,
@@ -883,7 +867,7 @@ class ActionExecutorService {
             ctxDataProvider = editorAction.dataProvider;
         }
         if (!ctxDataProvider) {
-            const viewContainerDataProvider = this.viewContainer?.dataProvider;
+            const viewContainerDataProvider = this.viewContainer?.dataProvider();
             if (viewContainerDataProvider) {
                 ctxDataProvider = viewContainerDataProvider;
             }
@@ -906,7 +890,7 @@ class ActionExecutorService {
      */
     prepareContext(action, parameters, dataProvider, instance, previousActionInstance) {
         instance = this.getOrCreateInstance(instance, action, parameters, ActionInstanceStateEnum.ActivationEnd);
-        const ctxDataProvider = dataProvider ?? instance.action.dataProvider ?? this.viewContainer?.dataProvider;
+        const ctxDataProvider = dataProvider ?? instance.action.dataProvider ?? this.viewContainer?.dataProvider();
         let service = undefined;
         if (ctxDataProvider != null) {
             const dataProviderService = this.dataProviderExecutor.getDataProviderService(this.injector, ctxDataProvider);
@@ -1007,7 +991,7 @@ class ActionExecutorService {
             throw new Error(`Action ${action.actionName} is not of type editor, cannot be activated through "onActionEditorOnInit"`);
         }
         if (instance && action.activationTrigger === ActionActivationTriggerEnum.OnRoute) {
-            const triggeredInstance = this.viewContainer?.routeTriggeredActionInstance;
+            const triggeredInstance = this.viewContainer?.routeTriggeredActionInstance();
             if (triggeredInstance && triggeredInstance.instanceLongName !== instance.instanceLongName) {
                 this.logger.debug(`WARNING: Found triggered parameters view container instance ${triggeredInstance.instanceLongName} and it does not match instance ${instance.instanceLongName} retrieved on editor init.`);
             }
@@ -1101,7 +1085,7 @@ class ActionExecutorService {
         }
         // unset instance in view container
         if (this.viewContainer) {
-            this.viewContainer.routeTriggeredActionInstance = undefined;
+            this.viewContainer.routeTriggeredActionInstance.set(undefined);
         }
         // set final state on instance
         instance.state = finalState;
@@ -1119,7 +1103,7 @@ class ActionExecutorService {
             newInstance.triggerParameters = instance.triggerParameters;
             newInstance.activationParameters = instance.activationParameters;
             if (this.viewContainer) {
-                this.viewContainer.routeTriggeredActionInstance = newInstance;
+                this.viewContainer.routeTriggeredActionInstance.set(newInstance);
             }
             instance.reactivationInstance = newInstance;
         }
@@ -1156,7 +1140,7 @@ class ActionExecutorService {
             const actionUrlSegments = this.parametrize.transform(actionUrl, parameters.itemId, parameters.item, parameters.actionData).split('/');
             // set instance in view container
             if (this.viewContainer) {
-                this.viewContainer.routeTriggeredActionInstance = instance;
+                this.viewContainer.routeTriggeredActionInstance.set(instance);
             }
             from(this.router.navigate([baseUrl, ...actionUrlSegments], { relativeTo: parameters.route, queryParams: parsedUrl.queryParams }))
                 .pipe(take(1))
@@ -1262,7 +1246,7 @@ class ActionExecutorService {
      */
     getOrCreateInstance(instance, action, parameters, instanceInitialStatus, skipInitializationFromViewContainer = false) {
         if (!skipInitializationFromViewContainer && !instance && action?.activationTrigger === ActionActivationTriggerEnum.OnRoute && parameters) {
-            instance = this.viewContainer?.routeTriggeredActionInstance;
+            instance = this.viewContainer?.routeTriggeredActionInstance();
         }
         if (!instance) {
             if (!action) {
@@ -1329,68 +1313,51 @@ class ActionComponent {
         this.authorization = authorization;
         this.actionExecutor = actionExecutor;
         this.viewContainer = viewContainer;
-        this.hostClass = 'mng-action-button';
-        this.isHostHidden = false;
-        this.inputDisabled = of(false);
-        this.inputLoading = of(false);
-        this.selectedItems = [];
-        this.finishEventEmitter = new EventEmitter();
-        this.loadingSubject = new ReplaySubject(1);
-        this.$loading = this.loadingSubject.asObservable();
-        this.isVisibleSubject = new ReplaySubject(1);
-        this.$isVisible = this.isVisibleSubject.asObservable().pipe(distinctUntilChanged());
-        this.isPermittedSubject = new ReplaySubject(1);
-        this.$isPermitted = this.isPermittedSubject.asObservable().pipe(distinctUntilChanged());
-        this.isEnabledSubject = new ReplaySubject(1);
-        this.$isEnabled = this.isEnabledSubject.asObservable().pipe(distinctUntilChanged());
-        this.labelSubject = new ReplaySubject(1);
-        this.$label = this.labelSubject.asObservable().pipe(distinctUntilChanged());
-        this.tooltipSubject = new ReplaySubject(1);
-        this.$tooltip = this.tooltipSubject.asObservable().pipe(distinctUntilChanged());
-        this.hasNoTitle = false;
-        this.subscriptions = [];
-        this.buttonClass = 'p-button-primary';
-        this.subactions = [];
-        this.subactionSubscriptions = [];
-        this.actionOrSubactionHasRunConfirmation = false;
-        this.loadingSubject.next(false);
-    }
-    ngOnInit() {
-        this.route = this.routeInit ?? this.routeService;
-        this.hasNoTitle = this.action.button.label === null;
-        this.isEnabledSubject.next(true);
-        this.isVisibleSubject.next(true);
-        this.isPermittedSubject.next(true);
-        this.labelSubject.next(null);
-        this.tooltipSubject.next(null);
-        const routeData = this.route.snapshot.data;
-        if (this.action instanceof ActionLinkDescriptorInst) {
-            this.actionLink = this.action;
-        }
-        if (this.action.tableviewCategory && routeData.tableviewPermissions) {
-            if (routeData.tableviewPermissions[this.action.tableviewCategory]) {
-                this.routePermissions = routeData.tableviewPermissions[this.action.tableviewCategory];
+        this.destroyRef = inject(DestroyRef);
+        // metadata and editor mode input
+        this.action = input.required();
+        this.item = input();
+        this.itemId = input();
+        this.actionData = input();
+        this.dataListParams = input();
+        this.dataProvider = input();
+        this.hostComponent = input();
+        this.routeInit = input(undefined, { alias: 'route' });
+        this.inputDisabled = input(false, { alias: 'disabled', transform: booleanAttribute });
+        this.inputLoading = input(false, { alias: 'loading', transform: booleanAttribute });
+        this.selectedItems = input([]);
+        this.finish = output();
+        this.subactionsMenu = viewChild(Menu);
+        this.hostClass = computed(() => this.action().className ?? 'mng-action-button');
+        this.isHostHidden = computed(() => !this.isVisible() || !this.isPermitted());
+        this.loading = signal(false);
+        this.isVisible = signal(true);
+        this.isPermitted = signal(true);
+        this.isEnabled = signal(true);
+        this.label = signal('');
+        this.tooltip = signal('');
+        this.actionLink = computed(() => {
+            const action = this.action();
+            return action instanceof ActionLinkDescriptorInst ? action : undefined;
+        });
+        this.hasNoTitle = computed(() => this.action().button.label === null);
+        this.route = computed(() => this.routeInit() ?? this.routeService);
+        this.routeData = toSignal(this.route().data);
+        this.routePermissions = computed(() => {
+            const routeData = this.routeData();
+            const action = this.action();
+            if (action.tableviewCategory && routeData && routeData['tableviewPermissions']) {
+                const tableviewPermissions = routeData['tableviewPermissions'];
+                if (tableviewPermissions[action.tableviewCategory]) {
+                    return tableviewPermissions[action.tableviewCategory];
+                }
             }
-        }
-        this.processSubscriptions();
-        if (this.action.className) {
-            this.hostClass = this.action.className;
-        }
-        const hostVisibilitySubscription = combineLatest([this.$isVisible, this.$isPermitted]).subscribe(([isVisible, isPermitted]) => {
-            this.isHostHidden = !isVisible || !isPermitted;
+            return undefined;
         });
-        this.subscriptions.push(hostVisibilitySubscription);
-        this.buttonClass = this.action.button.styleClass.build(this.hasNoTitle);
-        // Here we check if an action or any subaction has confirmation dialog
-        this.actionOrSubactionHasRunConfirmation = this.action.subactions.some(sub => sub.hasRunConfirmation) || this.action.hasRunConfirmation;
-    }
-    ngOnChanges(changes) {
-        if (!(changes['item']?.firstChange ?? true) ||
-            !(changes['itemId']?.firstChange ?? true) ||
-            !(changes['actionData']?.firstChange ?? true) ||
-            (this.action.hasItemsSelection && !(changes['selectedItems']?.firstChange ?? true))) {
-            this.processSubscriptions();
-        }
+        this.buttonClass = computed(() => this.action().button.styleClass.build(this.hasNoTitle()));
+        this.subactions = signal([]);
+        this.subactionSubscriptions = [];
+        effect(() => this.processSubscriptions(), { allowSignalWrites: true });
     }
     ngOnDestroy() {
         this.actionExecutor.onActionDestroy(this.instance);
@@ -1399,24 +1366,27 @@ class ActionComponent {
         this.isEnabledSubscription?.unsubscribe();
         this.labelSubscription?.unsubscribe();
         this.tooltipSubscription?.unsubscribe();
-        this.subscriptions.forEach(s => s.unsubscribe());
+        this.resultSubscription?.unsubscribe();
+        this.errorSubscription?.unsubscribe();
+        this.stateSubscription?.unsubscribe();
+        this.cmpInstSubscription?.unsubscribe();
         this.subactionSubscriptions.forEach(s => s.unsubscribe());
     }
     triggerAction(action, parameters, event) {
         if (action.subactionsAsMenu) {
-            this.subactionsMenu?.toggle(event ?? new Event('trigger'));
+            this.subactionsMenu()?.toggle(event ?? new Event('trigger'));
             return;
         }
-        const actionData = this.actionData ? this.actionData : {};
+        const actionData = this.actionData() ? this.actionData() : {};
         parameters ??= {
-            itemId: this.itemId,
-            item: this.item,
+            itemId: this.itemId(),
+            item: this.item(),
             actionData: actionData,
-            dataListParams: this.dataListParams,
-            route: this.route,
+            dataListParams: this.dataListParams(),
+            route: this.route(),
             sourceComponent: this,
-            hostComponent: this.hostComponent,
-            selectedItems: this.selectedItems
+            hostComponent: this.hostComponent(),
+            selectedItems: this.selectedItems()
         };
         const instance = this.actionExecutor.triggerAction(action, parameters);
         this.instance = instance;
@@ -1426,79 +1396,128 @@ class ActionComponent {
             // it is in another component jurisdiction to handle contexts
             return;
         }
-        this.subscriptions.push(instance.result$.subscribe({
+        this.resultSubscription?.unsubscribe();
+        this.resultSubscription = instance.result$.subscribe({
             next: () => {
-                this.finishEventEmitter.next(instance);
+                this.finish.emit(instance);
                 if (action.hasItemsSelection) {
                     this.viewContainer?.reloadTable({ data: { event: event } });
                 }
             }
-        }));
-        this.subscriptions.push(instance.error$.subscribe({
+        });
+        this.errorSubscription?.unsubscribe();
+        this.errorSubscription = instance.error$.subscribe({
             next: () => {
-                this.finishEventEmitter.next(instance);
+                this.finish.emit(instance);
             }
-        }));
-        this.subscriptions.push(this.instance.state$.subscribe(s => {
+        });
+        this.stateSubscription?.unsubscribe();
+        this.stateSubscription = this.instance.state$.subscribe(s => {
             switch (s) {
                 case ActionInstanceStateEnum.RunStart:
-                    this.loadingSubject.next(true);
+                    this.loading.set(true);
                     break;
                 case ActionInstanceStateEnum.RunEnd:
                 case ActionInstanceStateEnum.RunError:
-                    this.loadingSubject.next(false);
+                    this.loading.set(false);
                     break;
                 case ActionInstanceStateEnum.NextActionStart:
                     if (this.instance?.nextActionInstance?.action.type === ActionTypeEnum.Direct) {
-                        this.loadingSubject.next(true);
+                        this.loading.set(true);
                     }
                     break;
                 case ActionInstanceStateEnum.NextActionEnd:
                     if (this.instance?.nextActionInstance?.action.type === ActionTypeEnum.Direct) {
-                        this.loadingSubject.next(false);
+                        this.loading.set(false);
                     }
                     break;
                 case ActionInstanceStateEnum.ErrorActionStart:
                     if (this.instance?.errorActionInstance?.action.type === ActionTypeEnum.Direct) {
-                        this.loadingSubject.next(true);
+                        this.loading.set(true);
                     }
                     break;
                 case ActionInstanceStateEnum.ErrorActionEnd:
                     if (this.instance?.errorActionInstance?.action.type === ActionTypeEnum.Direct) {
-                        this.loadingSubject.next(false);
+                        this.loading.set(false);
                     }
                     break;
             }
-        }));
+        });
         this.actionExecutor.run(context);
     }
     onCustomActionCmpInst(instance) {
-        const cmpInstSubscription = instance.triggerActionEventEmitter.subscribe(params => this.triggerAction(this.action, params));
-        this.subscriptions.push(cmpInstSubscription);
+        this.cmpInstSubscription?.unsubscribe();
+        this.cmpInstSubscription = instance.trigger.subscribe(params => this.triggerAction(this.action(), params));
+    }
+    processSubscriptions() {
+        const parameters = {
+            itemId: this.itemId(),
+            item: this.item(),
+            actionData: this.actionData(),
+            sourceComponent: this
+        };
+        const action = this.action();
+        if (action.hasItemsSelection) {
+            parameters.selectedItems = this.selectedItems();
+        }
+        const context = this.actionExecutor.prepareActionContextValidation(action, parameters, this.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') {
+            this.isPermittedSubscription?.unsubscribe();
+            const permissions = action.permissions && routePermissions ? Permissions.All.of(routePermissions, action.permissions) : routePermissions ?? action.permissions;
+            this.isVisibleSubscription = this.authorization.isPermitted(permissions, this.route().snapshot, context).subscribe({
+                next: res => this.isPermitted.set(res)
+            });
+        }
+        if (typeof action.isEnabledFunction === 'function') {
+            this.isEnabledSubscription?.unsubscribe();
+            this.isEnabledSubscription = toObservable(action.isEnabledFunction(context)).subscribe({
+                next: res => this.isEnabled.set(res)
+            });
+        }
+        if (!this.hasNoTitle()) {
+            this.labelSubscription?.unsubscribe();
+            this.labelSubscription = getI18nForActionAsync(this.translate, action, 'title', action.button.label ?? undefined, this.item()).subscribe({
+                next: i18n => this.label.set(i18n ?? '')
+            });
+        }
+        this.tooltipSubscription?.unsubscribe();
+        if (action.button.tooltip) {
+            this.tooltipSubscription = getI18nForActionAsync(this.translate, action, 'tooltip', action.button.tooltip, this.item(), undefined, undefined).subscribe({
+                next: i18n => this.tooltip.set(i18n ?? '')
+            });
+        }
+        this.subactions.set(this.processSubactions());
     }
     processSubactions() {
         this.subactionSubscriptions.forEach(s => s.unsubscribe());
         this.subactionSubscriptions = [];
         const menuItems = [];
-        for (const subaction of this.action.subactions) {
+        for (const subaction of this.action().subactions) {
             const menuItem = {};
             menuItem.icon = subaction.button.icon ?? undefined;
-            this.subactionSubscriptions.push(getI18nForActionAsync(this.translate, subaction, 'title', subaction.button.label ?? undefined, this.item).subscribe({
+            this.subactionSubscriptions.push(getI18nForActionAsync(this.translate, subaction, 'title', subaction.button.label ?? undefined, this.item()).subscribe({
                 next: res => (menuItem.label = res)
             }));
-            this.subactionSubscriptions.push(getI18nForActionAsync(this.translate, subaction, 'tooltip', this.action.button.tooltip, this.item).subscribe({
+            this.subactionSubscriptions.push(getI18nForActionAsync(this.translate, subaction, 'tooltip', this.action().button.tooltip, this.item()).subscribe({
                 next: res => (menuItem.tooltip = res)
             }));
             const parameters = {
-                itemId: this.itemId,
-                item: this.item,
-                actionData: this.actionData,
+                itemId: this.itemId(),
+                item: this.item(),
+                actionData: this.actionData(),
                 sourceComponent: this
             };
             if (subaction.hasItemsSelection) {
-                parameters.selectedItems = this.selectedItems;
+                parameters.selectedItems = this.selectedItems();
             }
-            const context = this.actionExecutor.prepareActionContextValidation(subaction, parameters, this.dataProvider);
+            const context = this.actionExecutor.prepareActionContextValidation(subaction, parameters, this.dataProvider());
             if (typeof subaction.isEnabledFunction === 'function') {
                 this.subactionSubscriptions.push(toObservable(subaction.isEnabledFunction(context)).subscribe({
                     next: res => (menuItem.disabled = !res)
@@ -1509,12 +1528,12 @@ class ActionComponent {
                 visibilityObservables.push(toObservable(subaction.isVisibleFunction(context)));
             }
             if (typeof subaction.permissions !== 'undefined') {
-                visibilityObservables.push(this.authorization.isPermitted(subaction.permissions, this.route.snapshot, context));
+                visibilityObservables.push(this.authorization.isPermitted(subaction.permissions, this.route().snapshot, context));
             }
-            const routeData = this.route.snapshot.data;
+            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.isPermitted(routePermissions, this.route.snapshot, context));
+                visibilityObservables.push(this.authorization.isPermitted(routePermissions, this.route().snapshot, context));
             }
             this.subactionSubscriptions.push(combineLatest(visibilityObservables).subscribe(visibilities => {
                 menuItem.visible = visibilities.every(value => value);
@@ -1524,99 +1543,15 @@ class ActionComponent {
         }
         return menuItems;
     }
-    processSubscriptions() {
-        const parameters = {
-            itemId: this.itemId,
-            item: this.item,
-            actionData: this.actionData,
-            sourceComponent: this
-        };
-        if (this.action.hasItemsSelection) {
-            parameters.selectedItems = this.selectedItems;
-        }
-        const context = this.actionExecutor.prepareActionContextValidation(this.action, parameters, this.dataProvider);
-        if (typeof this.action.isVisibleFunction === 'function') {
-            this.isVisibleSubscription?.unsubscribe();
-            this.isVisibleSubscription = toObservable(this.action.isVisibleFunction(context)).subscribe({
-                next: res => this.isVisibleSubject.next(res)
-            });
-        }
-        if (typeof this.action.permissions !== 'undefined' || typeof this.routePermissions !== 'undefined') {
-            this.isPermittedSubscription?.unsubscribe();
-            const permissions = this.action.permissions && this.routePermissions
-                ? Permissions.All.of(this.routePermissions, this.action.permissions)
-                : this.routePermissions ?? this.action.permissions;
-            this.isVisibleSubscription = this.authorization.isPermitted(permissions, this.route.snapshot, context).subscribe({
-                next: res => this.isPermittedSubject.next(res)
-            });
-        }
-        if (typeof this.action.isEnabledFunction === 'function') {
-            this.isEnabledSubscription?.unsubscribe();
-            this.isEnabledSubscription = toObservable(this.action.isEnabledFunction(context)).subscribe({
-                next: res => this.isEnabledSubject.next(res)
-            });
-        }
-        if (!this.hasNoTitle) {
-            this.labelSubscription?.unsubscribe();
-            this.labelSubscription = getI18nForActionAsync(this.translate, this.action, 'title', this.action.button.label ?? undefined, this.item).subscribe({
-                next: i18n => this.labelSubject.next(i18n)
-            });
-        }
-        this.tooltipSubscription?.unsubscribe();
-        if (this.action.button.tooltip) {
-            this.tooltipSubscription = getI18nForActionAsync(this.translate, this.action, 'tooltip', this.action.button.tooltip, this.item, undefined, undefined).subscribe({
-                next: i18n => this.tooltipSubject.next(i18n)
-            });
-        }
-        this.subactions = this.processSubactions();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ActionComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1$1.TranslateService }, { token: i1$2.PermissionService }, { token: ActionExecutorService }, { token: ViewContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ActionComponent, isStandalone: true, selector: "mng-action", inputs: { action: "action", item: "item", itemId: "itemId", actionData: "actionData", dataListParams: "dataListParams", dataProvider: "dataProvider", hostComponent: "hostComponent", routeInit: ["route", "routeInit"], inputDisabled: ["disabled", "inputDisabled", boolean$Attribute], inputLoading: ["loading", "inputLoading", boolean$Attribute], selectedItems: "selectedItems" }, outputs: { finishEventEmitter: "finish" }, host: { properties: { "class": "this.hostClass", "class.m-0": "this.isHostHidden" } }, providers: [provideActionExecutor()], viewQueries: [{ propertyName: "subactionsMenu", first: true, predicate: ["subactionsMenu"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (($isVisible | async) && ($isPermitted | async)) {\n    @if (actionLink && actionLink.url !== '') {\n        <a\n            pButton\n            pRipple\n            [label]=\"($label | async) ?? ''\"\n            [icon]=\"$any(action.button.icon)\"\n            [iconPos]=\"action.button.iconPosition\"\n            [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | mngParametrize: itemId : item : actionData)\"\n            [target]=\"actionLink.target\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [pTooltip]=\"($tooltip | async) ?? undefined\"\n            [tooltipPosition]=\"action.button.tooltipPosition ?? undefined\"\n            [class]=\"buttonClass\"></a>\n    } @else if (actionLink) {\n        <a\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [iconPos]=\"action.button.iconPosition\"\n            [label]=\"($label | async) ?? ''\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? 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 | async) === false || ((inputDisabled | async) ?? false)\"\n            [pTooltip]=\"($tooltip | async) ?? undefined\"\n            [tooltipPosition]=\"action.button.tooltipPosition ?? undefined\"\n            [class]=\"buttonClass\"></a>\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\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"($tooltip | async) ?? undefined\"\n            [tooltipPosition]=\"action.button.tooltipPosition ?? undefined\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\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\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"($tooltip | async) ?? undefined\"\n            [tooltipPosition]=\"action.button.tooltipPosition ?? undefined\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\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: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i7.Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8.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", "nodeInjector"], outputs: ["instanceCreated"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i9.SplitButton, selector: "p-splitButton", inputs: ["model", "icon", "iconPos", "label", "style", "styleClass", "menuStyle", "menuStyleClass", "disabled", "tabindex", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps"], outputs: ["onClick", "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: i10.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: "17.3.4", ngImport: i0, type: ActionComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1$1.TranslateService }, { token: i3.PermissionService }, { token: ActionExecutorService }, { token: ViewContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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\"\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 ?? undefined\"\n                [class]=\"buttonClass()\"></a>\n        } @else {\n            <a\n                pButton\n                pRipple\n                [icon]=\"$any(action().button.icon)\"\n                [iconPos]=\"action().button.iconPosition\"\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 ?? undefined\"\n                [class]=\"buttonClass()\"></a>\n        }\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        }\n\n     @else if (action().subactions.length > 0 && !action().subactionsAsMenu) {\n        <p-splitButton\n            [icon]=\"action().button.icon ?? undefined\"\n            [iconPos]=\"action().button.iconPosition\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button.tooltipPosition ?? undefined\"\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\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button.tooltipPosition ?? undefined\"\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: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i7.Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8.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: i9.SplitButton, selector: "p-splitButton", inputs: ["model", "icon", "iconPos", "label", "style", "styleClass", "menuStyle", "menuStyleClass", "disabled", "tabindex", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps"], outputs: ["onClick", "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: i10.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ActionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, ButtonModule, RippleModule, TooltipModule, ParametrizePipe, ComponentDirective, SplitButtonModule, MenuModule], providers: [provideActionExecutor()], template: "@if (($isVisible | async) && ($isPermitted | async)) {\n    @if (actionLink && actionLink.url !== '') {\n        <a\n            pButton\n            pRipple\n            [label]=\"($label | async) ?? ''\"\n            [icon]=\"$any(action.button.icon)\"\n            [iconPos]=\"action.button.iconPosition\"\n            [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | mngParametrize: itemId : item : actionData)\"\n            [target]=\"actionLink.target\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [pTooltip]=\"($tooltip | async) ?? undefined\"\n            [tooltipPosition]=\"action.button.tooltipPosition ?? undefined\"\n            [class]=\"buttonClass\"></a>\n    } @else if (actionLink) {\n        <a\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [iconPos]=\"action.button.iconPosition\"\n            [label]=\"($label | async) ?? ''\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? 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 | async) === false || ((inputDisabled | async) ?? false)\"\n            [pTooltip]=\"($tooltip | async) ?? undefined\"\n            [tooltipPosition]=\"action.button.tooltipPosition ?? undefined\"\n            [class]=\"buttonClass\"></a>\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\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"($tooltip | async) ?? undefined\"\n            [tooltipPosition]=\"action.button.tooltipPosition ?? undefined\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\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\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"($tooltip | async) ?? undefined\"\n            [tooltipPosition]=\"action.button.tooltipPosition ?? undefined\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            loadingIcon=\"pi pi-spin pi-spinner\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\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: () => [{ type: i1.ActivatedRoute }, { type: i1$1.TranslateService }, { type: i1$2.PermissionService }, { type: ActionExecutorService }, { type: ViewContainer, decorators: [{
+            args: [{ standalone: true, selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, 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\"\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 ?? undefined\"\n                [class]=\"buttonClass()\"></a>\n        } @else {\n            <a\n                pButton\n                pRipple\n                [icon]=\"$any(action().button.icon)\"\n                [iconPos]=\"action().button.iconPosition\"\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 ?? undefined\"\n                [class]=\"buttonClass()\"></a>\n        }\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        }\n\n     @else if (action().subactions.length > 0 && !action().subactionsAsMenu) {\n        <p-splitButton\n            [icon]=\"action().button.icon ?? undefined\"\n            [iconPos]=\"action().button.iconPosition\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button.tooltipPosition ?? undefined\"\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\"\n            [label]=\"label()\"\n            [pTooltip]=\"tooltip()\"\n            [tooltipPosition]=\"action().button.tooltipPosition ?? undefined\"\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: () => [{ type: i1.ActivatedRoute }, { type: i1$1.TranslateService }, { type: i3.PermissionService }, { type: ActionExecutorService }, { type: ViewContainer, decorators: [{
                     type: Optional
-                }] }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], isHostHidden: [{
-                type: HostBinding,
-                args: ['class.m-0']
-            }], action: [{
-                type: Input,
-                args: [{ required: true }]
-            }], item: [{
-                type: Input
-            }], itemId: [{
-                type: Input
-            }], actionData: [{
-                type: Input
-            }], dataListParams: [{
-                type: Input
-            }], dataProvider: [{
-                type: Input
-            }], hostComponent: [{
-                type: Input
-            }], routeInit: [{
-                type: Input,
-                args: ['route']
-            }], inputDisabled: [{
-                type: Input,
-                args: [{ alias: 'disabled', transform: boolean$Attribute }]
-            }], inputLoading: [{
-                type: Input,
-                args: [{ alias: 'loading', transform: boolean$Attribute }]
-            }], selectedItems: [{
-                type: Input
-            }], finishEventEmitter: [{
-                type: Output,
-                args: ['finish']
-            }], subactionsMenu: [{
-                type: ViewChild,
-                args: ['subactionsMenu']
-            }] } });
+                }] }] });
 
 function createFormlyConfigFromDescriptor(descriptor, formlyConfig, formEditorComponent) {
     const fields = [];
@@ -1637,7 +1572,7 @@ function createFormlyLocalizationsTab(descriptor) {
         if (!descriptor.localizationModel) {
             throw new CommonsInternalError('Localization model must be defined.');
         }
-        const localizationsTableViewDescriptor = TableviewDescriptor.fromModel(descriptor.localizationModel);
+        const localizationsTableViewDescriptor = new TableviewDescriptorInst(descriptor.localizationModel);
         if (!descriptor.localizationLocaleProperty) {
             throw new CommonsInternalError('Localization locale property must be defined.');
         }
@@ -1646,7 +1581,7 @@ function createFormlyLocalizationsTab(descriptor) {
         localizationsTableViewDescriptor.detailsEditor.addField(descriptor.localizationLocaleProperty).withDisabled(true);
         localizationsTableViewDescriptor.addEditor
             .addFieldLookupWithProvider(descriptor.localizationLocaleProperty, CommonsService, type())
-            .withLookup((qp, service) => service.appDataLanguages)
+            .withLookup((qp, service) => service.appDataLocales())
             .withDisabled(false)
             .withRequired();
         descriptor.fields.forEach(field => {
@@ -1879,6 +1814,7 @@ function createFormlyField(descriptor, formlyConfig, formEditorComponent) {
     }
     if (descriptor.hiddenExpression) {
         field.expressions['hide'] = descriptor.hiddenExpression;
+        field.expressions['resetOnHide'] = () => descriptor.hiddenResetOnHide ?? true;
     }
     if (descriptor.disabledExpression) {
         field.expressions['props.disabled'] = descriptor.disabledExpression;
@@ -1922,7 +1858,18 @@ function createFormlyValidation(config, validation, formlyConfig) {
             if (!formlyConfig.validators[validation.name]) {
                 formlyConfig.setValidator({
                     name: validation.name,
-                    validation: (control, field, options) => validation.validator(control, field, options) ? null : { [validation.name]: true }
+                    validation: (control, field) => {
+                        const commonsFieldFormlyConfig = field;
+                        return validation.validator({
+                            fieldFormControl: control,
+                            form: commonsFieldFormlyConfig.form,
+                            fieldFormlyConfig: field,
+                            formComponent: commonsFieldFormlyConfig.props?.formEditorComponent,
+                            fieldComponent: commonsFieldFormlyConfig.props?.fieldComponent
+                        })
+                            ? null
+                            : { [validation.name]: true };
+                    }
                 });
             }
             if (!Array.isArray(config.validation)) {
@@ -1935,7 +1882,16 @@ function createFormlyValidation(config, validation, formlyConfig) {
         }
         else {
             config[validation.name] = {
-                expression: validation.validator
+                expression: (control, field) => {
+                    const commonsFieldFormlyConfig = field;
+                    return validation.validator({
+                        fieldFormControl: control,
+                        form: commonsFieldFormlyConfig.form,
+                        fieldFormlyConfig: commonsFieldFormlyConfig,
+                        formComponent: commonsFieldFormlyConfig.props?.formEditorComponent,
+                        fieldComponent: commonsFieldFormlyConfig.props?.fieldComponent
+                    });
+                }
             };
             if (validation.message != null) {
                 config[validation.name].message = validation.message;
@@ -1969,7 +1925,103 @@ function getFormEditorWarningMessage(translate, title, message) {
     return { severity: 'warn', summary: actionErrorTitle, detail: actionErrorMessage };
 }
 
+class FormEditorService {
+    get parent() {
+        return this._parentForm;
+    }
+    get parentService() {
+        return this._parentForm;
+    }
+    get formComponent() {
+        if (!this._formComponent) {
+            throw new CommonsInternalError(`Form service was not initialized`);
+        }
+        return this._formComponent;
+    }
+    get descriptor() {
+        return this.formComponent.descriptor;
+    }
+    get isFormDisabled() {
+        return this.formComponent.isFormDisabled;
+    }
+    get formMessages() {
+        return this.formComponent.formMessages;
+    }
+    get form() {
+        return this.formComponent.form;
+    }
+    get formUnsafe() {
+        return this.formComponent.formUnsafe;
+    }
+    get formlyOptions() {
+        return this.formComponent.formlyOptions;
+    }
+    get formlyFields() {
+        return this.formComponent.formlyFields;
+    }
+    get formlyInitialItem() {
+        return this.formComponent.formlyInitialItem;
+    }
+    submit() {
+        this.formComponent.submit();
+    }
+    getFormValue() {
+        return this.formComponent.getFormValue();
+    }
+    resetFormModel(item, opts) {
+        this.formComponent.resetFormModel(item, opts);
+    }
+    getField(key) {
+        return this.formComponent.getField(key);
+    }
+    getFieldUnsafe(key) {
+        return this.formComponent.getFieldUnsafe(key);
+    }
+    setFieldValue(key, value) {
+        return this.formComponent.setFieldValue(key, value);
+    }
+    setFieldValueUnsafe(key, value) {
+        return this.formComponent.setFieldValueUnsafe(key, value);
+    }
+    patchFieldValue(key, value) {
+        return this.formComponent.patchFieldValue(key, value);
+    }
+    patchFieldValueUnsafe(key, value) {
+        return this.formComponent.patchFieldValueUnsafe(key, value);
+    }
+    resetFieldValue(key, value) {
+        return this.formComponent.resetFieldValue(key, value);
+    }
+    resetFieldValueUnsafe(key, value) {
+        return this.formComponent.resetFieldValueUnsafe(key, value);
+    }
+    constructor(parentForm) {
+        this._parentForm = parentForm;
+    }
+    init(formComponent) {
+        this._formComponent = formComponent;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormEditorService, deps: [{ token: FormEditorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormEditorService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormEditorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FormEditorService }] });
+function provideFormComponent() {
+    return {
+        provide: FormEditorService,
+        useFactory: (injector) => {
+            const parent = injector.get(FormEditorService, null, { optional: true, skipSelf: true });
+            return new FormEditorService(parent ?? undefined);
+        },
+        deps: [Injector]
+    };
+}
+
 class FormEditorComponent {
+    get parent() {
+        return this.formService.parent;
+    }
     get form() {
         return this._form;
     }
@@ -1994,6 +2046,7 @@ class FormEditorComponent {
         this.commons = inject(CommonsService);
         this.logger = inject(LoggerService).create('FormEditorComponent');
         this.destroyRef = inject(DestroyRef);
+        this.formService = inject((FormEditorService));
         this.descriptor = input.required();
         this.submitLoading = input(false);
         this.item = input(undefined);
@@ -2014,6 +2067,7 @@ class FormEditorComponent {
         this._formlyFields = []; // initialized in ngOnInit, should not be changed after
         this._formlyInitialItem = {}; // initialized in ngOnInit, should not be changed after
         this.formMessages = signal([]);
+        this.formService.init(this);
         effect(() => {
             const item = this.item();
             if (item !== this.initialItemInput) {
@@ -2050,16 +2104,16 @@ class FormEditorComponent {
             this.formMessages.set([
                 ...this.formMessages(),
                 getFormEditorInfoMessage(this.translateService, 'mngEditor.localizations.addInDefaultLanguageTitle', 'mngEditor.localizations.addInDefaultLanguageDescription', {
-                    defaultLanguage: this.commons.defaultDataLanguage
+                    defaultLanguage: this.commons.getDefaultLocale()
                 })
             ]);
         }
         // emit lifecycle event
-        this.descriptor().nextEvent(FormEventTypeEnum.ComponentLifecycle, FormEditorComponent, this, {
+        this.descriptor().nextEvent(FormEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_INIT
         });
         this._form.valueChanges.pipe(takeUntilDestroyed(this.destroyRef), debounceTime(250), distinctUntilChanged()).subscribe(v => {
-            this.descriptor().nextEvent(FormEventTypeEnum.ValueChange, FormEditorComponent, this, {
+            this.descriptor().nextEvent(FormEventTypeEnum.ValueChange, this, {
                 value: v,
                 formValue: () => this.getFormValue()
             });
@@ -2071,7 +2125,7 @@ class FormEditorComponent {
     }
     ngOnDestroy() {
         // emit lifecycle event
-        this.descriptor().nextEvent(FormEventTypeEnum.ComponentLifecycle, FormEditorComponent, this, {
+        this.descriptor().nextEvent(FormEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
@@ -2088,7 +2142,7 @@ class FormEditorComponent {
                 success: true,
                 formItem: formSubmitItem
             });
-            this.descriptor().nextEvent(FormEventTypeEnum.Submit, FormEditorComponent, this, {
+            this.descriptor().nextEvent(FormEventTypeEnum.Submit, this, {
                 submitValid: true,
                 submitValue: formSubmitItem
             });
@@ -2098,15 +2152,14 @@ class FormEditorComponent {
             const formFields = this._formlyFields;
             if (formFields[0].type === 'tabs' && formFields[0].fieldGroup) {
                 for (const tab of formFields[0].fieldGroup) {
-                    const isInvalid = this.isAnyFieldInvalid(tab.fieldGroup);
-                    this._formlyOptions.formState['tab_' + (tab.id ? tab.id : tab.props.props.label) + '_invalid'] = isInvalid;
+                    this._formlyOptions.formState['tab_' + (tab.id ? tab.id : tab.props.props.label) + '_invalid'] = this.isAnyFieldInvalid(tab.fieldGroup);
                 }
             }
             const event = { success: false, formItem: formSubmitItem };
             event.success = false;
             this.formMessages().push(getFormEditorWarningMessage(this.translateService, 'mngEditor.invalidFormToastTitle', 'mngEditor.invalidFormToastMessage'));
             this.formSubmit.emit(event);
-            this.descriptor().nextEvent(FormEventTypeEnum.Submit, FormEditorComponent, this, {
+            this.descriptor().nextEvent(FormEventTypeEnum.Submit, this, {
                 submitValid: false,
                 submitValue: formSubmitItem
             });
@@ -2249,19 +2302,17 @@ class FormEditorComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.4", 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 } }, outputs: { formSubmit: "formSubmit" }, viewQueries: [{ propertyName: "submitButtonElementRef", first: true, predicate: ["submitButton"], descendants: true, isSignal: true }], ngImport: i0, template: "<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", 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: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i3$1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.4", 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 } }, outputs: { formSubmit: "formSubmit" }, providers: [provideFormComponent()], viewQueries: [{ propertyName: "submitButtonElementRef", first: true, predicate: ["submitButton"], descendants: true, isSignal: true }], ngImport: i0, template: "<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", 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: MessagesModule }, { kind: "component", type: i3$1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormEditorComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-form-editor', imports: [FormlyModule, ReactiveFormsModule, MessagesModule, AsyncPipe, ButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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" }]
+            args: [{ standalone: true, selector: 'mng-form-editor', imports: [FormlyModule, ReactiveFormsModule, MessagesModule, AsyncPipe, ButtonModule], providers: [provideFormComponent()], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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" }]
         }], ctorParameters: () => [] });
 
 class ActionEditorInjectorContextComponent {
     constructor() {
         this.ActionActivationTriggerEnum = ActionActivationTriggerEnum;
         this.actionEditorSubmitTypeSubmit = ActionEditorSubmitTypeEnum.Submit;
-        this.destroyRef = inject(DestroyRef);
-        this.route = inject(ActivatedRoute);
         this.translate = inject(TranslateService);
         this.confirmationService = inject(ConfirmationService);
         this.dialogService = inject(DialogService);
@@ -2269,72 +2320,125 @@ class ActionEditorInjectorContextComponent {
         this.commonsService = inject(CommonsService);
         this.actionExecutor = inject(ActionExecutorService);
         this.viewContainer = inject(ViewContainer, { optional: true });
-        this.actionRunEventEmitter = new EventEmitter();
-        this.actionCancelEventEmitter = new EventEmitter();
+        // metadata and editor mode input
+        this.data = input.required();
+        this.actionRun = output();
+        this.actionCancel = output();
+        // content and view queries
+        this.formEditorCmp = viewChild(FormEditorComponent);
+        this.hasTitle = computed(() => this.editorAction().editorTitle !== null);
         this.title = signal(undefined);
         this.isFormDisabled = signal(false);
         // data
         this.item = signal(undefined);
         this.itemId = signal(undefined);
         this.actionData = signal(undefined);
+        this.editorAction = signal({}); // fake initial value
         // actions
-        this.toolbarLeftActions = signal([]);
-        this.toolbarRightActions = signal([]);
-        this.footerLeftActions = signal([]);
-        this.footerRightActions = signal([]);
+        this.actions = computed(() => {
+            const actions = [];
+            for (const action of this.editorAction().editorActions) {
+                if (action instanceof ActionEditorSubmitDescriptorInst) {
+                    if (typeof action.button.icon === 'undefined') {
+                        action.button.withIcon(action.submitType === ActionEditorSubmitTypeEnum.Submit ? 'pi pi-check' : 'pi pi-times');
+                    }
+                    if (typeof action.button.label === 'undefined') {
+                        action.button.withLabel(action.submitType === ActionEditorSubmitTypeEnum.Submit ? 'general.save' : this.data().isDialog ? 'general.close' : 'general.cancel');
+                    }
+                    // assign run operations
+                    action.withRunNotificationSuccess(undefined, undefined, false);
+                    if (action.submitType === ActionEditorSubmitTypeEnum.Submit) {
+                        action.withRunFunction(() => {
+                            this.triggerSubmit();
+                            return of(null);
+                        });
+                    }
+                    else {
+                        action.withRunFunction(() => {
+                            this.closeWithUnsavedChangesConfirmation();
+                            return of(null);
+                        });
+                    }
+                }
+                actions.push(action);
+            }
+            for (const action of this.viewContainer?.actions().filter(value => value.positionTableviewCategories?.includes(this.editorAction().tableviewCategory)) ?? []) {
+                actions.push(action);
+            }
+            return actions;
+        });
+        this.toolbarLeftActions = computed(() => this.actions().filter(a => a.position === ActionPositionEnum.ToolbarLeft));
+        this.toolbarRightActions = computed(() => this.actions()
+            .filter(a => a.position === ActionPositionEnum.ToolbarRight)
+            .reverse());
+        this.footerLeftActions = computed(() => this.actions().filter(a => a.position === ActionPositionEnum.FooterLeft));
+        this.footerRightActions = computed(() => this.actions()
+            .filter(a => a.position === ActionPositionEnum.FooterRight)
+            .reverse());
+        this.dataProvider = computed(() => this.data().dataProvider ?? this.viewContainer?.dataProvider());
         this.loading = signal(false);
         this.submitLoading = signal(false);
+        // updates for title
         effect(() => {
-            const title = this.title();
-            requestAnimationFrame(() => {
-                if (this.data.dialogConfig) {
-                    this.data.dialogConfig.header = title;
-                }
-                if (this.data.descriptor.activationTrigger === ActionActivationTriggerEnum.OnRoute) {
-                    this.commonsService.setPageTitle(title);
-                }
-            });
+            const hasTitle = this.hasTitle();
+            if (!hasTitle) {
+                this.title.set(undefined);
+            }
+            else {
+                this.titleSubscription?.unsubscribe();
+                this.titleSubscription = getI18nActionEditorTitleAsync(this.translate, this.editorAction(), this.item()).subscribe(t => {
+                    this.title.set(t ?? undefined);
+                });
+            }
+        }, { allowSignalWrites: true });
+        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))))
+            .subscribe(title => {
+            this.title.set(title ?? undefined);
+            const dataDialogConfig = this.data().dialogConfig;
+            if (dataDialogConfig) {
+                dataDialogConfig.header = title ?? undefined;
+            }
+            if (this.editorAction().activationTrigger === ActionActivationTriggerEnum.OnRoute) {
+                this.commonsService.setPageTitle(title ?? undefined);
+            }
         });
-    }
-    ngOnInit() {
-        if (this.data.actionInstance) {
-            this.processActionInstance(this.data.actionInstance);
-        }
-        if (!this.data.dataProvider) {
-            this.data.dataProvider = this.viewContainer?.dataProvider;
-        }
-        this.item.set(this.data.item);
-        this.itemId.set(this.data.itemId);
-        this.actionData.set(this.data.actionData);
-        // arrange the sub-actions
-        this.initializeSubActions();
-        // notify executor to for activation to end
-        this.processActionInstance(this.actionExecutor.onActionEditorInit(this.data.descriptor, this.instance, this));
-        // set title
-        this.updateTitle();
         // subscribe to events that could be triggered from outside from any reason
-        this.viewContainer?.editorReset$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+        this.viewContainer?.editorReset$.pipe(takeUntilDestroyed()).subscribe({
             next: e => {
                 if (e.fetch) {
                     this.fetchItem();
                 }
                 else if (e.item) {
-                    this.formEditorCmp?.resetFormModel(e.item);
+                    this.formEditorCmp()?.resetFormModel(e.item);
                 }
                 else if (e.fields) {
                     for (const key in e.fields) {
-                        this.formEditorCmp?.resetFieldValue(key, e.fields[key]);
+                        this.formEditorCmp()?.resetFieldValue(key, e.fields[key]);
                     }
                 }
             }
         });
-        this.viewContainer?.editorClose$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+        this.viewContainer?.editorClose$.pipe(takeUntilDestroyed()).subscribe({
             next: () => {
                 this.cancel();
             }
         });
     }
+    ngOnInit() {
+        const data = this.data();
+        this.editorAction.set(data.descriptor);
+        this.item.set(data.item);
+        this.itemId.set(data.itemId);
+        this.actionData.set(data.actionData);
+        if (data.actionInstance) {
+            this.processActionInstance(data.actionInstance);
+        }
+        // notify executor to for activation to end
+        this.processActionInstance(this.actionExecutor.onActionEditorInit(this.editorAction(), this.instance, this));
+    }
     ngOnDestroy() {
+        this.titleSubscription?.unsubscribe();
         this.fetchExecutionSubscription?.unsubscribe();
         this.submitExecutionSubscription?.unsubscribe();
         const instance = this.instance;
@@ -2343,7 +2447,7 @@ class ActionEditorInjectorContextComponent {
     }
     onSubmit(event) {
         if (!this.instance) {
-            throw new CommonsInternalError(`Action is not instantiated in action editor for action ${this.data.descriptor.actionName}.`);
+            throw new CommonsInternalError(`Action is not instantiated in action editor for action ${this.editorAction().actionName}.`);
         }
         if (event.success) {
             // prepare parameters
@@ -2352,18 +2456,20 @@ class ActionEditorInjectorContextComponent {
                 item: event.formItem,
                 actionData: this.actionData()
             };
-            if (this.data.descriptor.editorDescriptor.isLocalized) {
-                actionParameters.locale = this.commonsService.appDataLanguageDefault;
+            if (this.editorAction().editorDescriptor.isLocalized) {
+                actionParameters.locale = this.commonsService.getDefaultLocale();
             }
-            const context = this.actionExecutor.prepareContextForEditorSubmit(this.data.descriptor, actionParameters, this.data.dataProvider, this.instance, this.data.previousActionInstance);
+            const context = this.actionExecutor.prepareContextForEditorSubmit(this.editorAction(), actionParameters, this.dataProvider(), this.instance, this.data().previousActionInstance);
             this.submitExecutionSubscription?.unsubscribe();
             this.submitExecutionSubscription = context.execution$.pipe(take$1(1)).subscribe({
                 next: res => {
-                    if (res && typeof res === 'object' && !this.itemId() && this.data.descriptor.model?.idProperty) {
+                    this.lastSubmitItem = event.formItem;
+                    const modelIdProp = this.editorAction().model?.idProperty;
+                    if (res && typeof res === 'object' && !this.itemId() && modelIdProp) {
                         // to cover creation!
-                        this.updateItemId(res[this.data.descriptor.model.idProperty]);
+                        this.updateItemId(res[modelIdProp]);
                     }
-                    this.actionRunEventEmitter.next(res);
+                    this.actionRun.emit(res);
                 }
             });
             this.actionExecutor.run(context);
@@ -2371,10 +2477,10 @@ class ActionEditorInjectorContextComponent {
     }
     cancel() {
         if (!this.instance) {
-            this.logger.warn(`Action editor cannot be canceled for ${this.data.descriptor.actionName}, because no action instance is present`);
+            this.logger.warn(`Action editor cannot be canceled for ${this.editorAction().actionName}, because no action instance is present`);
             return;
         }
-        this.actionCancelEventEmitter.next(undefined);
+        this.actionCancel.emit(undefined);
         this.actionExecutor.finishAction(this.instance);
     }
     updateItemId(itemId) {
@@ -2384,55 +2490,23 @@ class ActionEditorInjectorContextComponent {
         this.item.set(item);
     }
     triggerSubmit() {
-        this.formEditorCmp?.submit();
-    }
-    initializeSubActions() {
-        for (const action of this.data.descriptor.editorActions) {
-            if (action instanceof ActionEditorSubmitDescriptorInst) {
-                if (typeof action.button.icon === 'undefined') {
-                    action.button.withIcon(action.submitType === ActionEditorSubmitTypeEnum.Submit ? 'pi pi-check' : 'pi pi-times');
-                }
-                if (typeof action.button.label === 'undefined') {
-                    action.button.withLabel(action.submitType === ActionEditorSubmitTypeEnum.Submit ? 'general.save' : this.data.isDialog ? 'general.close' : 'general.cancel');
-                }
-                // assign run operations
-                action.withRunNotificationSuccess(undefined, undefined, false);
-                if (action.submitType === ActionEditorSubmitTypeEnum.Submit) {
-                    action.withRunFunction(() => {
-                        this.triggerSubmit();
-                        return of(null);
-                    });
-                }
-                else {
-                    action.withRunFunction(() => {
-                        this.closeWithUnsavedChangesConfirmation();
-                        return of(null);
-                    });
-                }
-            }
-            this.placeActionsOnPositions(action);
-        }
-        for (const action of this.viewContainer?.actions.filter(value => value.positionTableviewCategories?.includes(this.data.descriptor.tableviewCategory)) ?? []) {
-            this.placeActionsOnPositions(action);
-        }
-        this.toolbarRightActions.update(v => v.reverse());
-        this.footerRightActions.update(v => v.reverse());
+        this.formEditorCmp()?.submit();
     }
     fetchItem() {
         if (!this.instance) {
-            throw new CommonsInternalError(`Action is not instantiated in action editor for action ${this.data.descriptor.actionName}.`);
+            throw new CommonsInternalError(`Action is not instantiated in action editor for action ${this.editorAction().actionName}.`);
         }
         const actionParameters = {
             itemId: this.itemId(),
             item: this.item(),
             actionData: this.actionData()
         };
-        if (this.data.descriptor.editorDescriptor.isLocalized) {
-            if (this.data.descriptor.editorDescriptor.disabled) {
-                actionParameters.locale = this.commonsService.appDataLanguage;
+        if (this.editorAction().editorDescriptor.isLocalized) {
+            if (this.editorAction().editorDescriptor.disabled) {
+                actionParameters.locale = this.commonsService.appDataLocale();
             }
             else {
-                actionParameters.locale = this.commonsService.appDataLanguageDefault;
+                actionParameters.locale = this.commonsService.getDefaultLocale();
             }
         }
         if (this.instance?.previousInstance instanceof ActionInstance && this.instance.previousInstance.context?.parameters.item) {
@@ -2441,39 +2515,13 @@ class ActionEditorInjectorContextComponent {
         if (typeof this.instance?.previousInstance?.result !== 'undefined') {
             actionParameters.submitResult = this.instance?.previousInstance?.result;
         }
-        const context = this.actionExecutor.prepareContextForEditorFetch(this.data.descriptor, actionParameters, this.data.dataProvider, this.instance, this.data.previousActionInstance);
+        const context = this.actionExecutor.prepareContextForEditorFetch(this.editorAction(), actionParameters, this.dataProvider(), this.instance, this.data().previousActionInstance);
         this.fetchExecutionSubscription?.unsubscribe();
         this.fetchExecutionSubscription = context.execution$.pipe(take$1(1)).subscribe(res => {
             this.updateItem(res ?? undefined);
-            this.updateTitle();
         });
         this.actionExecutor.run(context);
     }
-    updateTitle() {
-        if (this.data.descriptor.editorTitle === null) {
-            this.title.set(undefined);
-            return;
-        }
-        getI18nActionEditorTitleAsync(this.translate, this.data.descriptor, this.item()).subscribe(t => {
-            this.title.set(t ?? undefined);
-        });
-    }
-    placeActionsOnPositions(action) {
-        switch (action.position) {
-            case ActionPositionEnum.ToolbarLeft:
-                this.toolbarLeftActions.update(v => [...v, action]);
-                break;
-            case ActionPositionEnum.ToolbarRight:
-                this.toolbarRightActions.update(v => [...v, action]);
-                break;
-            case ActionPositionEnum.FooterLeft:
-                this.footerLeftActions.update(v => [...v, action]);
-                break;
-            case ActionPositionEnum.FooterRight:
-                this.footerRightActions.update(v => [...v, action]);
-                break;
-        }
-    }
     setEditorEnabled(isEnabled = true) {
         this.isFormDisabled.set(!isEnabled);
     }
@@ -2540,8 +2588,7 @@ class ActionEditorInjectorContextComponent {
                     case ActionInstanceStateEnum.FinishSuccessReactivateFinal:
                         this.setEditorEnabled(false);
                         // make copy of item and update title to be on the latest
-                        this.item.set(objectDeepCopy(this.item()));
-                        this.updateTitle();
+                        this.updateItem(objectDeepCopy(this.lastSubmitItem));
                         // should also unsetInstance, but let this for reactivationInstance$ listener to not interfere
                         break;
                 }
@@ -2557,20 +2604,20 @@ class ActionEditorInjectorContextComponent {
         this.instanceReactivationSubscription?.unsubscribe();
     }
     beforeWindowUnload() {
-        if (this.data.isDialog && this.formEditorCmp?.form.pristine === false) {
+        if (this.data().isDialog && this.formEditorCmp()?.form.pristine === false) {
             return confirm(this.translate.instant('mngEditor.unsavedChangesConfirmation.message'));
         }
         return true;
     }
     onEscapePressed() {
-        if (this.data.isDialog &&
-            this.data.descriptor.activationTrigger === ActionActivationTriggerEnum.OnRoute &&
+        if (this.data().isDialog &&
+            this.editorAction().activationTrigger === ActionActivationTriggerEnum.OnRoute &&
             this.instance?.activationDialogRef &&
             parseInt(this.dialogService.dialogComponentRefMap.get(this.instance?.activationDialogRef)?.instance.container?.style.zIndex ?? '') === ZIndexUtils.getCurrent())
             this.closeWithUnsavedChangesConfirmation();
     }
     closeWithUnsavedChangesConfirmation(callFromGuard = false) {
-        if (this.formEditorCmp?.form.pristine === false && this.data.descriptor.unsavedChangesConfirmation) {
+        if (this.formEditorCmp()?.form.pristine === false && this.editorAction().unsavedChangesConfirmation) {
             return this.showUnsavedChangesConfirmationDialog(callFromGuard);
         }
         else {
@@ -2603,27 +2650,12 @@ class ActionEditorInjectorContextComponent {
         return subject.asObservable();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ActionEditorInjectorContextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ActionEditorInjectorContextComponent, isStandalone: true, selector: "mng-action-editor-injector-context", inputs: { data: "data" }, outputs: { actionRunEventEmitter: "actionSubmit", actionCancelEventEmitter: "actionCancel" }, host: { listeners: { "window:beforeunload": "beforeWindowUnload()", "window:keydown.Escape": "onEscapePressed()" } }, providers: [provideActionExecutor()], viewQueries: [{ propertyName: "submitButtonElementRef", first: true, predicate: ["submitButton"], descendants: true }, { propertyName: "formEditorCmp", first: true, predicate: FormEditorComponent, descendants: true }], ngImport: i0, template: "@if (!data.isDialog && title()) {\n    <h5>{{ title() }}</h5>\n}\n@if (data.isDialog && data.descriptor.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]=\"item()\"\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]=\"item()\"\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 (data.descriptor.editorDescriptor && !loading()) {\n            <mng-form-editor [descriptor]=\"data.descriptor.editorDescriptor\" [item]=\"item()\" [isFormDisabled]=\"isFormDisabled()\" (formSubmit)=\"onSubmit($event)\"> </mng-form-editor>\n        }\n    </div>\n\n    <div class=\"flex flex-row justify-content-between 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]=\"item()\"\n                    [itemId]=\"itemId()\"></mng-action>\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]=\"item()\"\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$3.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: FormEditorComponent, selector: "mng-form-editor", inputs: ["descriptor", "submitLoading", "item", "isFormDisabled"], outputs: ["formSubmit"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i2$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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]=\"item()\"\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]=\"item()\"\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 [descriptor]=\"editorAction().editorDescriptor\" [item]=\"item()\" [isFormDisabled]=\"isFormDisabled()\" (formSubmit)=\"onSubmit($event)\"> </mng-form-editor>\n        }\n    </div>\n\n    <div class=\"flex flex-row justify-content-between 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]=\"item()\"\n                    [itemId]=\"itemId()\"></mng-action>\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]=\"item()\"\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$3.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: FormEditorComponent, selector: "mng-form-editor", inputs: ["descriptor", "submitLoading", "item", "isFormDisabled"], outputs: ["formSubmit"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i2$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass", "ariaLabelledBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ActionEditorInjectorContextComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-action-editor-injector-context', imports: [ActionComponent, ProgressSpinnerModule, FormEditorComponent, ComponentDirective, ToolbarModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideActionExecutor()], template: "@if (!data.isDialog && title()) {\n    <h5>{{ title() }}</h5>\n}\n@if (data.isDialog && data.descriptor.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]=\"item()\"\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]=\"item()\"\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 (data.descriptor.editorDescriptor && !loading()) {\n            <mng-form-editor [descriptor]=\"data.descriptor.editorDescriptor\" [item]=\"item()\" [isFormDisabled]=\"isFormDisabled()\" (formSubmit)=\"onSubmit($event)\"> </mng-form-editor>\n        }\n    </div>\n\n    <div class=\"flex flex-row justify-content-between 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]=\"item()\"\n                    [itemId]=\"itemId()\"></mng-action>\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]=\"item()\"\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"] }]
-        }], ctorParameters: () => [], propDecorators: { data: [{
-                type: Input,
-                args: [{ required: true }]
-            }], actionRunEventEmitter: [{
-                type: Output,
-                args: ['actionSubmit']
-            }], actionCancelEventEmitter: [{
-                type: Output,
-                args: ['actionCancel']
-            }], submitButtonElementRef: [{
-                type: ViewChild,
-                args: ['submitButton']
-            }], formEditorCmp: [{
-                type: ViewChild,
-                args: [FormEditorComponent]
-            }], beforeWindowUnload: [{
+            args: [{ standalone: true, selector: 'mng-action-editor-injector-context', imports: [ActionComponent, ProgressSpinnerModule, FormEditorComponent, ComponentDirective, ToolbarModule], 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]=\"item()\"\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]=\"item()\"\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 [descriptor]=\"editorAction().editorDescriptor\" [item]=\"item()\" [isFormDisabled]=\"isFormDisabled()\" (formSubmit)=\"onSubmit($event)\"> </mng-form-editor>\n        }\n    </div>\n\n    <div class=\"flex flex-row justify-content-between 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]=\"item()\"\n                    [itemId]=\"itemId()\"></mng-action>\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]=\"item()\"\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"] }]
+        }], ctorParameters: () => [], propDecorators: { beforeWindowUnload: [{
                 type: HostListener,
                 args: ['window:beforeunload']
             }], onEscapePressed: [{
@@ -2632,59 +2664,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             }] } });
 
 class ActionEditorComponent {
-    constructor() {
-        this.injContextCmpType = ActionEditorInjectorContextComponent;
-        this.injector = inject(Injector);
-        this.destroyRef = inject(DestroyRef);
-        this.dialogConfig = inject(DynamicDialogConfig, { optional: true });
-        this.actionRunEventEmitter = new EventEmitter();
-        this.actionCancelEventEmitter = new EventEmitter();
-        this.isDialog = false;
-    }
     get actionEditor() {
         return this.actionEditorWInjContextCmp;
     }
     get formEditorCmp() {
         return this.actionEditor?.formEditorCmp;
     }
-    ngOnInit() {
-        let dialogData = undefined;
-        if (this.dialogConfig?.data) {
-            dialogData = this.dialogConfig.data;
-            this.isDialog = true;
-            // set injector from provided one
-            this.injector = dialogData.injector;
-        }
-        this.actionEditorWInjContextInputData = {
-            isDialog: this.isDialog,
-            dialogConfig: this.dialogConfig ?? undefined,
-            descriptor: dialogData?.action.descriptor ?? this.action,
-            actionInstance: dialogData?.action.instance,
-            previousActionInstance: dialogData?.action.previousInstance,
-            itemId: dialogData?.action.instance.activationParameters?.itemId ?? this.itemIdInput,
-            item: dialogData?.action.instance.activationParameters?.item ?? this.itemInput,
-            actionData: dialogData?.action.instance.activationParameters?.actionData ?? this.actionData,
-            dataProvider: this.dataProvider
-        };
-    }
-    ngOnChanges(changes) {
-        if (changes['itemIdInput'] && !changes['itemIdInput'].firstChange) {
-            this.actionEditorWInjContextCmp?.updateItemId(this.itemIdInput);
-        }
-        if (changes['itemInput'] && !changes['itemInput'].firstChange) {
-            this.actionEditorWInjContextCmp?.updateItem(this.itemInput);
-        }
+    constructor() {
+        this.injContextCmpType = ActionEditorInjectorContextComponent;
+        this.dialogConfig = inject(DynamicDialogConfig, { optional: true });
+        this.action = input.required();
+        this.dialogData = this.dialogConfig?.data;
+        this.isDialog = !!this.dialogData;
+        this.parentInjector = this.dialogData?.injector;
+        // data source inputs
+        this.itemId = input();
+        this.item = input();
+        this.actionData = input();
+        this.dataProvider = input();
+        this.actionRun = output();
+        this.actionCancel = output();
+        this.actionEditorWInjContextInputData = computed(() => {
+            return {
+                isDialog: this.isDialog,
+                dialogConfig: this.dialogConfig ?? undefined,
+                descriptor: this.dialogData?.action.descriptor ?? this.action(),
+                actionInstance: this.dialogData?.action.instance,
+                previousActionInstance: this.dialogData?.action.previousInstance,
+                itemId: this.dialogData?.action.instance.activationParameters?.itemId ?? this.itemId(),
+                item: this.dialogData?.action.instance.activationParameters?.item ?? this.item(),
+                actionData: this.dialogData?.action.instance.activationParameters?.actionData ?? this.actionData,
+                dataProvider: this.dataProvider()
+            };
+        });
+        this.itemIdFirstUpdate = true;
+        this.itemFirstUpdate = true;
+        effect(() => {
+            const itemId = this.itemId();
+            if (!this.itemIdFirstUpdate) {
+                this.actionEditorWInjContextCmp?.updateItemId(itemId);
+            }
+            else {
+                this.itemIdFirstUpdate = false;
+            }
+        });
+        effect(() => {
+            const item = this.item();
+            if (!this.itemFirstUpdate) {
+                this.actionEditorWInjContextCmp?.updateItem(item);
+            }
+            else {
+                this.itemFirstUpdate = false;
+            }
+        });
     }
     onActionEditorWInjContextCmp(cmp) {
         if (this.actionEditorWInjContextCmp) {
             throw new CommonsInternalError('Action editor injection context component is already initialized');
         }
         this.actionEditorWInjContextCmp = cmp;
-        this.actionEditorWInjContextCmp.actionCancelEventEmitter.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(action => {
-            this.actionCancelEventEmitter.emit(action);
+        this.actionEditorWInjContextCmp.actionCancel.subscribe(action => {
+            this.actionCancel.emit(action);
         });
-        this.actionEditorWInjContextCmp.actionRunEventEmitter.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(action => {
-            this.actionRunEventEmitter.emit(action);
+        this.actionEditorWInjContextCmp.actionRun.subscribe(action => {
+            this.actionRun.emit(action);
         });
     }
     cancel() {
@@ -2694,107 +2737,69 @@ class ActionEditorComponent {
         this.actionEditorWInjContextCmp?.triggerSubmit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ActionEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ActionEditorComponent, isStandalone: true, selector: "mng-action-editor", inputs: { action: "action", itemIdInput: ["itemId", "itemIdInput"], itemInput: ["item", "itemInput"], actionData: "actionData", dataProvider: "dataProvider" }, outputs: { actionRunEventEmitter: "actionSubmit", actionCancelEventEmitter: "actionCancel" }, usesOnChanges: true, hostDirectives: [{ directive: i1$2.DialogKeydownHandlerDirective }], ngImport: i0, template: "<div\n    [mngComponent]=\"injContextCmpType\"\n    [inputs]=\"{\n        data: actionEditorWInjContextInputData\n    }\"\n    [nodeInjector]=\"injector\"\n    (instanceCreated)=\"onActionEditorWInjContextCmp($event)\"></div>\n", dependencies: [{ kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "nodeInjector"], outputs: ["instanceCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.4", 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" }, hostDirectives: [{ directive: i3.DialogKeydownHandlerDirective }], 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: "17.3.4", ngImport: i0, type: ActionEditorComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-action-editor', imports: [ComponentDirective], hostDirectives: [DialogKeydownHandlerDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [mngComponent]=\"injContextCmpType\"\n    [inputs]=\"{\n        data: actionEditorWInjContextInputData\n    }\"\n    [nodeInjector]=\"injector\"\n    (instanceCreated)=\"onActionEditorWInjContextCmp($event)\"></div>\n" }]
-        }], propDecorators: { action: [{
-                type: Input,
-                args: [{ required: true }]
-            }], itemIdInput: [{
-                type: Input,
-                args: ['itemId']
-            }], itemInput: [{
-                type: Input,
-                args: ['item']
-            }], actionData: [{
-                type: Input
-            }], dataProvider: [{
-                type: Input
-            }], actionRunEventEmitter: [{
-                type: Output,
-                args: ['actionSubmit']
-            }], actionCancelEventEmitter: [{
-                type: Output,
-                args: ['actionCancel']
-            }] } });
+            args: [{ standalone: true, selector: 'mng-action-editor', imports: [ComponentDirective], hostDirectives: [DialogKeydownHandlerDirective], 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 {
-    constructor(commons) {
-        this.commons = commons;
+    constructor() {
         this.viewContainer = inject(ViewContainer, { optional: true });
-        this.triggerActionEventEmitter = new EventEmitter();
-        this.selectionItemsDataProvider = LookupDataProvider.create().withLookup(() => of(commons.appDataLanguages));
-    }
-    updateDataLanguage(dataLang) {
-        this.commons.appDataLanguage = dataLang;
+        this.commons = inject(CommonsService);
+        this.action = input.required();
+        this.actionData = input.required();
+        this.item = input.required();
+        this.itemId = input.required();
+        this.enabled = input.required();
+        this.loading = input.required();
+        this.trigger = output();
+        // dropdown properties
+        this.selectionItemsDataProvider = computed(() => lookupDataProvider().withLookup(() => of(this.commons.appDataLocales())));
+    }
+    updateDataLocale(dataLang) {
+        this.commons.setAppDataLocale(dataLang);
         this.viewContainer?.reloadTable({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: DataLanguageDropdownComponent, deps: [{ token: i1$2.CommonsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: DataLanguageDropdownComponent, isStandalone: true, selector: "mng-data-language-dropdown", inputs: { action: "action", actionData: "actionData", item: "item", itemId: "itemId", enabled: "enabled", loading: "loading" }, outputs: { triggerActionEventEmitter: "triggerActionEventEmitter" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: DropdownComponent, descendants: true }], ngImport: i0, template: "<mng-dropdown [dataProvider]=\"selectionItemsDataProvider\" [ngModel]=\"commons.appDataLanguage\" [showClear]=\"false\" (valueChange)=\"updateDataLanguage($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"], outputs: ["valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: DataLanguageDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.4", 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"], 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: "17.3.4", ngImport: i0, type: DataLanguageDropdownComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-data-language-dropdown', imports: [DropdownComponent, FormsModule], template: "<mng-dropdown [dataProvider]=\"selectionItemsDataProvider\" [ngModel]=\"commons.appDataLanguage\" [showClear]=\"false\" (valueChange)=\"updateDataLanguage($event)\"></mng-dropdown>\n" }]
-        }], ctorParameters: () => [{ type: i1$2.CommonsService }], propDecorators: { action: [{
-                type: Input,
-                args: [{ required: true }]
-            }], actionData: [{
-                type: Input,
-                args: [{ required: true }]
-            }], item: [{
-                type: Input,
-                args: [{ required: true }]
-            }], itemId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], enabled: [{
-                type: Input,
-                args: [{ required: true }]
-            }], loading: [{
-                type: Input,
-                args: [{ required: true }]
-            }], triggerActionEventEmitter: [{
-                type: Output
-            }], dropdown: [{
-                type: ViewChild,
-                args: [DropdownComponent]
-            }] } });
+            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" }]
+        }] });
 
 class ActionRouteComponent {
-    constructor(router, route, actionExecutor, viewContainer) {
-        this.router = router;
-        this.route = route;
-        this.actionExecutor = actionExecutor;
-        this.viewContainer = viewContainer;
-        this.cmpId = Math.random().toString(36).substring(2);
-        this.actions = [];
-        this.subscriptions = [];
+    constructor() {
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.actionExecutor = inject(ActionExecutorService);
+        this.viewContainer = inject((ViewContainer), { optional: true });
+        this.destroyRef = inject(DestroyRef);
+        this.actions = this.viewContainer?.actions().filter(a => a.activationTrigger === ActionActivationTriggerEnum.OnRoute) ?? [];
         this.isRouterNavigationInProgress = false;
     }
     ngOnInit() {
-        this.actions = this.viewContainer?.actions.filter(a => a.activationTrigger === ActionActivationTriggerEnum.OnRoute) ?? [];
-        this.subscriptions.push(this.route.params.subscribe(p => {
+        this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(p => {
             const action = this.findActionForRoute(p) ?? undefined;
             if (action) {
                 this.activateAction(action, p, this.route.snapshot.queryParams);
             }
-        }));
-        this.subscriptions.push(this.router.events.subscribe(e => {
+        });
+        this.router.events.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(e => {
             if (e instanceof NavigationStart) {
                 this.isRouterNavigationInProgress = true;
             }
             else if (e instanceof NavigationEnd || e instanceof NavigationCancel || e instanceof NavigationError || e instanceof NavigationSkipped) {
                 this.isRouterNavigationInProgress = false;
             }
-        }));
+        });
     }
     ngOnDestroy() {
         const instance = this.instance;
         this.unsetInstance();
         this.actionExecutor.onActionRouteDestroy(instance);
-        this.subscriptions.forEach(s => s.unsubscribe());
     }
     activateAction(action, p, qp) {
         const itemId = p['itemId'];
@@ -2892,15 +2897,13 @@ class ActionRouteComponent {
         this.instanceStateSubscription?.unsubscribe();
         this.instanceReactivationSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ActionRouteComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: ActionExecutorService }, { token: ViewContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ActionRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ActionRouteComponent, isStandalone: true, selector: "mng-action-route", providers: [provideActionExecutor()], ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ActionRouteComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'mng-action-route', changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideActionExecutor()], template: "" }]
-        }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: ActionExecutorService }, { type: ViewContainer, decorators: [{
-                    type: Optional
-                }] }] });
+        }] });
 
 var actionRoute_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -3120,6 +3123,9 @@ class FormlyFieldActionComponent extends FieldType {
         this.props.fieldComponent = this;
         this.buttonClass = this.descriptor.button.styleClass.build();
     }
+    ngOnDestroy() {
+        this.resultSubscription?.unsubscribe();
+    }
     onClick() {
         this.actionMessage = undefined;
         const result = this.descriptor.runFunction?.({
@@ -3136,7 +3142,8 @@ class FormlyFieldActionComponent extends FieldType {
         });
         if (result) {
             if (isObservable(result)) {
-                result.subscribe(res => this.processResult(res));
+                this.resultSubscription?.unsubscribe();
+                this.resultSubscription = result.subscribe(res => this.processResult(res));
             }
             else {
                 this.processResult(result);
@@ -3159,6 +3166,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
 class FormlyFieldAutocompleteComponent extends FieldType {
     constructor() {
         super(...arguments);
+        this.destroyRef = inject(DestroyRef);
         this.subscriptions = [];
     }
     ngOnInit() {
@@ -3166,32 +3174,29 @@ class FormlyFieldAutocompleteComponent extends FieldType {
         this.descriptor = this.props.descriptor;
         this.props.fieldComponent = this;
         // emit lifecycle event
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldAutocompleteComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_INIT
         });
-        const subscription = this.aFormControl.valueChanges.pipe(startWith(this.aFormControl.value), distinctUntilChanged()).subscribe(v => {
-            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, FormlyFieldAutocompleteComponent, this, {
+        this.aFormControl.valueChanges.pipe(startWith(this.aFormControl.value), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef)).subscribe(v => {
+            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, this, {
                 value: v
             });
             this.props.onValueChange?.(this.field, v);
         });
-        this.subscriptions.push(subscription);
     }
     ngAfterViewInit() {
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldAutocompleteComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_VIEW_INIT
         });
     }
     ngOnDestroy() {
-        // warning: formly calls on destroy before on init
-        this.subscriptions.forEach(value => value.unsubscribe());
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldAutocompleteComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: FormlyFieldAutocompleteComponent, isStandalone: true, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [className]=\"descriptor.inputClassName\"\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</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"], outputs: ["valueChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: FormlyFieldAutocompleteComponent, isStandalone: true, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"descriptor.dataProvider\"\n    [optionsTrackProperty]=\"descriptor.optionsTrackProperty\"\n    [optionsLabelProperty]=\"descriptor.optionsLabelProperty\"\n    [optionsValueProperty]=\"descriptor.optionsValueProperty\"\n    [className]=\"descriptor.inputClassName\"\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</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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldAutocompleteComponent, decorators: [{
             type: Component,
@@ -3220,7 +3225,7 @@ class FormlyFieldCustomComponent extends FieldType {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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", "nodeInjector"], outputs: ["instanceCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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: "17.3.4", ngImport: i0, type: FormlyFieldCustomComponent, decorators: [{
             type: Component,
@@ -3236,34 +3241,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
 class FormlyFieldDropdownComponent extends FieldType {
     constructor() {
         super(...arguments);
-        this.subscriptions = [];
+        this.destroyRef = inject(DestroyRef);
     }
     ngOnInit() {
         this.dFormControl = this.formControl;
         this.descriptor = this.props.descriptor;
         this.props.fieldComponent = this;
         // emit lifecycle event
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldDropdownComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_INIT
         });
-        const subscription = this.dFormControl.valueChanges.pipe(startWith(this.dFormControl.value), distinctUntilChanged()).subscribe(v => {
-            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, FormlyFieldDropdownComponent, this, {
+        this.dFormControl.valueChanges.pipe(startWith(this.dFormControl.value), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef)).subscribe(v => {
+            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, this, {
                 value: v
             });
             this.props.onValueChange?.(this.field, v);
         });
-        this.subscriptions.push(subscription);
     }
     ngOnDestroy() {
-        // warning: formly calls on destroy before on init
-        this.subscriptions.forEach(s => s.unsubscribe());
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldDropdownComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: FormlyFieldDropdownComponent, isStandalone: true, selector: "mng-formly-field-dropdown", usesInheritance: true, ngImport: i0, template: "<mng-dropdown\n    [id]=\"$any(key)\"\n    [formControl]=\"dFormControl\"\n    [formlyAttributes]=\"field\"\n    [placeholder]=\"descriptor.placeholder\"\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\">\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"], outputs: ["valueChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: FormlyFieldDropdownComponent, isStandalone: true, selector: "mng-formly-field-dropdown", usesInheritance: true, ngImport: i0, template: "<mng-dropdown\n    [id]=\"$any(key)\"\n    [formControl]=\"dFormControl\"\n    [formlyAttributes]=\"field\"\n    [placeholder]=\"descriptor.placeholder\"\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\">\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"], 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldDropdownComponent, decorators: [{
             type: Component,
@@ -3322,11 +3324,11 @@ class FormlyFieldInputComponent extends FieldType {
             }
         }
         // emit lifecycle event
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldInputComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_INIT
         });
         this.formControl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef), startWith(this.formControl.value), distinctUntilChanged()).subscribe(v => {
-            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, FormlyFieldInputComponent, this, {
+            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, this, {
                 value: v
             });
             this.props.onValueChange?.(this.field, v);
@@ -3362,7 +3364,7 @@ class FormlyFieldInputComponent extends FieldType {
     ngOnDestroy() {
         // warning: formly calls on destroy before on init
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldInputComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
@@ -3434,7 +3436,7 @@ class FormlyFieldInputComponent extends FieldType {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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\"\n            [locale]=\"descriptor.locale ?? applicationLocale\"\n            [mode]=\"numberFieldMode\"\n            [currency]=\"currency\"\n            [currencyDisplay]=\"descriptor.currencyDisplay\">\n        </p-inputNumber>\n    }\n\n    @case ('switch') {\n        <div class=\"field flex flex-column\">\n            <label [for]=\"key\" [class]=\"descriptor.labelClassName\"\n                >{{ props.label! | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\n            <p-inputSwitch [id]=\"$any(key)\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"descriptor.inputClassName\"></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\"></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 [id]=\"$any(key)\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [rows]=\"descriptor.rows ?? 3\" pInputTextarea [class]=\"descriptor.inputClassName\">\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\"\n            [slotChar]=\"$any(descriptor.slotChar)\"\n            [styleClass]=\"descriptor.inputClassName\">\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 (isFileImageSvg(file)) {\n                                <span class=\"flex align-items-center justify-content-center\">\n                                    <i class=\"pi pi-image text-2xl\"></i>\n                                </span>\n                            } @else {\n                                <img [src]=\"file.objectURL\" [width]=\"fileUploadInput.previewWidth\" (error)=\"fileUploadInput.imageError($event)\" />\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                            <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 pi-ban\"></i>\n                                </div>\n                            </span>\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 mt-1\">\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 mt-1\"\n                        [label]=\"'mngEditor.imageUrlAdd' | translate\"\n                        (click)=\"addImageUrl()\"></button>\n                }\n            }\n        </div>\n    }\n    @default {\n        <input pInputText [id]=\"$any(key)\" [type]=\"props.type || 'text'\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [mngInputTrim]=\"descriptor.trimOption\" />\n    }\n}\n", dependencies: [{ kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i1$5.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", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i6.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i7$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i8$1.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i9$1.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"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { 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"], outputs: ["onResize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i13.InputText, selector: "[pInputText]" }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i7.Ripple, selector: "[pRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "directive", type: InputTrimDirective, selector: "[mngInputTrim]", inputs: ["mngInputTrim"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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\"\n            [locale]=\"descriptor.locale ?? applicationLocale\"\n            [mode]=\"numberFieldMode\"\n            [currency]=\"currency\"\n            [currencyDisplay]=\"descriptor.currencyDisplay\">\n        </p-inputNumber>\n    }\n\n    @case ('switch') {\n        <div class=\"field flex flex-column\">\n            <label [for]=\"key\" [class]=\"descriptor.labelClassName\"\n                >{{ props.label! | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\n            <p-inputSwitch [id]=\"$any(key)\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [styleClass]=\"descriptor.inputClassName\"></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\"></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 [id]=\"$any(key)\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [rows]=\"descriptor.rows ?? 3\" pInputTextarea [class]=\"descriptor.inputClassName\">\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\"\n            [slotChar]=\"$any(descriptor.slotChar)\"\n            [styleClass]=\"descriptor.inputClassName\">\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 (isFileImageSvg(file)) {\n                                <span class=\"flex align-items-center justify-content-center\">\n                                    <i class=\"pi pi-image text-2xl\"></i>\n                                </span>\n                            } @else {\n                                <img [src]=\"file.objectURL\" [width]=\"fileUploadInput.previewWidth\" (error)=\"fileUploadInput.imageError($event)\" />\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                            <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 pi-ban\"></i>\n                                </div>\n                            </span>\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 mt-1\">\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 mt-1\"\n                        [label]=\"'mngEditor.imageUrlAdd' | translate\"\n                        (click)=\"addImageUrl()\"></button>\n                }\n            }\n        </div>\n    }\n    @default {\n        <input pInputText [id]=\"$any(key)\" [type]=\"props.type || 'text'\" [formControl]=\"iFormControl\" [formlyAttributes]=\"field\" [mngInputTrim]=\"descriptor.trimOption\" />\n    }\n}\n", dependencies: [{ kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i1$5.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", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "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$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: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i6.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i7$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i8$1.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i9$1.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"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { 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"], outputs: ["onResize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i13.InputText, selector: "[pInputText]" }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i7.Ripple, selector: "[pRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "directive", type: InputTrimDirective, selector: "[mngInputTrim]", inputs: ["mngInputTrim"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldInputComponent, decorators: [{
             type: Component,
@@ -3481,6 +3483,7 @@ class FormlyFieldLookupDialogComponent extends FieldType {
     constructor(injector) {
         super();
         this.injector = injector;
+        this.destroyRef = inject(DestroyRef);
         this.logger = inject(LoggerService).create('FormlyFieldLookupDialogComponent');
         this.fieldLabelFormControl = new FormControl();
         this.addItemsSubject = new ReplaySubject(1);
@@ -3493,13 +3496,12 @@ class FormlyFieldLookupDialogComponent extends FieldType {
         this.dialogSelectedItem = null;
         this.dialogMessages = [];
         this.dialogIsLoading$ = this.dialogIsLoadingSubject.asObservable();
-        this.subscriptions = [];
     }
     ngOnInit() {
         this.descriptor = this.props.descriptor;
         this.props.fieldComponent = this;
         // emit lifecycle event
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldLookupDialogComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_INIT
         });
         this.config = this.descriptor.config;
@@ -3509,7 +3511,7 @@ class FormlyFieldLookupDialogComponent extends FieldType {
         }
         // init values
         this.setFieldLabelValue(this.formControl.value);
-        const subscription = this.formControl.valueChanges.pipe(startWith(this.formControl.value), distinctUntilChanged((prev, curr) => {
+        this.formControl.valueChanges.pipe(startWith(this.formControl.value), distinctUntilChanged((prev, curr) => {
             const compareProp = this.descriptor.dialogTableDescriptor.trackProperty ?? this.descriptor.dialogTableDescriptor.model.idProperty;
             if (compareProp && typeof prev === 'object' && typeof curr === 'object') {
                 return prev[compareProp] === curr[compareProp];
@@ -3517,26 +3519,23 @@ class FormlyFieldLookupDialogComponent extends FieldType {
             else {
                 return prev === curr;
             }
-        })).subscribe(v => {
+        }), takeUntilDestroyed(this.destroyRef)).subscribe(v => {
             this.setFieldLabelValue(v);
-            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, FormlyFieldLookupDialogComponent, this, {
+            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, this, {
                 value: v
             });
             this.props.onValueChange?.(this.field, v);
         });
-        this.subscriptions.push(subscription);
     }
     ngAfterViewInit() {
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldLookupDialogComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_VIEW_INIT
         });
     }
     ngOnDestroy() {
-        // warning: formly calls on destroy before on init
         this.lookupDataProviderSubscription?.unsubscribe();
-        this.subscriptions.forEach(s => s.unsubscribe());
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldLookupDialogComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
@@ -3561,14 +3560,14 @@ class FormlyFieldLookupDialogComponent extends FieldType {
                     this.addItemsSubject.next(dataList);
                     this.dialogAreItemsLoaded = true;
                     this.dialogIsLoadingSubject.next(false);
-                    this.descriptor.nextEvent(FormFieldEventTypeEnum.DataProvider, FormlyFieldLookupDialogComponent, this, {
+                    this.descriptor.nextEvent(FormFieldEventTypeEnum.DataProvider, this, {
                         eventSubtype: 'LookupNext',
                         queryResult: dataList
                     });
                 },
                 error: err => {
                     this.dialogIsLoadingSubject.next(false);
-                    this.descriptor.nextEvent(FormFieldEventTypeEnum.DataProvider, FormlyFieldLookupDialogComponent, this, {
+                    this.descriptor.nextEvent(FormFieldEventTypeEnum.DataProvider, this, {
                         eventSubtype: 'LookupError',
                         queryResult: err
                     });
@@ -3582,7 +3581,7 @@ class FormlyFieldLookupDialogComponent extends FieldType {
         this.dialogSelectedItem = null;
         this.isDialogVisible = true;
         this.formControl.markAsTouched();
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, FormlyFieldLookupDialogComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, this, {
             eventSubtype: FormFieldEventDialogSubtype.VISIBILITY,
             dialogVisible: true
         });
@@ -3591,13 +3590,13 @@ class FormlyFieldLookupDialogComponent extends FieldType {
         this.dialogSelectedItem = item;
     }
     onCaptionCmpInst(instance) {
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, FormlyFieldLookupDialogComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, this, {
             eventSubtype: FormFieldEventDialogSubtype.TABLE_CAPTION_COMPONENT_INSTANCE,
             captionComponentInstance: instance
         });
     }
     onColumnActionCmpInst(instance) {
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, FormlyFieldLookupDialogComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, this, {
             eventSubtype: FormFieldEventDialogSubtype.TABLE_COLUMN_ACTIONS_COMPONENT_INSTANCE,
             captionComponentInstance: instance
         });
@@ -3612,7 +3611,7 @@ class FormlyFieldLookupDialogComponent extends FieldType {
     }
     hideDialog() {
         this.isDialogVisible = false;
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, FormlyFieldLookupDialogComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, this, {
             eventSubtype: FormFieldEventDialogSubtype.VISIBILITY,
             dialogVisible: false
         });
@@ -3642,7 +3641,7 @@ class FormlyFieldLookupDialogComponent extends FieldType {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldLookupDialogComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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 [class]=\"'p-inputgroup mng-dropdown-dialog' + descriptor.inputClassName\" [class.p-inputtext-sm]=\"descriptor.isSizeSmall\" [class.p-inputtext-lg]=\"descriptor.isSizeLarge\">\n    <input pInputText type=\"text\" [id]=\"$any(key)\" [readonly]=\"true\" [formlyAttributes]=\"field\" [formControl]=\"fieldLabelFormControl\" />\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]=\"addItemsAsync\"\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)=\"addItem()\"\n            [loading]=\"(dialogIsLoading$ | async) ?? false\"\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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i7.Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7$2.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: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance"] }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i3$1.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]" }, { kind: "directive", type: DialogKeydownHandlerDirective, selector: "[mngDialogKeydownHandler]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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 [class]=\"'p-inputgroup mng-dropdown-dialog' + descriptor.inputClassName\" [class.p-inputtext-sm]=\"descriptor.isSizeSmall\" [class.p-inputtext-lg]=\"descriptor.isSizeLarge\">\n    <input pInputText type=\"text\" [id]=\"$any(key)\" [readonly]=\"true\" [formlyAttributes]=\"field\" [formControl]=\"fieldLabelFormControl\" />\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]=\"addItemsAsync\"\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)=\"addItem()\"\n            [loading]=\"(dialogIsLoading$ | async) ?? false\"\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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i7.Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7$2.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: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance"] }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i3$1.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]" }, { kind: "directive", type: DialogKeydownHandlerDirective, selector: "[mngDialogKeydownHandler]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldLookupDialogComponent, decorators: [{
             type: Component,
@@ -3665,14 +3664,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             }] } });
 
 class FormlyFieldTableDialogFormComponent extends FieldType {
-    constructor(injector) {
-        super();
-        this.injector = injector;
+    constructor() {
+        super(...arguments);
+        this.injector = inject(Injector);
+        this.destroyRef = inject(DestroyRef);
         this.itemsSubject = new ReplaySubject(1);
         this.items$ = this.itemsSubject.asObservable();
         this.actions = [];
         this.toolbarRightActions = [];
-        this.subscriptions = [];
         this.isDisabledSubject = new BehaviorSubject(false);
         this.isEnabled$ = this.isDisabledSubject.asObservable().pipe(distinctUntilChanged(), map(e => !e));
     }
@@ -3694,7 +3693,7 @@ class FormlyFieldTableDialogFormComponent extends FieldType {
                 this.formControl.markAsTouched();
                 return of(ctx.parameters.item || {});
             });
-            viewAction.withEditorActions([ActionEditorSubmitDescriptor.forSecondary(viewAction, ActionEditorSubmitTypeEnum.Cancel)]);
+            viewAction.withEditorActions([actionEditorCancel(viewAction)]);
             viewAction.button.withLabel(null);
             this.actions.push(viewAction);
         }
@@ -3761,7 +3760,8 @@ class FormlyFieldTableDialogFormComponent extends FieldType {
             this.actions.push(editAction);
         }
         if (hasDeleteAction) {
-            const deleteAction = ActionDescriptor.fromModel(this.descriptor.tableviewDescriptor.model, 'delete', {
+            const deleteAction = new ActionDescriptorInst('delete', {
+                model: this.descriptor.tableviewDescriptor.model,
                 parentType: this.descriptor.editor.model.type,
                 parentProperty: this.descriptor.property
             })
@@ -3814,20 +3814,19 @@ class FormlyFieldTableDialogFormComponent extends FieldType {
             this.formControl.patchValue([]);
         }
         // emit lifecycle event
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldTableDialogFormComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_INIT
         });
-        let subscription = this.formControl.valueChanges.pipe(startWith(this.formControl.value)).subscribe(v => {
+        this.formControl.valueChanges.pipe(startWith(this.formControl.value), takeUntilDestroyed(this.destroyRef)).subscribe(v => {
             this.itemsSubject.next(v ?? []);
             // emit lifecycle event
-            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, FormlyFieldTableDialogFormComponent, this, {
+            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, this, {
                 value: v
             });
             this.props.onValueChange?.(this.field, v);
         });
-        this.subscriptions.push(subscription);
         this.isDisabledSubject.next(this.formControl.disabled);
-        subscription = this.formControl.statusChanges.pipe().subscribe(status => {
+        this.formControl.statusChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(status => {
             if (status === 'DISABLED' && !this.isDisabledSubject.value) {
                 this.isDisabledSubject.next(true);
             }
@@ -3835,41 +3834,39 @@ class FormlyFieldTableDialogFormComponent extends FieldType {
                 this.isDisabledSubject.next(false);
             }
         });
-        this.subscriptions.push(subscription);
     }
     ngAfterViewInit() {
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldTableDialogFormComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_VIEW_INIT
         });
     }
     ngOnDestroy() {
-        // warning: formly calls on destroy before on init
-        this.subscriptions.forEach(s => s.unsubscribe());
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldTableDialogFormComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
     hideActionsForRowWithDefaultLocalization(ctx) {
         if (this.descriptor.tableDescriptor.isLocalized) {
-            if (ctx.parameters.item[this.descriptor.tableDescriptor.localizationLocaleProperty] === this.injector.get(CommonsService).defaultDataLanguage) {
+            if (ctx.parameters.item[this.descriptor.tableDescriptor.localizationLocaleProperty] === this.injector.get(CommonsService).getDefaultLocale()) {
                 return true;
             }
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldTableDialogFormComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldTableDialogFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-row justify-content-end align-items-center table-header\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\n                >{{ props.label! | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\n            @for (action of toolbarRightActions; track action) {\n                <mng-action [action]=\"action\"></mng-action>\n            }\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", "selectionMode", "selectionEnabled", "globalFilterFields", "actions", "captionComponent", "columnActionComponent", "columnActionMinWidth"], outputs: ["tableLoad", "selectionChange", "captionComponentInstance", "columnActionComponentInstance"] }, { kind: "directive", type: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldTableDialogFormComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'mng-formly-table-dialog-form-field', imports: [TranslateModule, ActionComponent, ActionTableComponent, TemplateDirective], providers: [provideViewContainer(false)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-action-table [descriptor]=\"descriptor.tableDescriptor\" [items]=\"items$\" [actions]=\"actions\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-row justify-content-end align-items-center table-header\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\n                >{{ props.label! | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\n            @for (action of toolbarRightActions; track action) {\n                <mng-action [action]=\"action\"></mng-action>\n            }\n        </div>\n    </ng-template>\n</mng-action-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Injector }] });
+        }] });
 
 class FormlyFieldTableDialogMultiselectComponent extends FieldType {
-    constructor(injector) {
-        super();
-        this.injector = injector;
+    constructor() {
+        super(...arguments);
+        this.injector = inject(Injector);
+        this.destroyRef = inject(DestroyRef);
         this.logger = inject(LoggerService).create('FormlyFieldTableDialogMultiselectComponent');
         this.itemsSubject = new ReplaySubject(1);
         this.itemsAsync = this.itemsSubject.asObservable();
@@ -3884,7 +3881,6 @@ class FormlyFieldTableDialogMultiselectComponent extends FieldType {
         this.hasAddAction = false;
         this.hasDeleteAction = false;
         this.searchDebounceSubject = new Subject();
-        this.subscriptions = [];
     }
     ngOnInit() {
         this.descriptor = this.props.descriptor;
@@ -3900,34 +3896,31 @@ class FormlyFieldTableDialogMultiselectComponent extends FieldType {
             this.formControl.patchValue([]);
         }
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldTableDialogMultiselectComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_INIT
         });
-        const subscription = this.formControl.valueChanges.pipe(startWith(this.formControl.value), distinctUntilChanged()).subscribe(v => {
+        this.formControl.valueChanges.pipe(startWith(this.formControl.value), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef)).subscribe(v => {
             this.itemsSubject.next(v ?? []);
             // emit lifecycle event
-            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, FormlyFieldTableDialogMultiselectComponent, this, {
+            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, this, {
                 value: v ?? []
             });
             this.props.onValueChange?.(this.field, v);
         });
-        this.subscriptions.push(this.searchDebounceSubject.pipe(debounceTime(200), distinctUntilChanged()).subscribe(query => {
+        this.searchDebounceSubject.pipe(debounceTime(200), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef)).subscribe(query => {
             this.addTableComponent?.primeTable.filterGlobal(query, 'contains');
-        }));
-        this.subscriptions.push(subscription);
+        });
     }
     ngAfterViewInit() {
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldTableDialogMultiselectComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_VIEW_INIT
         });
     }
     ngOnDestroy() {
-        // warning: formly calls on destroy before on init
         this.lookupDataProviderSubscription?.unsubscribe();
-        this.subscriptions.forEach(s => s.unsubscribe());
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldTableDialogMultiselectComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
@@ -3980,7 +3973,7 @@ class FormlyFieldTableDialogMultiselectComponent extends FieldType {
             });
         }
         this.formControl.markAsTouched();
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, FormlyFieldTableDialogMultiselectComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, this, {
             eventSubtype: FormFieldEventDialogSubtype.VISIBILITY,
             dialogVisible: true
         });
@@ -3990,7 +3983,7 @@ class FormlyFieldTableDialogMultiselectComponent extends FieldType {
     }
     hideDialog() {
         this.isDialogVisible = false;
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, FormlyFieldTableDialogMultiselectComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.DialogLifecycle, this, {
             eventSubtype: FormFieldEventDialogSubtype.VISIBILITY,
             dialogVisible: false
         });
@@ -4031,13 +4024,13 @@ class FormlyFieldTableDialogMultiselectComponent extends FieldType {
         const query = event.target.value;
         this.searchDebounceSubject.next(query);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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]=\"itemsAsync\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-row justify-content-end align-items-center table-header pt-0\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\n                >{{ props.label! | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\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    </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                            [globalFilterFields]=\"descriptor.searchFields\"\n                            [result]=\"addItemsAsync\"\n                            [selectionEnabled]=\"true\"\n                            [loading]=\"dialogIsLoading$\"\n                            (selectionChange)=\"onSelectionChange($event)\">\n                            @if (descriptor.searchEnabled) {\n                                <ng-template mngTemplate=\"caption\">\n                                    <div class=\"flex\">\n                                        <span class=\"p-input-icon-left ml-auto\" [ngStyle]=\"{width: 'unset'}\">\n                                            <i class=\"pi pi-search\"></i>\n                                            <input pInputText type=\"text\" (input)=\"onSearch($event)\" [placeholder]=\"'general.search' | translate\" />\n                                        </span>\n                                    </div>\n                                </ng-template>\n                            }\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)=\"addItems()\"\n                        [loading]=\"(dialogIsLoading$ | async) ?? false\"\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: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: TableComponent, selector: "mng-table", inputs: ["descriptor", "items", "result", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7$2.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: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i7.Ripple, selector: "[pRipple]" }, { kind: "directive", type: TemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i13.InputText, selector: "[pInputText]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: DialogKeydownHandlerDirective, selector: "[mngDialogKeydownHandler]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldTableDialogMultiselectComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'mng-formly-table-multiselect-add-field', imports: [TranslateModule, AsyncPipe, TableComponent, DialogModule, ButtonModule, RippleModule, TemplateDirective, InputTextModule, NgStyle, DialogKeydownHandlerDirective], providers: [provideViewContainer(false)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-table [descriptor]=\"descriptor.mainTableDescriptor\" [items]=\"itemsAsync\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-row justify-content-end align-items-center table-header pt-0\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\n                >{{ props.label! | translate }}\n                @if (props.required && props['hideRequiredMarker'] !== true) {\n                    <span>*</span>\n                }\n            </label>\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    </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                            [globalFilterFields]=\"descriptor.searchFields\"\n                            [result]=\"addItemsAsync\"\n                            [selectionEnabled]=\"true\"\n                            [loading]=\"dialogIsLoading$\"\n                            (selectionChange)=\"onSelectionChange($event)\">\n                            @if (descriptor.searchEnabled) {\n                                <ng-template mngTemplate=\"caption\">\n                                    <div class=\"flex\">\n                                        <span class=\"p-input-icon-left ml-auto\" [ngStyle]=\"{width: 'unset'}\">\n                                            <i class=\"pi pi-search\"></i>\n                                            <input pInputText type=\"text\" (input)=\"onSearch($event)\" [placeholder]=\"'general.search' | translate\" />\n                                        </span>\n                                    </div>\n                                </ng-template>\n                            }\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)=\"addItems()\"\n                        [loading]=\"(dialogIsLoading$ | async) ?? false\"\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"] }]
-        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { addTableComponent: [{
+        }], propDecorators: { addTableComponent: [{
                 type: ViewChild,
                 args: ['addTableComponent']
             }] } });
@@ -4117,7 +4110,7 @@ class FormlyFieldDatepickerComponent extends FieldType {
         this.descriptor = this.props.descriptor;
         this.props.fieldComponent = this;
         // emit lifecycle event
-        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldDatepickerComponent, this, {
+        this.descriptor.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_INIT
         });
         // init status changes
@@ -4151,7 +4144,7 @@ class FormlyFieldDatepickerComponent extends FieldType {
             .subscribe(v => {
             v = this.convertDateValue(v);
             this.formControl.setValue(v);
-            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, FormlyFieldDatepickerComponent, this, {
+            this.descriptor.nextEvent(FormFieldEventTypeEnum.ValueChange, this, {
                 value: v
             });
             this.props.onValueChange?.(this.field, v);
@@ -4180,12 +4173,12 @@ class FormlyFieldDatepickerComponent extends FieldType {
     ngOnDestroy() {
         // warning: formly calls on destroy before on init
         // emit lifecycle event
-        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, FormlyFieldDatepickerComponent, this, {
+        this.descriptor?.nextEvent(FormFieldEventTypeEnum.ComponentLifecycle, this, {
             eventSubtype: FormFieldEventComponentSubtype.ON_DESTROY
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: FormlyFieldDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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(descriptor.datePickerMin)\"\n    [maxDate]=\"$any(descriptor.datePickerMax)\"\n    [showTime]=\"descriptor.datePickerShowTime ?? false\"\n    [showSeconds]=\"descriptor.datePickerShowSeconds ?? false\"\n    [showIcon]=\"true\"\n    [inputStyleClass]=\"descriptor.inputClassName\"\n    [firstDayOfWeek]=\"1\"\n    (onBlur)=\"onBlur()\">\n</p-calendar>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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: CalendarModule }, { kind: "component", type: i3$2.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", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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(descriptor.datePickerMin)\"\n    [maxDate]=\"$any(descriptor.datePickerMax)\"\n    [showTime]=\"descriptor.datePickerShowTime ?? false\"\n    [showSeconds]=\"descriptor.datePickerShowSeconds ?? false\"\n    [showIcon]=\"true\"\n    [inputStyleClass]=\"descriptor.inputClassName\"\n    [firstDayOfWeek]=\"1\"\n    (onBlur)=\"onBlur()\">\n</p-calendar>\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: CalendarModule }, { kind: "component", type: i3$2.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", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "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: "17.3.4", ngImport: i0, type: FormlyFieldDatepickerComponent, decorators: [{
             type: Component,
@@ -4488,11 +4481,11 @@ class TableviewComponent {
     }
     ngOnInit() {
         if (this.viewContainer) {
-            this.viewContainer.actions = this.actions();
+            this.viewContainer.actions.set(this.actions());
         }
         const dataProvider = this.dataProvider();
         if (this.viewContainer && dataProvider) {
-            this.viewContainer.dataProvider = dataProvider;
+            this.viewContainer.dataProvider.set(dataProvider);
         }
     }
     onTableLoad(event) {
@@ -4749,5 +4742,5 @@ function withTableview(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_EDITOR_COMPONENT_IT, ActionComponent, ActionContext, ActionEditorComponent, ActionErrorMapperService, ActionExecutorService, ActionInstance, ActionInstanceStateEnum, ActionTableComponent, COMMONS_TABLEVIEW_FEATURE_CONFIG_IT, ComponentActionExecutorService, DataLanguageDropdownComponent, DefaultActionErrorMapperService, DefaultDataProviderExecutor, FormEditorComponent, FormlyFieldActionComponent, FormlyFieldAutocompleteComponent, FormlyFieldCustomComponent, FormlyFieldDropdownComponent, FormlyFieldFieldsetComponent, FormlyFieldInputComponent, FormlyFieldLabelComponent, FormlyFieldLookupDialogComponent, FormlyFieldNoLabelWrapperComponent, FormlyFieldTableDialogFormComponent, FormlyFieldTableDialogMultiselectComponent, FormlyFieldTabsComponent, FormlyFieldWrapperComponent, NavigationService, RootActionExecutorService, TableviewComponent, TableviewRouteBuilder, TableviewRouteComponent, ViewContainer, actionNotificationError, actionNotificationSuccess, addAsyncValidationsToFormlyField, addValidationsToFormlyField, calculateTableColumnActionWidth, commonsFormlyConfigProvider, createFormlyConfigFromDescriptor, createFormlyField, createFormlyFields, createFormlyGroupType, createFormlyLocalizationsTab, createFormlyTabType, createFormlyValidation, createTableviewLazyRoute, createTableviewRoute, formlyTypesConfig, formlyWrappersConfig, getActionButtonRoundedWidth, getEmailValidationMessage, getFormEditorInfoMessage, getFormEditorWarningMessage, getFormlyValidationMessages, getI18nActionEditorTitleAsync, getI18nActionParams, getI18nActionParamsAsync, getI18nActionTitleAsync, getI18nForAction, getI18nForActionAsync, getMaxDateValidationMessage, getMaxLengthValidationMessage, getMaxValidationMessage, getMinDateValidationMessage, getMinLengthValidationMessage, getMinValidationMessage, getRequiredValidationMessage, getTableCellPaddingX, getTextPatternValidationMessage, populateI18nActionParams, provideActionExecutor, provideViewContainer, unsavedChangesGuard, withTableview };
+export { ACTION_EDITOR_COMPONENT_IT, ActionComponent, ActionContext, ActionEditorComponent, ActionErrorMapperService, ActionExecutorService, ActionInstance, ActionInstanceStateEnum, ActionTableComponent, COMMONS_TABLEVIEW_FEATURE_CONFIG_IT, ComponentActionExecutorService, DataLanguageDropdownComponent, DefaultActionErrorMapperService, DefaultDataProviderExecutor, FormEditorComponent, FormEditorService, FormlyFieldActionComponent, FormlyFieldAutocompleteComponent, FormlyFieldCustomComponent, FormlyFieldDropdownComponent, FormlyFieldFieldsetComponent, FormlyFieldInputComponent, FormlyFieldLabelComponent, FormlyFieldLookupDialogComponent, FormlyFieldNoLabelWrapperComponent, FormlyFieldTableDialogFormComponent, FormlyFieldTableDialogMultiselectComponent, FormlyFieldTabsComponent, FormlyFieldWrapperComponent, NavigationService, RootActionExecutorService, TableviewComponent, TableviewRouteBuilder, TableviewRouteComponent, ViewContainer, actionNotificationError, actionNotificationSuccess, addAsyncValidationsToFormlyField, addValidationsToFormlyField, calculateTableColumnActionWidth, commonsFormlyConfigProvider, createFormlyConfigFromDescriptor, createFormlyField, createFormlyFields, createFormlyGroupType, createFormlyLocalizationsTab, createFormlyTabType, createFormlyValidation, createTableviewLazyRoute, createTableviewRoute, formlyTypesConfig, formlyWrappersConfig, getActionButtonRoundedWidth, getEmailValidationMessage, getFormEditorInfoMessage, getFormEditorWarningMessage, getFormlyValidationMessages, getI18nActionEditorTitleAsync, getI18nActionParams, getI18nActionParamsAsync, getI18nActionTitleAsync, getI18nForAction, getI18nForActionAsync, getMaxDateValidationMessage, getMaxLengthValidationMessage, getMaxValidationMessage, getMinDateValidationMessage, getMinLengthValidationMessage, getMinValidationMessage, getRequiredValidationMessage, getTableCellPaddingX, getTextPatternValidationMessage, populateI18nActionParams, provideActionExecutor, provideFormComponent, provideViewContainer, unsavedChangesGuard, withTableview };
 //# sourceMappingURL=mediusinc-mng-commons-tableview.mjs.map