@mediusinc/mng-commons 0.15.0 → 0.16.0

package/fesm2015/mediusinc-mng-commons.mjs

@@ -74,7 +74,7 @@ import * as i6$2 from 'primeng/toolbar';
 import { ToolbarModule } from 'primeng/toolbar';
 import * as i7 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import { isObservable, throwError, of, Subject, BehaviorSubject, ReplaySubject, distinctUntilChanged, combineLatest, tap, switchMap, mergeMap as mergeMap$1, from, Observable, merge, debounceTime } from 'rxjs';
+import { isObservable, throwError, BehaviorSubject, Subject, ReplaySubject, distinctUntilChanged, of, combineLatest, tap, switchMap, mergeMap as mergeMap$1, from, Observable, merge, debounceTime } from 'rxjs';
 import { map, mergeMap, catchError, first, filter, finalize, startWith } from 'rxjs/operators';
 import 'reflect-metadata';
 import * as i4 from '@angular/platform-browser';
@@ -589,6 +589,257 @@ DateUtil.NG_PRIME_FORMAT_MAP = {
     YYYY: 'yy'
 };
 
+class ActionError {
+    constructor(error, // error details
+    dismissed = false // by user
+    ) {
+        this.error = error;
+        this.dismissed = dismissed;
+    }
+}
+/**
+ * Action execution instance containing data about execution state of action
+ */
+class ActionInstance {
+    constructor(action, state = ActionInstanceStateEnum.TriggerStart, debug = false) {
+        this.debug = debug;
+        // function execution
+        this.isRunLoadingSubject = new BehaviorSubject(false);
+        this.contexts = [];
+        this.executionSubject = new Subject();
+        this.executionIsRunningSubject = new BehaviorSubject(false);
+        this.stateSubject = new BehaviorSubject(1);
+        this.resultSubject = new ReplaySubject(1);
+        this.errorSubject = new ReplaySubject(1);
+        this.contextExecutionSubscriptions = [];
+        this.instanceId = Math.random().toString(36).substring(2);
+        this.instanceLongName = `${action.actionNameLong}_${this.instanceId}`;
+        this.action = action;
+        this.state = state;
+    }
+    get isRunLoading$() {
+        return this.isRunLoadingSubject.asObservable();
+    }
+    get context() {
+        return this.contexts.length === 0 ? undefined : this.contexts[this.contexts.length - 1];
+    }
+    get execution$() {
+        return this.executionSubject.asObservable();
+    }
+    get executionIsRunning$() {
+        return this.executionIsRunningSubject.asObservable().pipe(distinctUntilChanged());
+    }
+    get state() {
+        return this.stateSubject.value;
+    }
+    set state(state) {
+        if (state > this.stateSubject.value) {
+            if (this.debug) {
+                console.debug(`ActionInstance ${this.instanceLongName} - state #${state}: ${ActionInstanceStateEnum[state]}`);
+            }
+            this.stateSubject.next(state);
+        }
+    }
+    get state$() {
+        return this.stateSubject.asObservable().pipe(distinctUntilChanged());
+    }
+    get result() {
+        return this._result;
+    }
+    set result(result) {
+        if (typeof result === 'undefined') {
+            return;
+        }
+        if (this.debug) {
+            console.debug(`ActionInstance ${this.instanceLongName} - result`, result);
+        }
+        this._result = result;
+        this.resultSubject.next(result);
+    }
+    get result$() {
+        return this.resultSubject.asObservable();
+    }
+    get error() {
+        return this._error;
+    }
+    set error(error) {
+        if (typeof error === 'undefined') {
+            return;
+        }
+        if (this.debug) {
+            console.debug(`ActionInstance ${this.instanceLongName} - error`, error);
+        }
+        this._error = error;
+        this.errorSubject.next(error);
+    }
+    get error$() {
+        return this.errorSubject.asObservable();
+    }
+    contextAt(idx) {
+        return idx < this.contexts.length ? this.contexts[idx] : undefined;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    newContext(context, finishPrevious = true) {
+        if (this.debug) {
+            console.debug(`ActionInstance ${this.instanceLongName} - new context ${context.contextLongName}`);
+        }
+        const currentContext = this.context;
+        if (currentContext) {
+            currentContext.executionComplete();
+        }
+        this.contextExecutionSubscriptions.forEach(s => s.unsubscribe());
+        this.contextExecutionSubscriptions = [];
+        this.contextExecutionSubscriptions.push(context.execution$.subscribe({
+            next: next => this.executionSubject.next(next),
+            error: error => this.executionSubject.error(error)
+        }));
+        this.contextExecutionSubscriptions.push(context.executionIsRunning$.subscribe({
+            next: next => this.executionIsRunningSubject.next(next)
+        }));
+        this.contexts.push(context);
+    }
+    finish() {
+        if (this.stateSubject.value < ActionInstanceStateEnum.FinishSuccess) {
+            this.state = ActionInstanceStateEnum.FinishSuccess;
+        }
+        // complete all subjects
+        this.contexts.forEach(c => c.finish());
+        this.executionSubject.complete();
+        this.executionIsRunningSubject.complete();
+        this.stateSubject.complete();
+        this.resultSubject.complete();
+        this.errorSubject.complete();
+    }
+}
+/**
+ * Class containing all main data for action to be executed in run/fetch/submit states.
+ */
+class ActionContext {
+    constructor(instance, parameters, functionName, dataProvider, serviceInstance, executionSubject = new ReplaySubject(1), executionIsRunningSubject = new BehaviorSubject(false)) {
+        this.instance = instance;
+        this.parameters = parameters;
+        this.functionName = functionName;
+        this.dataProvider = dataProvider;
+        this.serviceInstance = serviceInstance;
+        this.executionSubject = executionSubject;
+        this.executionIsRunningSubject = executionIsRunningSubject;
+        this.contextLongName = `${this.instance.instanceLongName}_${functionName}`;
+    }
+    get execution$() {
+        return this.executionSubject.asObservable();
+    }
+    get executionIsRunning$() {
+        return this.executionIsRunningSubject.asObservable().pipe(distinctUntilChanged());
+    }
+    executionStart() {
+        if (this.instance.debug) {
+            console.debug(`ActionContext ${this.contextLongName} - execution start`);
+        }
+        this.executionIsRunningSubject.next(true);
+    }
+    executionNext(next, finish = true) {
+        if (this.instance.debug) {
+            console.debug(`ActionContext ${this.contextLongName} - execution next event`, next, finish);
+        }
+        this.executionSubject.next(next);
+        if (finish) {
+            this.executionComplete();
+        }
+    }
+    executionComplete() {
+        if (this.instance.debug) {
+            console.debug(`ActionContext ${this.contextLongName} - execution complete`);
+        }
+        this.executionSubject.complete();
+        this.executionIsRunningSubject.next(false);
+    }
+    executionError(err) {
+        if (this.instance.debug) {
+            console.debug(`ActionContext ${this.contextLongName} - execution error`, err);
+        }
+        this.executionSubject.error(err);
+        this.executionIsRunningSubject.next(false);
+    }
+    finish() {
+        this.executionSubject.complete();
+        this.executionIsRunningSubject.complete();
+    }
+}
+/**
+ * Class containing all main data for action validations (enabled/visible) to be executed in validation states.
+ */
+class ActionContextValidation {
+    constructor(descriptor, parameters, dataProvider, serviceInstance) {
+        this.descriptor = descriptor;
+        this.parameters = parameters;
+        this.dataProvider = dataProvider;
+        this.serviceInstance = serviceInstance;
+    }
+}
+class ActionParameters {
+    constructor(itemId, item) {
+        this.itemId = itemId;
+        this.item = item;
+        this.selectedItems = [];
+    }
+    withActionData(actionData) {
+        this.actionData = actionData;
+        return this;
+    }
+    withQueryParam(queryParam) {
+        this.queryParam = queryParam;
+        return this;
+    }
+    withViewContainer(viewContainer) {
+        this.viewContainer = viewContainer;
+        return this;
+    }
+    withSourceComponent(sourceComponent) {
+        this.sourceComponent = sourceComponent;
+        return this;
+    }
+    withRoute(route) {
+        this.route = route;
+        return this;
+    }
+    withSelectedItems(selectedItems) {
+        this.selectedItems = selectedItems;
+        return this;
+    }
+}
+var ActionInstanceStateEnum;
+(function (ActionInstanceStateEnum) {
+    ActionInstanceStateEnum[ActionInstanceStateEnum["TriggerStart"] = 0] = "TriggerStart";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["TriggerEnd"] = 1] = "TriggerEnd";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["ActivationStart"] = 2] = "ActivationStart";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["ActivationEnd"] = 3] = "ActivationEnd";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["FetchStart"] = 4] = "FetchStart";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["FetchEnd"] = 5] = "FetchEnd";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["FetchError"] = 6] = "FetchError";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["RunConfirmationStart"] = 7] = "RunConfirmationStart";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["RunConfirmationEndAccept"] = 8] = "RunConfirmationEndAccept";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["RunConfirmationEndReject"] = 9] = "RunConfirmationEndReject";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["RunStart"] = 10] = "RunStart";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["RunEnd"] = 11] = "RunEnd";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["RunError"] = 12] = "RunError";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["NextActionStart"] = 13] = "NextActionStart";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["NextActionEnd"] = 14] = "NextActionEnd";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["FinishSuccess"] = 15] = "FinishSuccess";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["FinishError"] = 16] = "FinishError";
+    ActionInstanceStateEnum[ActionInstanceStateEnum["FinishDismissed"] = 17] = "FinishDismissed"; // action was dismissed by user
+})(ActionInstanceStateEnum || (ActionInstanceStateEnum = {}));
+
+/**
+ * Default categories for tableview actions
+ */
+class TableviewActionDefaultCategories {
+}
+TableviewActionDefaultCategories.READ = 'read';
+TableviewActionDefaultCategories.ADD = 'add';
+TableviewActionDefaultCategories.EDIT = 'edit';
+TableviewActionDefaultCategories.DELETE = 'delete';
+TableviewActionDefaultCategories.DETAILS = 'details';
+
 class DataProvider {
     constructor(modelType, serviceType) {
         this._modelType = modelType;
@@ -695,151 +946,49 @@ class TableviewDataProvider extends EditorDataProvider {
     getAllReload(queryParam) {
         this._getAllReloadSubject.next(queryParam);
     }
-}
-class DynamicTableviewDataProvider extends TableviewDataProvider {
-    constructor() {
-        super({});
-        this._getAll = () => of(new MediusQueryResult());
-        this._fetch = () => of({});
-    }
-    withGetAll(getAll) {
-        this._getAll = getAll;
-        return this;
-    }
-    withFetch(fetch) {
-        this._fetch = fetch;
-        return this;
-    }
-    get getAll() {
-        return this._getAll;
-    }
-    get fetch() {
-        return this._fetch;
-    }
-}
-
-class TableviewCrudDataProvider extends TableviewDataProvider {
-    constructor(modelType, serviceType, idPropertyName, useGetAllForFetch = false) {
-        var _a;
-        super(modelType, serviceType);
-        this.withGetAll((queryParam, service) => service.getAllPost(queryParam));
-        if (useGetAllForFetch) {
-            const selectedIdPropertyName = (_a = idPropertyName !== null && idPropertyName !== void 0 ? idPropertyName : ModelUtil.findIdAttribute(modelType)) !== null && _a !== void 0 ? _a : 'id';
-            this.withFetch((id, service) => {
-                const qp = MediusQueryParamBuilder.create(10, 0).withFilter(selectedIdPropertyName, id, id, MediusFilterMatchType.Equals, true).build();
-                return service.getAllPost(qp).pipe(map(res => res.pageData[0]));
-            });
-        }
-        else {
-            this.withFetch((id, service) => service.getByIdGet(id));
-        }
-        this.withCreate((item, service) => service.createPost(item));
-        this.withUpdate((id, item, service) => service.updatePut(id, item));
-        this.withDelete((id, item, service) => service.removeDelete(id, item));
-    }
-}
-
-var AuthorizationTypeEnum;
-(function (AuthorizationTypeEnum) {
-    AuthorizationTypeEnum["All"] = "ALL";
-    AuthorizationTypeEnum["Any"] = "ANY";
-    AuthorizationTypeEnum["Rbac"] = "ROLE_BASED_ACCESS_CONTROL";
-    AuthorizationTypeEnum["Service"] = "SERVICE";
-})(AuthorizationTypeEnum || (AuthorizationTypeEnum = {}));
-
-class APermissions {
-    constructor(type) {
-        this._authorizationType = type;
-    }
-    get authorizationType() {
-        return this._authorizationType;
-    }
-}
-var Permissions;
-(function (Permissions) {
-    class All extends APermissions {
-        constructor() {
-            super(AuthorizationTypeEnum.All);
-            this._permissions = [];
-        }
-        static of(...permissions) {
-            const inst = new All();
-            inst.and(...permissions);
-            return inst;
-        }
-        get permissions() {
-            return this._permissions;
-        }
-        and(...permissions) {
-            this._permissions.push(...permissions);
-            return this;
-        }
-    }
-    Permissions.All = All;
-    class Any extends APermissions {
-        constructor() {
-            super(AuthorizationTypeEnum.Any);
-            this._permissions = [];
-        }
-        static of(...permissions) {
-            const inst = new Any();
-            inst.or(...permissions);
-            return inst;
-        }
-        get permissions() {
-            return this._permissions;
-        }
-        or(...permissions) {
-            this._permissions.push(...permissions);
-            return this;
-        }
-    }
-    Permissions.Any = Any;
-    class Roles extends APermissions {
-        constructor() {
-            super(AuthorizationTypeEnum.Rbac);
-            this._roles = [];
-        }
-        static of(...roles) {
-            const inst = new Roles();
-            inst.or(...roles);
-            return inst;
-        }
-        get roles() {
-            return this._roles;
-        }
-        and(...roles) {
-            if (this._roles.length === 0) {
-                this._roles.push([]);
-            }
-            this._roles[this._roles.length - 1].push(...roles);
-            return this;
-        }
-        or(...roles) {
-            this._roles.push(...roles.map(s => [s]));
-            return this;
-        }
+}
+class DynamicTableviewDataProvider extends TableviewDataProvider {
+    constructor() {
+        super({});
+        this._getAll = () => of(new MediusQueryResult());
+        this._fetch = () => of({});
     }
-    Permissions.Roles = Roles;
-    class Service extends APermissions {
-        constructor(service) {
-            super(AuthorizationTypeEnum.Service);
-            this.service = service;
+    withGetAll(getAll) {
+        this._getAll = getAll;
+        return this;
+    }
+    withFetch(fetch) {
+        this._fetch = fetch;
+        return this;
+    }
+    get getAll() {
+        return this._getAll;
+    }
+    get fetch() {
+        return this._fetch;
+    }
+}
+
+class TableviewCrudDataProvider extends TableviewDataProvider {
+    constructor(modelType, serviceType, idPropertyName, useGetAllForFetch = false) {
+        var _a;
+        super(modelType, serviceType);
+        this.withGetAll((queryParam, service) => service.getAllPost(queryParam));
+        if (useGetAllForFetch) {
+            const selectedIdPropertyName = (_a = idPropertyName !== null && idPropertyName !== void 0 ? idPropertyName : ModelUtil.findIdAttribute(modelType)) !== null && _a !== void 0 ? _a : 'id';
+            this.withFetch((id, service) => {
+                const qp = MediusQueryParamBuilder.create(10, 0).withFilter(selectedIdPropertyName, id, id, MediusFilterMatchType.Equals, true).build();
+                return service.getAllPost(qp).pipe(map(res => res.pageData[0]));
+            });
         }
-        static of(service) {
-            return new Service(service);
+        else {
+            this.withFetch((id, service) => service.getByIdGet(id));
         }
+        this.withCreate((item, service) => service.createPost(item));
+        this.withUpdate((id, item, service) => service.updatePut(id, item));
+        this.withDelete((id, item, service) => service.removeDelete(id, item));
     }
-    Permissions.Service = Service;
-    class ActionTypes {
-    }
-    ActionTypes.READ = 'read';
-    ActionTypes.ADD = 'add';
-    ActionTypes.EDIT = 'edit';
-    ActionTypes.DELETE = 'delete';
-    ActionTypes.DETAILS = 'details';
-    Permissions.ActionTypes = ActionTypes;
-})(Permissions || (Permissions = {}));
+}
 
 var ActionPositionEnum;
 (function (ActionPositionEnum) {
@@ -878,13 +1027,13 @@ var ColumnTypeEnum;
     ColumnTypeEnum[ColumnTypeEnum["Custom"] = 6] = "Custom";
 })(ColumnTypeEnum || (ColumnTypeEnum = {}));
 
-var TableviewTypeEnum;
-(function (TableviewTypeEnum) {
-    TableviewTypeEnum[TableviewTypeEnum["None"] = 0] = "None";
-    TableviewTypeEnum[TableviewTypeEnum["View"] = 1] = "View";
-    TableviewTypeEnum[TableviewTypeEnum["Edit"] = 2] = "Edit";
-    TableviewTypeEnum[TableviewTypeEnum["Add"] = 3] = "Add";
-})(TableviewTypeEnum || (TableviewTypeEnum = {}));
+var TableviewEditorTypeEnum;
+(function (TableviewEditorTypeEnum) {
+    TableviewEditorTypeEnum[TableviewEditorTypeEnum["None"] = 0] = "None";
+    TableviewEditorTypeEnum[TableviewEditorTypeEnum["Details"] = 1] = "Details";
+    TableviewEditorTypeEnum[TableviewEditorTypeEnum["Edit"] = 2] = "Edit";
+    TableviewEditorTypeEnum[TableviewEditorTypeEnum["Add"] = 3] = "Add";
+})(TableviewEditorTypeEnum || (TableviewEditorTypeEnum = {}));
 
 var FieldSizeEnum;
 (function (FieldSizeEnum) {
@@ -1475,8 +1624,8 @@ class ActionDescriptor {
     get permissions() {
         return this._permissions;
     }
-    get permissionsRouteType() {
-        return this._permissionsRouteType;
+    get tableviewCategory() {
+        return this._tableviewCategory;
     }
     get hasItemsSelection() {
         return this._hasItemsSelection;
@@ -1484,6 +1633,9 @@ class ActionDescriptor {
     get button() {
         return this._button;
     }
+    get positionTableviewCategories() {
+        return this._positionTableviewCategories;
+    }
     withDataProvider(dataProvider) {
         this._dataProvider = dataProvider;
         return this;
@@ -1555,14 +1707,14 @@ class ActionDescriptor {
         return this;
     }
     withPermissions(permissions) {
-        if (this._permissionsRouteType) {
-            console.warn(`Permissions set on action ${this._actionNameLong} with route type '${this._permissionsRouteType}' will be omitted in route guard validation.`);
+        if (this._tableviewCategory) {
+            console.warn(`Permissions set on action ${this._actionNameLong} with route type '${this._tableviewCategory}' will be omitted in route guard validation.`);
         }
         this._permissions = permissions;
         return this;
     }
-    withPermissionsRouteType(permissionsRouteType) {
-        this._permissionsRouteType = permissionsRouteType;
+    withTableviewCategory(permissionsRouteType) {
+        this._tableviewCategory = permissionsRouteType;
         return this;
     }
     withButtonDescriptor(button) {
@@ -1579,6 +1731,10 @@ class ActionDescriptor {
         this._isEnabledFunction = (_a = this._isEnabledFunction) !== null && _a !== void 0 ? _a : (ctx => { var _a, _b; return of(((_b = (_a = ctx.parameters.selectedItems) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0); });
         return this;
     }
+    withPositionTableviewCategories(positionTableviewCategories) {
+        this._positionTableviewCategories = positionTableviewCategories;
+        return this;
+    }
 }
 class ActionSimpleDescriptor extends ActionDescriptor {
     constructor(actionName, modelType, idProperty, titleProperty) {
@@ -1731,7 +1887,7 @@ class ActionEditorDetailsDescriptor extends ActionEditorDescriptor {
         this.withRouteTrigger(':itemId');
         this.withFetchFunction(ActionDataProviderUtil.runFetchOrFail);
         this.withEditorActions([new ActionEditorSubmitDescriptor(this, ActionEditorSubmitTypeEnum.Cancel)]);
-        this.withPermissionsRouteType(Permissions.ActionTypes.DETAILS);
+        this.withTableviewCategory(TableviewActionDefaultCategories.DETAILS);
     }
     withServiceType(serviceType) {
         return this.withServiceFetchFunction(serviceType);
@@ -1754,7 +1910,7 @@ class ActionEditorAddDescriptor extends ActionEditorDescriptor {
         this.withSubmitFunction(ActionDataProviderUtil.runCreateOrFail);
         this.button.styleClass.withActionLevel(StyleLevelEnum.Success);
         this.button.withIcon('pi pi-plus');
-        this.withPermissionsRouteType(Permissions.ActionTypes.ADD);
+        this.withTableviewCategory(TableviewActionDefaultCategories.ADD);
     }
     withServiceType(serviceType) {
         return this.withServiceSubmitFunction(serviceType);
@@ -1779,7 +1935,7 @@ class ActionEditorEditDescriptor extends ActionEditorDescriptor {
         this.withRouteTrigger(':itemId/edit');
         this.withFetchFunction(ActionDataProviderUtil.runFetchOrFail);
         this.withSubmitFunction(ActionDataProviderUtil.runUpdateOrFail);
-        this.withPermissionsRouteType(Permissions.ActionTypes.EDIT);
+        this.withTableviewCategory(TableviewActionDefaultCategories.EDIT);
         this.button.withLabel(null).withIcon('pi pi-pencil');
     }
     withServiceType(serviceType) {
@@ -1805,7 +1961,7 @@ class ActionDeleteDescriptor extends ActionDescriptor {
         this.withRunFunction(ActionDataProviderUtil.runDeleteOrFail);
         this.button.styleClass.withActionLevel(StyleLevelEnum.Danger);
         this.withRunConfirmation();
-        this.withPermissionsRouteType(Permissions.ActionTypes.DELETE);
+        this.withTableviewCategory(TableviewActionDefaultCategories.DELETE);
         this.button.withLabel(null).withIcon('pi pi-trash');
     }
     withServiceType(serviceType) {
@@ -2710,7 +2866,7 @@ class ColumnDynamicDescriptor extends ColumnDescriptor {
 }
 
 class EditorDescriptor {
-    constructor(modelType, idProperty, titleProperty, tableviewEditorType = TableviewTypeEnum.None) {
+    constructor(modelType, idProperty, titleProperty, tableviewEditorType = TableviewEditorTypeEnum.None) {
         this._tabs = [];
         this._groups = [];
         this._fields = [];
@@ -2727,7 +2883,7 @@ class EditorDescriptor {
      * @param titleProperty
      * @param tableEditorType
      */
-    static from(modelType, idProperty, titleProperty, tableEditorType = TableviewTypeEnum.None) {
+    static from(modelType, idProperty, titleProperty, tableEditorType = TableviewEditorTypeEnum.None) {
         return EditorDescriptor.fromModelWithAttributes(modelType, TableviewUtil.getAttributeDefMap(modelType), titleProperty, idProperty, tableEditorType);
     }
     /**
@@ -2739,7 +2895,7 @@ class EditorDescriptor {
      * @param titleProperty
      * @param tableEditorType
      */
-    static fromModelWithAttributes(modelType, attributes, idProperty, titleProperty, tableEditorType = TableviewTypeEnum.None) {
+    static fromModelWithAttributes(modelType, attributes, idProperty, titleProperty, tableEditorType = TableviewEditorTypeEnum.None) {
         const descriptor = new EditorDescriptor(modelType, idProperty, titleProperty, tableEditorType);
         attributes
             .filter(attr => !attr.type.includes('Set') && !attr.type.includes('Array'))
@@ -2755,9 +2911,6 @@ class EditorDescriptor {
     get fields() {
         return this._fields;
     }
-    get tableviewEditorType() {
-        return this._disabled;
-    }
     get disabled() {
         return this._disabled;
     }
@@ -3458,6 +3611,8 @@ class FieldLookupDescriptor extends AFieldDescriptor {
         this._dropdownClassName = 'mng-filter-lookup-dropdown';
         this._autocompleteOpenOnFocus = false;
         this._autocompleteInlineSearch = false;
+        this._autocompleteAutoClear = false;
+        this._autocompleteSelectFirst = false;
         this._modelType = modelType;
         ModelUtil.trySetLookupItemsProperties(this);
     }
@@ -3488,6 +3643,12 @@ class FieldLookupDescriptor extends AFieldDescriptor {
     get autocompleteInlineSearch() {
         return this._autocompleteInlineSearch;
     }
+    get autocompleteAutoClear() {
+        return this._autocompleteAutoClear;
+    }
+    get autocompleteSelectFirst() {
+        return this._autocompleteSelectFirst;
+    }
     get dropdownClassName() {
         return this._dropdownClassName;
     }
@@ -3535,8 +3696,10 @@ class FieldLookupDescriptor extends AFieldDescriptor {
     withConfig(config) {
         return super.withConfig(config);
     }
-    asAutocomplete(openOnFocus = false, inlineSearch = false) {
+    asAutocomplete(openOnFocus = false, inlineSearch = false, selectFirst = false, autoClear = false) {
         this._lookupType = FieldLookupTypeEnum.Autocomplete;
+        this._autocompleteAutoClear = autoClear;
+        this._autocompleteSelectFirst = selectFirst;
         this._autocompleteOpenOnFocus = openOnFocus;
         this._autocompleteInlineSearch = inlineSearch;
         return this;
@@ -3724,7 +3887,7 @@ class FieldManyEditorDescriptor extends AFieldDescriptor {
         return this._tableviewDescriptor.addEditor;
     }
     get editorForRead() {
-        return this._tableviewDescriptor.viewEditor;
+        return this._tableviewDescriptor.detailsEditor;
     }
     get editorForUpdate() {
         return this._tableviewDescriptor.editEditor;
@@ -4361,10 +4524,10 @@ class TableviewDescriptor {
         this._modelType = modelType;
         this._model = new ModelDescriptor(modelType, idProperty, titleProperty);
         this._table = new TableDescriptor(modelType, idProperty, titleProperty);
-        this._viewEditor = new EditorDescriptor(modelType, idProperty, titleProperty, TableviewTypeEnum.View);
-        this._viewEditor.withDisabled();
-        this._addEditor = new EditorDescriptor(modelType, idProperty, titleProperty, TableviewTypeEnum.Add);
-        this._editEditor = new EditorDescriptor(modelType, idProperty, titleProperty, TableviewTypeEnum.Edit);
+        this._detailsEditor = new EditorDescriptor(modelType, idProperty, titleProperty, TableviewEditorTypeEnum.Details);
+        this._detailsEditor.withDisabled();
+        this._addEditor = new EditorDescriptor(modelType, idProperty, titleProperty, TableviewEditorTypeEnum.Add);
+        this._editEditor = new EditorDescriptor(modelType, idProperty, titleProperty, TableviewEditorTypeEnum.Edit);
         this._tableTitle = `${this._model.typeName}.name`;
     }
     /**
@@ -4377,7 +4540,7 @@ class TableviewDescriptor {
         const descriptor = new TableviewDescriptor(modelType, idProperty, titleProperty);
         descriptor._table = TableDescriptor.from(modelType, idProperty, titleProperty);
         descriptor._editEditor = EditorDescriptor.from(modelType, idProperty, titleProperty);
-        descriptor._viewEditor = EditorDescriptor.from(modelType, idProperty, titleProperty);
+        descriptor._detailsEditor = EditorDescriptor.from(modelType, idProperty, titleProperty);
         descriptor._addEditor = EditorDescriptor.from(modelType, idProperty, titleProperty);
         return descriptor;
     }
@@ -4394,7 +4557,7 @@ class TableviewDescriptor {
         descriptor._table = TableDescriptor.fromModelWithAttributes(modelType, columnAttributes, idProperty, titleProperty);
         if (fieldAttributes !== null) {
             descriptor._editEditor = EditorDescriptor.fromModelWithAttributes(modelType, fieldAttributes !== null && fieldAttributes !== void 0 ? fieldAttributes : columnAttributes, idProperty, titleProperty);
-            descriptor._viewEditor = EditorDescriptor.fromModelWithAttributes(modelType, fieldAttributes !== null && fieldAttributes !== void 0 ? fieldAttributes : columnAttributes, idProperty, titleProperty);
+            descriptor._detailsEditor = EditorDescriptor.fromModelWithAttributes(modelType, fieldAttributes !== null && fieldAttributes !== void 0 ? fieldAttributes : columnAttributes, idProperty, titleProperty);
             descriptor._addEditor = EditorDescriptor.fromModelWithAttributes(modelType, fieldAttributes !== null && fieldAttributes !== void 0 ? fieldAttributes : columnAttributes, idProperty, titleProperty);
         }
         return descriptor;
@@ -4402,8 +4565,8 @@ class TableviewDescriptor {
     get table() {
         return this._table;
     }
-    get viewEditor() {
-        return this._viewEditor;
+    get detailsEditor() {
+        return this._detailsEditor;
     }
     get addEditor() {
         return this._addEditor;
@@ -4422,13 +4585,13 @@ class TableviewDescriptor {
         return this;
     }
     withEditorDescriptors(descriptor) {
-        this._viewEditor = descriptor;
+        this._detailsEditor = descriptor;
         this._editEditor = descriptor;
         this._addEditor = descriptor;
         return this;
     }
-    withViewDescriptor(descriptor) {
-        this._viewEditor = descriptor;
+    withDetailsDescriptor(descriptor) {
+        this._detailsEditor = descriptor;
         return this;
     }
     withAddDescriptor(descriptor) {
@@ -4444,7 +4607,7 @@ class TableviewDescriptor {
         return this;
     }
     withValidator(name, expression) {
-        this._viewEditor.addValidation(name, expression);
+        this._detailsEditor.addValidation(name, expression);
         this._addEditor.addValidation(name, expression);
         this._editEditor.addValidation(name, expression);
         return this;
@@ -4460,20 +4623,20 @@ class TableviewDescriptor {
     }
     getField(property, editorType) {
         switch (editorType) {
-            case TableviewTypeEnum.Edit:
+            case TableviewEditorTypeEnum.Edit:
                 return this._editEditor.getField(property);
-            case TableviewTypeEnum.Add:
+            case TableviewEditorTypeEnum.Add:
                 return this._addEditor.getField(property);
-            case TableviewTypeEnum.View:
-                return this._viewEditor.getField(property);
-            case TableviewTypeEnum.None:
+            case TableviewEditorTypeEnum.Details:
+                return this._detailsEditor.getField(property);
+            case TableviewEditorTypeEnum.None:
                 return null;
         }
     }
     removeField(property) {
         this._editEditor.removeField(property);
         this._addEditor.removeField(property);
-        this._viewEditor.removeField(property);
+        this._detailsEditor.removeField(property);
     }
     addColumnNumber(property, displayFormat) {
         return this._table.addColumnNumber(property, displayFormat);
@@ -4491,49 +4654,49 @@ class TableviewDescriptor {
         return this._table.addColumnCustomComponent(property, customComponentType);
     }
     createTabGroup(name, title) {
-        this._viewEditor.createTabGroup(name, title);
+        this._detailsEditor.createTabGroup(name, title);
         this._addEditor.createTabGroup(name, title);
         this._editEditor.createTabGroup(name, title);
         return this;
     }
     createFieldGroup(name, title) {
-        this._viewEditor.createFieldGroup(name, title);
+        this._detailsEditor.createFieldGroup(name, title);
         this._addEditor.createFieldGroup(name, title);
         this._editEditor.createFieldGroup(name, title);
         return this;
     }
     addFieldDescriptor(field) {
-        this._viewEditor.addFieldDescriptor(field);
+        this._detailsEditor.addFieldDescriptor(field);
         this._addEditor.addFieldDescriptor(field);
         this._editEditor.addFieldDescriptor(field);
         return this;
     }
     addField(property) {
-        const field = this._viewEditor.addField(property);
+        const field = this._detailsEditor.addField(property);
         this._addEditor.addFieldDescriptor(field);
         this._editEditor.addFieldDescriptor(field);
         return field;
     }
     addFieldLookup(property, modelType) {
-        const field = this._viewEditor.addFieldLookup(property, modelType);
+        const field = this._detailsEditor.addFieldLookup(property, modelType);
         this._addEditor.addFieldDescriptor(field);
         this._editEditor.addFieldDescriptor(field);
         return field;
     }
     addFieldLookupEnum(property, enumType, options, nameAsValue = false, optionsTitlePath) {
-        const field = this._viewEditor.addFieldLookupEnum(property, enumType, options, nameAsValue, optionsTitlePath);
+        const field = this._detailsEditor.addFieldLookupEnum(property, enumType, options, nameAsValue, optionsTitlePath);
         this._addEditor.addFieldDescriptor(field);
         this._editEditor.addFieldDescriptor(field);
         return field;
     }
     addFieldManyEditor(property, tableviewDescriptor) {
-        const field = this._viewEditor.addFieldManyEditor(property, tableviewDescriptor);
+        const field = this._detailsEditor.addFieldManyEditor(property, tableviewDescriptor);
         this._addEditor.addFieldDescriptor(field);
         this._editEditor.addFieldDescriptor(field);
         return field;
     }
     addFieldManyToManyEditor(property, mainTableDescriptor, lookupTableDescriptor) {
-        const field = this._viewEditor.addFieldManyToManyEditor(property, mainTableDescriptor, lookupTableDescriptor);
+        const field = this._detailsEditor.addFieldManyToManyEditor(property, mainTableDescriptor, lookupTableDescriptor);
         this._addEditor.addFieldDescriptor(field);
         this._editEditor.addFieldDescriptor(field);
         return field;
@@ -4541,7 +4704,7 @@ class TableviewDescriptor {
     copy() {
         const tableview = new TableviewDescriptor(this._model.type, this._model.idPropertyName, this._model.titlePropertyName);
         tableview._table = this._table.copy();
-        tableview._viewEditor = this._viewEditor.copy();
+        tableview._detailsEditor = this._detailsEditor.copy();
         tableview._addEditor = this._addEditor.copy();
         tableview._editEditor = this._editEditor.copy();
         return tableview;
@@ -4567,7 +4730,7 @@ class TableviewDescriptor {
             this._table.withColumnModifiedType(property, columnType);
             this._editEditor.withFieldModifiedType(property, fieldType);
             this._addEditor.withFieldModifiedType(property, fieldType);
-            this._viewEditor.withFieldModifiedType(property, fieldType);
+            this._detailsEditor.withFieldModifiedType(property, fieldType);
         }
         return this;
     }
@@ -4584,7 +4747,7 @@ class TableviewDescriptor {
             attributeDef.fieldType = fieldType !== null && fieldType !== void 0 ? fieldType : FieldInputTypeEnum.Text;
             this._table.withColumnModifiedEnum(property, enumType);
             this._editEditor.withFieldModifiedEnum(property, enumType);
-            this._viewEditor.withFieldModifiedEnum(property, enumType);
+            this._detailsEditor.withFieldModifiedEnum(property, enumType);
             this._addEditor.withFieldModifiedEnum(property, enumType);
         }
         return this;
@@ -4611,7 +4774,7 @@ class TableviewDescriptor {
             if (lookupProvider != null) {
                 this._table.withColumnModifiedLookup(property, lookupProvider, itemsLabelProperty, filterProperty);
                 this._addEditor.withFieldModifiedLookup(property, modelType, lookupProvider, itemsLabelProperty);
-                this._viewEditor.withFieldModifiedLookup(property, modelType, lookupProvider, itemsLabelProperty);
+                this._detailsEditor.withFieldModifiedLookup(property, modelType, lookupProvider, itemsLabelProperty);
                 this._editEditor.withFieldModifiedLookup(property, modelType, lookupProvider, itemsLabelProperty);
             }
             else {
@@ -5897,256 +6060,99 @@ MediusRestUtil.matchModeMapping = [
     [FilterMatchMode.DATE_IS_NOT, 'neq', MediusFilterMatchType.NotEquals, FilterTypeEnum.Date]
 ];
 
-class ActionError {
-    constructor(error, // error details
-    dismissed = false // by user
-    ) {
-        this.error = error;
-        this.dismissed = dismissed;
-    }
-}
-/**
- * Action execution instance containing data about execution state of action
- */
-class ActionInstance {
-    constructor(action, state = ActionInstanceStateEnum.TriggerStart, debug = false) {
-        this.debug = debug;
-        // function execution
-        this.isRunLoadingSubject = new BehaviorSubject(false);
-        this.contexts = [];
-        this.executionSubject = new Subject();
-        this.executionIsRunningSubject = new BehaviorSubject(false);
-        this.stateSubject = new BehaviorSubject(1);
-        this.resultSubject = new ReplaySubject(1);
-        this.errorSubject = new ReplaySubject(1);
-        this.contextExecutionSubscriptions = [];
-        this.instanceId = Math.random().toString(36).substring(2);
-        this.instanceLongName = `${action.actionNameLong}_${this.instanceId}`;
-        this.action = action;
-        this.state = state;
-    }
-    get isRunLoading$() {
-        return this.isRunLoadingSubject.asObservable();
-    }
-    get context() {
-        return this.contexts.length === 0 ? undefined : this.contexts[this.contexts.length - 1];
-    }
-    get execution$() {
-        return this.executionSubject.asObservable();
-    }
-    get executionIsRunning$() {
-        return this.executionIsRunningSubject.asObservable().pipe(distinctUntilChanged());
-    }
-    get state() {
-        return this.stateSubject.value;
-    }
-    set state(state) {
-        if (state > this.stateSubject.value) {
-            if (this.debug) {
-                console.debug(`ActionInstance ${this.instanceLongName} - state #${state}: ${ActionInstanceStateEnum[state]}`);
-            }
-            this.stateSubject.next(state);
-        }
-    }
-    get state$() {
-        return this.stateSubject.asObservable().pipe(distinctUntilChanged());
-    }
-    get result() {
-        return this._result;
-    }
-    set result(result) {
-        if (typeof result === 'undefined') {
-            return;
-        }
-        if (this.debug) {
-            console.debug(`ActionInstance ${this.instanceLongName} - result`, result);
-        }
-        this._result = result;
-        this.resultSubject.next(result);
-    }
-    get result$() {
-        return this.resultSubject.asObservable();
+var AuthorizationTypeEnum;
+(function (AuthorizationTypeEnum) {
+    AuthorizationTypeEnum["All"] = "ALL";
+    AuthorizationTypeEnum["Any"] = "ANY";
+    AuthorizationTypeEnum["Rbac"] = "ROLE_BASED_ACCESS_CONTROL";
+    AuthorizationTypeEnum["Service"] = "SERVICE";
+})(AuthorizationTypeEnum || (AuthorizationTypeEnum = {}));
+
+class APermissions {
+    constructor(type) {
+        this._authorizationType = type;
     }
-    get error() {
-        return this._error;
+    get authorizationType() {
+        return this._authorizationType;
     }
-    set error(error) {
-        if (typeof error === 'undefined') {
-            return;
+}
+var Permissions;
+(function (Permissions) {
+    class All extends APermissions {
+        constructor() {
+            super(AuthorizationTypeEnum.All);
+            this._permissions = [];
         }
-        if (this.debug) {
-            console.debug(`ActionInstance ${this.instanceLongName} - error`, error);
+        static of(...permissions) {
+            const inst = new All();
+            inst.and(...permissions);
+            return inst;
         }
-        this._error = error;
-        this.errorSubject.next(error);
-    }
-    get error$() {
-        return this.errorSubject.asObservable();
-    }
-    contextAt(idx) {
-        return idx < this.contexts.length ? this.contexts[idx] : undefined;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    newContext(context, finishPrevious = true) {
-        if (this.debug) {
-            console.debug(`ActionInstance ${this.instanceLongName} - new context ${context.contextLongName}`);
+        get permissions() {
+            return this._permissions;
         }
-        const currentContext = this.context;
-        if (currentContext) {
-            currentContext.executionComplete();
+        and(...permissions) {
+            this._permissions.push(...permissions);
+            return this;
         }
-        this.contextExecutionSubscriptions.forEach(s => s.unsubscribe());
-        this.contextExecutionSubscriptions = [];
-        this.contextExecutionSubscriptions.push(context.execution$.subscribe({
-            next: next => this.executionSubject.next(next),
-            error: error => this.executionSubject.error(error)
-        }));
-        this.contextExecutionSubscriptions.push(context.executionIsRunning$.subscribe({
-            next: next => this.executionIsRunningSubject.next(next)
-        }));
-        this.contexts.push(context);
     }
-    finish() {
-        if (this.stateSubject.value < ActionInstanceStateEnum.FinishSuccess) {
-            this.state = ActionInstanceStateEnum.FinishSuccess;
+    Permissions.All = All;
+    class Any extends APermissions {
+        constructor() {
+            super(AuthorizationTypeEnum.Any);
+            this._permissions = [];
         }
-        // complete all subjects
-        this.contexts.forEach(c => c.finish());
-        this.executionSubject.complete();
-        this.executionIsRunningSubject.complete();
-        this.stateSubject.complete();
-        this.resultSubject.complete();
-        this.errorSubject.complete();
-    }
-}
-/**
- * Class containing all main data for action to be executed in run/fetch/submit states.
- */
-class ActionContext {
-    constructor(instance, parameters, functionName, dataProvider, serviceInstance, executionSubject = new ReplaySubject(1), executionIsRunningSubject = new BehaviorSubject(false)) {
-        this.instance = instance;
-        this.parameters = parameters;
-        this.functionName = functionName;
-        this.dataProvider = dataProvider;
-        this.serviceInstance = serviceInstance;
-        this.executionSubject = executionSubject;
-        this.executionIsRunningSubject = executionIsRunningSubject;
-        this.contextLongName = `${this.instance.instanceLongName}_${functionName}`;
-    }
-    get execution$() {
-        return this.executionSubject.asObservable();
-    }
-    get executionIsRunning$() {
-        return this.executionIsRunningSubject.asObservable().pipe(distinctUntilChanged());
-    }
-    executionStart() {
-        if (this.instance.debug) {
-            console.debug(`ActionContext ${this.contextLongName} - execution start`);
+        static of(...permissions) {
+            const inst = new Any();
+            inst.or(...permissions);
+            return inst;
         }
-        this.executionIsRunningSubject.next(true);
-    }
-    executionNext(next, finish = true) {
-        if (this.instance.debug) {
-            console.debug(`ActionContext ${this.contextLongName} - execution next event`, next, finish);
+        get permissions() {
+            return this._permissions;
         }
-        this.executionSubject.next(next);
-        if (finish) {
-            this.executionComplete();
+        or(...permissions) {
+            this._permissions.push(...permissions);
+            return this;
         }
     }
-    executionComplete() {
-        if (this.instance.debug) {
-            console.debug(`ActionContext ${this.contextLongName} - execution complete`);
+    Permissions.Any = Any;
+    class Roles extends APermissions {
+        constructor() {
+            super(AuthorizationTypeEnum.Rbac);
+            this._roles = [];
         }
-        this.executionSubject.complete();
-        this.executionIsRunningSubject.next(false);
-    }
-    executionError(err) {
-        if (this.instance.debug) {
-            console.debug(`ActionContext ${this.contextLongName} - execution error`, err);
+        static of(...roles) {
+            const inst = new Roles();
+            inst.or(...roles);
+            return inst;
+        }
+        get roles() {
+            return this._roles;
+        }
+        and(...roles) {
+            if (this._roles.length === 0) {
+                this._roles.push([]);
+            }
+            this._roles[this._roles.length - 1].push(...roles);
+            return this;
+        }
+        or(...roles) {
+            this._roles.push(...roles.map(s => [s]));
+            return this;
         }
-        this.executionSubject.error(err);
-        this.executionIsRunningSubject.next(false);
-    }
-    finish() {
-        this.executionSubject.complete();
-        this.executionIsRunningSubject.complete();
-    }
-}
-/**
- * Class containing all main data for action validations (enabled/visible) to be executed in validation states.
- */
-class ActionContextValidation {
-    constructor(descriptor, parameters, dataProvider, serviceInstance) {
-        this.descriptor = descriptor;
-        this.parameters = parameters;
-        this.dataProvider = dataProvider;
-        this.serviceInstance = serviceInstance;
-    }
-}
-class ActionParameters {
-    constructor(itemId, item) {
-        this.itemId = itemId;
-        this.item = item;
-        this.selectedItems = [];
-    }
-    withActionData(actionData) {
-        this.actionData = actionData;
-        return this;
-    }
-    withQueryParam(queryParam) {
-        this.queryParam = queryParam;
-        return this;
-    }
-    withViewContainer(viewContainer) {
-        this.viewContainer = viewContainer;
-        return this;
-    }
-    withSourceComponent(sourceComponent) {
-        this.sourceComponent = sourceComponent;
-        return this;
-    }
-    withRoute(route) {
-        this.route = route;
-        return this;
     }
-    withSelectedItems(selectedItems) {
-        this.selectedItems = selectedItems;
-        return this;
+    Permissions.Roles = Roles;
+    class Service extends APermissions {
+        constructor(service) {
+            super(AuthorizationTypeEnum.Service);
+            this.service = service;
+        }
+        static of(service) {
+            return new Service(service);
+        }
     }
-}
-var ActionInstanceStateEnum;
-(function (ActionInstanceStateEnum) {
-    ActionInstanceStateEnum[ActionInstanceStateEnum["TriggerStart"] = 0] = "TriggerStart";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["TriggerEnd"] = 1] = "TriggerEnd";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["ActivationStart"] = 2] = "ActivationStart";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["ActivationEnd"] = 3] = "ActivationEnd";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["FetchStart"] = 4] = "FetchStart";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["FetchEnd"] = 5] = "FetchEnd";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["FetchError"] = 6] = "FetchError";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["RunConfirmationStart"] = 7] = "RunConfirmationStart";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["RunConfirmationEndAccept"] = 8] = "RunConfirmationEndAccept";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["RunConfirmationEndReject"] = 9] = "RunConfirmationEndReject";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["RunStart"] = 10] = "RunStart";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["RunEnd"] = 11] = "RunEnd";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["RunError"] = 12] = "RunError";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["NextActionStart"] = 13] = "NextActionStart";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["NextActionEnd"] = 14] = "NextActionEnd";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["FinishSuccess"] = 15] = "FinishSuccess";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["FinishError"] = 16] = "FinishError";
-    ActionInstanceStateEnum[ActionInstanceStateEnum["FinishDismissed"] = 17] = "FinishDismissed"; // action was dismissed by user
-})(ActionInstanceStateEnum || (ActionInstanceStateEnum = {}));
-
-/**
- * Default categories for tableview actions
- */
-class TableviewActionDefaultCategories {
-}
-TableviewActionDefaultCategories.READ = 'read';
-TableviewActionDefaultCategories.ADD = 'add';
-TableviewActionDefaultCategories.EDIT = 'edit';
-TableviewActionDefaultCategories.DELETE = 'delete';
-TableviewActionDefaultCategories.DETAILS = 'details';
+    Permissions.Service = Service;
+})(Permissions || (Permissions = {}));
 
 class AuthorizationUtil {
     static isPermitted(permissions, userRoles) {
@@ -7521,23 +7527,36 @@ class MngViewContainerComponentService {
     constructor(messageService) {
         this.messageService = messageService;
         this.actions = [];
-        this._reloadTableSubject = new Subject();
+        this._tableReloadSubject = new Subject();
+        this._editorResetSubject = new Subject();
     }
     set dataProvider(dataProvider) {
         this._dataProvider = dataProvider;
     }
-    get reloadTable() {
-        return this._reloadTableSubject.asObservable();
-    }
-    triggerTableReload(event) {
-        this._reloadTableSubject.next(event);
-    }
     getMessageService() {
         return this.messageService;
     }
     getDataProvider() {
         return this._dataProvider;
     }
+    getActions() {
+        return this.actions;
+    }
+    setActions(actions) {
+        this.actions = actions;
+    }
+    getTableReload$() {
+        return this._tableReloadSubject.asObservable();
+    }
+    reloadTable(event) {
+        this._tableReloadSubject.next(event !== null && event !== void 0 ? event : {});
+    }
+    getEditorReset$() {
+        return this._editorResetSubject.asObservable();
+    }
+    resetEditor(event) {
+        this._editorResetSubject.next(event !== null && event !== void 0 ? event : {});
+    }
 }
 MngViewContainerComponentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngViewContainerComponentService, deps: [{ token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
 MngViewContainerComponentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngViewContainerComponentService });
@@ -7650,9 +7669,9 @@ class MngActionComponent {
         if (this.action instanceof ActionLinkDescriptor) {
             this.actionLink = this.action;
         }
-        if (this.action.permissionsRouteType && routeData.tableviewPermissions) {
-            if (routeData.tableviewPermissions[this.action.permissionsRouteType]) {
-                this.routePermissions = routeData.tableviewPermissions[this.action.permissionsRouteType];
+        if (this.action.tableviewCategory && routeData.tableviewPermissions) {
+            if (routeData.tableviewPermissions[this.action.tableviewCategory]) {
+                this.routePermissions = routeData.tableviewPermissions[this.action.tableviewCategory];
             }
         }
         this.processSubscriptions();
@@ -7663,7 +7682,7 @@ class MngActionComponent {
             this.isHostHidden = !isVisible || !isPermitted;
         });
         this.subscriptions.push(hostVisibilitySubscription);
-        this.buttonClass = this.action.button.styleClass.build(this.action.button.label == null || this.action.button.label.length == 0);
+        this.buttonClass = this.action.button.styleClass.build(this.hasNoTitle);
     }
     ngOnChanges(changes) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -7697,10 +7716,10 @@ class MngActionComponent {
         const instance = this.actionExecutor.triggerAction(this.action, parameters);
         this.subscriptions.push(instance.result$.subscribe({
             next: () => {
-                var _a;
+                var _a, _b;
                 this.finishEventEmitter.next(instance);
                 if (this.action.hasItemsSelection) {
-                    (_a = this.viewContainerService) === null || _a === void 0 ? void 0 : _a.triggerTableReload({});
+                    (_b = (_a = this.viewContainer) === null || _a === void 0 ? void 0 : _a.reloadTable) === null || _b === void 0 ? void 0 : _b.call(_a, { data: { event: event } });
                 }
             }
         }));
@@ -7765,10 +7784,10 @@ class MngActionComponent {
     }
 }
 MngActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngActionComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1$2.TranslateService }, { token: MngAuthorizationService }, { token: MngActionExecutorService }, { token: i2.ConfirmationService }, { token: MngViewContainerComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MngActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngActionComponent, selector: "mng-action", inputs: { action: "action", item: "item", itemId: "itemId", actionData: "actionData", queryParam: "queryParam", dataProvider: "dataProvider", inputDisabled: ["disabled", "inputDisabled"], inputLoading: ["loading", "inputLoading"], viewContainerInit: ["viewContainer", "viewContainerInit"], selectedItems: "selectedItems" }, outputs: { finishEventEmitter: "finish" }, host: { properties: { "class": "this.hostClass", "class.m-0": "this.isHostHidden" } }, providers: [ConfirmationService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"($isVisible | async) && ($isPermitted | async)\">\n    <a\n        *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [icon]=\"$any(action.button.icon)\"\n        [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | parametrize: itemId:item:actionData)\"\n        [target]=\"actionLink.target\"\n        [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [class]=\"buttonClass\"\n        >{{ ($label | async) ?? '' }}</a\n    >\n    <ng-template #routerLink>\n        <a\n            *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.pathSegments | parametrize: itemId:item:actionData)\"\n            [queryParams]=\"actionLink.queryParams | parametrize: itemId:item:actionData\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [class]=\"buttonClass\"\n            >{{ ($label | async) ?? '' }}</a\n        >\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            (click)=\"triggerAction($event)\"\n            [class]=\"buttonClass\"></button>\n    </ng-template>\n    <p-confirmDialog\n        *ngIf=\"action.runConfirmationDialogDescriptor\"\n        [key]=\"action.actionName + '_' + cmpId\"\n        [baseZIndex]=\"50\"\n        appendTo=\"body\"\n        [closable]=\"action.runConfirmationDialogDescriptor.closable\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: MngParametrizePipe, name: "parametrize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MngActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngActionComponent, selector: "mng-action", inputs: { action: "action", item: "item", itemId: "itemId", actionData: "actionData", queryParam: "queryParam", dataProvider: "dataProvider", inputDisabled: ["disabled", "inputDisabled"], inputLoading: ["loading", "inputLoading"], viewContainerInit: ["viewContainer", "viewContainerInit"], selectedItems: "selectedItems" }, outputs: { finishEventEmitter: "finish" }, host: { properties: { "class": "this.hostClass", "class.m-0": "this.isHostHidden" } }, providers: [ConfirmationService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"($isVisible | async) && ($isPermitted | async)\">\n    <a\n        *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [icon]=\"$any(action.button.icon)\"\n        [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | parametrize: itemId:item:actionData)\"\n        [target]=\"actionLink.target\"\n        [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [pTooltip]=\"$any($tooltip | async)\"\n        [class]=\"buttonClass\"\n        >{{ ($label | async) ?? '' }}</a\n    >\n    <ng-template #routerLink>\n        <a\n            *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.pathSegments | parametrize: itemId:item:actionData)\"\n            [queryParams]=\"actionLink.queryParams | parametrize: itemId:item:actionData\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [class]=\"buttonClass\"\n            >{{ ($label | async) ?? '' }}</a\n        >\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            (click)=\"triggerAction($event)\"\n            [class]=\"buttonClass\"></button>\n    </ng-template>\n    <p-confirmDialog\n        *ngIf=\"action.runConfirmationDialogDescriptor\"\n        [key]=\"action.actionName + '_' + cmpId\"\n        [baseZIndex]=\"50\"\n        appendTo=\"body\"\n        [closable]=\"action.runConfirmationDialogDescriptor.closable\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: MngParametrizePipe, name: "parametrize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ConfirmationService], template: "<ng-container *ngIf=\"($isVisible | async) && ($isPermitted | async)\">\n    <a\n        *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [icon]=\"$any(action.button.icon)\"\n        [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | parametrize: itemId:item:actionData)\"\n        [target]=\"actionLink.target\"\n        [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [class]=\"buttonClass\"\n        >{{ ($label | async) ?? '' }}</a\n    >\n    <ng-template #routerLink>\n        <a\n            *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.pathSegments | parametrize: itemId:item:actionData)\"\n            [queryParams]=\"actionLink.queryParams | parametrize: itemId:item:actionData\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [class]=\"buttonClass\"\n            >{{ ($label | async) ?? '' }}</a\n        >\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            (click)=\"triggerAction($event)\"\n            [class]=\"buttonClass\"></button>\n    </ng-template>\n    <p-confirmDialog\n        *ngIf=\"action.runConfirmationDialogDescriptor\"\n        [key]=\"action.actionName + '_' + cmpId\"\n        [baseZIndex]=\"50\"\n        appendTo=\"body\"\n        [closable]=\"action.runConfirmationDialogDescriptor.closable\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"] }]
+            args: [{ selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ConfirmationService], template: "<ng-container *ngIf=\"($isVisible | async) && ($isPermitted | async)\">\n    <a\n        *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [icon]=\"$any(action.button.icon)\"\n        [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | parametrize: itemId:item:actionData)\"\n        [target]=\"actionLink.target\"\n        [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [pTooltip]=\"$any($tooltip | async)\"\n        [class]=\"buttonClass\"\n        >{{ ($label | async) ?? '' }}</a\n    >\n    <ng-template #routerLink>\n        <a\n            *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.pathSegments | parametrize: itemId:item:actionData)\"\n            [queryParams]=\"actionLink.queryParams | parametrize: itemId:item:actionData\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [class]=\"buttonClass\"\n            >{{ ($label | async) ?? '' }}</a\n        >\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            (click)=\"triggerAction($event)\"\n            [class]=\"buttonClass\"></button>\n    </ng-template>\n    <p-confirmDialog\n        *ngIf=\"action.runConfirmationDialogDescriptor\"\n        [key]=\"action.actionName + '_' + cmpId\"\n        [baseZIndex]=\"50\"\n        appendTo=\"body\"\n        [closable]=\"action.runConfirmationDialogDescriptor.closable\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1.ActivatedRoute }, { type: i1$2.TranslateService }, { type: MngAuthorizationService }, { type: MngActionExecutorService }, { type: i2.ConfirmationService }, { type: MngViewContainerComponentService, decorators: [{
                         type: Optional
@@ -7821,7 +7840,7 @@ class MngActionRouteComponent {
     }
     ngOnInit() {
         var _a, _b;
-        this.actions = (_b = (_a = this.viewContainerService) === null || _a === void 0 ? void 0 : _a.actions.filter(a => a.activationTrigger === ActionActivationTriggerEnum.OnRoute)) !== null && _b !== void 0 ? _b : [];
+        this.actions = (_b = (_a = this.viewContainerService) === null || _a === void 0 ? void 0 : _a.getActions().filter(a => a.activationTrigger === ActionActivationTriggerEnum.OnRoute)) !== null && _b !== void 0 ? _b : [];
         const subscription = this.route.params.subscribe(p => {
             const action = this.findActiveAction(p);
             if (action) {
@@ -7869,7 +7888,7 @@ class MngActionRouteComponent {
                     if (!this.viewContainerService) {
                         console.warn(`View container service could not be found, table reload will not be triggered.`);
                     }
-                    (_a = this.viewContainerService) === null || _a === void 0 ? void 0 : _a.triggerTableReload(actionEv); // reload only if no error in action and
+                    (_a = this.viewContainerService) === null || _a === void 0 ? void 0 : _a.reloadTable({ data: { event: actionEv } }); // reload only if no error in action and
                 }
                 this.untriggerAction();
             });
@@ -8073,6 +8092,34 @@ class MngFormEditorComponent {
         });
         return formValue;
     }
+    resetFormModel(item) {
+        this.formOrigItem = item;
+        // TODO: to check if this is ok, could be problems with dates, if so, try lodash
+        const formModel = JSON.parse(JSON.stringify(item !== null && item !== void 0 ? item : {}));
+        this.descriptor.fields.forEach(field => {
+            if (field.getter && item) {
+                const splitPath = field.property.split('.');
+                let currentObject = formModel;
+                for (let i = 0; i < splitPath.length; i++) {
+                    const currentSubPath = splitPath[i];
+                    if (i === splitPath.length - 1) {
+                        currentObject[currentSubPath] = field.getter(item);
+                    }
+                    else {
+                        if (typeof currentObject[currentSubPath] !== 'object') {
+                            currentObject[currentSubPath] = {};
+                        }
+                        currentObject = currentObject[currentSubPath];
+                    }
+                }
+            }
+        });
+        if (typeof this.formOptions.resetModel === 'function') {
+            // could not be initiated yet
+            this.formOptions.resetModel(this.formModel);
+        }
+        this.formModel = formModel;
+    }
     getFormField(key) {
         return this.findFormField(this.form, key.split('.'));
     }
@@ -8141,34 +8188,6 @@ class MngFormEditorComponent {
         }
         return false;
     }
-    resetFormModel(item) {
-        this.formOrigItem = item;
-        // TODO: to check if this is ok, could be problems with dates, if so, try lodash
-        const formModel = JSON.parse(JSON.stringify(item !== null && item !== void 0 ? item : {}));
-        this.descriptor.fields.forEach(field => {
-            if (field.getter && item) {
-                const splitPath = field.property.split('.');
-                let currentObject = formModel;
-                for (let i = 0; i < splitPath.length; i++) {
-                    const currentSubPath = splitPath[i];
-                    if (i === splitPath.length - 1) {
-                        currentObject[currentSubPath] = field.getter(item);
-                    }
-                    else {
-                        if (typeof currentObject[currentSubPath] !== 'object') {
-                            currentObject[currentSubPath] = {};
-                        }
-                        currentObject = currentObject[currentSubPath];
-                    }
-                }
-            }
-        });
-        if (typeof this.formOptions.resetModel === 'function') {
-            // could not be initiated yet
-            this.formOptions.resetModel(this.formModel);
-        }
-        this.formModel = formModel;
-    }
     updateFormState() {
         this.formOptions.formState.disabled = this.isFormDisabled !== null ? this.isFormDisabled === true : this.descriptor.disabled;
     }
@@ -8233,6 +8252,9 @@ class MngAutocompleteComponent {
         this.multiselect = false;
         this.className = null;
         this.dropdownClassName = null;
+        this.showClear = false;
+        this.autoClear = false;
+        this.selectFirst = false; //on every input field change return first given value (or null)
         this.valueChangeEventEmitter = new EventEmitter();
         this.isInited = false;
         this.suggestionsSubject = new BehaviorSubject([]);
@@ -8247,10 +8269,14 @@ class MngAutocompleteComponent {
     }
     ngOnInit() {
         this.setItemsAndDataProvider();
+        if (this.selectFirst) {
+            this.suggestionSubscription = this.suggestions$.subscribe(e => this.valueChangeEventEmitter.emit(e.length === 0 ? null : e[0]));
+        }
     }
     ngOnDestroy() {
-        var _a;
+        var _a, _b;
         (_a = this.searchSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this.suggestionSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
     }
     onSearch(event) {
         var _a;
@@ -8290,6 +8316,11 @@ class MngAutocompleteComponent {
         var _a, _b;
         (_b = (_a = this.formlyWrapper) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.markAsTouched();
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onClear(event) {
+        this.onChangeFn();
+        this.valueChangeEventEmitter.next(null);
+    }
     registerOnChange(fn) {
         this.onChangeFn = fn;
     }
@@ -8454,10 +8485,10 @@ class MngAutocompleteComponent {
     }
 }
 MngAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngAutocompleteComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: MngFormlyFieldWrapperComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MngAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: { dataProvider: "dataProvider", dataKeyProperty: "dataKeyProperty", itemsValuePropertyInit: ["itemsValueProperty", "itemsValuePropertyInit"], itemsLabelPropertyInit: ["itemsLabelProperty", "itemsLabelPropertyInit"], itemsLabelTranslate: "itemsLabelTranslate", inlineSearch: "inlineSearch", openOnFocus: "openOnFocus", multiselect: "multiselect", placeholder: "placeholder", className: "className", dropdownClassName: "dropdownClassName" }, outputs: { valueChangeEventEmitter: "valueChange" }, providers: [MNG_AUTOCOMPLETE_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeAutocomplete", first: true, predicate: AutoComplete, descendants: true }], ngImport: i0, template: "<p-autoComplete\n    (onFocus)=\"onFocus($event)\"\n    [formControl]=\"autocompleteFormControl\"\n    [placeholder]=\"$any(placeholder)\"\n    [dropdown]=\"true\"\n    [dataKey]=\"$any(dataKeyProperty)\"\n    [field]=\"$any(itemsLabelProperty)\"\n    [suggestions]=\"(suggestions$ | async) ?? []\"\n    [multiple]=\"multiselect\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"$any(className)\"\n    [panelStyleClass]=\"$any(dropdownClassName)\"\n    [minLength]=\"openOnFocus ? 0 : 1\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onBlur)=\"onBlur($event)\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MngAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: { dataProvider: "dataProvider", dataKeyProperty: "dataKeyProperty", itemsValuePropertyInit: ["itemsValueProperty", "itemsValuePropertyInit"], itemsLabelPropertyInit: ["itemsLabelProperty", "itemsLabelPropertyInit"], itemsLabelTranslate: "itemsLabelTranslate", inlineSearch: "inlineSearch", openOnFocus: "openOnFocus", multiselect: "multiselect", placeholder: "placeholder", className: "className", dropdownClassName: "dropdownClassName", showClear: "showClear", autoClear: "autoClear", selectFirst: "selectFirst" }, outputs: { valueChangeEventEmitter: "valueChange" }, providers: [MNG_AUTOCOMPLETE_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeAutocomplete", first: true, predicate: AutoComplete, descendants: true }], ngImport: i0, template: "<p-autoComplete\n    (onFocus)=\"onFocus($event)\"\n    [formControl]=\"autocompleteFormControl\"\n    [placeholder]=\"$any(placeholder)\"\n    [dropdown]=\"true\"\n    [dataKey]=\"$any(dataKeyProperty)\"\n    [field]=\"$any(itemsLabelProperty)\"\n    [suggestions]=\"(suggestions$ | async) ?? []\"\n    [multiple]=\"multiselect\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"$any(className)\"\n    [panelStyleClass]=\"$any(dropdownClassName)\"\n    [minLength]=\"openOnFocus ? 0 : 1\"\n    [showClear]=\"showClear\"\n    [forceSelection]=\"autoClear\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onClear)=\"onClear($event)\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-autocomplete', providers: [MNG_AUTOCOMPLETE_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-autoComplete\n    (onFocus)=\"onFocus($event)\"\n    [formControl]=\"autocompleteFormControl\"\n    [placeholder]=\"$any(placeholder)\"\n    [dropdown]=\"true\"\n    [dataKey]=\"$any(dataKeyProperty)\"\n    [field]=\"$any(itemsLabelProperty)\"\n    [suggestions]=\"(suggestions$ | async) ?? []\"\n    [multiple]=\"multiselect\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"$any(className)\"\n    [panelStyleClass]=\"$any(dropdownClassName)\"\n    [minLength]=\"openOnFocus ? 0 : 1\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onBlur)=\"onBlur($event)\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n" }]
+            args: [{ selector: 'mng-autocomplete', providers: [MNG_AUTOCOMPLETE_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-autoComplete\n    (onFocus)=\"onFocus($event)\"\n    [formControl]=\"autocompleteFormControl\"\n    [placeholder]=\"$any(placeholder)\"\n    [dropdown]=\"true\"\n    [dataKey]=\"$any(dataKeyProperty)\"\n    [field]=\"$any(itemsLabelProperty)\"\n    [suggestions]=\"(suggestions$ | async) ?? []\"\n    [multiple]=\"multiselect\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"$any(className)\"\n    [panelStyleClass]=\"$any(dropdownClassName)\"\n    [minLength]=\"openOnFocus ? 0 : 1\"\n    [showClear]=\"showClear\"\n    [forceSelection]=\"autoClear\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onClear)=\"onClear($event)\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n" }]
         }], ctorParameters: function () {
         return [{ type: i0.Injector }, { type: i1$2.TranslateService }, { type: MngFormlyFieldWrapperComponent, decorators: [{
                         type: Optional
@@ -8486,6 +8517,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                 type: Input
             }], dropdownClassName: [{
                 type: Input
+            }], showClear: [{
+                type: Input
+            }], autoClear: [{
+                type: Input
+            }], selectFirst: [{
+                type: Input
             }], valueChangeEventEmitter: [{
                 type: Output,
                 args: ['valueChange']
@@ -8795,9 +8832,7 @@ class MngActionEditorComponent {
         this.viewContainerService = viewContainerService;
         this.actionRunEventEmitter = new EventEmitter();
         this.actionCancelEventEmitter = new EventEmitter();
-        this.cmpId = Math.random().toString(36).substring(2);
         this.isDialog = true;
-        this.isSaveButton = true;
         this.toolbarLeftActions = [];
         this.toolbarRightActions = [];
         this.footerLeftActions = [];
@@ -8811,7 +8846,7 @@ class MngActionEditorComponent {
         this.subscriptions = [];
     }
     ngOnInit() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         if ((_a = this.dialogConfig) === null || _a === void 0 ? void 0 : _a.data) {
             if (this.dialogConfig.data.actionInstance) {
                 this.instance = this.dialogConfig.data.actionInstance;
@@ -8838,7 +8873,6 @@ class MngActionEditorComponent {
             this.isDialog = false;
             this.viewContainer = (_o = (_m = this.viewContainerInit) !== null && _m !== void 0 ? _m : this.viewContainerService) !== null && _o !== void 0 ? _o : undefined;
         }
-        this.isSaveButton = typeof this.action.submitFunction === 'function';
         this.setTitle();
         for (const action of this.action.editorActions) {
             if (action instanceof ActionEditorSubmitDescriptor) {
@@ -8863,24 +8897,33 @@ class MngActionEditorComponent {
                     });
                 }
             }
-            switch (action.position) {
-                case ActionPositionEnum.ToolbarLeft:
-                    this.toolbarLeftActions.push(action);
-                    break;
-                case ActionPositionEnum.ToolbarRight:
-                    this.toolbarRightActions.push(action);
-                    break;
-                case ActionPositionEnum.FooterLeft:
-                    this.footerLeftActions.push(action);
-                    break;
-                case ActionPositionEnum.FooterRight:
-                    this.footerRightActions.push(action);
-                    break;
-            }
+            this.placeActionsOnPositions(action);
+        }
+        for (const action of (_q = (_p = this.viewContainer) === null || _p === void 0 ? void 0 : _p.getActions().filter(value => { var _a; return (_a = value.positionTableviewCategories) === null || _a === void 0 ? void 0 : _a.includes(this.action.tableviewCategory); })) !== null && _q !== void 0 ? _q : []) {
+            this.placeActionsOnPositions(action);
         }
         this.toolbarRightActions = this.toolbarRightActions.reverse();
         this.footerRightActions = this.footerRightActions.reverse();
         this.loadItemWithDataProvider();
+        if (typeof this.viewContainer.getEditorReset$ === 'function') {
+            const viewContainerEditor = this.viewContainer;
+            viewContainerEditor.getEditorReset$().subscribe({
+                next: e => {
+                    var _a, _b;
+                    if (e.fetch) {
+                        this.loadItemWithDataProvider();
+                    }
+                    else if (e.item) {
+                        (_a = this.editorComponent) === null || _a === void 0 ? void 0 : _a.resetFormModel(e.item);
+                    }
+                    else if (e.fields) {
+                        for (const key in e.fields) {
+                            (_b = this.editorComponent) === null || _b === void 0 ? void 0 : _b.resetFormFieldValue(key, e.fields[key]);
+                        }
+                    }
+                }
+            });
+        }
     }
     ngOnDestroy() {
         this.subscriptions.forEach(s => s.unsubscribe());
@@ -8972,12 +9015,28 @@ class MngActionEditorComponent {
             this.actionExecutor.deactivateAction(this.instance);
         }
     }
+    placeActionsOnPositions(action) {
+        switch (action.position) {
+            case ActionPositionEnum.ToolbarLeft:
+                this.toolbarLeftActions.push(action);
+                break;
+            case ActionPositionEnum.ToolbarRight:
+                this.toolbarRightActions.push(action);
+                break;
+            case ActionPositionEnum.FooterLeft:
+                this.footerLeftActions.push(action);
+                break;
+            case ActionPositionEnum.FooterRight:
+                this.footerRightActions.push(action);
+                break;
+        }
+    }
 }
 MngActionEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngActionEditorComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: MngActionExecutorService }, { token: MngCommonsService }, { token: MngNavigationService }, { token: i3.DynamicDialogRef, optional: true }, { token: i3.DynamicDialogConfig, optional: true }, { token: MngViewContainerComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MngActionEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngActionEditorComponent, selector: "mng-action-editor", inputs: { action: "action", itemId: "itemId", item: "item", actionData: "actionData", dataProvider: "dataProvider", viewContainerInit: ["viewContainer", "viewContainerInit"] }, outputs: { actionRunEventEmitter: "actionSubmit", actionCancelEventEmitter: "actionCancel" }, queries: [{ propertyName: "templates", predicate: MngTemplateDirective }], viewQueries: [{ propertyName: "submitButtonElementRef", first: true, predicate: ["submitButton"], descendants: true }, { propertyName: "editorComponent", first: true, predicate: MngFormEditorComponent, descendants: true }], ngImport: i0, template: "<h5 *ngIf=\"!isDialog && title\">{{ title }}</h5>\n<div class=\"h-full flex flex-column\">\n    <div class=\"flex-grow-1\" *ngIf=\"toolbarLeftActions.length > 0 || toolbarRightActions.length > 0\">\n        <p-toolbar styleClass=\"mng-action-editor-toolbar\">\n            <ng-template pTemplate=\"left\">\n                <mng-action *ngFor=\"let action of toolbarLeftActions\" [action]=\"action\" [disabled]=\"submitLoading$\" [viewContainer]=\"viewContainer\"></mng-action>\n            </ng-template>\n            <ng-template pTemplate=\"right\">\n                <mng-action *ngFor=\"let action of toolbarRightActions\" [action]=\"action\" [disabled]=\"submitLoading$\" [viewContainer]=\"viewContainer\"></mng-action>\n            </ng-template>\n        </p-toolbar>\n    </div>\n\n    <div class=\"flex-grow-1\">\n        <div class=\"text-center\" *ngIf=\"loading$ | async\">\n            <p-progressSpinner [style]=\"{width: '3rem', height: '3rem'}\" strokeWidth=\"3\"></p-progressSpinner>\n        </div>\n        <mng-form-editor *ngIf=\"action.editorDescriptor && (loading$ | async) === false\" [descriptor]=\"action.editorDescriptor\" [item]=\"item\" (formSubmit)=\"onSubmit($event)\">\n        </mng-form-editor>\n    </div>\n\n    <div class=\"flex flex-row justify-content-between\">\n        <div>\n            <mng-action *ngFor=\"let action of footerLeftActions\" [action]=\"action\" [disabled]=\"submitLoading$\" [viewContainer]=\"viewContainer\"></mng-action>\n        </div>\n        <div>\n            <mng-action *ngFor=\"let action of footerRightActions\" [action]=\"action\" [disabled]=\"submitLoading$\" [viewContainer]=\"viewContainer\"></mng-action>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i6$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass"] }, { kind: "component", type: i7$1.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: MngFormEditorComponent, selector: "mng-form-editor", inputs: ["descriptor", "submitLoading", "item", "isSubmitButtonVisible", "isFormDisabled"], outputs: ["formSubmit"] }, { kind: "component", type: MngActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "queryParam", "dataProvider", "disabled", "loading", "viewContainer", "selectedItems"], outputs: ["finish"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MngActionEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngActionEditorComponent, selector: "mng-action-editor", inputs: { action: "action", itemId: "itemId", item: "item", actionData: "actionData", dataProvider: "dataProvider", viewContainerInit: ["viewContainer", "viewContainerInit"] }, outputs: { actionRunEventEmitter: "actionSubmit", actionCancelEventEmitter: "actionCancel" }, queries: [{ propertyName: "templates", predicate: MngTemplateDirective }], viewQueries: [{ propertyName: "submitButtonElementRef", first: true, predicate: ["submitButton"], descendants: true }, { propertyName: "editorComponent", first: true, predicate: MngFormEditorComponent, descendants: true }], ngImport: i0, template: "<h5 *ngIf=\"!isDialog && title\">{{ title }}</h5>\n<div class=\"h-full flex flex-column\">\n    <div class=\"flex-grow-1\" *ngIf=\"toolbarLeftActions.length > 0 || toolbarRightActions.length > 0\">\n        <p-toolbar styleClass=\"mng-action-editor-toolbar\">\n            <ng-template pTemplate=\"left\">\n                <mng-action\n                    *ngFor=\"let action of toolbarLeftActions\"\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading$\"\n                    [viewContainer]=\"viewContainer\"\n                    [item]=\"item\"\n                    [itemId]=\"itemId\"></mng-action>\n            </ng-template>\n            <ng-template pTemplate=\"right\">\n                <mng-action\n                    *ngFor=\"let action of toolbarRightActions\"\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading$\"\n                    [viewContainer]=\"viewContainer\"\n                    [item]=\"item\"\n                    [itemId]=\"itemId\"></mng-action>\n            </ng-template>\n        </p-toolbar>\n    </div>\n\n    <div class=\"flex-grow-1\">\n        <div class=\"text-center\" *ngIf=\"loading$ | async\">\n            <p-progressSpinner [style]=\"{width: '3rem', height: '3rem'}\" strokeWidth=\"3\"></p-progressSpinner>\n        </div>\n        <mng-form-editor *ngIf=\"action.editorDescriptor && (loading$ | async) === false\" [descriptor]=\"action.editorDescriptor\" [item]=\"item\" (formSubmit)=\"onSubmit($event)\">\n        </mng-form-editor>\n    </div>\n\n    <div class=\"flex flex-row justify-content-between\">\n        <div>\n            <mng-action\n                *ngFor=\"let action of footerLeftActions\"\n                [action]=\"action\"\n                [disabled]=\"submitLoading$\"\n                [viewContainer]=\"viewContainer\"\n                [item]=\"item\"\n                [itemId]=\"itemId\"></mng-action>\n        </div>\n        <div>\n            <mng-action\n                *ngFor=\"let action of footerRightActions\"\n                [action]=\"action\"\n                [disabled]=\"submitLoading$\"\n                [viewContainer]=\"viewContainer\"\n                [item]=\"item\"\n                [itemId]=\"itemId\"></mng-action>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i6$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass"] }, { kind: "component", type: i7$1.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: MngFormEditorComponent, selector: "mng-form-editor", inputs: ["descriptor", "submitLoading", "item", "isSubmitButtonVisible", "isFormDisabled"], outputs: ["formSubmit"] }, { kind: "component", type: MngActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "queryParam", "dataProvider", "disabled", "loading", "viewContainer", "selectedItems"], outputs: ["finish"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngActionEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-action-editor', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h5 *ngIf=\"!isDialog && title\">{{ title }}</h5>\n<div class=\"h-full flex flex-column\">\n    <div class=\"flex-grow-1\" *ngIf=\"toolbarLeftActions.length > 0 || toolbarRightActions.length > 0\">\n        <p-toolbar styleClass=\"mng-action-editor-toolbar\">\n            <ng-template pTemplate=\"left\">\n                <mng-action *ngFor=\"let action of toolbarLeftActions\" [action]=\"action\" [disabled]=\"submitLoading$\" [viewContainer]=\"viewContainer\"></mng-action>\n            </ng-template>\n            <ng-template pTemplate=\"right\">\n                <mng-action *ngFor=\"let action of toolbarRightActions\" [action]=\"action\" [disabled]=\"submitLoading$\" [viewContainer]=\"viewContainer\"></mng-action>\n            </ng-template>\n        </p-toolbar>\n    </div>\n\n    <div class=\"flex-grow-1\">\n        <div class=\"text-center\" *ngIf=\"loading$ | async\">\n            <p-progressSpinner [style]=\"{width: '3rem', height: '3rem'}\" strokeWidth=\"3\"></p-progressSpinner>\n        </div>\n        <mng-form-editor *ngIf=\"action.editorDescriptor && (loading$ | async) === false\" [descriptor]=\"action.editorDescriptor\" [item]=\"item\" (formSubmit)=\"onSubmit($event)\">\n        </mng-form-editor>\n    </div>\n\n    <div class=\"flex flex-row justify-content-between\">\n        <div>\n            <mng-action *ngFor=\"let action of footerLeftActions\" [action]=\"action\" [disabled]=\"submitLoading$\" [viewContainer]=\"viewContainer\"></mng-action>\n        </div>\n        <div>\n            <mng-action *ngFor=\"let action of footerRightActions\" [action]=\"action\" [disabled]=\"submitLoading$\" [viewContainer]=\"viewContainer\"></mng-action>\n        </div>\n    </div>\n</div>\n" }]
+            args: [{ selector: 'mng-action-editor', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h5 *ngIf=\"!isDialog && title\">{{ title }}</h5>\n<div class=\"h-full flex flex-column\">\n    <div class=\"flex-grow-1\" *ngIf=\"toolbarLeftActions.length > 0 || toolbarRightActions.length > 0\">\n        <p-toolbar styleClass=\"mng-action-editor-toolbar\">\n            <ng-template pTemplate=\"left\">\n                <mng-action\n                    *ngFor=\"let action of toolbarLeftActions\"\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading$\"\n                    [viewContainer]=\"viewContainer\"\n                    [item]=\"item\"\n                    [itemId]=\"itemId\"></mng-action>\n            </ng-template>\n            <ng-template pTemplate=\"right\">\n                <mng-action\n                    *ngFor=\"let action of toolbarRightActions\"\n                    [action]=\"action\"\n                    [disabled]=\"submitLoading$\"\n                    [viewContainer]=\"viewContainer\"\n                    [item]=\"item\"\n                    [itemId]=\"itemId\"></mng-action>\n            </ng-template>\n        </p-toolbar>\n    </div>\n\n    <div class=\"flex-grow-1\">\n        <div class=\"text-center\" *ngIf=\"loading$ | async\">\n            <p-progressSpinner [style]=\"{width: '3rem', height: '3rem'}\" strokeWidth=\"3\"></p-progressSpinner>\n        </div>\n        <mng-form-editor *ngIf=\"action.editorDescriptor && (loading$ | async) === false\" [descriptor]=\"action.editorDescriptor\" [item]=\"item\" (formSubmit)=\"onSubmit($event)\">\n        </mng-form-editor>\n    </div>\n\n    <div class=\"flex flex-row justify-content-between\">\n        <div>\n            <mng-action\n                *ngFor=\"let action of footerLeftActions\"\n                [action]=\"action\"\n                [disabled]=\"submitLoading$\"\n                [viewContainer]=\"viewContainer\"\n                [item]=\"item\"\n                [itemId]=\"itemId\"></mng-action>\n        </div>\n        <div>\n            <mng-action\n                *ngFor=\"let action of footerRightActions\"\n                [action]=\"action\"\n                [disabled]=\"submitLoading$\"\n                [viewContainer]=\"viewContainer\"\n                [item]=\"item\"\n                [itemId]=\"itemId\"></mng-action>\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: function () {
         return [{ type: i0.Injector }, { type: i1$2.TranslateService }, { type: MngActionExecutorService }, { type: MngCommonsService }, { type: MngNavigationService }, { type: i3.DynamicDialogRef, decorators: [{
                         type: Optional
@@ -9051,10 +9110,10 @@ class MngFormlyFieldAutocompleteComponent extends FieldType {
     }
 }
 MngFormlyFieldAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngFormlyFieldAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MngFormlyFieldAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngFormlyFieldAutocompleteComponent, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"$any(descriptor.dataProvider)\"\n    [dataKeyProperty]=\"$any(descriptor.dataKeyProperty)\"\n    [itemsLabelProperty]=\"$any(descriptor.itemsLabelProperty)\"\n    [itemsValueProperty]=\"$any(descriptor.itemsValueProperty)\"\n    [className]=\"descriptor.inputClassName\">\n</mng-autocomplete>\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MngFormlyFieldAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngFormlyFieldAutocompleteComponent, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"$any(descriptor.dataProvider)\"\n    [dataKeyProperty]=\"$any(descriptor.dataKeyProperty)\"\n    [itemsLabelProperty]=\"$any(descriptor.itemsLabelProperty)\"\n    [itemsValueProperty]=\"$any(descriptor.itemsValueProperty)\"\n    [className]=\"descriptor.inputClassName\"\n    [showClear]=\"!to.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst\"\n    [autoClear]=\"descriptor.autocompleteAutoClear\">\n</mng-autocomplete>\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName", "showClear", "autoClear", "selectFirst"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngFormlyFieldAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-formly-field-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"$any(descriptor.dataProvider)\"\n    [dataKeyProperty]=\"$any(descriptor.dataKeyProperty)\"\n    [itemsLabelProperty]=\"$any(descriptor.itemsLabelProperty)\"\n    [itemsValueProperty]=\"$any(descriptor.itemsValueProperty)\"\n    [className]=\"descriptor.inputClassName\">\n</mng-autocomplete>\n" }]
+            args: [{ selector: 'mng-formly-field-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"$any(descriptor.dataProvider)\"\n    [dataKeyProperty]=\"$any(descriptor.dataKeyProperty)\"\n    [itemsLabelProperty]=\"$any(descriptor.itemsLabelProperty)\"\n    [itemsValueProperty]=\"$any(descriptor.itemsValueProperty)\"\n    [className]=\"descriptor.inputClassName\"\n    [showClear]=\"!to.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst\"\n    [autoClear]=\"descriptor.autocompleteAutoClear\">\n</mng-autocomplete>\n" }]
         }] });
 
 class MngFormlyFieldInputComponent extends FieldType {
@@ -9374,7 +9433,7 @@ class MngTableColumnFilterComponent {
     }
 }
 MngTableColumnFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableColumnFilterComponent, deps: [{ token: i2.PrimeNGConfig }], target: i0.ɵɵFactoryTarget.Component });
-MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, viewQueries: [{ propertyName: "primeColumnFilter", first: true, predicate: ColumnFilter, descendants: true }], ngImport: i0, template: "<p-columnFilter\n    class=\"ml-auto\"\n    [type]=\"primeType\"\n    [field]=\"descriptor.property\"\n    [display]=\"primeDisplay\"\n    [matchMode]=\"$any(primeDefaultMatchMode)\"\n    [matchModeOptions]=\"$any(primeMatchModes)\"\n    [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n    [showMatchModes]=\"true\"\n    [showOperator]=\"false\"\n    [showAddButton]=\"false\"\n    [hideOnClear]=\"true\"\n    [showMenu]=\"primeShowMatchMode\"\n    [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n    [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n    [useGrouping]=\"descriptor.numberUseGrouping\">\n    <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n            <mng-date-range\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [showTime]=\"descriptor.datePickerShowTime\"\n                [dateFormat]=\"descriptor.datePickerFormat\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n        </ng-container>\n        <ng-template #datePicker>\n            <p-calendar\n                appendTo=\"body\"\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n                [showIcon]=\"true\"\n                [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n                [showTime]=\"descriptor.datePickerShowTime\">\n            </p-calendar>\n        </ng-template>\n    </ng-template>\n    <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n            <mng-autocomplete\n                *ngSwitchCase=\"lookupTypeAutocomplete\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [openOnFocus]=\"lookupDescriptor.autocompleteOpenOnFocus\"\n                [inlineSearch]=\"lookupDescriptor.autocompleteInlineSearch\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n            </mng-autocomplete>\n            <mng-dropdown\n                *ngSwitchCase=\"lookupTypeDropdown\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                [showClear]=\"false\"\n                [changeValueOnBlur]=\"lookupDescriptor.multiselect\"\n                (valueChange)=\"dropdownFilter($event, filterCallback)\">\n            </mng-dropdown>\n        </ng-container>\n    </ng-template>\n</p-columnFilter>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "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", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$4.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName"], outputs: ["valueChange"] }, { kind: "component", type: MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "itemsLabelTranslate", "itemsValueProperty", "itemsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur"], outputs: ["valueChange"] }, { kind: "component", type: MngDateRangeComponent, selector: "mng-date-range", inputs: ["placeholder", "showTime", "showSeconds", "dateFormat"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, viewQueries: [{ propertyName: "primeColumnFilter", first: true, predicate: ColumnFilter, descendants: true }], ngImport: i0, template: "<p-columnFilter\n    class=\"ml-auto\"\n    [type]=\"primeType\"\n    [field]=\"descriptor.property\"\n    [display]=\"primeDisplay\"\n    [matchMode]=\"$any(primeDefaultMatchMode)\"\n    [matchModeOptions]=\"$any(primeMatchModes)\"\n    [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n    [showMatchModes]=\"true\"\n    [showOperator]=\"false\"\n    [showAddButton]=\"false\"\n    [hideOnClear]=\"true\"\n    [showMenu]=\"primeShowMatchMode\"\n    [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n    [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n    [useGrouping]=\"descriptor.numberUseGrouping\">\n    <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n            <mng-date-range\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [showTime]=\"descriptor.datePickerShowTime\"\n                [dateFormat]=\"descriptor.datePickerFormat\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n        </ng-container>\n        <ng-template #datePicker>\n            <p-calendar\n                appendTo=\"body\"\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n                [showIcon]=\"true\"\n                [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n                [showTime]=\"descriptor.datePickerShowTime\">\n            </p-calendar>\n        </ng-template>\n    </ng-template>\n    <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n            <mng-autocomplete\n                *ngSwitchCase=\"lookupTypeAutocomplete\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [openOnFocus]=\"lookupDescriptor.autocompleteOpenOnFocus\"\n                [inlineSearch]=\"lookupDescriptor.autocompleteInlineSearch\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n            </mng-autocomplete>\n            <mng-dropdown\n                *ngSwitchCase=\"lookupTypeDropdown\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                [showClear]=\"false\"\n                [changeValueOnBlur]=\"lookupDescriptor.multiselect\"\n                (valueChange)=\"dropdownFilter($event, filterCallback)\">\n            </mng-dropdown>\n        </ng-container>\n    </ng-template>\n</p-columnFilter>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "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", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$4.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName", "showClear", "autoClear", "selectFirst"], outputs: ["valueChange"] }, { kind: "component", type: MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "itemsLabelTranslate", "itemsValueProperty", "itemsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur"], outputs: ["valueChange"] }, { kind: "component", type: MngDateRangeComponent, selector: "mng-date-range", inputs: ["placeholder", "showTime", "showSeconds", "dateFormat"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableColumnFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mng-table-column-filter', template: "<p-columnFilter\n    class=\"ml-auto\"\n    [type]=\"primeType\"\n    [field]=\"descriptor.property\"\n    [display]=\"primeDisplay\"\n    [matchMode]=\"$any(primeDefaultMatchMode)\"\n    [matchModeOptions]=\"$any(primeMatchModes)\"\n    [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n    [showMatchModes]=\"true\"\n    [showOperator]=\"false\"\n    [showAddButton]=\"false\"\n    [hideOnClear]=\"true\"\n    [showMenu]=\"primeShowMatchMode\"\n    [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n    [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n    [useGrouping]=\"descriptor.numberUseGrouping\">\n    <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n            <mng-date-range\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [showTime]=\"descriptor.datePickerShowTime\"\n                [dateFormat]=\"descriptor.datePickerFormat\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n        </ng-container>\n        <ng-template #datePicker>\n            <p-calendar\n                appendTo=\"body\"\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n                [showIcon]=\"true\"\n                [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n                [showTime]=\"descriptor.datePickerShowTime\">\n            </p-calendar>\n        </ng-template>\n    </ng-template>\n    <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n            <mng-autocomplete\n                *ngSwitchCase=\"lookupTypeAutocomplete\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [openOnFocus]=\"lookupDescriptor.autocompleteOpenOnFocus\"\n                [inlineSearch]=\"lookupDescriptor.autocompleteInlineSearch\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n            </mng-autocomplete>\n            <mng-dropdown\n                *ngSwitchCase=\"lookupTypeDropdown\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                [showClear]=\"false\"\n                [changeValueOnBlur]=\"lookupDescriptor.multiselect\"\n                (valueChange)=\"dropdownFilter($event, filterCallback)\">\n            </mng-dropdown>\n        </ng-container>\n    </ng-template>\n</p-columnFilter>\n" }]
@@ -9938,8 +9997,7 @@ class MngTableviewComponent {
         this.actionExecutor = actionExecutor;
         this.viewContainerService = viewContainerService;
         this.actions = [];
-        this.rowClickActions = [];
-        this.rowInlineActions = [];
+        this.tableActions = [];
         this.toolbarLeftActions = [];
         this.toolbarRightActions = [];
         this.subscriptions = [];
@@ -9947,28 +10005,27 @@ class MngTableviewComponent {
         this.selectedItems = [];
     }
     ngOnInit() {
-        this.viewContainerService.actions = this.actions;
+        this.viewContainerService.setActions(this.actions);
         if (this.dataProvider) {
             this.viewContainerService.dataProvider = this.dataProvider;
         }
-        const reloadTableSubscription = this.viewContainerService.reloadTable.subscribe(() => {
+        const reloadTableSubscription = this.viewContainerService.getTableReload$().subscribe(() => {
             this.reloadTable();
         });
         this.subscriptions.push(reloadTableSubscription);
-        for (const action of this.actions) {
+        for (const action of this.actions.filter(value => { var _a, _b; return (_b = (_a = value.positionTableviewCategories) === null || _a === void 0 ? void 0 : _a.includes(TableviewActionDefaultCategories.READ)) !== null && _b !== void 0 ? _b : true; })) {
             switch (action.position) {
-                case ActionPositionEnum.RowClick:
-                    this.rowClickActions.push(action);
-                    break;
-                case ActionPositionEnum.RowInline:
-                    this.rowInlineActions.push(action);
-                    break;
                 case ActionPositionEnum.ToolbarLeft:
                     this.toolbarLeftActions.push(action);
                     break;
                 case ActionPositionEnum.ToolbarRight:
                     this.toolbarRightActions.push(action);
                     break;
+                case ActionPositionEnum.TableHeader:
+                case ActionPositionEnum.RowInline:
+                case ActionPositionEnum.RowClick:
+                    this.tableActions.push(action);
+                    break;
             }
         }
         this.toolbarRightActions = this.toolbarRightActions.reverse();
@@ -9992,6 +10049,9 @@ class MngTableviewComponent {
     getDataProvider() {
         return this.dataProvider;
     }
+    getActions() {
+        return this.actions;
+    }
     reloadTable() {
         var _a;
         (_a = this.tableComponent) === null || _a === void 0 ? void 0 : _a.reload();
@@ -10004,10 +10064,10 @@ class MngTableviewComponent {
     }
 }
 MngTableviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableviewComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.MessageService }, { token: i1$2.TranslateService }, { token: i3.DialogService }, { token: i2.ConfirmationService }, { token: MngActionExecutorService }, { token: MngViewContainerComponentService }], target: i0.ɵɵFactoryTarget.Component });
-MngTableviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngTableviewComponent, selector: "mng-tableview", inputs: { descriptor: "descriptor", dataProvider: "dataProvider", actions: "actions" }, providers: [MessageService, ConfirmationService, MngViewContainerComponentService], queries: [{ propertyName: "templates", predicate: MngTemplateDirective }], viewQueries: [{ propertyName: "tableComponent", first: true, predicate: MngTableComponent, descendants: true }], ngImport: i0, template: "<div class=\"mng-tableview\">\n    <p-toast></p-toast>\n\n    <div class=\"card\">\n        <p-toolbar styleClass=\"mb-4\" *ngIf=\"toolbarLeftActions.length > 0 || toolbarRightActions.length > 0\">\n            <ng-template pTemplate=\"left\">\n                <mng-action *ngFor=\"let action of toolbarLeftActions\" [action]=\"action\" [queryParam]=\"tableQueryParam\" [selectedItems]=\"selectedItems\"></mng-action>\n            </ng-template>\n\n            <ng-template pTemplate=\"right\">\n                <mng-action *ngFor=\"let action of toolbarRightActions\" [action]=\"action\" [queryParam]=\"tableQueryParam\" [selectedItems]=\"selectedItems\"></mng-action>\n            </ng-template>\n        </p-toolbar>\n\n        <mng-table\n            [descriptor]=\"descriptor.table\"\n            [dataProvider]=\"dataProvider\"\n            [useQueryParams]=\"true\"\n            [actions]=\"actions\"\n            [selectionEnabled]=\"hasItemSelectionAction\"\n            [selectionMode]=\"'multiple'\"\n            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n            <ng-template mngTemplate=\"caption\">\n                <div class=\"flex flex-column md:flex-row md:justify-content-between table-header\">\n                    <h5 class=\"p-0 m-0\">{{ descriptor.tableTitle ?? '' | translate }}</h5>\n                </div>\n            </ng-template>\n\n            <ng-template let-queryResult=\"queryResult\" mngTemplate=\"footer\">\n                <ng-container *ngIf=\"footerTemplate\" [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"{queryResult: queryResult}\"></ng-container>\n            </ng-template>\n        </mng-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$4.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: i6$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass"] }, { kind: "directive", type: MngTemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "component", type: MngTableComponent, selector: "mng-table", inputs: ["descriptor", "items", "queryResult", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "actions", "isColumnClickable", "viewContainer", "captionComponent", "columnActionComponent", "columnActionMinWidth"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnActionComponentInstance"] }, { kind: "component", type: MngActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "queryParam", "dataProvider", "disabled", "loading", "viewContainer", "selectedItems"], outputs: ["finish"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+MngTableviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngTableviewComponent, selector: "mng-tableview", inputs: { descriptor: "descriptor", dataProvider: "dataProvider", actions: "actions" }, providers: [MessageService, ConfirmationService, MngViewContainerComponentService], queries: [{ propertyName: "templates", predicate: MngTemplateDirective }], viewQueries: [{ propertyName: "tableComponent", first: true, predicate: MngTableComponent, descendants: true }], ngImport: i0, template: "<div class=\"mng-tableview\">\n    <p-toast></p-toast>\n\n    <div class=\"card\">\n        <p-toolbar styleClass=\"mb-4\" *ngIf=\"toolbarLeftActions.length > 0 || toolbarRightActions.length > 0\">\n            <ng-template pTemplate=\"left\">\n                <mng-action *ngFor=\"let action of toolbarLeftActions\" [action]=\"action\" [queryParam]=\"tableQueryParam\" [selectedItems]=\"selectedItems\"></mng-action>\n            </ng-template>\n\n            <ng-template pTemplate=\"right\">\n                <mng-action *ngFor=\"let action of toolbarRightActions\" [action]=\"action\" [queryParam]=\"tableQueryParam\" [selectedItems]=\"selectedItems\"></mng-action>\n            </ng-template>\n        </p-toolbar>\n\n        <mng-table\n            [descriptor]=\"descriptor.table\"\n            [dataProvider]=\"dataProvider\"\n            [useQueryParams]=\"true\"\n            [actions]=\"tableActions\"\n            [selectionEnabled]=\"hasItemSelectionAction\"\n            [selectionMode]=\"'multiple'\"\n            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n            <ng-template mngTemplate=\"caption\">\n                <div class=\"flex flex-column md:flex-row md:justify-content-between table-header\">\n                    <h5 class=\"p-0 m-0\">{{ descriptor.tableTitle ?? '' | translate }}</h5>\n                </div>\n            </ng-template>\n\n            <ng-template let-queryResult=\"queryResult\" mngTemplate=\"footer\">\n                <ng-container *ngIf=\"footerTemplate\" [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"{queryResult: queryResult}\"></ng-container>\n            </ng-template>\n        </mng-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$4.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: i6$2.Toolbar, selector: "p-toolbar", inputs: ["style", "styleClass"] }, { kind: "directive", type: MngTemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "component", type: MngTableComponent, selector: "mng-table", inputs: ["descriptor", "items", "queryResult", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "actions", "isColumnClickable", "viewContainer", "captionComponent", "columnActionComponent", "columnActionMinWidth"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnActionComponentInstance"] }, { kind: "component", type: MngActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "queryParam", "dataProvider", "disabled", "loading", "viewContainer", "selectedItems"], outputs: ["finish"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-tableview', providers: [MessageService, ConfirmationService, MngViewContainerComponentService], template: "<div class=\"mng-tableview\">\n    <p-toast></p-toast>\n\n    <div class=\"card\">\n        <p-toolbar styleClass=\"mb-4\" *ngIf=\"toolbarLeftActions.length > 0 || toolbarRightActions.length > 0\">\n            <ng-template pTemplate=\"left\">\n                <mng-action *ngFor=\"let action of toolbarLeftActions\" [action]=\"action\" [queryParam]=\"tableQueryParam\" [selectedItems]=\"selectedItems\"></mng-action>\n            </ng-template>\n\n            <ng-template pTemplate=\"right\">\n                <mng-action *ngFor=\"let action of toolbarRightActions\" [action]=\"action\" [queryParam]=\"tableQueryParam\" [selectedItems]=\"selectedItems\"></mng-action>\n            </ng-template>\n        </p-toolbar>\n\n        <mng-table\n            [descriptor]=\"descriptor.table\"\n            [dataProvider]=\"dataProvider\"\n            [useQueryParams]=\"true\"\n            [actions]=\"actions\"\n            [selectionEnabled]=\"hasItemSelectionAction\"\n            [selectionMode]=\"'multiple'\"\n            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n            <ng-template mngTemplate=\"caption\">\n                <div class=\"flex flex-column md:flex-row md:justify-content-between table-header\">\n                    <h5 class=\"p-0 m-0\">{{ descriptor.tableTitle ?? '' | translate }}</h5>\n                </div>\n            </ng-template>\n\n            <ng-template let-queryResult=\"queryResult\" mngTemplate=\"footer\">\n                <ng-container *ngIf=\"footerTemplate\" [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"{queryResult: queryResult}\"></ng-container>\n            </ng-template>\n        </mng-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n" }]
+            args: [{ selector: 'mng-tableview', providers: [MessageService, ConfirmationService, MngViewContainerComponentService], template: "<div class=\"mng-tableview\">\n    <p-toast></p-toast>\n\n    <div class=\"card\">\n        <p-toolbar styleClass=\"mb-4\" *ngIf=\"toolbarLeftActions.length > 0 || toolbarRightActions.length > 0\">\n            <ng-template pTemplate=\"left\">\n                <mng-action *ngFor=\"let action of toolbarLeftActions\" [action]=\"action\" [queryParam]=\"tableQueryParam\" [selectedItems]=\"selectedItems\"></mng-action>\n            </ng-template>\n\n            <ng-template pTemplate=\"right\">\n                <mng-action *ngFor=\"let action of toolbarRightActions\" [action]=\"action\" [queryParam]=\"tableQueryParam\" [selectedItems]=\"selectedItems\"></mng-action>\n            </ng-template>\n        </p-toolbar>\n\n        <mng-table\n            [descriptor]=\"descriptor.table\"\n            [dataProvider]=\"dataProvider\"\n            [useQueryParams]=\"true\"\n            [actions]=\"tableActions\"\n            [selectionEnabled]=\"hasItemSelectionAction\"\n            [selectionMode]=\"'multiple'\"\n            (tableLoad)=\"onTableLoad($event)\"\n            (selectionChange)=\"selectionChange($event)\">\n            <ng-template mngTemplate=\"caption\">\n                <div class=\"flex flex-column md:flex-row md:justify-content-between table-header\">\n                    <h5 class=\"p-0 m-0\">{{ descriptor.tableTitle ?? '' | translate }}</h5>\n                </div>\n            </ng-template>\n\n            <ng-template let-queryResult=\"queryResult\" mngTemplate=\"footer\">\n                <ng-container *ngIf=\"footerTemplate\" [ngTemplateOutlet]=\"footerTemplate\" [ngTemplateOutletContext]=\"{queryResult: queryResult}\"></ng-container>\n            </ng-template>\n        </mng-table>\n    </div>\n\n    <router-outlet></router-outlet>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.MessageService }, { type: i1$2.TranslateService }, { type: i3.DialogService }, { type: i2.ConfirmationService }, { type: MngActionExecutorService }, { type: MngViewContainerComponentService }]; }, propDecorators: { descriptor: [{
                 type: Input
             }], dataProvider: [{
@@ -10044,7 +10104,7 @@ class AMngTableviewRouteComponent {
             this.createActionDescriptorForExport()
         ].filter(e => e != null);
     }
-    createActionDescriptorForDetails(descriptor = this.descriptor.viewEditor) {
+    createActionDescriptorForDetails(descriptor = this.descriptor.detailsEditor) {
         return !this.routeData.tableviewActions || this.routeData.tableviewActions.hasDetails ? new ActionEditorDetailsDescriptor(descriptor) : null;
     }
     createActionDescriptorForAdd(descriptor = this.descriptor.addEditor) {
@@ -10077,10 +10137,11 @@ class AMngTableviewRouteComponent {
     createActionDescriptorForRefresh(descriptor = this.descriptor.model) {
         const action = new ActionDescriptor(descriptor, 'refresh')
             .withPosition(ActionPositionEnum.ToolbarRight)
-            .withPermissionsRouteType(Permissions.ActionTypes.READ)
+            .withTableviewCategory(TableviewActionDefaultCategories.READ)
             .withRunNotificationSuccess(undefined, undefined, false)
             .withRunFunction((ctx) => {
-            ctx.parameters.viewContainer.triggerTableReload({});
+            var _a, _b;
+            (_b = (_a = ctx.parameters.viewContainer) === null || _a === void 0 ? void 0 : _a.reloadTable) === null || _b === void 0 ? void 0 : _b.call(_a, {});
             return of(null);
         });
         action.button.withIcon('pi pi-refresh').styleClass.withActionLevel(StyleLevelEnum.Secondary);
@@ -10311,9 +10372,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
             }] } });
 
 class MngFormlyFieldTableDialogFormComponent extends FieldType {
-    constructor(actionExecutor) {
-        super();
-        this.actionExecutor = actionExecutor;
+    constructor() {
+        super(...arguments);
         this.itemsSubject = new ReplaySubject(1);
         this.items$ = this.itemsSubject.asObservable();
         this.actions = [];
@@ -10323,13 +10383,13 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
         this.isEnabled$ = this.isDisabledSubject.asObservable().pipe(distinctUntilChanged(), map(e => !e));
     }
     ngOnInit() {
-        this.descriptor = this.to['descriptor'];
+        this.descriptor = this.props['descriptor'];
         const hasViewAction = this.descriptor.fieldActions.some(a => a === FieldManyEditorActionEnum.View);
         const hasAddAction = this.descriptor.fieldActions.some(a => a === FieldManyEditorActionEnum.Add);
         const hasEditAction = this.descriptor.fieldActions.some(a => a === FieldManyEditorActionEnum.Edit);
         const hasDeleteAction = this.descriptor.fieldActions.some(a => a === FieldManyEditorActionEnum.Delete);
         if (hasViewAction) {
-            const viewAction = new ActionEditorDescriptor(this.descriptor.tableviewDescriptor.viewEditor, 'details', this.descriptor.editor.model.type, this.descriptor.property)
+            const viewAction = new ActionEditorDescriptor(this.descriptor.tableviewDescriptor.detailsEditor, 'details', this.descriptor.editor.model.type, this.descriptor.property)
                 .withPosition(ActionPositionEnum.RowClick)
                 .withDialogClassName('mng-field-dialog mng-action-editor-dialog')
                 .withDialogSize(StyleSizeEnum.Small);
@@ -10462,12 +10522,12 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
         });
     }
 }
-MngFormlyFieldTableDialogFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngFormlyFieldTableDialogFormComponent, deps: [{ token: MngActionExecutorService }], target: i0.ɵɵFactoryTarget.Component });
+MngFormlyFieldTableDialogFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngFormlyFieldTableDialogFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
 MngFormlyFieldTableDialogFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngFormlyFieldTableDialogFormComponent, selector: "mng-formly-table-dialog-form-field", usesInheritance: true, ngImport: i0, template: "<mng-table [descriptor]=\"descriptor.tableDescriptor\" [items]=\"items$\" [actions]=\"actions\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-column md:flex-row md:justify-content-end align-items-center table-header\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\">{{ to?.label! | translate }} <span *ngIf=\"to.required && to['hideRequiredMarker'] !== true\">*</span></label>\n            <mng-action *ngFor=\"let action of toolbarRightActions\" [action]=\"action\"></mng-action>\n        </div>\n    </ng-template>\n</mng-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MngTemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "component", type: MngTableComponent, selector: "mng-table", inputs: ["descriptor", "items", "queryResult", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "actions", "isColumnClickable", "viewContainer", "captionComponent", "columnActionComponent", "columnActionMinWidth"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnActionComponentInstance"] }, { kind: "component", type: MngActionComponent, selector: "mng-action", inputs: ["action", "item", "itemId", "actionData", "queryParam", "dataProvider", "disabled", "loading", "viewContainer", "selectedItems"], outputs: ["finish"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngFormlyFieldTableDialogFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mng-formly-table-dialog-form-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-table [descriptor]=\"descriptor.tableDescriptor\" [items]=\"items$\" [actions]=\"actions\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-column md:flex-row md:justify-content-end align-items-center table-header\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\">{{ to?.label! | translate }} <span *ngIf=\"to.required && to['hideRequiredMarker'] !== true\">*</span></label>\n            <mng-action *ngFor=\"let action of toolbarRightActions\" [action]=\"action\"></mng-action>\n        </div>\n    </ng-template>\n</mng-table>\n", styles: [".submit-button{display:none!important;visibility:hidden}\n"] }]
-        }], ctorParameters: function () { return [{ type: MngActionExecutorService }]; } });
+        }] });
 
 class MngFormlyFieldTableDialogMultiselectComponent extends FieldType {
     constructor(injector) {
@@ -12629,7 +12689,7 @@ class TableviewRouteBuilder {
         }
         return this;
     }
-    withPermissionsOther(key, permissions) {
+    withPermissionByCategory(key, permissions) {
         if (!this.permissions) {
             this.permissions = {};
         }
@@ -12713,5 +12773,5 @@ class TableviewRouteBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_EDITOR_DIALOG_COMPONENT_SETTING, AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngApiService, AMngBaseApiService, AMngCrudApiService, AMngGetAllApiService, AMngTableviewRouteComponent, APermissions, ActionActivationTriggerEnum, ActionButtonDescriptor, ActionConfirmationDialogDescriptor, ActionContext, ActionContextValidation, ActionDataProviderUtil, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionEditorSubmitDescriptor, ActionEditorSubmitTypeEnum, ActionError, ActionInstance, ActionInstanceStateEnum, ActionLinkDescriptor, ActionParameters, ActionPositionEnum, ActionSimpleDescriptor, ActionTypeEnum, AuthorizationTypeEnum, AuthorizationUtil, ButtonStyleBuilder, ButtonStyleRoundedEnum, ColumnDescriptor, ColumnDynamicDescriptor, ColumnTypeEnum, DataProvider, DateUtil, DefaultMngErrorMapperService, DynamicTableviewDataProvider, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, EnumName, EnumUtil, FieldGroupDescriptor, FieldGroupTypeEnum, FieldInputDescriptor, FieldInputTypeEnum, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldManyEditorActionEnum, FieldManyEditorDescriptor, FieldManyEditorTypeEnum, FieldManyToManyEditorActionEnum, FieldManyToManyEditorDescriptor, FieldManyToManyEditorTypeEnum, FieldSizeEnum, FieldTabGroupDescriptor, FieldValidationDescriptor, FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor, FilterLookupTypeEnum, FilterMatchModeEnum, FilterTypeEnum, I18nUtils, JsonPathPipe, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_BROWSER_STORAGE_IT, MNG_COMMONS_INITIALIZER_IT, MNG_DATE_RANGE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MNG_MODULE_CONFIG_IT, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusRestUtil, MngActionComponent, MngActionEditorComponent, MngActionExecutorService, MngActionRouteComponent, MngAuthorizationGuard, MngAuthorizationService, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngClassMapPipe, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDateRangeComponent, MngDropdownComponent, MngEnumPipe, MngErrorMapperService, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormFieldEvent, MngFormFieldEventComponentSubtype, MngFormFieldEventDialogSubtype, MngFormFieldEventTypeEnum, MngFormlyFieldAutocompleteComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldLabelComponent, MngFormlyFieldLookupDialogComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngFormlyTableWrapperComponent, MngGetterPipe, MngI18nPropertyPipe, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngParametrizePipe, MngTableCellClickEvent, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableLoadEvent, MngTableReloadEvent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTemplatePipe, MngTopbarComponent, MngVersionComponent, MngViewContainerComponentService, ModelDescriptor, ModelUtil, NotificationUtil, ObjectSerializer, Permissions, RouteBuilder, RoutesBuilder, StringUtil, StyleLevelEnum, StyleSizeEnum, StylesUtil, TableDataProvider, TableDescriptor, TableDynamicColumnsModeEnum, TableDynamicDescriptor, TableFilterDisplayEnum, TablePaginationModeEnum, TableSizeEnum, TableviewActionDefaultCategories, TableviewCrudDataProvider, TableviewDataProvider, TableviewDescriptor, TableviewDynamicDescriptor, TableviewRouteBuilder, TableviewTypeEnum, TypeName, TypeUtil, enumNameDecoratorPropertyName, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getEmailValidationMessage, getFormlyValidationMessages, getMaxLengthValidationMessage, getMinLengthValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngConfigJsonAppInitializerProvider, mngConfigurationServiceProvider, mngFormlyConfigProvider, primeNgModules, typeMapBase, typeNameDecoratorPropertyName };
+export { ACTION_EDITOR_DIALOG_COMPONENT_SETTING, AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngApiService, AMngBaseApiService, AMngCrudApiService, AMngGetAllApiService, AMngTableviewRouteComponent, APermissions, ActionActivationTriggerEnum, ActionButtonDescriptor, ActionConfirmationDialogDescriptor, ActionContext, ActionContextValidation, ActionDataProviderUtil, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionEditorSubmitDescriptor, ActionEditorSubmitTypeEnum, ActionError, ActionInstance, ActionInstanceStateEnum, ActionLinkDescriptor, ActionParameters, ActionPositionEnum, ActionSimpleDescriptor, ActionTypeEnum, AuthorizationTypeEnum, AuthorizationUtil, ButtonStyleBuilder, ButtonStyleRoundedEnum, ColumnDescriptor, ColumnDynamicDescriptor, ColumnTypeEnum, DataProvider, DateUtil, DefaultMngErrorMapperService, DynamicTableviewDataProvider, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, EnumName, EnumUtil, FieldGroupDescriptor, FieldGroupTypeEnum, FieldInputDescriptor, FieldInputTypeEnum, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldManyEditorActionEnum, FieldManyEditorDescriptor, FieldManyEditorTypeEnum, FieldManyToManyEditorActionEnum, FieldManyToManyEditorDescriptor, FieldManyToManyEditorTypeEnum, FieldSizeEnum, FieldTabGroupDescriptor, FieldValidationDescriptor, FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor, FilterLookupTypeEnum, FilterMatchModeEnum, FilterTypeEnum, I18nUtils, JsonPathPipe, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_BROWSER_STORAGE_IT, MNG_COMMONS_INITIALIZER_IT, MNG_DATE_RANGE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MNG_MODULE_CONFIG_IT, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusRestUtil, MngActionComponent, MngActionEditorComponent, MngActionExecutorService, MngActionRouteComponent, MngAuthorizationGuard, MngAuthorizationService, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngClassMapPipe, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDateRangeComponent, MngDropdownComponent, MngEnumPipe, MngErrorMapperService, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormFieldEvent, MngFormFieldEventComponentSubtype, MngFormFieldEventDialogSubtype, MngFormFieldEventTypeEnum, MngFormlyFieldAutocompleteComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldLabelComponent, MngFormlyFieldLookupDialogComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngFormlyTableWrapperComponent, MngGetterPipe, MngI18nPropertyPipe, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngParametrizePipe, MngTableCellClickEvent, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableLoadEvent, MngTableReloadEvent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTemplatePipe, MngTopbarComponent, MngVersionComponent, MngViewContainerComponentService, ModelDescriptor, ModelUtil, NotificationUtil, ObjectSerializer, Permissions, RouteBuilder, RoutesBuilder, StringUtil, StyleLevelEnum, StyleSizeEnum, StylesUtil, TableDataProvider, TableDescriptor, TableDynamicColumnsModeEnum, TableDynamicDescriptor, TableFilterDisplayEnum, TablePaginationModeEnum, TableSizeEnum, TableviewActionDefaultCategories, TableviewCrudDataProvider, TableviewDataProvider, TableviewDescriptor, TableviewDynamicDescriptor, TableviewEditorTypeEnum, TableviewRouteBuilder, TypeName, TypeUtil, enumNameDecoratorPropertyName, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getEmailValidationMessage, getFormlyValidationMessages, getMaxLengthValidationMessage, getMinLengthValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngConfigJsonAppInitializerProvider, mngConfigurationServiceProvider, mngFormlyConfigProvider, primeNgModules, typeMapBase, typeNameDecoratorPropertyName };
 //# sourceMappingURL=mediusinc-mng-commons.mjs.map