@mediusinc/mng-commons 0.3.1 → 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';
@@ -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;
     }
@@ -680,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);
     }
@@ -716,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;
@@ -737,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);
@@ -759,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);
@@ -789,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);
@@ -833,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";
@@ -2991,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 = {};
@@ -3011,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 = {
@@ -3025,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;
@@ -3607,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;
@@ -3616,6 +3835,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) {
@@ -3663,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);
@@ -3688,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);
             }));
         }
     }
@@ -3718,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);
         }));
     }
     /**
@@ -3801,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;
@@ -3867,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 {
@@ -3928,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]
                 }] }]; } });
@@ -4384,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) {
@@ -4427,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
@@ -4679,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);
         }
     }
@@ -5202,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();
         });
@@ -5426,87 +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) {
-        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;
@@ -5527,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 {
@@ -5736,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;
@@ -6189,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);
         }
@@ -6200,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) {
@@ -6220,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) {
@@ -7233,6 +7368,7 @@ const declarations = [
     MngEnumPipe,
     MngBooleanPipe,
     MngI18nPropertyPipe,
+    MngLinkFormatterPipe,
     // layout components
     MngBreadcrumbComponent,
     MngFooterComponent,
@@ -7279,6 +7415,7 @@ class MngCommonsModule {
                 MngActionExecutorService,
                 MngNavigationService,
                 MngCommonsService,
+                MngLinkFormatterPipe,
                 // component service
                 MngMainLayoutComponentService,
                 MngViewContainerComponentService,
@@ -7335,6 +7472,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MngEnumPipe,
         MngBooleanPipe,
         MngI18nPropertyPipe,
+        MngLinkFormatterPipe,
         // layout components
         MngBreadcrumbComponent,
         MngFooterComponent,
@@ -7447,6 +7585,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MngEnumPipe,
         MngBooleanPipe,
         MngI18nPropertyPipe,
+        MngLinkFormatterPipe,
         // layout components
         MngBreadcrumbComponent,
         MngFooterComponent,
@@ -8126,5 +8265,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