@mediusinc/mng-commons 0.14.2 → 0.15.1

package/fesm2020/mediusinc-mng-commons.mjs

@@ -848,33 +848,6 @@ var ActionTypeEnum;
     ActionTypeEnum[ActionTypeEnum["Direct"] = 0] = "Direct";
     ActionTypeEnum[ActionTypeEnum["Editor"] = 1] = "Editor"; // editor providing middle step for activation
 })(ActionTypeEnum || (ActionTypeEnum = {}));
-var ActionLevelEnum;
-(function (ActionLevelEnum) {
-    ActionLevelEnum[ActionLevelEnum["Default"] = 0] = "Default";
-    ActionLevelEnum[ActionLevelEnum["Primary"] = 1] = "Primary";
-    ActionLevelEnum[ActionLevelEnum["Secondary"] = 2] = "Secondary";
-    ActionLevelEnum[ActionLevelEnum["Info"] = 3] = "Info";
-    ActionLevelEnum[ActionLevelEnum["Help"] = 4] = "Help";
-    ActionLevelEnum[ActionLevelEnum["Success"] = 5] = "Success";
-    ActionLevelEnum[ActionLevelEnum["Warning"] = 6] = "Warning";
-    ActionLevelEnum[ActionLevelEnum["Danger"] = 7] = "Danger";
-})(ActionLevelEnum || (ActionLevelEnum = {}));
-var ActionSizeEnum;
-(function (ActionSizeEnum) {
-    ActionSizeEnum[ActionSizeEnum["ExtraSmall"] = 0] = "ExtraSmall";
-    ActionSizeEnum[ActionSizeEnum["Small"] = 1] = "Small";
-    ActionSizeEnum[ActionSizeEnum["Normal"] = 2] = "Normal";
-    ActionSizeEnum[ActionSizeEnum["Large"] = 3] = "Large";
-    ActionSizeEnum[ActionSizeEnum["ExtraLarge"] = 4] = "ExtraLarge";
-})(ActionSizeEnum || (ActionSizeEnum = {}));
-var ActionEditorDialogSizeEnum;
-(function (ActionEditorDialogSizeEnum) {
-    ActionEditorDialogSizeEnum[ActionEditorDialogSizeEnum["ExtraSmall"] = 0] = "ExtraSmall";
-    ActionEditorDialogSizeEnum[ActionEditorDialogSizeEnum["Small"] = 1] = "Small";
-    ActionEditorDialogSizeEnum[ActionEditorDialogSizeEnum["Normal"] = 2] = "Normal";
-    ActionEditorDialogSizeEnum[ActionEditorDialogSizeEnum["Large"] = 3] = "Large";
-    ActionEditorDialogSizeEnum[ActionEditorDialogSizeEnum["ExtraLarge"] = 4] = "ExtraLarge";
-})(ActionEditorDialogSizeEnum || (ActionEditorDialogSizeEnum = {}));
 var ActionEditorSubmitTypeEnum;
 (function (ActionEditorSubmitTypeEnum) {
     ActionEditorSubmitTypeEnum[ActionEditorSubmitTypeEnum["Submit"] = 0] = "Submit";
@@ -1010,6 +983,27 @@ var TableDynamicColumnsModeEnum;
     TableDynamicColumnsModeEnum[TableDynamicColumnsModeEnum["INCLUDE_ONLY"] = 1] = "INCLUDE_ONLY";
 })(TableDynamicColumnsModeEnum || (TableDynamicColumnsModeEnum = {}));
 
+var StyleLevelEnum;
+(function (StyleLevelEnum) {
+    StyleLevelEnum[StyleLevelEnum["Default"] = 0] = "Default";
+    StyleLevelEnum[StyleLevelEnum["Primary"] = 1] = "Primary";
+    StyleLevelEnum[StyleLevelEnum["Secondary"] = 2] = "Secondary";
+    StyleLevelEnum[StyleLevelEnum["Info"] = 3] = "Info";
+    StyleLevelEnum[StyleLevelEnum["Help"] = 4] = "Help";
+    StyleLevelEnum[StyleLevelEnum["Success"] = 5] = "Success";
+    StyleLevelEnum[StyleLevelEnum["Warning"] = 6] = "Warning";
+    StyleLevelEnum[StyleLevelEnum["Danger"] = 7] = "Danger";
+})(StyleLevelEnum || (StyleLevelEnum = {}));
+
+var StyleSizeEnum;
+(function (StyleSizeEnum) {
+    StyleSizeEnum[StyleSizeEnum["ExtraSmall"] = 0] = "ExtraSmall";
+    StyleSizeEnum[StyleSizeEnum["Small"] = 1] = "Small";
+    StyleSizeEnum[StyleSizeEnum["Normal"] = 2] = "Normal";
+    StyleSizeEnum[StyleSizeEnum["Large"] = 3] = "Large";
+    StyleSizeEnum[StyleSizeEnum["ExtraLarge"] = 4] = "ExtraLarge";
+})(StyleSizeEnum || (StyleSizeEnum = {}));
+
 class StylesUtil {
     static calculateTableColumnActionWidth(table, actions) {
         const buttonsWidth = actions.reduce((acc, action) => acc + StylesUtil.getActionButtonRoundedWidth(action) + 2 * StylesUtil.ACTION_BUTTON_MARGIN_X, 0);
@@ -1027,15 +1021,15 @@ class StylesUtil {
         }
     }
     static getActionButtonRoundedWidth(action) {
-        switch (action.buttonDescriptor.styleClass.size) {
-            case ActionSizeEnum.ExtraSmall:
+        switch (action.button.styleClass.size) {
+            case StyleSizeEnum.ExtraSmall:
                 return StylesUtil.BUTTON_ROUNDED_WIDTH_XS;
-            case ActionSizeEnum.Small:
+            case StyleSizeEnum.Small:
                 return StylesUtil.BUTTON_ROUNDED_WIDTH_SM;
-            case ActionSizeEnum.Large:
-            case ActionSizeEnum.ExtraLarge:
+            case StyleSizeEnum.Large:
+            case StyleSizeEnum.ExtraLarge:
                 return StylesUtil.BUTTON_ROUNDED_WIDTH_LG;
-            case ActionSizeEnum.Normal:
+            case StyleSizeEnum.Normal:
             default:
                 return StylesUtil.BUTTON_ROUNDED_WIDTH;
         }
@@ -1051,8 +1045,8 @@ StylesUtil.TABLE_CELL_PADDING_X_SM = 4;
 StylesUtil.TABLE_CELL_PADDING_X_LG = 12;
 
 class ButtonStyleBuilder {
-    constructor(level = ActionLevelEnum.Default, customClass) {
-        this._size = ActionSizeEnum.Normal;
+    constructor(level = StyleLevelEnum.Default, customClass) {
+        this._size = StyleSizeEnum.Normal;
         this._textButton = false;
         this._outlineButton = false;
         this._raisedButton = false;
@@ -1060,7 +1054,7 @@ class ButtonStyleBuilder {
         this._actionLevel = level;
         this._customClass = customClass;
     }
-    getButtonClass(hasNoTitle = false) {
+    build(hasNoTitle = false) {
         const styles = [this.convertActionLevelToStyleClass(), this.convertSizeToStyleClass(), this._customClass];
         if (hasNoTitle && this._roundedStyle === ButtonStyleRoundedEnum.DEFAULT) {
             styles.push(`p-button-rounded mng-action-button-icon`);
@@ -1088,15 +1082,16 @@ class ButtonStyleBuilder {
      * @param raisedButton if true, raised button will be applied
      * @param customClass additional custom classes (will be added at generating)
      */
-    create(actionLevel, size, textButton, outlineButton, raisedButton, roundedButton, customClass) {
-        this._actionLevel = actionLevel ?? this._actionLevel;
-        this._size = size ?? this._size;
-        this._textButton = textButton ?? this._textButton;
-        this._outlineButton = outlineButton ?? this._outlineButton;
-        this._raisedButton = raisedButton ?? this._raisedButton;
-        this._roundedStyle = roundedButton ?? this._roundedStyle;
-        this._customClass = customClass;
-        return this;
+    static create(actionLevel, size, textButton, outlineButton, raisedButton, roundedButton, customClass) {
+        const descriptor = new ButtonStyleBuilder(actionLevel, customClass);
+        descriptor._actionLevel = actionLevel ?? descriptor._actionLevel;
+        descriptor._size = size ?? descriptor._size;
+        descriptor._textButton = textButton ?? descriptor._textButton;
+        descriptor._outlineButton = outlineButton ?? descriptor._outlineButton;
+        descriptor._raisedButton = raisedButton ?? descriptor._raisedButton;
+        descriptor._roundedStyle = roundedButton ?? descriptor._roundedStyle;
+        descriptor._customClass = customClass;
+        return descriptor;
     }
     /**
      * sets custom action level and returns this object
@@ -1152,35 +1147,36 @@ class ButtonStyleBuilder {
     }
     convertActionLevelToStyleClass() {
         switch (this._actionLevel) {
-            case ActionLevelEnum.Default:
-            case ActionLevelEnum.Primary:
+            case StyleLevelEnum.Default:
+            case StyleLevelEnum.Primary:
                 return 'p-button-primary';
-            case ActionLevelEnum.Secondary:
+            case StyleLevelEnum.Secondary:
                 return 'p-button-secondary';
-            case ActionLevelEnum.Info:
+            case StyleLevelEnum.Info:
                 return 'p-button-info';
-            case ActionLevelEnum.Help:
+            case StyleLevelEnum.Help:
                 return 'p-button-help';
-            case ActionLevelEnum.Success:
+            case StyleLevelEnum.Success:
                 return 'p-button-success';
-            case ActionLevelEnum.Warning:
+            case StyleLevelEnum.Warning:
                 return 'p-button-warning';
-            case ActionLevelEnum.Danger:
+            case StyleLevelEnum.Danger:
                 return 'p-button-danger';
         }
     }
     convertSizeToStyleClass() {
         switch (this._size) {
-            case ActionSizeEnum.ExtraSmall:
+            case StyleSizeEnum.ExtraSmall:
                 return 'p-button-sm mng-button-xs';
-            case ActionSizeEnum.Small:
+            case StyleSizeEnum.Small:
                 return 'p-button-sm mng-button-sm';
-            case ActionSizeEnum.Normal:
-                return '';
-            case ActionSizeEnum.Large:
+            case StyleSizeEnum.Large:
                 return 'p-button-lg mng-button-lg';
-            case ActionSizeEnum.ExtraLarge:
+            case StyleSizeEnum.ExtraLarge:
                 return 'p-button-lg mng-button-xl';
+            case StyleSizeEnum.Normal:
+            default:
+                return '';
         }
     }
     get actionLevel() {
@@ -1212,50 +1208,91 @@ var ButtonStyleRoundedEnum;
     ButtonStyleRoundedEnum[ButtonStyleRoundedEnum["SQUARE"] = 2] = "SQUARE";
 })(ButtonStyleRoundedEnum || (ButtonStyleRoundedEnum = {}));
 
-class ActionConfirmationDialogDescriptor {
+class ActionButtonDescriptor {
     constructor() {
-        this._closeOnEscape = true; // Defines if dialog closes when esc key is pressed.
-        this._closable = true; // Defines if dialog is closable.
-        this._acceptButtonStyle = new ButtonStyleBuilder(ActionLevelEnum.Default);
-        this._rejectButtonStyle = new ButtonStyleBuilder(ActionLevelEnum.Default).withTextButton();
-        this._icon = 'pi pi-exclamation-triangle';
-        this._acceptIcon = 'pi pi-check';
-        this._rejectIcon = 'pi pi-times';
+        this._iconPosition = 'left';
+        this._styleClass = new ButtonStyleBuilder();
+    }
+    withLabel(label) {
+        this._label = label;
+        return this;
     }
     withIcon(icon) {
         this._icon = icon;
         return this;
     }
-    withTitle(title) {
-        this._title = title;
+    withIconPosition(iconPosition) {
+        this._iconPosition = iconPosition;
         return this;
     }
-    withMessage(message) {
-        this._message = message;
+    withStyleClass(style) {
+        this._styleClass = style;
+        return this;
+    }
+    withBadge(badge) {
+        this._badge = badge;
         return this;
     }
-    withAcceptLabel(acceptLabel) {
-        this._acceptLabel = acceptLabel;
+    withTooltip(tooltip) {
+        this._tooltip = tooltip;
         return this;
     }
-    withAcceptIcon(acceptIcon) {
-        this._acceptIcon = acceptIcon;
+    get label() {
+        return this._label;
+    }
+    get icon() {
+        return this._icon;
+    }
+    get iconPosition() {
+        return this._iconPosition;
+    }
+    get styleClass() {
+        return this._styleClass;
+    }
+    get badge() {
+        return this._badge;
+    }
+    get tooltip() {
+        return this._tooltip;
+    }
+    copy() {
+        const descriptor = new ActionButtonDescriptor();
+        descriptor._label = this._label;
+        descriptor._icon = this._icon;
+        descriptor._iconPosition = this._iconPosition;
+        descriptor._styleClass = this._styleClass;
+        descriptor._badge = this._badge;
+        descriptor._tooltip = this._tooltip;
+        return descriptor;
+    }
+}
+
+class ActionConfirmationDialogDescriptor {
+    constructor() {
+        this._closeOnEscape = true; // Defines if dialog closes when esc key is pressed.
+        this._closable = true; // Defines if dialog is closable.
+        this._acceptButton = new ActionButtonDescriptor().withIcon('pi pi-check').withStyleClass(new ButtonStyleBuilder(StyleLevelEnum.Default));
+        this._rejectButton = new ActionButtonDescriptor().withIcon('pi pi-times').withStyleClass(new ButtonStyleBuilder(StyleLevelEnum.Default).withTextButton());
+        this._icon = 'pi pi-exclamation-triangle';
+    }
+    withIcon(icon) {
+        this._icon = icon;
         return this;
     }
-    withAcceptButtonStyle(buttonStyle) {
-        this._acceptButtonStyle = buttonStyle;
+    withTitle(title) {
+        this._title = title;
         return this;
     }
-    withRejectLabel(rejectLabel) {
-        this._rejectLabel = rejectLabel;
+    withMessage(message) {
+        this._message = message;
         return this;
     }
-    withRejectIcon(rejectIcon) {
-        this._rejectIcon = rejectIcon;
+    withAcceptButton(actionButtonDescriptor) {
+        this._acceptButton = actionButtonDescriptor;
         return this;
     }
-    withRejectButtonStyle(buttonStyle) {
-        this._rejectButtonStyle = buttonStyle;
+    withRejectButton(actionButtonDescriptor) {
+        this._rejectButton = actionButtonDescriptor;
         return this;
     }
     /**
@@ -1287,24 +1324,6 @@ class ActionConfirmationDialogDescriptor {
     get message() {
         return this._message;
     }
-    get acceptLabel() {
-        return this._acceptLabel;
-    }
-    get acceptIcon() {
-        return this._acceptIcon;
-    }
-    get acceptButtonStyle() {
-        return this._acceptButtonStyle;
-    }
-    get rejectLabel() {
-        return this._rejectLabel;
-    }
-    get rejectIcon() {
-        return this._rejectIcon;
-    }
-    get rejectButtonStyle() {
-        return this._rejectButtonStyle;
-    }
     get closeOnEscape() {
         return this._closeOnEscape;
     }
@@ -1314,6 +1333,12 @@ class ActionConfirmationDialogDescriptor {
     get runConfirmationConfigMapFn() {
         return this._runConfirmationConfigMapFn;
     }
+    get acceptButton() {
+        return this._acceptButton;
+    }
+    get rejectButton() {
+        return this._rejectButton;
+    }
 }
 
 class ActionDescriptor {
@@ -1321,12 +1346,12 @@ class ActionDescriptor {
         this._type = ActionTypeEnum.Direct;
         this._activationTrigger = ActionActivationTriggerEnum.OnClick;
         this._position = ActionPositionEnum.ToolbarRight;
-        this._level = ActionLevelEnum.Default;
+        this._level = StyleLevelEnum.Default;
         this._routeUrl = null;
         this._hasRunNotificationSuccess = true;
         this._hasRunNotificationError = true;
         //button
-        this._buttonDescriptor = new ButtonDescriptor();
+        this._button = new ActionButtonDescriptor();
         // multiple row selection
         this._hasItemsSelection = false;
         this._model = model;
@@ -1402,7 +1427,7 @@ class ActionDescriptor {
         return this._actionNameLong;
     }
     get className() {
-        return this.buttonDescriptor.styleClass.customClass;
+        return this.button.styleClass.customClass;
     }
     get runConfirmationDialogDescriptor() {
         return this._runConfirmationDialogDescriptor;
@@ -1443,8 +1468,8 @@ class ActionDescriptor {
     get hasItemsSelection() {
         return this._hasItemsSelection;
     }
-    get buttonDescriptor() {
-        return this._buttonDescriptor;
+    get button() {
+        return this._button;
     }
     withDataProvider(dataProvider) {
         this._dataProvider = dataProvider;
@@ -1483,8 +1508,8 @@ class ActionDescriptor {
      */
     withRunConfirmation() {
         this._runConfirmationDialogDescriptor = new ActionConfirmationDialogDescriptor();
-        this._runConfirmationDialogDescriptor.acceptButtonStyle.withActionLevel(this._level);
-        this._runConfirmationDialogDescriptor.rejectButtonStyle.withActionLevel(this._level);
+        this._runConfirmationDialogDescriptor.acceptButton.styleClass.withActionLevel(this._level);
+        this._runConfirmationDialogDescriptor.rejectButton?.styleClass.withActionLevel(this._level);
         return this._runConfirmationDialogDescriptor;
     }
     /**
@@ -1526,8 +1551,12 @@ class ActionDescriptor {
         this._permissionsRouteType = permissionsRouteType;
         return this;
     }
-    withButtonDescriptor(buttonDescriptor) {
-        this._buttonDescriptor = buttonDescriptor;
+    withButtonDescriptor(button) {
+        this._button = button;
+        return this;
+    }
+    withButton(label, icon = null, styleLevel = StyleLevelEnum.Default, styleText = false) {
+        this._button = new ActionButtonDescriptor().withLabel(label).withIcon(icon).withStyleClass(new ButtonStyleBuilder(styleLevel).withTextButton(styleText));
         return this;
     }
     withItemsSelection(hasSelection = true) {
@@ -1548,7 +1577,7 @@ class ActionEditorDescriptor extends ActionDescriptor {
         this._editorActions = [];
         this._editorTitle = undefined;
         this._hasFetchNotificationSuccess = false;
-        this._dialogSize = ActionEditorDialogSizeEnum.Normal;
+        this._dialogSize = StyleSizeEnum.Normal;
         this._type = ActionTypeEnum.Editor;
         this._editorDescriptor = editorDescriptor;
         this._editorActions.push(ActionEditorSubmitDescriptor.forPrimary(this), ActionEditorSubmitDescriptor.forSecondary(this));
@@ -1613,7 +1642,7 @@ class ActionEditorDescriptor extends ActionDescriptor {
         this._dataProvider = new EditorDataProvider(this._model.type, serviceType);
         return this;
     }
-    withDialogSize(size = ActionEditorDialogSizeEnum.Normal) {
+    withDialogSize(size = StyleSizeEnum.Normal) {
         this._dialogSize = size;
         return this;
     }
@@ -1657,7 +1686,7 @@ class ActionEditorSubmitDescriptor extends ActionDescriptor {
         this._editorAction = editorAction;
         this._submitType = submitType;
         this._position = ActionPositionEnum.FooterRight;
-        this.buttonDescriptor.styleClass.withActionLevel(editorAction.level).withTextButton();
+        this.button.styleClass.withActionLevel(editorAction.level).withTextButton();
     }
     /**
      * creates primary action with primary button style
@@ -1665,7 +1694,7 @@ class ActionEditorSubmitDescriptor extends ActionDescriptor {
      * @param submitType
      */
     static forPrimary(editorAction, submitType = ActionEditorSubmitTypeEnum.Submit) {
-        return new ActionEditorSubmitDescriptor(editorAction, submitType).withButtonDescriptor(new ButtonDescriptor().withStyleClass(new ButtonStyleBuilder()));
+        return new ActionEditorSubmitDescriptor(editorAction, submitType).withButtonDescriptor(new ActionButtonDescriptor().withStyleClass(new ButtonStyleBuilder()));
     }
     /**
      * creates secondary button with text button style
@@ -1673,7 +1702,7 @@ class ActionEditorSubmitDescriptor extends ActionDescriptor {
      * @param submitType
      */
     static forSecondary(editorAction, submitType = ActionEditorSubmitTypeEnum.Cancel) {
-        return new ActionEditorSubmitDescriptor(editorAction, submitType).withButtonDescriptor(new ButtonDescriptor().withStyleClass(new ButtonStyleBuilder().withTextButton()));
+        return new ActionEditorSubmitDescriptor(editorAction, submitType).withButtonDescriptor(new ActionButtonDescriptor().withStyleClass(new ButtonStyleBuilder().withTextButton()));
     }
     get submitType() {
         return this._submitType;
@@ -1707,8 +1736,8 @@ class ActionEditorAddDescriptor extends ActionEditorDescriptor {
         this.withPosition(ActionPositionEnum.ToolbarLeft);
         this.withRouteTrigger('add');
         this.withSubmitFunction(ActionDataProviderUtil.runCreateOrFail);
-        this.buttonDescriptor.styleClass.withActionLevel(ActionLevelEnum.Success);
-        this.buttonDescriptor.withIcon('pi pi-plus');
+        this.button.styleClass.withActionLevel(StyleLevelEnum.Success);
+        this.button.withIcon('pi pi-plus');
         this.withPermissionsRouteType(Permissions.ActionTypes.ADD);
     }
     withServiceType(serviceType) {
@@ -1735,7 +1764,7 @@ class ActionEditorEditDescriptor extends ActionEditorDescriptor {
         this.withFetchFunction(ActionDataProviderUtil.runFetchOrFail);
         this.withSubmitFunction(ActionDataProviderUtil.runUpdateOrFail);
         this.withPermissionsRouteType(Permissions.ActionTypes.EDIT);
-        this.buttonDescriptor.withLabel(null).withIcon('pi pi-pencil');
+        this.button.withLabel(null).withIcon('pi pi-pencil');
     }
     withServiceType(serviceType) {
         return this.withServiceSubmitFunction(serviceType);
@@ -1758,10 +1787,10 @@ class ActionDeleteDescriptor extends ActionDescriptor {
         super(model, ActionDeleteDescriptor.ACTION_NAME);
         this.withPosition(ActionPositionEnum.RowInline);
         this.withRunFunction(ActionDataProviderUtil.runDeleteOrFail);
-        this.buttonDescriptor.styleClass.withActionLevel(ActionLevelEnum.Danger);
+        this.button.styleClass.withActionLevel(StyleLevelEnum.Danger);
         this.withRunConfirmation();
         this.withPermissionsRouteType(Permissions.ActionTypes.DELETE);
-        this.buttonDescriptor.withLabel(null).withIcon('pi pi-trash');
+        this.button.withLabel(null).withIcon('pi pi-trash');
     }
     withServiceType(serviceType) {
         return this.withServiceDeleteFunction(serviceType);
@@ -3403,6 +3432,8 @@ class FieldLookupDescriptor extends AFieldDescriptor {
         this._dropdownClassName = 'mng-filter-lookup-dropdown';
         this._autocompleteOpenOnFocus = false;
         this._autocompleteInlineSearch = false;
+        this._autocompleteAutoClear = false;
+        this._autocompleteSelectFirst = false;
         this._modelType = modelType;
         ModelUtil.trySetLookupItemsProperties(this);
     }
@@ -3433,6 +3464,12 @@ class FieldLookupDescriptor extends AFieldDescriptor {
     get autocompleteInlineSearch() {
         return this._autocompleteInlineSearch;
     }
+    get autocompleteAutoClear() {
+        return this._autocompleteAutoClear;
+    }
+    get autocompleteSelectFirst() {
+        return this._autocompleteSelectFirst;
+    }
     get dropdownClassName() {
         return this._dropdownClassName;
     }
@@ -3480,8 +3517,10 @@ class FieldLookupDescriptor extends AFieldDescriptor {
     withConfig(config) {
         return super.withConfig(config);
     }
-    asAutocomplete(openOnFocus = false, inlineSearch = false) {
+    asAutocomplete(openOnFocus = false, inlineSearch = false, selectFirst = false, autoClear = false) {
         this._lookupType = FieldLookupTypeEnum.Autocomplete;
+        this._autocompleteAutoClear = autoClear;
+        this._autocompleteSelectFirst = selectFirst;
         this._autocompleteOpenOnFocus = openOnFocus;
         this._autocompleteInlineSearch = inlineSearch;
         return this;
@@ -4598,116 +4637,6 @@ class TableviewDynamicDescriptor extends TableviewDescriptor {
     }
 }
 
-class ButtonDescriptor {
-    constructor() {
-        this._disabled = false;
-        this._iconPosition = 'left';
-        this._styleClass = new ButtonStyleBuilder();
-        this._loading = false;
-        this._loadingIcon = 'pi pi-spinner pi-spin';
-    }
-    withLabel(label) {
-        this._label = label;
-        return this;
-    }
-    withDisabled(disabled = true) {
-        this._disabled = disabled;
-        return this;
-    }
-    withIcon(icon) {
-        this._icon = icon;
-        return this;
-    }
-    withIconPosition(iconPosition) {
-        this._iconPosition = iconPosition;
-        return this;
-    }
-    withStyleClass(style) {
-        this._styleClass = style;
-        return this;
-    }
-    withOnClick(onClick) {
-        this._onClick = onClick;
-        return this;
-    }
-    withOnFocus(onFocus) {
-        this._onFocus = onFocus;
-        return this;
-    }
-    withOnBlur(onBlur) {
-        this._onBlur = onBlur;
-        return this;
-    }
-    withLoading(loading = true) {
-        this._loading = loading;
-        return this;
-    }
-    withLoadingIcon(loadingIcon) {
-        this._loadingIcon = loadingIcon;
-        return this;
-    }
-    withBadge(badge) {
-        this._badge = badge;
-        return this;
-    }
-    withTooltip(tooltip) {
-        this._tooltip = tooltip;
-        return this;
-    }
-    get label() {
-        return this._label;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    get icon() {
-        return this._icon;
-    }
-    get iconPosition() {
-        return this._iconPosition;
-    }
-    get styleClass() {
-        return this._styleClass;
-    }
-    get onClick() {
-        return this._onClick;
-    }
-    get onFocus() {
-        return this._onFocus;
-    }
-    get onBlur() {
-        return this._onBlur;
-    }
-    get loading() {
-        return this._loading;
-    }
-    get loadingIcon() {
-        return this._loadingIcon;
-    }
-    get badge() {
-        return this._badge;
-    }
-    get tooltip() {
-        return this._tooltip;
-    }
-    copy() {
-        const descriptor = new ButtonDescriptor();
-        descriptor._label = this._label;
-        descriptor._disabled = this._disabled;
-        descriptor._icon = this._icon;
-        descriptor._iconPosition = this._iconPosition;
-        descriptor._styleClass = this._styleClass;
-        descriptor._onClick = this._onClick;
-        descriptor._onFocus = this._onFocus;
-        descriptor._onBlur = this._onBlur;
-        descriptor._loading = this._loading;
-        descriptor._loadingIcon = this._loadingIcon;
-        descriptor._badge = this._badge;
-        descriptor._tooltip = this._tooltip;
-        return descriptor;
-    }
-}
-
 class EditorFormlyUtil {
     static createFormlyConfigFromDescriptor(descriptor) {
         const fields = [];
@@ -6933,11 +6862,11 @@ class MngActionExecutorService {
                 key: srcConfirmComponent.getConfirmationServiceInstanceKey(action),
                 icon: confirmationDescriptor.icon,
                 acceptVisible: true,
-                acceptIcon: confirmationDescriptor.acceptIcon ?? undefined,
-                acceptButtonStyleClass: confirmationDescriptor.acceptButtonStyle.getButtonClass(),
+                acceptIcon: confirmationDescriptor.acceptButton.icon ?? undefined,
+                acceptButtonStyleClass: confirmationDescriptor.acceptButton.styleClass.build(),
                 rejectVisible: true,
-                rejectIcon: confirmationDescriptor.rejectIcon ?? undefined,
-                rejectButtonStyleClass: confirmationDescriptor.rejectButtonStyle.getButtonClass(),
+                rejectIcon: confirmationDescriptor.rejectButton?.icon ?? undefined,
+                rejectButtonStyleClass: confirmationDescriptor.rejectButton?.styleClass.build(),
                 closeOnEscape: confirmationDescriptor.closeOnEscape
             };
             if (confirmationDescriptor.title !== null) {
@@ -6948,19 +6877,21 @@ class MngActionExecutorService {
                     I18nUtils.Action.get(this.translate, action, 'confirm.message', confirmationDescriptor.message, StringUtil.escapeHtmlAny(item), 'general.confirmation') ??
                         undefined;
             }
-            if (confirmationDescriptor.acceptLabel !== null) {
-                confirmParams.acceptLabel = I18nUtils.Action.get(this.translate, action, 'confirm.accept', confirmationDescriptor.acceptLabel, item, 'general.yes') ?? undefined;
+            if (confirmationDescriptor.acceptButton.label !== null) {
+                confirmParams.acceptLabel =
+                    I18nUtils.Action.get(this.translate, action, 'confirm.accept', confirmationDescriptor.acceptButton.label, item, 'general.yes') ?? undefined;
             }
-            if (confirmationDescriptor.acceptIcon !== null) {
-                confirmParams.acceptIcon = confirmationDescriptor.acceptIcon;
+            if (confirmationDescriptor.acceptButton.icon !== null) {
+                confirmParams.acceptIcon = confirmationDescriptor.acceptButton.icon;
             }
-            if (confirmationDescriptor.rejectIcon !== null) {
-                confirmParams.rejectIcon = confirmationDescriptor.rejectIcon;
+            if (confirmationDescriptor.rejectButton?.icon !== null) {
+                confirmParams.rejectIcon = confirmationDescriptor.rejectButton?.icon;
             }
-            if (confirmationDescriptor.rejectLabel !== null) {
-                confirmParams.rejectLabel = I18nUtils.Action.get(this.translate, action, 'confirm.reject', confirmationDescriptor.rejectLabel, item, 'general.no') ?? undefined;
+            if (confirmationDescriptor.rejectButton?.label !== null) {
+                confirmParams.rejectLabel =
+                    I18nUtils.Action.get(this.translate, action, 'confirm.reject', confirmationDescriptor.rejectButton?.label, item, 'general.no') ?? undefined;
             }
-            if (confirmationDescriptor.rejectLabel === null && confirmationDescriptor.rejectIcon === null) {
+            if (confirmationDescriptor.rejectButton == null || (confirmationDescriptor.rejectButton.label === null && confirmationDescriptor.rejectButton.icon === null)) {
                 confirmParams.rejectVisible = false;
             }
             confirmParams.accept = () => {
@@ -7008,19 +6939,19 @@ class MngActionExecutorService {
                 dialogClassName = action.dialogClassName ?? 'mng-action-editor-dialog';
                 let dialogSizeClassName = '';
                 switch (action.dialogSize) {
-                    case ActionEditorDialogSizeEnum.ExtraSmall:
+                    case StyleSizeEnum.ExtraSmall:
                         dialogSizeClassName = 'mng-action-editor-dialog-xs';
                         break;
-                    case ActionEditorDialogSizeEnum.Small:
+                    case StyleSizeEnum.Small:
                         dialogSizeClassName = 'mng-action-editor-dialog-sm';
                         break;
-                    case ActionEditorDialogSizeEnum.Large:
+                    case StyleSizeEnum.Large:
                         dialogSizeClassName = 'mng-action-editor-dialog-lg';
                         break;
-                    case ActionEditorDialogSizeEnum.ExtraLarge:
+                    case StyleSizeEnum.ExtraLarge:
                         dialogSizeClassName = 'mng-action-editor-dialog-xl';
                         break;
-                    case ActionEditorDialogSizeEnum.Normal:
+                    case StyleSizeEnum.Normal:
                     default:
                         break;
                 }
@@ -7655,7 +7586,7 @@ class MngActionComponent {
     }
     ngOnInit() {
         this.viewContainer = this.viewContainerInit ?? this.viewContainerService ?? undefined;
-        this.hasNoTitle = this.action.buttonDescriptor.label === null;
+        this.hasNoTitle = this.action.button.label === null;
         this.isEnabledSubject.next(true);
         this.isVisibleSubject.next(true);
         this.isPermittedSubject.next(true);
@@ -7678,7 +7609,7 @@ class MngActionComponent {
             this.isHostHidden = !isVisible || !isPermitted;
         });
         this.subscriptions.push(hostVisibilitySubscription);
-        this.buttonClass = this.action.buttonDescriptor.styleClass.getButtonClass(this.hasNoTitle);
+        this.buttonClass = this.action.button.styleClass.build(this.hasNoTitle);
     }
     ngOnChanges(changes) {
         if (!(changes['item']?.firstChange ?? true) ||
@@ -7765,21 +7696,21 @@ class MngActionComponent {
         }
         if (!this.hasNoTitle) {
             this.labelSubscription?.unsubscribe();
-            this.labelSubscription = I18nUtils.Action.getAsync(this.translate, this.action, 'title', this.action.buttonDescriptor.label ?? undefined, this.item).subscribe({
+            this.labelSubscription = I18nUtils.Action.getAsync(this.translate, this.action, 'title', this.action.button.label ?? undefined, this.item).subscribe({
                 next: i18n => this.labelSubject.next(i18n)
             });
         }
         this.tooltipSubscription?.unsubscribe();
-        this.tooltipSubscription = I18nUtils.Action.getAsync(this.translate, this.action, 'tooltip', this.action.buttonDescriptor.tooltip, this.item).subscribe({
+        this.tooltipSubscription = I18nUtils.Action.getAsync(this.translate, this.action, 'tooltip', this.action.button.tooltip, this.item).subscribe({
             next: i18n => this.tooltipSubject.next(i18n)
         });
     }
 }
 MngActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngActionComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1$2.TranslateService }, { token: MngAuthorizationService }, { token: MngActionExecutorService }, { token: i2.ConfirmationService }, { token: MngViewContainerComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MngActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngActionComponent, selector: "mng-action", inputs: { action: "action", item: "item", itemId: "itemId", actionData: "actionData", queryParam: "queryParam", dataProvider: "dataProvider", inputDisabled: ["disabled", "inputDisabled"], inputLoading: ["loading", "inputLoading"], viewContainerInit: ["viewContainer", "viewContainerInit"], selectedItems: "selectedItems" }, outputs: { finishEventEmitter: "finish" }, host: { properties: { "class": "this.hostClass", "class.m-0": "this.isHostHidden" } }, providers: [ConfirmationService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"($isVisible | async) && ($isPermitted | async)\">\n    <a\n        *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [icon]=\"$any(action.buttonDescriptor.icon)\"\n        [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | parametrize: itemId:item:actionData)\"\n        [target]=\"actionLink.target\"\n        [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [class]=\"buttonClass\"\n        >{{ ($label | async) ?? '' }}</a\n    >\n    <ng-template #routerLink>\n        <a\n            *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.buttonDescriptor.icon)\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.pathSegments | parametrize: itemId:item:actionData)\"\n            [queryParams]=\"actionLink.queryParams | parametrize: itemId:item:actionData\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [class]=\"buttonClass\"\n            >{{ ($label | async) ?? '' }}</a\n        >\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.buttonDescriptor.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            (click)=\"triggerAction($event)\"\n            [class]=\"buttonClass\"></button>\n    </ng-template>\n    <p-confirmDialog\n        *ngIf=\"action.runConfirmationDialogDescriptor\"\n        [key]=\"action.actionName + '_' + cmpId\"\n        [baseZIndex]=\"50\"\n        appendTo=\"body\"\n        [closable]=\"action.runConfirmationDialogDescriptor.closable\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: MngParametrizePipe, name: "parametrize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MngActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngActionComponent, selector: "mng-action", inputs: { action: "action", item: "item", itemId: "itemId", actionData: "actionData", queryParam: "queryParam", dataProvider: "dataProvider", inputDisabled: ["disabled", "inputDisabled"], inputLoading: ["loading", "inputLoading"], viewContainerInit: ["viewContainer", "viewContainerInit"], selectedItems: "selectedItems" }, outputs: { finishEventEmitter: "finish" }, host: { properties: { "class": "this.hostClass", "class.m-0": "this.isHostHidden" } }, providers: [ConfirmationService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"($isVisible | async) && ($isPermitted | async)\">\n    <a\n        *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [icon]=\"$any(action.button.icon)\"\n        [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | parametrize: itemId:item:actionData)\"\n        [target]=\"actionLink.target\"\n        [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [class]=\"buttonClass\"\n        >{{ ($label | async) ?? '' }}</a\n    >\n    <ng-template #routerLink>\n        <a\n            *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.pathSegments | parametrize: itemId:item:actionData)\"\n            [queryParams]=\"actionLink.queryParams | parametrize: itemId:item:actionData\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [class]=\"buttonClass\"\n            >{{ ($label | async) ?? '' }}</a\n        >\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            (click)=\"triggerAction($event)\"\n            [class]=\"buttonClass\"></button>\n    </ng-template>\n    <p-confirmDialog\n        *ngIf=\"action.runConfirmationDialogDescriptor\"\n        [key]=\"action.actionName + '_' + cmpId\"\n        [baseZIndex]=\"50\"\n        appendTo=\"body\"\n        [closable]=\"action.runConfirmationDialogDescriptor.closable\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: MngParametrizePipe, name: "parametrize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ConfirmationService], template: "<ng-container *ngIf=\"($isVisible | async) && ($isPermitted | async)\">\n    <a\n        *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [icon]=\"$any(action.buttonDescriptor.icon)\"\n        [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | parametrize: itemId:item:actionData)\"\n        [target]=\"actionLink.target\"\n        [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [class]=\"buttonClass\"\n        >{{ ($label | async) ?? '' }}</a\n    >\n    <ng-template #routerLink>\n        <a\n            *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.buttonDescriptor.icon)\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.pathSegments | parametrize: itemId:item:actionData)\"\n            [queryParams]=\"actionLink.queryParams | parametrize: itemId:item:actionData\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [class]=\"buttonClass\"\n            >{{ ($label | async) ?? '' }}</a\n        >\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.buttonDescriptor.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            (click)=\"triggerAction($event)\"\n            [class]=\"buttonClass\"></button>\n    </ng-template>\n    <p-confirmDialog\n        *ngIf=\"action.runConfirmationDialogDescriptor\"\n        [key]=\"action.actionName + '_' + cmpId\"\n        [baseZIndex]=\"50\"\n        appendTo=\"body\"\n        [closable]=\"action.runConfirmationDialogDescriptor.closable\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"] }]
+            args: [{ selector: 'mng-action', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ConfirmationService], template: "<ng-container *ngIf=\"($isVisible | async) && ($isPermitted | async)\">\n    <a\n        *ngIf=\"actionLink && actionLink.url !== ''; else routerLink\"\n        pButton\n        pRipple\n        [icon]=\"$any(action.button.icon)\"\n        [href]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.url | parametrize: itemId:item:actionData)\"\n        [target]=\"actionLink.target\"\n        [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n        [class]=\"buttonClass\"\n        >{{ ($label | async) ?? '' }}</a\n    >\n    <ng-template #routerLink>\n        <a\n            *ngIf=\"actionLink; else button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [target]=\"actionLink.target\"\n            [replaceUrl]=\"actionLink.replaceUrl\"\n            [routerLink]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false) ? null : (actionLink.pathSegments | parametrize: itemId:item:actionData)\"\n            [queryParams]=\"actionLink.queryParams | parametrize: itemId:item:actionData\"\n            [queryParamsHandling]=\"actionLink.queryParamsHandling\"\n            [class.disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            [class]=\"buttonClass\"\n            >{{ ($label | async) ?? '' }}</a\n        >\n    </ng-template>\n    <ng-template #button>\n        <button\n            type=\"button\"\n            pButton\n            pRipple\n            [icon]=\"$any(action.button.icon)\"\n            [label]=\"($label | async) ?? ''\"\n            [pTooltip]=\"$any($tooltip | async)\"\n            [loading]=\"(($loading | async) ?? false) || ((inputLoading | async) ?? false)\"\n            [disabled]=\"($isEnabled | async) === false || ((inputDisabled | async) ?? false)\"\n            (click)=\"triggerAction($event)\"\n            [class]=\"buttonClass\"></button>\n    </ng-template>\n    <p-confirmDialog\n        *ngIf=\"action.runConfirmationDialogDescriptor\"\n        [key]=\"action.actionName + '_' + cmpId\"\n        [baseZIndex]=\"50\"\n        appendTo=\"body\"\n        [closable]=\"action.runConfirmationDialogDescriptor.closable\"></p-confirmDialog>\n</ng-container>\n", styles: [":host{display:inline-block}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i1$2.TranslateService }, { type: MngAuthorizationService }, { type: MngActionExecutorService }, { type: i2.ConfirmationService }, { type: MngViewContainerComponentService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { hostClass: [{
@@ -8234,6 +8165,9 @@ class MngAutocompleteComponent {
         this.multiselect = false;
         this.className = null;
         this.dropdownClassName = null;
+        this.showClear = false;
+        this.autoClear = false;
+        this.selectFirst = false; //on every input field change return first given value (or null)
         this.valueChangeEventEmitter = new EventEmitter();
         this.isInited = false;
         this.suggestionsSubject = new BehaviorSubject([]);
@@ -8248,9 +8182,13 @@ class MngAutocompleteComponent {
     }
     ngOnInit() {
         this.setItemsAndDataProvider();
+        if (this.selectFirst) {
+            this.suggestionSubscription = this.suggestions$.subscribe(e => this.valueChangeEventEmitter.emit(e.length === 0 ? null : e[0]));
+        }
     }
     ngOnDestroy() {
         this.searchSubscription?.unsubscribe();
+        this.suggestionSubscription?.unsubscribe();
     }
     onSearch(event) {
         this.searchSubscription?.unsubscribe();
@@ -8287,6 +8225,11 @@ class MngAutocompleteComponent {
     onBlur(event) {
         this.formlyWrapper?.formControl?.markAsTouched();
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onClear(event) {
+        this.onChangeFn();
+        this.valueChangeEventEmitter.next(null);
+    }
     registerOnChange(fn) {
         this.onChangeFn = fn;
     }
@@ -8450,10 +8393,10 @@ class MngAutocompleteComponent {
     }
 }
 MngAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngAutocompleteComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: MngFormlyFieldWrapperComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MngAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: { dataProvider: "dataProvider", dataKeyProperty: "dataKeyProperty", itemsValuePropertyInit: ["itemsValueProperty", "itemsValuePropertyInit"], itemsLabelPropertyInit: ["itemsLabelProperty", "itemsLabelPropertyInit"], itemsLabelTranslate: "itemsLabelTranslate", inlineSearch: "inlineSearch", openOnFocus: "openOnFocus", multiselect: "multiselect", placeholder: "placeholder", className: "className", dropdownClassName: "dropdownClassName" }, outputs: { valueChangeEventEmitter: "valueChange" }, providers: [MNG_AUTOCOMPLETE_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeAutocomplete", first: true, predicate: AutoComplete, descendants: true }], ngImport: i0, template: "<p-autoComplete\n    (onFocus)=\"onFocus($event)\"\n    [formControl]=\"autocompleteFormControl\"\n    [placeholder]=\"$any(placeholder)\"\n    [dropdown]=\"true\"\n    [dataKey]=\"$any(dataKeyProperty)\"\n    [field]=\"$any(itemsLabelProperty)\"\n    [suggestions]=\"(suggestions$ | async) ?? []\"\n    [multiple]=\"multiselect\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"$any(className)\"\n    [panelStyleClass]=\"$any(dropdownClassName)\"\n    [minLength]=\"openOnFocus ? 0 : 1\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onBlur)=\"onBlur($event)\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MngAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: { dataProvider: "dataProvider", dataKeyProperty: "dataKeyProperty", itemsValuePropertyInit: ["itemsValueProperty", "itemsValuePropertyInit"], itemsLabelPropertyInit: ["itemsLabelProperty", "itemsLabelPropertyInit"], itemsLabelTranslate: "itemsLabelTranslate", inlineSearch: "inlineSearch", openOnFocus: "openOnFocus", multiselect: "multiselect", placeholder: "placeholder", className: "className", dropdownClassName: "dropdownClassName", showClear: "showClear", autoClear: "autoClear", selectFirst: "selectFirst" }, outputs: { valueChangeEventEmitter: "valueChange" }, providers: [MNG_AUTOCOMPLETE_VALUE_ACCESSOR], viewQueries: [{ propertyName: "primeAutocomplete", first: true, predicate: AutoComplete, descendants: true }], ngImport: i0, template: "<p-autoComplete\n    (onFocus)=\"onFocus($event)\"\n    [formControl]=\"autocompleteFormControl\"\n    [placeholder]=\"$any(placeholder)\"\n    [dropdown]=\"true\"\n    [dataKey]=\"$any(dataKeyProperty)\"\n    [field]=\"$any(itemsLabelProperty)\"\n    [suggestions]=\"(suggestions$ | async) ?? []\"\n    [multiple]=\"multiselect\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"$any(className)\"\n    [panelStyleClass]=\"$any(dropdownClassName)\"\n    [minLength]=\"openOnFocus ? 0 : 1\"\n    [showClear]=\"showClear\"\n    [forceSelection]=\"autoClear\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onClear)=\"onClear($event)\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-autocomplete', providers: [MNG_AUTOCOMPLETE_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-autoComplete\n    (onFocus)=\"onFocus($event)\"\n    [formControl]=\"autocompleteFormControl\"\n    [placeholder]=\"$any(placeholder)\"\n    [dropdown]=\"true\"\n    [dataKey]=\"$any(dataKeyProperty)\"\n    [field]=\"$any(itemsLabelProperty)\"\n    [suggestions]=\"(suggestions$ | async) ?? []\"\n    [multiple]=\"multiselect\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"$any(className)\"\n    [panelStyleClass]=\"$any(dropdownClassName)\"\n    [minLength]=\"openOnFocus ? 0 : 1\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onBlur)=\"onBlur($event)\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n" }]
+            args: [{ selector: 'mng-autocomplete', providers: [MNG_AUTOCOMPLETE_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-autoComplete\n    (onFocus)=\"onFocus($event)\"\n    [formControl]=\"autocompleteFormControl\"\n    [placeholder]=\"$any(placeholder)\"\n    [dropdown]=\"true\"\n    [dataKey]=\"$any(dataKeyProperty)\"\n    [field]=\"$any(itemsLabelProperty)\"\n    [suggestions]=\"(suggestions$ | async) ?? []\"\n    [multiple]=\"multiselect\"\n    [showEmptyMessage]=\"true\"\n    [emptyMessage]=\"'mngAutocomplete.noMatches' | translate\"\n    [styleClass]=\"$any(className)\"\n    [panelStyleClass]=\"$any(dropdownClassName)\"\n    [minLength]=\"openOnFocus ? 0 : 1\"\n    [showClear]=\"showClear\"\n    [forceSelection]=\"autoClear\"\n    (completeMethod)=\"onSearch($event)\"\n    (onSelect)=\"onSelect($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onClear)=\"onClear($event)\"\n    appendTo=\"body\"\n    dropdownMode=\"current\">\n</p-autoComplete>\n" }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$2.TranslateService }, { type: MngFormlyFieldWrapperComponent, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { dataProvider: [{
@@ -8480,6 +8423,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                 type: Input
             }], dropdownClassName: [{
                 type: Input
+            }], showClear: [{
+                type: Input
+            }], autoClear: [{
+                type: Input
+            }], selectFirst: [{
+                type: Input
             }], valueChangeEventEmitter: [{
                 type: Output,
                 args: ['valueChange']
@@ -8829,11 +8778,11 @@ class MngActionEditorComponent {
         this.setTitle();
         for (const action of this.action.editorActions) {
             if (action instanceof ActionEditorSubmitDescriptor) {
-                if (typeof action.buttonDescriptor.icon === 'undefined') {
-                    action.buttonDescriptor.withIcon(action.submitType === ActionEditorSubmitTypeEnum.Submit ? 'pi pi-check' : 'pi pi-times');
+                if (typeof action.button.icon === 'undefined') {
+                    action.button.withIcon(action.submitType === ActionEditorSubmitTypeEnum.Submit ? 'pi pi-check' : 'pi pi-times');
                 }
-                if (typeof action.buttonDescriptor.label === 'undefined') {
-                    action.buttonDescriptor.withLabel(action.submitType === ActionEditorSubmitTypeEnum.Submit ? 'general.save' : this.isDialog ? 'general.close' : 'general.cancel');
+                if (typeof action.button.label === 'undefined') {
+                    action.button.withLabel(action.submitType === ActionEditorSubmitTypeEnum.Submit ? 'general.save' : this.isDialog ? 'general.close' : 'general.cancel');
                 }
                 // assign run operations
                 action.withRunNotificationSuccess(undefined, undefined, false);
@@ -9000,47 +8949,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
                 args: [MngFormEditorComponent]
             }] } });
 
-class MngButtonComponent {
-    constructor() {
-        this.clickEmitter = new EventEmitter();
-        this.focusEmitter = new EventEmitter();
-        this.blurEmitter = new EventEmitter();
-        this.buttonClass = 'p-button';
-    }
-    ngOnInit() {
-        this.buttonClass = `${this.descriptor.styleClass.getButtonClass(this.descriptor.label == null)}`;
-    }
-    onClick(event) {
-        this.clickEmitter.next(event);
-        this.descriptor.onClick?.(event);
-    }
-    onFocus(event) {
-        this.focusEmitter.next(event);
-        this.descriptor.onFocus?.(event);
-    }
-    onBlur(event) {
-        this.blurEmitter.next(event);
-        this.descriptor.onBlur?.(event);
-    }
-}
-MngButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MngButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngButtonComponent, selector: "mng-button", inputs: { descriptor: "descriptor" }, outputs: { clickEmitter: "buttonClick", focusEmitter: "buttonFocus", blurEmitter: "buttonBlur" }, ngImport: i0, template: "<p-button\n    #button\n    type=\"button\"\n    [label]=\"$any(descriptor.label) | translate\"\n    [icon]=\"$any(descriptor.icon)\"\n    [iconPos]=\"$any(descriptor.iconPosition)\"\n    [loading]=\"$any(descriptor.loading)\"\n    [loadingIcon]=\"$any(descriptor.loadingIcon)\"\n    [disabled]=\"$any(descriptor.disabled)\"\n    [styleClass]=\"buttonClass\"\n    [pTooltip]=\"$any(descriptor.tooltip) | translate\"\n    [badge]=\"$any(descriptor.badge)\"\n    (onClick)=\"onClick($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onFocus)=\"onFocus($event)\"></p-button>\n", dependencies: [{ kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mng-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-button\n    #button\n    type=\"button\"\n    [label]=\"$any(descriptor.label) | translate\"\n    [icon]=\"$any(descriptor.icon)\"\n    [iconPos]=\"$any(descriptor.iconPosition)\"\n    [loading]=\"$any(descriptor.loading)\"\n    [loadingIcon]=\"$any(descriptor.loadingIcon)\"\n    [disabled]=\"$any(descriptor.disabled)\"\n    [styleClass]=\"buttonClass\"\n    [pTooltip]=\"$any(descriptor.tooltip) | translate\"\n    [badge]=\"$any(descriptor.badge)\"\n    (onClick)=\"onClick($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onFocus)=\"onFocus($event)\"></p-button>\n" }]
-        }], propDecorators: { descriptor: [{
-                type: Input
-            }], clickEmitter: [{
-                type: Output,
-                args: ['buttonClick']
-            }], focusEmitter: [{
-                type: Output,
-                args: ['buttonFocus']
-            }], blurEmitter: [{
-                type: Output,
-                args: ['buttonBlur']
-            }] } });
-
 class MngFormlyFieldAutocompleteComponent extends FieldType {
     constructor() {
         super(...arguments);
@@ -9075,10 +8983,10 @@ class MngFormlyFieldAutocompleteComponent extends FieldType {
     }
 }
 MngFormlyFieldAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngFormlyFieldAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MngFormlyFieldAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngFormlyFieldAutocompleteComponent, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"$any(descriptor.dataProvider)\"\n    [dataKeyProperty]=\"$any(descriptor.dataKeyProperty)\"\n    [itemsLabelProperty]=\"$any(descriptor.itemsLabelProperty)\"\n    [itemsValueProperty]=\"$any(descriptor.itemsValueProperty)\"\n    [className]=\"descriptor.inputClassName\">\n</mng-autocomplete>\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MngFormlyFieldAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngFormlyFieldAutocompleteComponent, selector: "mng-formly-field-autocomplete", usesInheritance: true, ngImport: i0, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"$any(descriptor.dataProvider)\"\n    [dataKeyProperty]=\"$any(descriptor.dataKeyProperty)\"\n    [itemsLabelProperty]=\"$any(descriptor.itemsLabelProperty)\"\n    [itemsValueProperty]=\"$any(descriptor.itemsValueProperty)\"\n    [className]=\"descriptor.inputClassName\"\n    [showClear]=\"!to.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst\"\n    [autoClear]=\"descriptor.autocompleteAutoClear\">\n</mng-autocomplete>\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName", "showClear", "autoClear", "selectFirst"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngFormlyFieldAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mng-formly-field-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"$any(descriptor.dataProvider)\"\n    [dataKeyProperty]=\"$any(descriptor.dataKeyProperty)\"\n    [itemsLabelProperty]=\"$any(descriptor.itemsLabelProperty)\"\n    [itemsValueProperty]=\"$any(descriptor.itemsValueProperty)\"\n    [className]=\"descriptor.inputClassName\">\n</mng-autocomplete>\n" }]
+            args: [{ selector: 'mng-formly-field-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-autocomplete\n    [id]=\"$any(key)\"\n    [formControl]=\"aFormControl\"\n    [formlyAttributes]=\"field\"\n    [dataProvider]=\"$any(descriptor.dataProvider)\"\n    [dataKeyProperty]=\"$any(descriptor.dataKeyProperty)\"\n    [itemsLabelProperty]=\"$any(descriptor.itemsLabelProperty)\"\n    [itemsValueProperty]=\"$any(descriptor.itemsValueProperty)\"\n    [className]=\"descriptor.inputClassName\"\n    [showClear]=\"!to.required\"\n    [selectFirst]=\"descriptor.autocompleteSelectFirst\"\n    [autoClear]=\"descriptor.autocompleteAutoClear\">\n</mng-autocomplete>\n" }]
         }] });
 
 class MngFormlyFieldInputComponent extends FieldType {
@@ -9387,7 +9295,7 @@ class MngTableColumnFilterComponent {
     }
 }
 MngTableColumnFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableColumnFilterComponent, deps: [{ token: i2.PrimeNGConfig }], target: i0.ɵɵFactoryTarget.Component });
-MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, viewQueries: [{ propertyName: "primeColumnFilter", first: true, predicate: ColumnFilter, descendants: true }], ngImport: i0, template: "<p-columnFilter\n    class=\"ml-auto\"\n    [type]=\"primeType\"\n    [field]=\"descriptor.property\"\n    [display]=\"primeDisplay\"\n    [matchMode]=\"$any(primeDefaultMatchMode)\"\n    [matchModeOptions]=\"$any(primeMatchModes)\"\n    [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n    [showMatchModes]=\"true\"\n    [showOperator]=\"false\"\n    [showAddButton]=\"false\"\n    [hideOnClear]=\"true\"\n    [showMenu]=\"primeShowMatchMode\"\n    [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n    [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n    [useGrouping]=\"descriptor.numberUseGrouping\">\n    <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n            <mng-date-range\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [showTime]=\"descriptor.datePickerShowTime\"\n                [dateFormat]=\"descriptor.datePickerFormat\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n        </ng-container>\n        <ng-template #datePicker>\n            <p-calendar\n                appendTo=\"body\"\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n                [showIcon]=\"true\"\n                [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n                [showTime]=\"descriptor.datePickerShowTime\">\n            </p-calendar>\n        </ng-template>\n    </ng-template>\n    <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n            <mng-autocomplete\n                *ngSwitchCase=\"lookupTypeAutocomplete\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [openOnFocus]=\"lookupDescriptor.autocompleteOpenOnFocus\"\n                [inlineSearch]=\"lookupDescriptor.autocompleteInlineSearch\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n            </mng-autocomplete>\n            <mng-dropdown\n                *ngSwitchCase=\"lookupTypeDropdown\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                [showClear]=\"false\"\n                [changeValueOnBlur]=\"lookupDescriptor.multiselect\"\n                (valueChange)=\"dropdownFilter($event, filterCallback)\">\n            </mng-dropdown>\n        </ng-container>\n    </ng-template>\n</p-columnFilter>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$4.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName"], outputs: ["valueChange"] }, { kind: "component", type: MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "itemsLabelTranslate", "itemsValueProperty", "itemsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur"], outputs: ["valueChange"] }, { kind: "component", type: MngDateRangeComponent, selector: "mng-date-range", inputs: ["placeholder", "showTime", "showSeconds", "dateFormat"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+MngTableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: MngTableColumnFilterComponent, selector: "mng-table-column-filter", inputs: { descriptor: "descriptor", display: "display" }, viewQueries: [{ propertyName: "primeColumnFilter", first: true, predicate: ColumnFilter, descendants: true }], ngImport: i0, template: "<p-columnFilter\n    class=\"ml-auto\"\n    [type]=\"primeType\"\n    [field]=\"descriptor.property\"\n    [display]=\"primeDisplay\"\n    [matchMode]=\"$any(primeDefaultMatchMode)\"\n    [matchModeOptions]=\"$any(primeMatchModes)\"\n    [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n    [showMatchModes]=\"true\"\n    [showOperator]=\"false\"\n    [showAddButton]=\"false\"\n    [hideOnClear]=\"true\"\n    [showMenu]=\"primeShowMatchMode\"\n    [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n    [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n    [useGrouping]=\"descriptor.numberUseGrouping\">\n    <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n            <mng-date-range\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [showTime]=\"descriptor.datePickerShowTime\"\n                [dateFormat]=\"descriptor.datePickerFormat\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n        </ng-container>\n        <ng-template #datePicker>\n            <p-calendar\n                appendTo=\"body\"\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n                [showIcon]=\"true\"\n                [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n                [showTime]=\"descriptor.datePickerShowTime\">\n            </p-calendar>\n        </ng-template>\n    </ng-template>\n    <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n            <mng-autocomplete\n                *ngSwitchCase=\"lookupTypeAutocomplete\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [openOnFocus]=\"lookupDescriptor.autocompleteOpenOnFocus\"\n                [inlineSearch]=\"lookupDescriptor.autocompleteInlineSearch\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n            </mng-autocomplete>\n            <mng-dropdown\n                *ngSwitchCase=\"lookupTypeDropdown\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                [showClear]=\"false\"\n                [changeValueOnBlur]=\"lookupDescriptor.multiselect\"\n                (valueChange)=\"dropdownFilter($event, filterCallback)\">\n            </mng-dropdown>\n        </ng-container>\n    </ng-template>\n</p-columnFilter>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$4.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"] }, { kind: "component", type: MngAutocompleteComponent, selector: "mng-autocomplete", inputs: ["dataProvider", "dataKeyProperty", "itemsValueProperty", "itemsLabelProperty", "itemsLabelTranslate", "inlineSearch", "openOnFocus", "multiselect", "placeholder", "className", "dropdownClassName", "showClear", "autoClear", "selectFirst"], outputs: ["valueChange"] }, { kind: "component", type: MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "itemsLabelTranslate", "itemsValueProperty", "itemsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur"], outputs: ["valueChange"] }, { kind: "component", type: MngDateRangeComponent, selector: "mng-date-range", inputs: ["placeholder", "showTime", "showSeconds", "dateFormat"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngTableColumnFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mng-table-column-filter', template: "<p-columnFilter\n    class=\"ml-auto\"\n    [type]=\"primeType\"\n    [field]=\"descriptor.property\"\n    [display]=\"primeDisplay\"\n    [matchMode]=\"$any(primeDefaultMatchMode)\"\n    [matchModeOptions]=\"$any(primeMatchModes)\"\n    [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n    [showMatchModes]=\"true\"\n    [showOperator]=\"false\"\n    [showAddButton]=\"false\"\n    [hideOnClear]=\"true\"\n    [showMenu]=\"primeShowMatchMode\"\n    [minFractionDigits]=\"$any(descriptor.numberMinFractionDigits)\"\n    [maxFractionDigits]=\"$any(descriptor.numberMaxFractionDigits)\"\n    [useGrouping]=\"descriptor.numberUseGrouping\">\n    <ng-template *ngIf=\"primeType === 'date'\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container *ngIf=\"activeMatchMode === 'between'; else datePicker\">\n            <mng-date-range\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [showTime]=\"descriptor.datePickerShowTime\"\n                [dateFormat]=\"descriptor.datePickerFormat\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"></mng-date-range>\n        </ng-container>\n        <ng-template #datePicker>\n            <p-calendar\n                appendTo=\"body\"\n                [ngModel]=\"value\"\n                (ngModelChange)=\"dateFilter($event, filterCallback)\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.typeToFilter' | translate\"\n                [showIcon]=\"true\"\n                [dateFormat]=\"descriptor.datePickerFormat ?? 'dd.mm.yy'\"\n                [showTime]=\"descriptor.datePickerShowTime\">\n            </p-calendar>\n        </ng-template>\n    </ng-template>\n    <ng-template *ngIf=\"lookupDescriptor\" pTemplate=\"filter\" let-value let-filterCallback=\"filterCallback\">\n        <ng-container [ngSwitch]=\"lookupDescriptor.lookupType\">\n            <mng-autocomplete\n                *ngSwitchCase=\"lookupTypeAutocomplete\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [dataKeyProperty]=\"lookupDescriptor.dataKeyProperty\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [openOnFocus]=\"lookupDescriptor.autocompleteOpenOnFocus\"\n                [inlineSearch]=\"lookupDescriptor.autocompleteInlineSearch\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.searchToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                (valueChange)=\"autocompleteFilter($event, filterCallback)\">\n            </mng-autocomplete>\n            <mng-dropdown\n                *ngSwitchCase=\"lookupTypeDropdown\"\n                [ngModel]=\"value\"\n                [dataProvider]=\"lookupDescriptor.dataProvider\"\n                [itemsValueProperty]=\"lookupDescriptor.itemsValueProperty\"\n                [itemsLabelProperty]=\"lookupDescriptor.itemsLabelProperty\"\n                [itemsLabelTranslate]=\"lookupDescriptor.itemsLabelTranslate\"\n                [multiselect]=\"lookupDescriptor.multiselect\"\n                [placeholder]=\"descriptor.placeholder ?? 'mngTable.selectToFilter' | translate\"\n                [className]=\"lookupDescriptor.className\"\n                [dropdownClassName]=\"lookupDescriptor.dropdownClassName\"\n                [showClear]=\"false\"\n                [changeValueOnBlur]=\"lookupDescriptor.multiselect\"\n                (valueChange)=\"dropdownFilter($event, filterCallback)\">\n            </mng-dropdown>\n        </ng-container>\n    </ng-template>\n</p-columnFilter>\n" }]
@@ -10070,7 +9978,7 @@ class AMngTableviewRouteComponent {
             }));
         })
             .withPosition(ActionPositionEnum.ToolbarRight);
-        action.buttonDescriptor.withIcon('pi pi-upload');
+        action.button.withIcon('pi pi-upload');
         return action;
     }
     createActionDescriptorForRefresh(descriptor = this.descriptor.model) {
@@ -10082,7 +9990,7 @@ class AMngTableviewRouteComponent {
             ctx.parameters.viewContainer.triggerTableReload({});
             return of(null);
         });
-        action.buttonDescriptor.withIcon('pi pi-refresh').styleClass.withActionLevel(ActionLevelEnum.Secondary);
+        action.button.withIcon('pi pi-refresh').styleClass.withActionLevel(StyleLevelEnum.Secondary);
         return action;
     }
 }
@@ -10322,17 +10230,17 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
             const viewAction = new ActionEditorDescriptor(this.descriptor.tableviewDescriptor.viewEditor, 'details', this.descriptor.editor.model.type, this.descriptor.property)
                 .withPosition(ActionPositionEnum.RowClick)
                 .withDialogClassName('mng-field-dialog mng-action-editor-dialog')
-                .withDialogSize(ActionEditorDialogSizeEnum.Small);
+                .withDialogSize(StyleSizeEnum.Small);
             viewAction.withEditorActions([new ActionEditorSubmitDescriptor(viewAction, ActionEditorSubmitTypeEnum.Cancel)]);
-            viewAction.buttonDescriptor.withLabel(null);
+            viewAction.button.withLabel(null);
             this.actions.push(viewAction);
         }
         if (hasAddAction) {
             const addAction = new ActionEditorDescriptor(this.descriptor.tableviewDescriptor.addEditor, 'add', this.descriptor.editor.model.type, this.descriptor.property)
                 .withPosition(ActionPositionEnum.ToolbarRight)
                 .withDialogClassName('mng-field-dialog mng-action-editor-dialog')
-                .withDialogSize(ActionEditorDialogSizeEnum.Small)
-                .withButtonDescriptor(new ButtonDescriptor().withStyleClass(new ButtonStyleBuilder().withSize(ActionSizeEnum.ExtraSmall)))
+                .withDialogSize(StyleSizeEnum.Small)
+                .withButtonDescriptor(new ActionButtonDescriptor().withStyleClass(new ButtonStyleBuilder().withSize(StyleSizeEnum.ExtraSmall)))
                 .withSubmitFunction(ctx => {
                 if (!ctx.parameters.item) {
                     return throwError(() => new Error(`No item was provided in context, edit cannot be done.`));
@@ -10345,15 +10253,15 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
             })
                 .withIsVisibleFunction(() => of(!this.options?.formState.disabled))
                 .withIsEnabledFunction(() => this.isEnabled$);
-            addAction.buttonDescriptor.withLabel(null).withIcon('pi pi-plus');
+            addAction.button.withLabel(null).withIcon('pi pi-plus');
             this.actions.push(addAction);
         }
         if (hasEditAction) {
             const editAction = new ActionEditorDescriptor(this.descriptor.tableviewDescriptor.editEditor, 'edit', this.descriptor.editor.model.type, this.descriptor.property)
                 .withPosition(ActionPositionEnum.RowInline)
                 .withDialogClassName('mng-field-dialog mng-action-editor-dialog')
-                .withDialogSize(ActionEditorDialogSizeEnum.Small)
-                .withButtonDescriptor(new ButtonDescriptor().withStyleClass(new ButtonStyleBuilder().withSize(ActionSizeEnum.ExtraSmall)))
+                .withDialogSize(StyleSizeEnum.Small)
+                .withButtonDescriptor(new ActionButtonDescriptor().withStyleClass(new ButtonStyleBuilder().withSize(StyleSizeEnum.ExtraSmall)))
                 .withSubmitFunction(ctx => {
                 if (!ctx.parameters.item) {
                     return throwError(() => new Error(`No item was provided in context, edit cannot be done.`));
@@ -10366,13 +10274,13 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
             })
                 .withIsVisibleFunction(() => of(!this.formControl?.disabled))
                 .withIsEnabledFunction(() => this.isEnabled$);
-            editAction.buttonDescriptor.withLabel(null).withIcon('pi pi-pencil');
+            editAction.button.withLabel(null).withIcon('pi pi-pencil');
             this.actions.push(editAction);
         }
         if (hasDeleteAction) {
             const deleteAction = new ActionDescriptor(this.descriptor.tableviewDescriptor.model, 'delete', this.descriptor.editor.model.type, this.descriptor.property)
                 .withPosition(ActionPositionEnum.RowInline)
-                .withButtonDescriptor(new ButtonDescriptor().withStyleClass(new ButtonStyleBuilder(ActionLevelEnum.Danger).withSize(ActionSizeEnum.ExtraSmall)))
+                .withButtonDescriptor(new ActionButtonDescriptor().withStyleClass(new ButtonStyleBuilder(StyleLevelEnum.Danger).withSize(StyleSizeEnum.ExtraSmall)))
                 .withRunFunction(ctx => {
                 if (!ctx.parameters.item) {
                     return throwError(() => new Error(`No item was provided in context, delete cannot be done.`));
@@ -10397,7 +10305,7 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
             })
                 .withIsVisibleFunction(() => of(!this.options?.formState.disabled))
                 .withIsEnabledFunction(() => this.isEnabled$);
-            deleteAction.buttonDescriptor.withLabel(null).withIcon('pi pi-trash');
+            deleteAction.button.withLabel(null).withIcon('pi pi-trash');
             this.actions.push(deleteAction);
         }
         this.actions.push(...this.descriptor.actions);
@@ -11599,9 +11507,7 @@ const declarations = [
     MngFormEditorComponent,
     MngActionComponent,
     MngActionEditorComponent,
-    MngActionRouteComponent,
-    //button
-    MngButtonComponent
+    MngActionRouteComponent
 ];
 class MngCommonsModule {
     static forRoot(config) {
@@ -11724,9 +11630,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         MngFormEditorComponent,
         MngActionComponent,
         MngActionEditorComponent,
-        MngActionRouteComponent,
-        //button
-        MngButtonComponent], imports: [
+        MngActionRouteComponent], imports: [
         // angular modules
         CommonModule,
         RouterModule,
@@ -11845,9 +11749,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         MngFormEditorComponent,
         MngActionComponent,
         MngActionEditorComponent,
-        MngActionRouteComponent,
-        //button
-        MngButtonComponent] });
+        MngActionRouteComponent] });
 MngCommonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: MngCommonsModule, imports: [
         // angular modules
         CommonModule,
@@ -12687,5 +12589,5 @@ class TableviewRouteBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_EDITOR_DIALOG_COMPONENT_SETTING, AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngApiService, AMngBaseApiService, AMngCrudApiService, AMngGetAllApiService, AMngTableviewRouteComponent, APermissions, ActionActivationTriggerEnum, ActionConfirmationDialogDescriptor, ActionContext, ActionContextValidation, ActionDataProviderUtil, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorDialogSizeEnum, ActionEditorEditDescriptor, ActionEditorSubmitDescriptor, ActionEditorSubmitTypeEnum, ActionError, ActionInstance, ActionInstanceStateEnum, ActionLevelEnum, ActionLinkDescriptor, ActionParameters, ActionPositionEnum, ActionSimpleDescriptor, ActionSizeEnum, ActionTypeEnum, AuthorizationTypeEnum, AuthorizationUtil, ButtonDescriptor, ButtonStyleBuilder, ButtonStyleRoundedEnum, ColumnDescriptor, ColumnDynamicDescriptor, ColumnTypeEnum, DataProvider, DateUtil, DefaultMngErrorMapperService, DynamicTableviewDataProvider, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, EnumName, EnumUtil, FieldGroupDescriptor, FieldGroupTypeEnum, FieldInputDescriptor, FieldInputTypeEnum, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldManyEditorActionEnum, FieldManyEditorDescriptor, FieldManyEditorTypeEnum, FieldManyToManyEditorActionEnum, FieldManyToManyEditorDescriptor, FieldManyToManyEditorTypeEnum, FieldSizeEnum, FieldTabGroupDescriptor, FieldValidationDescriptor, FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor, FilterLookupTypeEnum, FilterMatchModeEnum, FilterTypeEnum, I18nUtils, JsonPathPipe, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_BROWSER_STORAGE_IT, MNG_COMMONS_INITIALIZER_IT, MNG_DATE_RANGE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MNG_MODULE_CONFIG_IT, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusRestUtil, MngActionComponent, MngActionEditorComponent, MngActionExecutorService, MngActionRouteComponent, MngAuthorizationGuard, MngAuthorizationService, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngButtonComponent, MngClassMapPipe, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDateRangeComponent, MngDropdownComponent, MngEnumPipe, MngErrorMapperService, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormFieldEvent, MngFormFieldEventComponentSubtype, MngFormFieldEventDialogSubtype, MngFormFieldEventTypeEnum, MngFormlyFieldAutocompleteComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldLabelComponent, MngFormlyFieldLookupDialogComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngFormlyTableWrapperComponent, MngGetterPipe, MngI18nPropertyPipe, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngParametrizePipe, MngTableCellClickEvent, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableLoadEvent, MngTableReloadEvent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTemplatePipe, MngTopbarComponent, MngVersionComponent, MngViewContainerComponentService, ModelDescriptor, ModelUtil, NotificationUtil, ObjectSerializer, Permissions, RouteBuilder, RoutesBuilder, StringUtil, StylesUtil, TableDataProvider, TableDescriptor, TableDynamicColumnsModeEnum, TableDynamicDescriptor, TableFilterDisplayEnum, TablePaginationModeEnum, TableSizeEnum, TableviewActionDefaultCategories, TableviewCrudDataProvider, TableviewDataProvider, TableviewDescriptor, TableviewDynamicDescriptor, TableviewRouteBuilder, TableviewTypeEnum, TypeName, TypeUtil, enumNameDecoratorPropertyName, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getEmailValidationMessage, getFormlyValidationMessages, getMaxLengthValidationMessage, getMinLengthValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngConfigJsonAppInitializerProvider, mngConfigurationServiceProvider, mngFormlyConfigProvider, primeNgModules, typeMapBase, typeNameDecoratorPropertyName };
+export { ACTION_EDITOR_DIALOG_COMPONENT_SETTING, AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngApiService, AMngBaseApiService, AMngCrudApiService, AMngGetAllApiService, AMngTableviewRouteComponent, APermissions, ActionActivationTriggerEnum, ActionButtonDescriptor, ActionConfirmationDialogDescriptor, ActionContext, ActionContextValidation, ActionDataProviderUtil, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionEditorSubmitDescriptor, ActionEditorSubmitTypeEnum, ActionError, ActionInstance, ActionInstanceStateEnum, ActionLinkDescriptor, ActionParameters, ActionPositionEnum, ActionSimpleDescriptor, ActionTypeEnum, AuthorizationTypeEnum, AuthorizationUtil, ButtonStyleBuilder, ButtonStyleRoundedEnum, ColumnDescriptor, ColumnDynamicDescriptor, ColumnTypeEnum, DataProvider, DateUtil, DefaultMngErrorMapperService, DynamicTableviewDataProvider, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, EnumName, EnumUtil, FieldGroupDescriptor, FieldGroupTypeEnum, FieldInputDescriptor, FieldInputTypeEnum, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldManyEditorActionEnum, FieldManyEditorDescriptor, FieldManyEditorTypeEnum, FieldManyToManyEditorActionEnum, FieldManyToManyEditorDescriptor, FieldManyToManyEditorTypeEnum, FieldSizeEnum, FieldTabGroupDescriptor, FieldValidationDescriptor, FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor, FilterLookupTypeEnum, FilterMatchModeEnum, FilterTypeEnum, I18nUtils, JsonPathPipe, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_BROWSER_STORAGE_IT, MNG_COMMONS_INITIALIZER_IT, MNG_DATE_RANGE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MNG_MODULE_CONFIG_IT, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusRestUtil, MngActionComponent, MngActionEditorComponent, MngActionExecutorService, MngActionRouteComponent, MngAuthorizationGuard, MngAuthorizationService, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngClassMapPipe, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDateRangeComponent, MngDropdownComponent, MngEnumPipe, MngErrorMapperService, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormFieldEvent, MngFormFieldEventComponentSubtype, MngFormFieldEventDialogSubtype, MngFormFieldEventTypeEnum, MngFormlyFieldAutocompleteComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldLabelComponent, MngFormlyFieldLookupDialogComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngFormlyTableWrapperComponent, MngGetterPipe, MngI18nPropertyPipe, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngParametrizePipe, MngTableCellClickEvent, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableLoadEvent, MngTableReloadEvent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTemplatePipe, MngTopbarComponent, MngVersionComponent, MngViewContainerComponentService, ModelDescriptor, ModelUtil, NotificationUtil, ObjectSerializer, Permissions, RouteBuilder, RoutesBuilder, StringUtil, StyleLevelEnum, StyleSizeEnum, StylesUtil, TableDataProvider, TableDescriptor, TableDynamicColumnsModeEnum, TableDynamicDescriptor, TableFilterDisplayEnum, TablePaginationModeEnum, TableSizeEnum, TableviewActionDefaultCategories, TableviewCrudDataProvider, TableviewDataProvider, TableviewDescriptor, TableviewDynamicDescriptor, TableviewRouteBuilder, TableviewTypeEnum, TypeName, TypeUtil, enumNameDecoratorPropertyName, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getEmailValidationMessage, getFormlyValidationMessages, getMaxLengthValidationMessage, getMinLengthValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngConfigJsonAppInitializerProvider, mngConfigurationServiceProvider, mngFormlyConfigProvider, primeNgModules, typeMapBase, typeNameDecoratorPropertyName };
 //# sourceMappingURL=mediusinc-mng-commons.mjs.map