@mediusinc/mng-commons 0.2.23 → 0.3.2

package/fesm2020/mediusinc-mng-commons.mjs

@@ -2,7 +2,7 @@ import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { HttpErrorResponse, HttpClient, HttpClientModule } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, EventEmitter, Component, ChangeDetectionStrategy, Optional, Input, Output, Directive, ContentChildren, ViewChild, forwardRef, Pipe, ViewChildren, HostListener, APP_INITIALIZER, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Pipe, Inject, EventEmitter, Component, ChangeDetectionStrategy, Optional, HostBinding, Input, Output, Directive, ContentChildren, ViewChild, forwardRef, ViewChildren, HostListener, APP_INITIALIZER, NgModule } from '@angular/core';
 import * as i2$1 from '@angular/forms';
 import { Validators, FormGroup, FormArray, NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule } from '@angular/forms';
 import * as i1 from '@angular/router';
@@ -169,7 +169,6 @@ var MediusFilterMatchType;
     MediusFilterMatchType["GreaterThan"] = "GREATER_THAN";
 })(MediusFilterMatchType || (MediusFilterMatchType = {}));
 
-/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
 class MediusFilterParam {
     static getAttributeTypeMap() {
         return MediusFilterParam.attributeTypeMap;
@@ -203,7 +202,6 @@ MediusFilterParam.attributeTypeMap = [
     }
 ];
 
-/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
 /**
  * Generated API
  * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
@@ -222,7 +220,6 @@ var MediusQueryMode;
     MediusQueryMode["All"] = "ALL";
 })(MediusQueryMode || (MediusQueryMode = {}));
 
-/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
 class MediusQueryParam {
     static getAttributeTypeMap() {
         return MediusQueryParam.attributeTypeMap;
@@ -291,45 +288,17 @@ MediusQueryParam.attributeTypeMap = [
     }
 ];
 
-/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
-class MediusQueryResultBase {
+class MediusQueryResult {
+    static getAttributeTypeMap() {
+        return MediusQueryResult.attributeTypeMap;
+    }
 }
-MediusQueryResultBase.discriminator = undefined;
-MediusQueryResultBase.attributeTypeMap = [
+MediusQueryResult.attributeTypeMap = [
     {
         name: 'allDataCount',
         baseName: 'all_data_count',
         type: 'number'
     },
-    {
-        name: 'selectInTwoSteps',
-        baseName: 'selectInTwoSteps',
-        type: 'boolean'
-    }
-];
-class MediusQueryResultWithObject extends MediusQueryResultBase {
-    static getAttributeTypeMap() {
-        return MediusQueryResultWithObject.attributeTypeMap;
-    }
-}
-MediusQueryResultWithObject.discriminator = undefined;
-MediusQueryResultWithObject.attributeTypeMap = [
-    ...MediusQueryResultBase.attributeTypeMap,
-    {
-        name: 'pageData',
-        baseName: 'page_data',
-        type: 'Array<object>'
-    }
-];
-class MediusQueryResult extends MediusQueryResultBase {
-    static getAttributeTypeMap() {
-        return MediusQueryResultWithObject.attributeTypeMap;
-    }
-}
-MediusQueryResult.discriminator = undefined;
-MediusQueryResult.attributeTypeMapBase = MediusQueryResultBase.attributeTypeMap;
-MediusQueryResult.attributeTypeMap = [
-    ...MediusQueryResultBase.attributeTypeMap,
     {
         name: 'pageData',
         baseName: 'page_data',
@@ -384,16 +353,13 @@ class MediusQueryParamBuilder {
     }
 }
 
-/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
 const enumsMapBase = {
     FilterMatchType: MediusFilterMatchType,
     QueryMode: MediusQueryMode
 };
 const typeMapBase = {
     FilterParam: MediusFilterParam,
-    QueryParam: MediusQueryParam,
-    QueryResult: MediusQueryResult,
-    QueryResultWithObject: MediusQueryResultWithObject
+    QueryParam: MediusQueryParam
 };
 
 class TableDataProvider extends DataProvider {
@@ -433,6 +399,9 @@ class ActionDescriptor {
         this._routeUrl = null;
         this._className = '';
         this._size = ActionDescriptor.SizeEnum.Normal;
+        this._isStyleText = false;
+        this._isStyleOutlined = false;
+        this._isStyleRaised = false;
         this._hasRunConfirmation = false;
         this._hasRunNotificationSuccess = true;
         this._hasRunNotificationError = true;
@@ -508,6 +477,15 @@ class ActionDescriptor {
     get className() {
         return this._className;
     }
+    get isStyleText() {
+        return this._isStyleText;
+    }
+    get isStyleOutlined() {
+        return this._isStyleOutlined;
+    }
+    get isStyleRaised() {
+        return this._isStyleRaised;
+    }
     get size() {
         return this._size;
     }
@@ -619,6 +597,12 @@ class ActionDescriptor {
         this._size = size;
         return this;
     }
+    withStyle(styleText = false, styleOutlined = false, styleRaised = false) {
+        this._isStyleText = styleText;
+        this._isStyleOutlined = styleOutlined;
+        this._isStyleRaised = styleRaised;
+        return this;
+    }
     withPosition(position) {
         this._position = position;
         return this;
@@ -659,6 +643,7 @@ class ActionEditorDescriptor extends ActionDescriptor {
         this._editorActions = [];
         this._editorTitle = undefined;
         this._hasFetchNotificationSuccess = false;
+        this._dialogClassName = '';
         this._type = ActionTypeEnum.Editor;
         this._editorDescriptor = editorDescriptor;
         this._editorActions.push(new ActionEditorSubmitDescriptor(this), new ActionEditorSubmitDescriptor(this, ActionEditorSubmitDescriptor.TypeEnum.Cancel));
@@ -669,6 +654,9 @@ class ActionEditorDescriptor extends ActionDescriptor {
     get editorDescriptor() {
         return this._editorDescriptor;
     }
+    get dialogClassName() {
+        return this._dialogClassName;
+    }
     get hasFetchNotificationSuccess() {
         return this._hasFetchNotificationSuccess;
     }
@@ -714,6 +702,10 @@ class ActionEditorDescriptor extends ActionDescriptor {
         this._dataProvider = new EditorDataProvider(this._model.type, serviceType);
         return this;
     }
+    withDialogClassName(className) {
+        this._dialogClassName = className;
+        return this;
+    }
     withRunFunction(fn) {
         return this.withSubmitFunction(fn);
     }
@@ -750,6 +742,7 @@ class ActionEditorSubmitDescriptor extends ActionDescriptor {
         this._editorAction = editorAction;
         this._submitType = submitType;
         this._position = ActionPositionEnum.FooterRight;
+        this._isStyleText = true;
     }
     get submitType() {
         return this._submitType;
@@ -771,7 +764,7 @@ class ActionEditorDetailsDescriptor extends ActionEditorDescriptor {
             ? ctx.dataProvider.fetch(ctx.data?.itemId, ctx.serviceInstance)
             : throwError(new Error(`Data provider fetch function or item id ${ctx.data?.itemId} is missing.`)));
         this.withEditorActions([new ActionEditorSubmitDescriptor(this, ActionEditorSubmitDescriptor.TypeEnum.Cancel)]);
-        this.withClassName('mng-details-dynamic-dialog');
+        this.withDialogClassName('mng-details-dynamic-dialog');
     }
     withServiceType(serviceType) {
         return this.withServiceFetchFunction(serviceType);
@@ -793,7 +786,7 @@ class ActionEditorAddDescriptor extends ActionEditorDescriptor {
         this.withSubmitFunction(ctx => ctx.dataProvider?.create ? ctx.dataProvider.create(ctx.data?.item, ctx.serviceInstance) : throwError(new Error(`Data provider create function is missing.`)));
         this.withLevel(ActionLevelEnum.Success);
         this.withIcon('pi pi-plus');
-        this.withClassName('mng-details-dynamic-dialog');
+        this.withDialogClassName('mng-details-dynamic-dialog');
     }
     withServiceType(serviceType) {
         return this.withServiceSubmitFunction(serviceType);
@@ -823,7 +816,7 @@ class ActionEditorEditDescriptor extends ActionEditorDescriptor {
             ? ctx.dataProvider.update(ctx.data.itemId, ctx.data?.item, ctx.serviceInstance)
             : throwError(new Error(`Data provider update function or item id ${ctx.data?.itemId} is missing.`)));
         this.withIcon('pi pi-pencil');
-        this.withClassName('mng-details-dynamic-dialog');
+        this.withDialogClassName('mng-details-dynamic-dialog');
     }
     withServiceType(serviceType) {
         return this.withServiceSubmitFunction(serviceType);
@@ -867,6 +860,62 @@ class ActionDeleteDescriptor extends ActionDescriptor {
         return this;
     }
 }
+class ActionLinkDescriptor extends ActionDescriptor {
+    constructor(model) {
+        super(model, 'link');
+        this._url = '';
+        this._pathSegments = [];
+        this._replaceUrl = false;
+        this._target = '_self';
+        this._isStyleLink = false;
+    }
+    get url() {
+        return this._url;
+    }
+    get pathSegments() {
+        return this._pathSegments;
+    }
+    get queryParams() {
+        return this._queryParams;
+    }
+    get queryParamsHandling() {
+        return this._queryParamsHandling;
+    }
+    get replaceUrl() {
+        return this._replaceUrl;
+    }
+    get target() {
+        return this._target;
+    }
+    get isStyleLink() {
+        return this._isStyleLink;
+    }
+    withHref(url) {
+        this._url = url;
+        return this;
+    }
+    withRouterLink(...pathSegments) {
+        this._pathSegments = pathSegments;
+        return this;
+    }
+    withQueryParams(queryParams, queryParamsHandling) {
+        this._queryParams = queryParams;
+        this._queryParamsHandling = queryParamsHandling;
+        return this;
+    }
+    withReplaceUrl(replaceUrl = false) {
+        this._replaceUrl = replaceUrl;
+        return this;
+    }
+    withTarget(target = '_self') {
+        this._target = target;
+        return this;
+    }
+    withStyleLink(isStyleLink) {
+        this._isStyleLink = isStyleLink;
+        return this;
+    }
+}
 var ActionPositionEnum;
 (function (ActionPositionEnum) {
     ActionPositionEnum[ActionPositionEnum["ToolbarLeft"] = 0] = "ToolbarLeft";
@@ -1017,13 +1066,13 @@ class EditorDescriptor {
         this.addFieldDescriptor(field);
         return field;
     }
-    addFieldManyEditor(property, type, tableviewDescriptor) {
-        const field = new FieldManyEditorDescriptor(this, property, type, tableviewDescriptor);
+    addFieldManyEditor(property, tableviewDescriptor) {
+        const field = new FieldManyEditorDescriptor(this, property, tableviewDescriptor);
         this.addFieldDescriptor(field);
         return field;
     }
-    addFieldManyToManyEditor(property, type, mainTableDescriptor, lookupTableDescriptor) {
-        const field = new FieldManyToManyEditorDescriptor(this, property, type, mainTableDescriptor, lookupTableDescriptor);
+    addFieldManyToManyEditor(property, mainTableDescriptor, lookupTableDescriptor) {
+        const field = new FieldManyToManyEditorDescriptor(this, property, mainTableDescriptor, lookupTableDescriptor);
         this.addFieldDescriptor(field);
         return field;
     }
@@ -1590,7 +1639,7 @@ class FieldLookupEnumDescriptor extends FieldLookupDescriptor {
     }
 }
 class FieldManyToManyEditorDescriptor extends AFieldDescriptor {
-    constructor(editor, property, modelType, mainTableDescriptor, lookupTableDescriptor) {
+    constructor(editor, property, mainTableDescriptor, lookupTableDescriptor) {
         super(editor, property);
         this._fieldType = FieldManyToManyEditorDescriptor.TypeEnum.DialogTableMultiselect;
         this._lookupTableDataProvider = null;
@@ -1598,7 +1647,6 @@ class FieldManyToManyEditorDescriptor extends AFieldDescriptor {
         this._hasLookupExcludeValues = false;
         this._excludeFilterProperty = '';
         this._excludeValueProperty = '';
-        this._model = new ModelDescriptor(modelType);
         this._mainTableDescriptor = mainTableDescriptor;
         this._lookupTableDescriptor = lookupTableDescriptor;
         this._actions.push(FieldManyToManyEditorDescriptor.ActionEnum.Add, FieldManyToManyEditorDescriptor.ActionEnum.Delete);
@@ -1628,7 +1676,7 @@ class FieldManyToManyEditorDescriptor extends AFieldDescriptor {
         return this._lookupTableDescriptor;
     }
     withLookup(getAll, serviceType) {
-        const dataProvider = new TableviewDataProvider(this._model.type);
+        const dataProvider = new TableviewDataProvider(this._mainTableDescriptor.model.type);
         if (serviceType) {
             dataProvider.withServiceType(serviceType);
         }
@@ -1651,7 +1699,7 @@ class FieldManyToManyEditorDescriptor extends AFieldDescriptor {
         return this;
     }
     copy() {
-        const field = new FieldManyToManyEditorDescriptor(this._editor, this._property, this._model.type, this._mainTableDescriptor.copy(), this._lookupTableDescriptor.copy());
+        const field = new FieldManyToManyEditorDescriptor(this._editor, this._property, this._mainTableDescriptor.copy(), this._lookupTableDescriptor.copy());
         this.copyFieldsTo(field);
         field._fieldType = this._fieldType;
         field._actions = this._actions.map(a => a);
@@ -1674,12 +1722,12 @@ class FieldManyToManyEditorDescriptor extends AFieldDescriptor {
     })(ActionEnum = FieldManyToManyEditorDescriptor.ActionEnum || (FieldManyToManyEditorDescriptor.ActionEnum = {}));
 })(FieldManyToManyEditorDescriptor || (FieldManyToManyEditorDescriptor = {}));
 class FieldManyEditorDescriptor extends AFieldDescriptor {
-    constructor(editor, property, modelType, tableviewDescriptor) {
+    constructor(editor, property, tableviewDescriptor) {
         super(editor, property);
         this._fieldType = FieldManyEditorDescriptor.TypeEnum.DialogEditor;
         this._fieldActions = [];
         this._actions = [];
-        this._modelType = modelType;
+        // this._modelType = modelType;
         this._tableviewDescriptor = tableviewDescriptor;
         this._fieldActions.push(FieldManyEditorDescriptor.ActionEnum.View, FieldManyEditorDescriptor.ActionEnum.Add, FieldManyEditorDescriptor.ActionEnum.Edit, FieldManyEditorDescriptor.ActionEnum.Delete);
     }
@@ -1720,7 +1768,7 @@ class FieldManyEditorDescriptor extends AFieldDescriptor {
         return this;
     }
     copy() {
-        const field = new FieldManyEditorDescriptor(this._editor, this._property, this._modelType, this._tableviewDescriptor.copy());
+        const field = new FieldManyEditorDescriptor(this._editor, this._property, this._tableviewDescriptor.copy());
         this.copyFieldsTo(field);
         field._fieldType = this._fieldType;
         field._fieldActions = this._fieldActions.map(a => a);
@@ -2172,6 +2220,9 @@ class ColumnDescriptor {
         descriptor._isSortEnabled = this._isSortEnabled;
         descriptor._columnType = this._columnType;
         descriptor._filterDescriptor = this._filterDescriptor?.copy();
+        descriptor._enumType = this._enumType;
+        descriptor._enumTitlePath = this._enumTitlePath;
+        descriptor._enumNameAsValue = this._enumNameAsValue;
         descriptor._booleanAsIcon = this._booleanAsIcon;
         descriptor._booleanYes = this._booleanYes;
         descriptor._booleanNo = this._booleanNo;
@@ -2516,14 +2567,14 @@ class TableviewDescriptor {
         this._editEditor.addFieldDescriptor(field);
         return field;
     }
-    addFieldManyEditor(property, type, tableviewDescriptor) {
-        const field = this._viewEditor.addFieldManyEditor(property, type, tableviewDescriptor);
+    addFieldManyEditor(property, tableviewDescriptor) {
+        const field = this._viewEditor.addFieldManyEditor(property, tableviewDescriptor);
         this._addEditor.addFieldDescriptor(field);
         this._editEditor.addFieldDescriptor(field);
         return field;
     }
-    addFieldManyToManyEditor(property, type, mainTableDescriptor, lookupTableDescriptor) {
-        const field = this._viewEditor.addFieldManyToManyEditor(property, type, mainTableDescriptor, lookupTableDescriptor);
+    addFieldManyToManyEditor(property, mainTableDescriptor, lookupTableDescriptor) {
+        const field = this._viewEditor.addFieldManyToManyEditor(property, mainTableDescriptor, lookupTableDescriptor);
         this._addEditor.addFieldDescriptor(field);
         this._editEditor.addFieldDescriptor(field);
         return field;
@@ -3023,14 +3074,17 @@ class ModelUtil {
     }
 }
 
-class ToastUtil {
+class NotificationUtil {
     static notification(viewContainer, title, message, severity = 'success') {
         const messageService = viewContainer?.getMessageService();
-        if (!messageService) {
+        const notification = { severity: severity, summary: title, detail: message, life: severity === 'error' ? 10000 : 5000 };
+        if (messageService) {
+            messageService.add(notification);
+        }
+        else {
             console.warn(`No message service was provided through view container, message will not be displayed.`);
-            return;
         }
-        messageService.add({ severity: severity, summary: title, detail: message, life: severity === 'error' ? 10000 : 5000 });
+        return notification;
     }
     static tableNotificationError(translationService, table, error, viewContainer) {
         const params = {};
@@ -3043,12 +3097,12 @@ class ToastUtil {
         console.log(params);
         const tableErrorTitle = I18nUtil.instantModelTranslation(translationService, table.model, 'table.error.title', undefined, undefined, 'general.error', params) ?? undefined;
         const tableErrorMessage = I18nUtil.instantModelTranslation(translationService, table.model, 'table.error.message', undefined, undefined, 'general.errorMessage', params) ?? undefined;
-        ToastUtil.notification(viewContainer, tableErrorTitle, tableErrorMessage, 'error');
+        return NotificationUtil.notification(viewContainer, tableErrorTitle, tableErrorMessage, 'error');
     }
     static actionNotificationSuccess(translationService, action, functionName, customTitleKey, customMessageKey, viewContainer, item) {
         const actionSuccessTitle = I18nUtil.instantActionTranslation(translationService, action, 'success.title', customTitleKey, item, 'general.success', functionName) ?? undefined;
         const actionSuccessMessage = I18nUtil.instantActionTranslation(translationService, action, 'success.message', customMessageKey, item, 'general.successMessage', functionName) ?? undefined;
-        ToastUtil.notification(viewContainer, actionSuccessTitle, actionSuccessMessage);
+        return NotificationUtil.notification(viewContainer, actionSuccessTitle, actionSuccessMessage);
     }
     static actionNotificationError(translationService, action, error, functionName, viewContainer, item) {
         const params = {
@@ -3057,7 +3111,7 @@ class ToastUtil {
         const actionErrorTitle = I18nUtil.instantActionTranslation(translationService, action, 'error.title', action.runNotificationErrorTitle, item, 'general.error', functionName, params) ??
             undefined;
         const actionErrorMessage = I18nUtil.instantActionTranslation(translationService, action, 'error.message', action.runNotificationErrorMessage, item, 'general.errorMessage', functionName, params) ?? undefined;
-        ToastUtil.notification(viewContainer, actionErrorTitle, actionErrorMessage, 'error');
+        return NotificationUtil.notification(viewContainer, actionErrorTitle, actionErrorMessage, 'error');
     }
     static getFormEditorWarningMessage(translationService, title, message) {
         const actionErrorTitle = translationService.instant(title) ?? undefined;
@@ -3639,8 +3693,141 @@ class DefaultMngErrorMapperService extends MngErrorMapperService {
     }
 }
 
+class MngBooleanPipe {
+    transform(value, yes, no, icon = false) {
+        if (typeof value === 'boolean') {
+            if (icon) {
+                return value ? yes ?? 'pi pi-check' : no ?? 'pi pi-times';
+            }
+            else {
+                return value ? yes ?? 'general.yes' : no ?? 'general.no';
+            }
+        }
+        else {
+            return value;
+        }
+    }
+}
+MngBooleanPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngBooleanPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MngBooleanPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngBooleanPipe, name: "boolean" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngBooleanPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'boolean',
+                    pure: true
+                }]
+        }] });
+
+class MngEnumPipe {
+    transform(value, enumObj, i18nPath, nameAsValue = false) {
+        if (!value || !enumObj) {
+            return value;
+        }
+        const enumConstantName = nameAsValue ? value : EnumUtil.getConstantNameFromEnumObject(enumObj, value);
+        if (typeof i18nPath === 'undefined') {
+            i18nPath = TypeUtil.findEnumName(enumObj);
+        }
+        return i18nPath ? `${i18nPath}.${enumConstantName}` : enumConstantName;
+    }
+}
+MngEnumPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngEnumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MngEnumPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngEnumPipe, name: "enum" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngEnumPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'enum',
+                    pure: true
+                }]
+        }] });
+
+class MngI18nPropertyPipe {
+    transform(property, model) {
+        return I18nUtil.getModelPropertyKey(model, property);
+    }
+}
+MngI18nPropertyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngI18nPropertyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MngI18nPropertyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngI18nPropertyPipe, name: "i18nProperty" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngI18nPropertyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'i18nProperty',
+                    pure: true
+                }]
+        }] });
+
+class MngLinkFormatterPipe {
+    parseUrl(s, itemId, itemAny, model, actionData) {
+        if (s === ':itemId') {
+            return itemId;
+        }
+        else if (model && s.startsWith(`:${model.typeName}.`)) {
+            return itemAny[s.substring(model.typeName.length + 2)] ?? '';
+        }
+        else if (s.startsWith(':')) {
+            return actionData?.[s.substring(1)] ?? '';
+        }
+        else {
+            return s;
+        }
+    }
+    transform(value, itemId, item, model, actionData) {
+        const itemAny = (item ?? {});
+        if (typeof value === 'string') {
+            return value.split('/').map(s => this.parseUrl(s, itemId, itemAny, model, actionData));
+        }
+        else {
+            const transformedItems = [];
+            value.forEach(val => transformedItems.push(...val.split('/').map(s => this.parseUrl(s, itemId, itemAny, model, actionData))));
+            return transformedItems;
+        }
+    }
+}
+MngLinkFormatterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngLinkFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MngLinkFormatterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngLinkFormatterPipe, name: "linkFormatter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngLinkFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'linkFormatter',
+                    pure: true
+                }]
+        }] });
+
+class MngPropertyPathPipe {
+    transform(value, path = '') {
+        if (path.indexOf('.') >= 0) {
+            const pathSplit = path.split('.');
+            let currValue = value;
+            for (const p of pathSplit) {
+                if (typeof currValue === 'undefined' || currValue === null) {
+                    return currValue;
+                }
+                else if (typeof currValue === 'object') {
+                    currValue = currValue[p];
+                }
+                else {
+                    console.warn(`Path ${path} is not valid for object`, value);
+                    return currValue;
+                }
+            }
+            return currValue;
+        }
+        else {
+            return typeof value === 'object' ? value[path] : value;
+        }
+    }
+}
+MngPropertyPathPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngPropertyPathPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MngPropertyPathPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngPropertyPathPipe, name: "propertyPath" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngPropertyPathPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'propertyPath',
+                    pure: true
+                }]
+        }] });
+
 class MngActionExecutorService {
-    constructor(injector, router, dialogService, confirmationService, translate, navigationService, errorMapper, defaultEditorDialogComponent) {
+    constructor(injector, router, dialogService, confirmationService, translate, navigationService, errorMapper, linkFormatter, defaultEditorDialogComponent) {
         this.injector = injector;
         this.router = router;
         this.dialogService = dialogService;
@@ -3648,10 +3835,12 @@ class MngActionExecutorService {
         this.translate = translate;
         this.navigationService = navigationService;
         this.errorMapper = errorMapper;
+        this.linkFormatter = linkFormatter;
         this.defaultEditorDialogComponent = defaultEditorDialogComponent;
     }
     prepareActionExecContext(action, itemId, item, dataProvider, viewContainer, sourceComponent, actionData) {
-        return new ActionExecContext(dataProvider ?? action.dataProvider ?? viewContainer?.getDataProvider(), this.getDataProviderService(dataProvider) ?? undefined, {
+        const ctxDataProvider = dataProvider ?? action.dataProvider ?? viewContainer?.getDataProvider();
+        return new ActionExecContext(ctxDataProvider, this.getDataProviderService(ctxDataProvider) ?? undefined, {
             item,
             itemId,
             actionData
@@ -3694,17 +3883,17 @@ class MngActionExecutorService {
                 confirmParams.accept = () => {
                     action
                         .runFunction(context)
-                        .pipe(first(), map(res => new ActionRunResult(context, res)), map(value => {
+                        .pipe(first(), map(res => new ActionRunResult(context, res)), map(runResult => {
                         if (action.hasRunNotificationSuccess) {
-                            ToastUtil.actionNotificationSuccess(this.translate, action, 'run', action.runNotificationSuccessTitle, action.runNotificationSuccessMessage, viewContainer, item);
+                            runResult.notification = NotificationUtil.actionNotificationSuccess(this.translate, action, 'run', action.runNotificationSuccessTitle, action.runNotificationSuccessMessage, viewContainer, item);
                         }
-                        return value;
+                        return runResult;
                     }), catchError(err => {
                         const actionError = this.toMngActionError(err);
                         if (action.hasRunNotificationError) {
-                            ToastUtil.actionNotificationError(this.translate, action, actionError, 'run', viewContainer, item);
+                            actionError.notification = NotificationUtil.actionNotificationError(this.translate, action, actionError, 'run', viewContainer, item);
                         }
-                        throw actionError;
+                        return throwError(() => actionError);
                     }))
                         .subscribe(res => {
                         observer.next(res);
@@ -3719,17 +3908,17 @@ class MngActionExecutorService {
             return observable;
         }
         else {
-            return action.runFunction(context).pipe(map(res => new ActionRunResult(context, res)), map(value => {
+            return action.runFunction(context).pipe(map(res => new ActionRunResult(context, res)), map(runResult => {
                 if (action.hasRunNotificationSuccess) {
-                    ToastUtil.actionNotificationSuccess(this.translate, action, 'run', action.runNotificationSuccessTitle, action.runNotificationSuccessMessage, viewContainer, item);
+                    runResult.notification = NotificationUtil.actionNotificationSuccess(this.translate, action, 'run', action.runNotificationSuccessTitle, action.runNotificationSuccessMessage, viewContainer, item);
                 }
-                return value;
+                return runResult;
             }), catchError(err => {
                 const actionError = this.toMngActionError(err);
                 if (action.hasRunNotificationError) {
-                    ToastUtil.actionNotificationError(this.translate, action, actionError, 'run', viewContainer, item);
+                    actionError.notification = NotificationUtil.actionNotificationError(this.translate, action, actionError, 'run', viewContainer, item);
                 }
-                throw actionError;
+                return throwError(() => actionError);
             }));
         }
     }
@@ -3749,17 +3938,17 @@ class MngActionExecutorService {
         if (typeof action.submitFunction !== 'function') {
             throw new Error(`Submit function for action ${action.actionName} cannot be invoked.`);
         }
-        return action.submitFunction(context).pipe(map(res => new ActionRunResult(context, res)), map(value => {
+        return action.submitFunction(context).pipe(map(res => new ActionRunResult(context, res)), map(runResult => {
             if (action.hasRunNotificationSuccess) {
-                ToastUtil.actionNotificationSuccess(this.translate, action, 'submit', action.runNotificationSuccessTitle, action.runNotificationSuccessMessage, viewContainer, formItem);
+                runResult.notification = NotificationUtil.actionNotificationSuccess(this.translate, action, 'submit', action.runNotificationSuccessTitle, action.runNotificationSuccessMessage, viewContainer, formItem);
             }
-            return value;
+            return runResult;
         }), catchError(err => {
             const actionError = this.toMngActionError(err);
             if (action.hasRunNotificationError) {
-                ToastUtil.actionNotificationError(this.translate, action, actionError, 'submit', viewContainer, formItem);
+                actionError.notification = NotificationUtil.actionNotificationError(this.translate, action, actionError, 'submit', viewContainer, formItem);
             }
-            throw actionError;
+            return throwError(() => actionError);
         }));
     }
     /**
@@ -3796,7 +3985,7 @@ class MngActionExecutorService {
         if (!ctxDataProvider) {
             const viewContainerDataProvider = viewContainer?.getDataProvider();
             if (viewContainerDataProvider) {
-                ctxDataProvider = action.dataProvider;
+                ctxDataProvider = viewContainerDataProvider;
             }
         }
         const context = new ActionExecContext(ctxDataProvider, this.getDataProviderService(ctxDataProvider) ?? undefined, {
@@ -3832,14 +4021,20 @@ class MngActionExecutorService {
     activateAction(action, itemId, item, actionData, viewContainer, sourceComponent) {
         if (action.type === ActionTypeEnum.Editor) {
             let dialogComponent = this.defaultEditorDialogComponent;
-            if (action instanceof ActionEditorDescriptor && action.editorComponent) {
-                dialogComponent = action.editorComponent;
+            let dialogClassName = '';
+            if (action instanceof ActionEditorDescriptor) {
+                if (action.editorComponent) {
+                    dialogComponent = action.editorComponent;
+                }
+                if (action.dialogClassName) {
+                    dialogClassName = action.dialogClassName;
+                }
             }
             const dialogConfig = {
                 data: {
                     action
                 },
-                styleClass: action.className
+                styleClass: dialogClassName
             };
             if (itemId) {
                 dialogConfig.data.itemId = itemId;
@@ -3898,21 +4093,7 @@ class MngActionExecutorService {
             if (actionUrl.startsWith('/')) {
                 actionUrl = actionUrl.substring(1);
             }
-            const itemAny = (item ?? {});
-            const actionUrlSegments = actionUrl.split('/').map(s => {
-                if (s === ':itemId') {
-                    return itemId;
-                }
-                else if (s.startsWith(`:${action.model.typeName}.`)) {
-                    return itemAny[s.substring(action.model.typeName.length + 2)] ?? '';
-                }
-                else if (s.startsWith(':')) {
-                    return actionData?.[s.substring(1)] ?? '';
-                }
-                else {
-                    return s;
-                }
-            });
+            const actionUrlSegments = this.linkFormatter.transform(actionUrl, itemId, item, action.model, actionData);
             return of(new ActionTriggerResult(undefined, from(this.router.navigate([baseUrl, ...actionUrlSegments], { relativeTo: route, queryParams: parsedUrl.queryParams }))));
         }
         else {
@@ -3959,11 +4140,11 @@ class MngActionExecutorService {
         return this.errorMapper.toMngError(error, actionError);
     }
 }
-MngActionExecutorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngActionExecutorService, deps: [{ token: i0.Injector }, { token: i1.Router }, { token: i3.DialogService }, { token: i2.ConfirmationService }, { token: i3$1.TranslateService }, { token: MngNavigationService }, { token: MngErrorMapperService }, { token: ACTION_EDITOR_DIALOG_COMPONENT_SETTING }], target: i0.ɵɵFactoryTarget.Injectable });
+MngActionExecutorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngActionExecutorService, deps: [{ token: i0.Injector }, { token: i1.Router }, { token: i3.DialogService }, { token: i2.ConfirmationService }, { token: i3$1.TranslateService }, { token: MngNavigationService }, { token: MngErrorMapperService }, { token: MngLinkFormatterPipe }, { token: ACTION_EDITOR_DIALOG_COMPONENT_SETTING }], target: i0.ɵɵFactoryTarget.Injectable });
 MngActionExecutorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngActionExecutorService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngActionExecutorService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.Router }, { type: i3.DialogService }, { type: i2.ConfirmationService }, { type: i3$1.TranslateService }, { type: MngNavigationService }, { type: MngErrorMapperService }, { type: i0.Type, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.Router }, { type: i3.DialogService }, { type: i2.ConfirmationService }, { type: i3$1.TranslateService }, { type: MngNavigationService }, { type: MngErrorMapperService }, { type: MngLinkFormatterPipe }, { type: i0.Type, decorators: [{
                     type: Inject,
                     args: [ACTION_EDITOR_DIALOG_COMPONENT_SETTING]
                 }] }]; } });
@@ -4415,21 +4596,38 @@ class MngActionComponent {
         this.actionExecutor = actionExecutor;
         this.confirmationService = confirmationService;
         this.viewContainerService = viewContainerService;
+        this.levelDefault = ActionLevelEnum.Default;
+        this.levelPrimary = ActionLevelEnum.Primary;
+        this.levelSecondary = ActionLevelEnum.Secondary;
+        this.levelInfo = ActionLevelEnum.Info;
+        this.levelHelp = ActionLevelEnum.Help;
+        this.levelSuccess = ActionLevelEnum.Success;
+        this.levelWarning = ActionLevelEnum.Warning;
+        this.levelDanger = ActionLevelEnum.Danger;
+        this.hostClass = 'mng-action-button';
         this.inputDisabled = of(false);
         this.inputLoading = of(false);
         this.triggerEventEmitter = new EventEmitter();
         this.loadingSubject = new ReplaySubject(1);
         this.$loading = this.loadingSubject.asObservable();
         this.cmpId = Math.random().toString(36).substring(2);
+        this.hasNoTitle = false;
         this.loadingSubject.next(false);
     }
     ngOnInit() {
         this.viewContainer = this.viewContainerInit ?? this.viewContainerService ?? undefined;
+        this.hasNoTitle = this.action.title === null;
         const context = this.actionExecutor.prepareActionExecContext(this.action, this.itemId, this.item, this.dataProvider, this.viewContainer ?? undefined, this, this.actionData);
         this.$isVisible = typeof this.action.isVisibleFunction === 'function' ? this.action.isVisibleFunction(context) : of(true);
         this.$isEnabled = typeof this.action.isEnabledFunction === 'function' ? this.action.isEnabledFunction(context) : of(true);
-        this.$label = I18nUtil.streamActionTranslation(this.translate, this.action, 'title', this.action?.title ?? undefined, this.item);
+        this.$label = this.hasNoTitle ? of(null) : I18nUtil.streamActionTranslation(this.translate, this.action, 'title', this.action?.title ?? undefined, this.item);
         this.$tooltip = I18nUtil.streamActionTranslation(this.translate, this.action, 'tooltip', this.action?.tooltip ?? undefined, this.item);
+        if (this.action instanceof ActionLinkDescriptor) {
+            this.actionLink = this.action;
+        }
+        if (this.action.className) {
+            this.hostClass = this.action.className;
+        }
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     triggerAction(event) {
@@ -4445,8 +4643,8 @@ class MngActionComponent {
                 this.loadingSubject.next(false);
             },
             error: err => {
-                console.error(`Error occurred while executing action ${this.action.actionName}.`, err);
                 this.loadingSubject.next(false);
+                console.warn(`Error occurred while executing action ${this.action.actionName}.`, err);
             }
         });
     }
@@ -4458,13 +4656,16 @@ class MngActionComponent {
     }
 }
 MngActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngActionComponent, deps: [{ token: i1.ActivatedRoute }, { token: i3$1.TranslateService }, { token: MngActionExecutorService }, { token: i2.ConfirmationService }, { token: MngViewContainerComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MngActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MngActionComponent, selector: "mng-action", inputs: { action: "action", item: "item", itemId: "itemId", actionData: "actionData", dataProvider: "dataProvider", inputDisabled: ["disabled", "inputDisabled"], inputLoading: ["loading", "inputLoading"], viewContainerInit: ["viewContainer", "viewContainerInit"] }, outputs: { triggerEventEmitter: "trigger" }, providers: [ConfirmationService], ngImport: i0, template: "<ng-container *ngIf=\"$isVisible | async\">\n    <button\n        *ngIf=\"action.icon && action.title === null; else noIcon\"\n        type=\"button\"\n        pButton\n        pRipple\n        [icon]=\"action.icon\"\n        [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n        [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [pTooltip]=\"$any($tooltip | async)\"\n        (click)=\"triggerAction($event)\"\n        class=\"mng-action-button mng-action-button-icon p-button-rounded\"\n        [class.mng-button-xs]=\"action.isSizeExtraSmall\"\n        [class.mng-button-sm]=\"action.isSizeSmall\"\n        [class.mng-button-lg]=\"action.isSizeLarge\"\n        [class.mng-button-xl]=\"action.isSizeExtraLarge\"\n        [class.p-button-primary]=\"action.level === 1\"\n        [class.p-button-success]=\"action.level === 5\"\n        [class.p-button-danger]=\"action.level === 7\"></button>\n    <ng-template #noIcon>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            (click)=\"triggerAction($event)\"\n            class=\"mng-action-button p-button-text\"\n            [class.p-button-sm]=\"action.isSizeSmall\"\n            [class.p-button-lg]=\"action.isSizeLarge\"\n            [class.p-button-primary]=\"action.level === 1\"\n            [class.p-button-success]=\"action.level === 5\"\n            [class.p-button-danger]=\"action.level === 7\"></button>\n    </ng-template>\n    <p-confirmDialog *ngIf=\"action.hasRunConfirmation\" [key]=\"action.actionName + '_' + cmpId\" [baseZIndex]=\"50\" appendTo=\"body\"></p-confirmDialog>\n</ng-container>\n", components: [{ type: i5.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"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i8.Ripple, selector: "[pRipple]" }, { type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MngActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MngActionComponent, selector: "mng-action", inputs: { action: "action", item: "item", itemId: "itemId", actionData: "actionData", dataProvider: "dataProvider", inputDisabled: ["disabled", "inputDisabled"], inputLoading: ["loading", "inputLoading"], viewContainerInit: ["viewContainer", "viewContainerInit"] }, outputs: { triggerEventEmitter: "trigger" }, host: { properties: { "class": "this.hostClass" } }, providers: [ConfirmationService], ngImport: i0, template: "<ng-container *ngIf=\"$isVisible | async\">\n    <a *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [href]=\"actionLink.url\"\n        [target]=\"actionLink.target\"\n        [icon]=\"$any(action.icon)\"\n        [class.p-button-rounded]=\"hasNoTitle\"\n        [class.mng-action-button-icon]=\"hasNoTitle\"\n        [class.p-button-text]=\"action.isStyleText\"\n        [class.p-button-link]=\"actionLink.isStyleLink\"\n        [class.p-button-raised]=\"action.isStyleRaised\"\n        [class.p-button-outlined]=\"action.isStyleOutlined\"\n        [class.mng-button-xs]=\"action.isSizeExtraSmall\"\n        [class.mng-button-sm]=\"action.isSizeSmall\"\n        [class.mng-button-lg]=\"action.isSizeLarge\"\n        [class.mng-button-xl]=\"action.isSizeExtraLarge\"\n        [class.p-button-default]=\"action.level === levelDefault\"\n        [class.p-button-primary]=\"action.level === levelPrimary\"\n        [class.p-button-secondary]=\"action.level === levelSecondary\"\n        [class.p-button-info]=\"action.level === levelInfo\"\n        [class.p-button-help]=\"action.level === levelHelp\"\n        [class.p-button-success]=\"action.level === levelSuccess\"\n        [class.p-button-warning]=\"action.level === levelWarning\"\n        [class.p-button-danger]=\"action.level === levelDanger\">{{ ($label | async) ?? '' }}</a>\n    <ng-template #routerLink>\n        <a *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"actionLink.pathSegments | linkFormatter:itemId:item:action.model:actionData\"\n            [queryParams]=\"actionLink.queryParams\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [icon]=\"$any(action.icon)\"\n            [class.p-button-rounded]=\"hasNoTitle\"\n            [class.mng-action-button-icon]=\"hasNoTitle\"\n            [class.p-button-text]=\"action.isStyleText\"\n            [class.p-button-link]=\"actionLink.isStyleLink\"\n            [class.p-button-raised]=\"action.isStyleRaised\"\n            [class.p-button-outlined]=\"action.isStyleOutlined\"\n            [class.mng-button-xs]=\"action.isSizeExtraSmall\"\n            [class.mng-button-sm]=\"action.isSizeSmall\"\n            [class.mng-button-lg]=\"action.isSizeLarge\"\n            [class.mng-button-xl]=\"action.isSizeExtraLarge\"\n            [class.p-button-default]=\"action.level === levelDefault\"\n            [class.p-button-primary]=\"action.level === levelPrimary\"\n            [class.p-button-secondary]=\"action.level === levelSecondary\"\n            [class.p-button-info]=\"action.level === levelInfo\"\n            [class.p-button-help]=\"action.level === levelHelp\"\n            [class.p-button-success]=\"action.level === levelSuccess\"\n            [class.p-button-warning]=\"action.level === levelWarning\"\n            [class.p-button-danger]=\"action.level === levelDanger\">{{ ($label | async) ?? '' }}</a>\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.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.p-button-rounded]=\"hasNoTitle\"\n            [class.mng-action-button-icon]=\"hasNoTitle\"\n            [class.p-button-text]=\"action.isStyleText\"\n            [class.p-button-raised]=\"action.isStyleRaised\"\n            [class.p-button-outlined]=\"action.isStyleOutlined\"\n            [class.mng-button-xs]=\"action.isSizeExtraSmall\"\n            [class.mng-button-sm]=\"action.isSizeSmall\"\n            [class.mng-button-lg]=\"action.isSizeLarge\"\n            [class.mng-button-xl]=\"action.isSizeExtraLarge\"\n            [class.p-button-default]=\"action.level === levelDefault\"\n            [class.p-button-primary]=\"action.level === levelPrimary\"\n            [class.p-button-secondary]=\"action.level === levelSecondary\"\n            [class.p-button-info]=\"action.level === levelInfo\"\n            [class.p-button-help]=\"action.level === levelHelp\"\n            [class.p-button-success]=\"action.level === levelSuccess\"\n            [class.p-button-warning]=\"action.level === levelWarning\"\n            [class.p-button-danger]=\"action.level === levelDanger\"></button>\n    </ng-template>\n    <p-confirmDialog *ngIf=\"action.hasRunConfirmation\" [key]=\"action.actionName + '_' + cmpId\" [baseZIndex]=\"50\" appendTo=\"body\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"], components: [{ type: i5.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"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i8.Ripple, selector: "[pRipple]" }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], pipes: { "async": i4.AsyncPipe, "linkFormatter": MngLinkFormatterPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ConfirmationService], template: "<ng-container *ngIf=\"$isVisible | async\">\n    <button\n        *ngIf=\"action.icon && action.title === null; else noIcon\"\n        type=\"button\"\n        pButton\n        pRipple\n        [icon]=\"action.icon\"\n        [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n        [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [pTooltip]=\"$any($tooltip | async)\"\n        (click)=\"triggerAction($event)\"\n        class=\"mng-action-button mng-action-button-icon p-button-rounded\"\n        [class.mng-button-xs]=\"action.isSizeExtraSmall\"\n        [class.mng-button-sm]=\"action.isSizeSmall\"\n        [class.mng-button-lg]=\"action.isSizeLarge\"\n        [class.mng-button-xl]=\"action.isSizeExtraLarge\"\n        [class.p-button-primary]=\"action.level === 1\"\n        [class.p-button-success]=\"action.level === 5\"\n        [class.p-button-danger]=\"action.level === 7\"></button>\n    <ng-template #noIcon>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            (click)=\"triggerAction($event)\"\n            class=\"mng-action-button p-button-text\"\n            [class.p-button-sm]=\"action.isSizeSmall\"\n            [class.p-button-lg]=\"action.isSizeLarge\"\n            [class.p-button-primary]=\"action.level === 1\"\n            [class.p-button-success]=\"action.level === 5\"\n            [class.p-button-danger]=\"action.level === 7\"></button>\n    </ng-template>\n    <p-confirmDialog *ngIf=\"action.hasRunConfirmation\" [key]=\"action.actionName + '_' + cmpId\" [baseZIndex]=\"50\" appendTo=\"body\"></p-confirmDialog>\n</ng-container>\n" }]
+            args: [{ selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ConfirmationService], template: "<ng-container *ngIf=\"$isVisible | async\">\n    <a *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [href]=\"actionLink.url\"\n        [target]=\"actionLink.target\"\n        [icon]=\"$any(action.icon)\"\n        [class.p-button-rounded]=\"hasNoTitle\"\n        [class.mng-action-button-icon]=\"hasNoTitle\"\n        [class.p-button-text]=\"action.isStyleText\"\n        [class.p-button-link]=\"actionLink.isStyleLink\"\n        [class.p-button-raised]=\"action.isStyleRaised\"\n        [class.p-button-outlined]=\"action.isStyleOutlined\"\n        [class.mng-button-xs]=\"action.isSizeExtraSmall\"\n        [class.mng-button-sm]=\"action.isSizeSmall\"\n        [class.mng-button-lg]=\"action.isSizeLarge\"\n        [class.mng-button-xl]=\"action.isSizeExtraLarge\"\n        [class.p-button-default]=\"action.level === levelDefault\"\n        [class.p-button-primary]=\"action.level === levelPrimary\"\n        [class.p-button-secondary]=\"action.level === levelSecondary\"\n        [class.p-button-info]=\"action.level === levelInfo\"\n        [class.p-button-help]=\"action.level === levelHelp\"\n        [class.p-button-success]=\"action.level === levelSuccess\"\n        [class.p-button-warning]=\"action.level === levelWarning\"\n        [class.p-button-danger]=\"action.level === levelDanger\">{{ ($label | async) ?? '' }}</a>\n    <ng-template #routerLink>\n        <a *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"actionLink.pathSegments | linkFormatter:itemId:item:action.model:actionData\"\n            [queryParams]=\"actionLink.queryParams\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [icon]=\"$any(action.icon)\"\n            [class.p-button-rounded]=\"hasNoTitle\"\n            [class.mng-action-button-icon]=\"hasNoTitle\"\n            [class.p-button-text]=\"action.isStyleText\"\n            [class.p-button-link]=\"actionLink.isStyleLink\"\n            [class.p-button-raised]=\"action.isStyleRaised\"\n            [class.p-button-outlined]=\"action.isStyleOutlined\"\n            [class.mng-button-xs]=\"action.isSizeExtraSmall\"\n            [class.mng-button-sm]=\"action.isSizeSmall\"\n            [class.mng-button-lg]=\"action.isSizeLarge\"\n            [class.mng-button-xl]=\"action.isSizeExtraLarge\"\n            [class.p-button-default]=\"action.level === levelDefault\"\n            [class.p-button-primary]=\"action.level === levelPrimary\"\n            [class.p-button-secondary]=\"action.level === levelSecondary\"\n            [class.p-button-info]=\"action.level === levelInfo\"\n            [class.p-button-help]=\"action.level === levelHelp\"\n            [class.p-button-success]=\"action.level === levelSuccess\"\n            [class.p-button-warning]=\"action.level === levelWarning\"\n            [class.p-button-danger]=\"action.level === levelDanger\">{{ ($label | async) ?? '' }}</a>\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.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.p-button-rounded]=\"hasNoTitle\"\n            [class.mng-action-button-icon]=\"hasNoTitle\"\n            [class.p-button-text]=\"action.isStyleText\"\n            [class.p-button-raised]=\"action.isStyleRaised\"\n            [class.p-button-outlined]=\"action.isStyleOutlined\"\n            [class.mng-button-xs]=\"action.isSizeExtraSmall\"\n            [class.mng-button-sm]=\"action.isSizeSmall\"\n            [class.mng-button-lg]=\"action.isSizeLarge\"\n            [class.mng-button-xl]=\"action.isSizeExtraLarge\"\n            [class.p-button-default]=\"action.level === levelDefault\"\n            [class.p-button-primary]=\"action.level === levelPrimary\"\n            [class.p-button-secondary]=\"action.level === levelSecondary\"\n            [class.p-button-info]=\"action.level === levelInfo\"\n            [class.p-button-help]=\"action.level === levelHelp\"\n            [class.p-button-success]=\"action.level === levelSuccess\"\n            [class.p-button-warning]=\"action.level === levelWarning\"\n            [class.p-button-danger]=\"action.level === levelDanger\"></button>\n    </ng-template>\n    <p-confirmDialog *ngIf=\"action.hasRunConfirmation\" [key]=\"action.actionName + '_' + cmpId\" [baseZIndex]=\"50\" appendTo=\"body\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i3$1.TranslateService }, { type: MngActionExecutorService }, { type: i2.ConfirmationService }, { type: MngViewContainerComponentService, decorators: [{
                     type: Optional
-                }] }]; }, propDecorators: { action: [{
+                }] }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], action: [{
                 type: Input
             }], item: [{
                 type: Input
@@ -4710,7 +4911,7 @@ class MngFormEditorComponent {
             }
             const event = new MngFormEditorSubmitEvent(formSubmitItem);
             event.success = false;
-            this.formMessages.push(ToastUtil.getFormEditorWarningMessage(this.translateService, 'mngEditor.invalidFormToastTitle', 'mngEditor.invalidFormToastMessage'));
+            this.formMessages.push(NotificationUtil.getFormEditorWarningMessage(this.translateService, 'mngEditor.invalidFormToastTitle', 'mngEditor.invalidFormToastMessage'));
             this.formSubmitEventEmitter.next(event);
         }
     }
@@ -5159,13 +5360,13 @@ class MngActionEditorComponent {
                 // assign run operations
                 action.withRunNotificationSuccess(undefined, undefined, false);
                 if (action.submitType === ActionEditorSubmitDescriptor.TypeEnum.Submit) {
-                    action.withRunFunction(ctx => {
+                    action.withRunFunction(() => {
                         this.triggerSubmit();
                         return of(undefined);
                     });
                 }
                 else {
-                    action.withRunFunction(ctx => {
+                    action.withRunFunction(() => {
                         this.cancel();
                         return of(undefined);
                     });
@@ -5233,15 +5434,16 @@ class MngActionEditorComponent {
         this.actionExecutor
             .runEditorFetch(this.action, this.item, this.itemId, this.dataProvider, this.sourceComponent, this.viewContainer)
             .pipe(first(), catchError(err => {
+            const actionError = this.actionExecutor.toMngActionError(err);
             if (this.action.hasRunNotificationError) {
-                ToastUtil.actionNotificationError(this.translate, this.action, err, 'fetch', this.viewContainer, this.item);
+                NotificationUtil.actionNotificationError(this.translate, this.action, actionError, 'fetch', this.viewContainer, this.item);
             }
-            throw err;
+            return throwError(() => actionError);
         }), finalize(() => this.loadingSubject.next(false)))
             .subscribe(res => {
             this.item = res.result;
             if (this.action.hasFetchNotificationSuccess) {
-                ToastUtil.actionNotificationSuccess(this.translate, this.action, 'fetch', this.action.fetchNotificationSuccessTitle, this.action.fetchNotificationSuccessMessage, this.viewContainer, this.item);
+                NotificationUtil.actionNotificationSuccess(this.translate, this.action, 'fetch', this.action.fetchNotificationSuccessTitle, this.action.fetchNotificationSuccessMessage, this.viewContainer, this.item);
             }
             this.setTitle();
         });
@@ -5457,84 +5659,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }] } });
 
-class MngPropertyPathPipe {
-    transform(value, path = '') {
-        if (path.indexOf('.') >= 0) {
-            const pathSplit = path.split('.');
-            let currValue = value;
-            for (const p of pathSplit) {
-                if (typeof currValue === 'undefined' || currValue === null) {
-                    return currValue;
-                }
-                else if (typeof currValue === 'object') {
-                    currValue = currValue[p];
-                }
-                else {
-                    console.warn(`Path ${path} is not valid for object`, value);
-                    return currValue;
-                }
-            }
-            return currValue;
-        }
-        else {
-            return typeof value === 'object' ? value[path] : value;
-        }
-    }
-}
-MngPropertyPathPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngPropertyPathPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MngPropertyPathPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngPropertyPathPipe, name: "propertyPath" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngPropertyPathPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'propertyPath',
-                    pure: true
-                }]
-        }] });
-
-class MngBooleanPipe {
-    transform(value, yes, no, icon = false) {
-        if (typeof value === 'boolean') {
-            if (icon) {
-                return value ? yes ?? 'pi pi-check' : no ?? 'pi pi-times';
-            }
-            else {
-                return value ? yes ?? 'general.yes' : no ?? 'general.no';
-            }
-        }
-        else {
-            return value;
-        }
-    }
-}
-MngBooleanPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngBooleanPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MngBooleanPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngBooleanPipe, name: "boolean" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngBooleanPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'boolean',
-                    pure: true
-                }]
-        }] });
-
-class MngEnumPipe {
-    transform(value, enumObj, i18nPath, nameAsValue = false) {
-        const enumConstantName = nameAsValue ? value : EnumUtil.getConstantNameFromEnumObject(enumObj, value);
-        if (typeof i18nPath === 'undefined') {
-            i18nPath = TypeUtil.findEnumName(enumObj);
-        }
-        return i18nPath ? `${i18nPath}.${enumConstantName}` : enumConstantName;
-    }
-}
-MngEnumPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngEnumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MngEnumPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngEnumPipe, name: "enum" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngEnumPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'enum',
-                    pure: true
-                }]
-        }] });
-
 class MngTableColumnValueComponent {
     constructor() {
         this.columnTypeString = ColumnDescriptor.TypeEnum.String;
@@ -5555,21 +5679,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }] } });
 
-class MngI18nPropertyPipe {
-    transform(property, model) {
-        return I18nUtil.getModelPropertyKey(model, property);
-    }
-}
-MngI18nPropertyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngI18nPropertyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MngI18nPropertyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngI18nPropertyPipe, name: "i18nProperty" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngI18nPropertyPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'i18nProperty',
-                    pure: true
-                }]
-        }] });
-
 var TypeEnum = FilterDescriptor.TypeEnum;
 var PaginationModeEnum = TableDescriptor.PaginationModeEnum;
 class MngTableComponent {
@@ -5764,7 +5873,7 @@ class MngTableComponent {
             this.isSortChanged = false;
             this.dataProviderLoadingSubject.next(false);
         }, err => {
-            ToastUtil.tableNotificationError(this.translate, this.descriptor, err, this.viewContainerService ?? undefined);
+            NotificationUtil.tableNotificationError(this.translate, this.descriptor, err, this.viewContainerService ?? undefined);
             const emptyQueryResult = new MediusQueryResult();
             emptyQueryResult.pageData = [];
             emptyQueryResult.allDataCount = 0;
@@ -5991,27 +6100,48 @@ class MngTableviewRouteComponent extends AMngTableviewRouteComponent {
         this.route = route;
     }
     createTableviewDescriptor() {
-        if (!this.route.snapshot.data['tableviewData'].descriptor) {
+        if (this.descriptorInit) {
+            return this.descriptorInit;
+        }
+        const routeData = this.route.snapshot.data;
+        if (!routeData?.tableview?.descriptor) {
             throw Error('Tableview requires a descriptor.');
         }
-        return this.route.snapshot.data['tableviewData'].descriptor;
+        return routeData.tableview.descriptor;
     }
     createTableviewDataProvider() {
-        if (!this.route.snapshot.data['tableviewData'].dataProvider) {
+        if (this.dataProviderInit) {
+            return this.dataProviderInit;
+        }
+        const routeData = this.route.snapshot.data;
+        if (!routeData?.tableview?.dataProvider) {
             throw Error('Tableview requires a data provider.');
         }
-        return this.route.snapshot.data['tableviewData'].dataProvider;
+        return routeData.tableview.dataProvider;
     }
     createActionDescriptors() {
-        return this.route.snapshot.data['tableviewData'].fieldActions ?? super.createActionDescriptors();
+        if (this.actionsInit) {
+            return this.actionsInit;
+        }
+        const routeData = this.route.snapshot.data;
+        return routeData?.tableview?.actions ?? super.createActionDescriptors();
     }
 }
 MngTableviewRouteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngTableviewRouteComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-MngTableviewRouteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MngTableviewRouteComponent, selector: "mng-tableview-route", usesInheritance: true, ngImport: i0, template: "<div class=\"grid\">\n    <div class=\"col-12\">\n        <mng-tableview [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview>\n    </div>\n</div>\n", components: [{ type: MngTableviewComponent, selector: "mng-tableview", inputs: ["descriptor", "dataProvider", "actions"] }] });
+MngTableviewRouteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MngTableviewRouteComponent, selector: "mng-tableview-route", inputs: { descriptorInit: ["descriptor", "descriptorInit"], dataProviderInit: ["dataProvider", "dataProviderInit"], actionsInit: ["actions", "actionsInit"] }, usesInheritance: true, ngImport: i0, template: "<div class=\"grid\">\n    <div class=\"col-12\">\n        <mng-tableview [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview>\n    </div>\n</div>\n", components: [{ type: MngTableviewComponent, selector: "mng-tableview", inputs: ["descriptor", "dataProvider", "actions"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngTableviewRouteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mng-tableview-route', template: "<div class=\"grid\">\n    <div class=\"col-12\">\n        <mng-tableview [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview>\n    </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }]; }, propDecorators: { descriptorInit: [{
+                type: Input,
+                args: ['descriptor']
+            }], dataProviderInit: [{
+                type: Input,
+                args: ['dataProvider']
+            }], actionsInit: [{
+                type: Input,
+                args: ['actions']
+            }] } });
 
 class MngFormlyFieldLookupDialogComponent extends FieldType {
     constructor(injector) {
@@ -6196,9 +6326,7 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
             const viewAction = new ActionEditorDescriptor(this.descriptor.tableviewDescriptor.viewEditor, 'details', this.descriptor.editor.model.type, this.descriptor.property)
                 .withPosition(ActionPositionEnum.RowClick)
                 .withTitle(null)
-                .withIcon('pi pi-search')
-                .withClassName('mng-formly-field-table-form-dialog')
-                .withSize(SizeEnum.ExtraSmall);
+                .withDialogClassName('mng-formly-field-table-form-dialog');
             viewAction.withEditorActions([new ActionEditorSubmitDescriptor(viewAction, ActionEditorSubmitDescriptor.TypeEnum.Cancel)]);
             this.rowClickActions.push(viewAction);
         }
@@ -6207,7 +6335,7 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
                 .withPosition(ActionPositionEnum.ToolbarRight)
                 .withTitle(null)
                 .withIcon('pi pi-plus')
-                .withClassName('mng-formly-field-table-form-dialog')
+                .withDialogClassName('mng-formly-field-table-form-dialog')
                 .withSize(SizeEnum.ExtraSmall)
                 .withSubmitFunction(ctx => {
                 if (!ctx.data?.item) {
@@ -6227,7 +6355,7 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
             const editAction = new ActionEditorDescriptor(this.descriptor.tableviewDescriptor.editEditor, 'edit', this.descriptor.editor.model.type, this.descriptor.property)
                 .withTitle(null)
                 .withIcon('pi pi-pencil')
-                .withClassName('mng-formly-field-table-form-dialog')
+                .withDialogClassName('mng-formly-field-table-form-dialog')
                 .withSize(SizeEnum.ExtraSmall)
                 .withSubmitFunction(ctx => {
                 if (!ctx.data?.item) {
@@ -7240,6 +7368,7 @@ const declarations = [
     MngEnumPipe,
     MngBooleanPipe,
     MngI18nPropertyPipe,
+    MngLinkFormatterPipe,
     // layout components
     MngBreadcrumbComponent,
     MngFooterComponent,
@@ -7286,6 +7415,7 @@ class MngCommonsModule {
                 MngActionExecutorService,
                 MngNavigationService,
                 MngCommonsService,
+                MngLinkFormatterPipe,
                 // component service
                 MngMainLayoutComponentService,
                 MngViewContainerComponentService,
@@ -7342,6 +7472,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MngEnumPipe,
         MngBooleanPipe,
         MngI18nPropertyPipe,
+        MngLinkFormatterPipe,
         // layout components
         MngBreadcrumbComponent,
         MngFooterComponent,
@@ -7454,6 +7585,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MngEnumPipe,
         MngBooleanPipe,
         MngI18nPropertyPipe,
+        MngLinkFormatterPipe,
         // layout components
         MngBreadcrumbComponent,
         MngFooterComponent,
@@ -7554,37 +7686,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }] });
 
-class AMngCrudApiService {
-    constructor(type, queryResultType, http) {
+class AMngApiService {
+    constructor(type, http) {
         this.type = type;
-        this.queryResultType = queryResultType;
         this.http = http;
         this.objectSerializer = ObjectSerializer.get();
     }
-    createPost(item, params) {
-        const url = `${this.getBasePath()}${this.getServiceBasePath()}${this.getCreatePostPath()}`;
+    getUrl(...pathSegments) {
+        let path = pathSegments.join('/');
+        if (!path.startsWith('/')) {
+            path = path.substring(1);
+        }
+        return `${this.getBasePath()}${this.getServiceBasePath()}${path}`;
+    }
+    deserialize(item) {
+        return this.deserializeClass(item, this.type);
+    }
+    serialize(item) {
+        return this.serializeClass(item, this.type);
+    }
+    serializeQueryParam(queryParam, type = 'QueryParam') {
+        return this.objectSerializer.serialize(queryParam, type);
+    }
+    deserializeQueryResult(item, qrType) {
+        return this.deserializeClass(item, qrType);
+    }
+    deserializeClass(item, type) {
+        return this.objectSerializer.deserializeClass(item, type);
+    }
+    serializeClass(item, type) {
+        return this.objectSerializer.serializeClass(item, type);
+    }
+}
+
+class AMngGetAllApiService extends AMngApiService {
+    constructor(type, queryResultType, http) {
+        super(type, http);
+        this.queryResultType = queryResultType;
+    }
+    getAllPost(queryParamBody, params) {
+        const url = this.getUrl(this.getGetAllPostPath());
         return this.http
-            .post(url, this.objectSerializer.serializeClass(item, this.type), {
+            .post(url, queryParamBody ? this.serializeQueryParam(queryParamBody) : undefined, {
             withCredentials: true,
             observe: 'body',
             reportProgress: false,
             params: params
         })
-            .pipe(map(res => this.objectSerializer.deserializeClass(res, this.type)));
+            .pipe(map(res => this.deserializeQueryResult(res, this.queryResultType)));
     }
-    getAllPost(queryParamBody, params) {
-        const url = `${this.getBasePath()}${this.getServiceBasePath()}${this.getGetAllPostPath()}`;
+    getGetAllPostPath() {
+        return '/get-all';
+    }
+}
+
+class AMngCrudApiService extends AMngGetAllApiService {
+    constructor(type, queryResultType, http) {
+        super(type, queryResultType, http);
+    }
+    createPost(item, params) {
+        const url = this.getUrl(this.getCreatePostPath());
         return this.http
-            .post(url, this.objectSerializer.serialize(queryParamBody, 'QueryParam'), {
+            .post(url, this.serialize(item), {
             withCredentials: true,
             observe: 'body',
             reportProgress: false,
             params: params
         })
-            .pipe(map(res => this.objectSerializer.deserializeClass(res, this.queryResultType)));
+            .pipe(map(res => this.deserialize(res)));
     }
     getByIdGet(id, params) {
-        const url = `${this.getBasePath()}${this.getServiceBasePath()}${this.getGetByIdGetPath(id)}`;
+        const url = this.getUrl(this.getGetByIdGetPath(id));
         return this.http
             .get(url, {
             withCredentials: true,
@@ -7592,33 +7764,30 @@ class AMngCrudApiService {
             reportProgress: false,
             params: params
         })
-            .pipe(map(res => this.objectSerializer.deserializeClass(res, this.type)));
+            .pipe(map(res => this.deserialize(res)));
     }
     updatePut(id, item, params) {
-        const url = `${this.getBasePath()}${this.getServiceBasePath()}${this.getUpdatePutPath(id, item)}`;
+        const url = this.getUrl(this.getUpdatePutPath(id, item));
         return this.http
-            .put(url, this.objectSerializer.serializeClass(item, this.type), {
+            .put(url, this.serialize(item), {
             withCredentials: true,
             observe: 'body',
             reportProgress: false,
             params: params
         })
-            .pipe(map(res => this.objectSerializer.deserializeClass(res, this.type)));
+            .pipe(map(res => this.deserialize(res)));
     }
     removeDelete(id, item, params) {
-        const url = `${this.getBasePath()}${this.getServiceBasePath()}${this.getRemoveDeletePath(id, item)}`;
+        const url = this.getUrl(this.getRemoveDeletePath(id, item));
         return this.http
             .request('delete', url, {
             withCredentials: true,
             observe: 'body',
             reportProgress: false,
-            body: item ? this.objectSerializer.serializeClass(item, this.type) : undefined,
+            body: item ? this.serialize(item) : undefined,
             params: params
         })
-            .pipe(map(res => this.objectSerializer.deserializeClass(res, this.type)));
-    }
-    getGetAllPostPath() {
-        return '/get-all';
+            .pipe(map(res => this.deserialize(res)));
     }
     getCreatePostPath() {
         return '';
@@ -8096,5 +8265,5 @@ class RouteDataBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngCrudApiService, AMngTableviewRouteComponent, ActionActivationResult, ActionActivationTriggerEnum, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionEditorSubmitDescriptor, ActionError, ActionExecContext, ActionLevelEnum, ActionPositionEnum, ActionRunResult, ActionTriggerResult, ActionTypeEnum, ColumnDescriptor, DataProvider, DefaultMngErrorMapperService, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, EnumName, EnumUtil, FieldDescriptor, FieldGroupDescriptor, FieldInputDescriptor, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldManyEditorDescriptor, FieldManyToManyEditorDescriptor, FieldTabGroupDescriptor, FieldValidator, FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor, I18nUtil, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusQueryResultBase, MediusQueryResultWithObject, MediusRestUtil, MngActionComponent, MngActionEditorComponent, MngActionExecutorService, MngActionRouteComponent, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDropdownComponent, MngEnumPipe, MngErrorMapperService, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormFieldEvent, MngFormFieldEventComponentSubtype, MngFormFieldEventDialogSubtype, MngFormFieldEventTypeEnum, MngFormlyFieldAutocompleteComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldLookupDialogComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngFormlyTableWrapperComponent, MngI18nPropertyPipe, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngPropertyPathPipe, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTopbarComponent, MngViewContainerComponentService, ModelDescriptor, ModelUtil, ObjectSerializer, RouteBuilder, RouteDataBuilder, RoutesBuilder, TableDataProvider, TableDescriptor, TableviewDataProvider, TableviewDescriptor, ToastUtil, TypeName, TypeUtil, enumNameDecoratorPropertyName, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getEmailValidationMessage, getFormlyValidationMessages, getMaxLengthValidationMessage, getMinLengthValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngCommonsInitializerProvider, mngConfigJsonAppInitializerProvider, mngConfigurationServiceProvider, mngFormlyConfigProvider, primeNgModules, typeMapBase, typeNameDecoratorPropertyName };
+export { AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngApiService, AMngCrudApiService, AMngGetAllApiService, AMngTableviewRouteComponent, ActionActivationResult, ActionActivationTriggerEnum, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionEditorSubmitDescriptor, ActionError, ActionExecContext, ActionLevelEnum, ActionLinkDescriptor, ActionPositionEnum, ActionRunResult, ActionTriggerResult, ActionTypeEnum, ColumnDescriptor, DataProvider, DefaultMngErrorMapperService, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, EnumName, EnumUtil, FieldDescriptor, FieldGroupDescriptor, FieldInputDescriptor, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldManyEditorDescriptor, FieldManyToManyEditorDescriptor, FieldTabGroupDescriptor, FieldValidator, FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor, I18nUtil, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusRestUtil, MngActionComponent, MngActionEditorComponent, MngActionExecutorService, MngActionRouteComponent, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDropdownComponent, MngEnumPipe, MngErrorMapperService, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormFieldEvent, MngFormFieldEventComponentSubtype, MngFormFieldEventDialogSubtype, MngFormFieldEventTypeEnum, MngFormlyFieldAutocompleteComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldLookupDialogComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngFormlyTableWrapperComponent, MngI18nPropertyPipe, MngLinkFormatterPipe, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngPropertyPathPipe, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTopbarComponent, MngViewContainerComponentService, ModelDescriptor, ModelUtil, NotificationUtil, ObjectSerializer, RouteBuilder, RouteDataBuilder, RoutesBuilder, TableDataProvider, TableDescriptor, TableviewDataProvider, TableviewDescriptor, TypeName, TypeUtil, enumNameDecoratorPropertyName, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getEmailValidationMessage, getFormlyValidationMessages, getMaxLengthValidationMessage, getMinLengthValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngCommonsInitializerProvider, mngConfigJsonAppInitializerProvider, mngConfigurationServiceProvider, mngFormlyConfigProvider, primeNgModules, typeMapBase, typeNameDecoratorPropertyName };
 //# sourceMappingURL=mediusinc-mng-commons.mjs.map