@mediusinc/mng-commons 0.3.1 → 0.3.2

package/fesm2015/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';
@@ -399,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;
@@ -474,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;
     }
@@ -585,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;
@@ -625,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));
@@ -635,6 +654,9 @@ class ActionEditorDescriptor extends ActionDescriptor {
     get editorDescriptor() {
         return this._editorDescriptor;
     }
+    get dialogClassName() {
+        return this._dialogClassName;
+    }
     get hasFetchNotificationSuccess() {
         return this._hasFetchNotificationSuccess;
     }
@@ -681,6 +703,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);
     }
@@ -717,6 +743,7 @@ class ActionEditorSubmitDescriptor extends ActionDescriptor {
         this._editorAction = editorAction;
         this._submitType = submitType;
         this._position = ActionPositionEnum.FooterRight;
+        this._isStyleText = true;
     }
     get submitType() {
         return this._submitType;
@@ -741,7 +768,7 @@ class ActionEditorDetailsDescriptor extends ActionEditorDescriptor {
                 : throwError(new Error(`Data provider fetch function or item id ${(_d = ctx.data) === null || _d === void 0 ? void 0 : _d.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);
@@ -763,7 +790,7 @@ class ActionEditorAddDescriptor extends ActionEditorDescriptor {
         this.withSubmitFunction(ctx => { var _a, _b; return ((_a = ctx.dataProvider) === null || _a === void 0 ? void 0 : _a.create) ? ctx.dataProvider.create((_b = ctx.data) === null || _b === void 0 ? void 0 : _b.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);
@@ -799,7 +826,7 @@ class ActionEditorEditDescriptor extends ActionEditorDescriptor {
                 : throwError(new Error(`Data provider update function or item id ${(_d = ctx.data) === null || _d === void 0 ? void 0 : _d.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);
@@ -844,6 +871,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";
@@ -3013,14 +3096,17 @@ class ModelUtil {
     }
 }
 
-class ToastUtil {
+class NotificationUtil {
     static notification(viewContainer, title, message, severity = 'success') {
         const messageService = viewContainer === null || viewContainer === void 0 ? void 0 : 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) {
         var _a, _b;
@@ -3034,13 +3120,13 @@ class ToastUtil {
         console.log(params);
         const tableErrorTitle = (_a = I18nUtil.instantModelTranslation(translationService, table.model, 'table.error.title', undefined, undefined, 'general.error', params)) !== null && _a !== void 0 ? _a : undefined;
         const tableErrorMessage = (_b = I18nUtil.instantModelTranslation(translationService, table.model, 'table.error.message', undefined, undefined, 'general.errorMessage', params)) !== null && _b !== void 0 ? _b : undefined;
-        ToastUtil.notification(viewContainer, tableErrorTitle, tableErrorMessage, 'error');
+        return NotificationUtil.notification(viewContainer, tableErrorTitle, tableErrorMessage, 'error');
     }
     static actionNotificationSuccess(translationService, action, functionName, customTitleKey, customMessageKey, viewContainer, item) {
         var _a, _b;
         const actionSuccessTitle = (_a = I18nUtil.instantActionTranslation(translationService, action, 'success.title', customTitleKey, item, 'general.success', functionName)) !== null && _a !== void 0 ? _a : undefined;
         const actionSuccessMessage = (_b = I18nUtil.instantActionTranslation(translationService, action, 'success.message', customMessageKey, item, 'general.successMessage', functionName)) !== null && _b !== void 0 ? _b : undefined;
-        ToastUtil.notification(viewContainer, actionSuccessTitle, actionSuccessMessage);
+        return NotificationUtil.notification(viewContainer, actionSuccessTitle, actionSuccessMessage);
     }
     static actionNotificationError(translationService, action, error, functionName, viewContainer, item) {
         var _a, _b;
@@ -3049,7 +3135,7 @@ class ToastUtil {
         };
         const actionErrorTitle = (_a = I18nUtil.instantActionTranslation(translationService, action, 'error.title', action.runNotificationErrorTitle, item, 'general.error', functionName, params)) !== null && _a !== void 0 ? _a : undefined;
         const actionErrorMessage = (_b = I18nUtil.instantActionTranslation(translationService, action, 'error.message', action.runNotificationErrorMessage, item, 'general.errorMessage', functionName, params)) !== null && _b !== void 0 ? _b : undefined;
-        ToastUtil.notification(viewContainer, actionErrorTitle, actionErrorMessage, 'error');
+        return NotificationUtil.notification(viewContainer, actionErrorTitle, actionErrorMessage, 'error');
     }
     static getFormEditorWarningMessage(translationService, title, message) {
         var _a, _b;
@@ -3633,8 +3719,142 @@ class DefaultMngErrorMapperService extends MngErrorMapperService {
     }
 }
 
+class MngBooleanPipe {
+    transform(value, yes, no, icon = false) {
+        if (typeof value === 'boolean') {
+            if (icon) {
+                return value ? yes !== null && yes !== void 0 ? yes : 'pi pi-check' : no !== null && no !== void 0 ? no : 'pi pi-times';
+            }
+            else {
+                return value ? yes !== null && yes !== void 0 ? yes : 'general.yes' : no !== null && no !== void 0 ? 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) {
+        var _a, _b;
+        if (s === ':itemId') {
+            return itemId;
+        }
+        else if (model && s.startsWith(`:${model.typeName}.`)) {
+            return (_a = itemAny[s.substring(model.typeName.length + 2)]) !== null && _a !== void 0 ? _a : '';
+        }
+        else if (s.startsWith(':')) {
+            return (_b = actionData === null || actionData === void 0 ? void 0 : actionData[s.substring(1)]) !== null && _b !== void 0 ? _b : '';
+        }
+        else {
+            return s;
+        }
+    }
+    transform(value, itemId, item, model, actionData) {
+        const itemAny = (item !== null && item !== void 0 ? 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;
@@ -3642,6 +3862,7 @@ 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) {
@@ -3691,17 +3912,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);
@@ -3716,17 +3937,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);
             }));
         }
     }
@@ -3746,17 +3967,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);
         }));
     }
     /**
@@ -3830,14 +4051,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;
@@ -3897,22 +4124,7 @@ class MngActionExecutorService {
             if (actionUrl.startsWith('/')) {
                 actionUrl = actionUrl.substring(1);
             }
-            const itemAny = (item !== null && item !== void 0 ? item : {});
-            const actionUrlSegments = actionUrl.split('/').map(s => {
-                var _a, _b;
-                if (s === ':itemId') {
-                    return itemId;
-                }
-                else if (s.startsWith(`:${action.model.typeName}.`)) {
-                    return (_a = itemAny[s.substring(action.model.typeName.length + 2)]) !== null && _a !== void 0 ? _a : '';
-                }
-                else if (s.startsWith(':')) {
-                    return (_b = actionData === null || actionData === void 0 ? void 0 : actionData[s.substring(1)]) !== null && _b !== void 0 ? _b : '';
-                }
-                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 {
@@ -3961,12 +4173,12 @@ 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: [{
+        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]
                     }] }];
@@ -4430,22 +4642,39 @@ 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() {
         var _a, _b, _c, _d, _e, _f, _g;
         this.viewContainer = (_b = (_a = this.viewContainerInit) !== null && _a !== void 0 ? _a : this.viewContainerService) !== null && _b !== void 0 ? _b : undefined;
+        this.hasNoTitle = this.action.title === null;
         const context = this.actionExecutor.prepareActionExecContext(this.action, this.itemId, this.item, this.dataProvider, (_c = this.viewContainer) !== null && _c !== void 0 ? _c : 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', (_e = (_d = this.action) === null || _d === void 0 ? void 0 : _d.title) !== null && _e !== void 0 ? _e : undefined, this.item);
+        this.$label = this.hasNoTitle ? of(null) : I18nUtil.streamActionTranslation(this.translate, this.action, 'title', (_e = (_d = this.action) === null || _d === void 0 ? void 0 : _d.title) !== null && _e !== void 0 ? _e : undefined, this.item);
         this.$tooltip = I18nUtil.streamActionTranslation(this.translate, this.action, 'tooltip', (_g = (_f = this.action) === null || _f === void 0 ? void 0 : _f.tooltip) !== null && _g !== void 0 ? _g : 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) {
@@ -4474,15 +4703,18 @@ 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
@@ -4737,7 +4969,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);
         }
     }
@@ -5268,15 +5500,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();
         });
@@ -5495,87 +5728,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 !== null && yes !== void 0 ? yes : 'pi pi-check' : no !== null && no !== void 0 ? no : 'pi pi-times';
-            }
-            else {
-                return value ? yes !== null && yes !== void 0 ? yes : 'general.yes' : no !== null && no !== void 0 ? 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 MngTableColumnValueComponent {
     constructor() {
         this.columnTypeString = ColumnDescriptor.TypeEnum.String;
@@ -5596,21 +5748,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 {
@@ -5810,7 +5947,7 @@ class MngTableComponent {
             this.dataProviderLoadingSubject.next(false);
         }, err => {
             var _a;
-            ToastUtil.tableNotificationError(this.translate, this.descriptor, err, (_a = this.viewContainerService) !== null && _a !== void 0 ? _a : undefined);
+            NotificationUtil.tableNotificationError(this.translate, this.descriptor, err, (_a = this.viewContainerService) !== null && _a !== void 0 ? _a : undefined);
             const emptyQueryResult = new MediusQueryResult();
             emptyQueryResult.pageData = [];
             emptyQueryResult.allDataCount = 0;
@@ -6276,9 +6413,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);
         }
@@ -6287,7 +6422,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 => {
                 var _a;
@@ -6308,7 +6443,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 => {
                 var _a, _b;
@@ -7337,6 +7472,7 @@ const declarations = [
     MngEnumPipe,
     MngBooleanPipe,
     MngI18nPropertyPipe,
+    MngLinkFormatterPipe,
     // layout components
     MngBreadcrumbComponent,
     MngFooterComponent,
@@ -7383,6 +7519,7 @@ class MngCommonsModule {
                 MngActionExecutorService,
                 MngNavigationService,
                 MngCommonsService,
+                MngLinkFormatterPipe,
                 // component service
                 MngMainLayoutComponentService,
                 MngViewContainerComponentService,
@@ -7439,6 +7576,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MngEnumPipe,
         MngBooleanPipe,
         MngI18nPropertyPipe,
+        MngLinkFormatterPipe,
         // layout components
         MngBreadcrumbComponent,
         MngFooterComponent,
@@ -7553,6 +7691,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MngEnumPipe,
         MngBooleanPipe,
         MngI18nPropertyPipe,
+        MngLinkFormatterPipe,
         // layout components
         MngBreadcrumbComponent,
         MngFooterComponent,
@@ -8234,5 +8373,5 @@ class RouteDataBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngApiService, AMngCrudApiService, AMngGetAllApiService, 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, 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