@mediusinc/mng-commons 6.0.0-rc.5 → 6.0.0-rc.7

package/fesm2022/mediusinc-mng-commons-tableview-api.mjs

@@ -689,7 +689,7 @@ function actionEditorCancel(editorAction, submitType = ActionEditorSubmitTypeEnu
     return new ActionEditorSubmitDescriptorInst(editorAction.actionName, editorAction.model, submitType).withButtonOpts({
         style: {
             textButton: true,
-            level: editorAction.button?.style?.level
+            level: StyleLevelEnum.Secondary
         }
     });
 }
@@ -1271,6 +1271,7 @@ class FieldValidationDescriptor {
     }
 }
 
+const fieldDescriptorEmptyLabelType = '_emptyLabel';
 class AGenericFieldDescriptor {
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     constructor() {
@@ -1305,7 +1306,6 @@ class AFieldDescriptor extends AGenericFieldDescriptor {
         /** @ignore */ this._validations = [];
         /** @ignore */ this._asyncValidations = [];
         /** @ignore */ this._updateOn = 'change';
-        /** @ignore */ this._className = '';
         /** @ignore */ this._size = FieldSizeEnum.Normal;
         // localization
         /** @ignore */ this._isLocalized = false;
@@ -1393,15 +1393,6 @@ class AFieldDescriptor extends AGenericFieldDescriptor {
     get className() {
         return this._className;
     }
-    get fieldClassName() {
-        return this._fieldClassName;
-    }
-    get labelClassName() {
-        return this._labelClassName;
-    }
-    get inputClassName() {
-        return this._inputClassName;
-    }
     get size() {
         return this._size;
     }
@@ -1424,6 +1415,10 @@ class AFieldDescriptor extends AGenericFieldDescriptor {
         this._labelUseModelBase = useModelBase;
         return this;
     }
+    withEmptyLabel() {
+        this._label = fieldDescriptorEmptyLabelType;
+        return this;
+    }
     withPlaceholder(placeholder) {
         this._placeholder = placeholder;
         return this;
@@ -1519,11 +1514,15 @@ class AFieldDescriptor extends AGenericFieldDescriptor {
         this._asyncValidations = this._asyncValidations.filter(v => v.name !== name);
         return this;
     }
-    withClassName(className, labelClassName = '', inputClassName = '', fieldClassName) {
-        this._className = className;
-        this._labelClassName = labelClassName;
-        this._inputClassName = inputClassName;
-        this._fieldClassName = fieldClassName;
+    withClassName(opts) {
+        if (typeof opts === 'string') {
+            this._className = {
+                grid: opts
+            };
+        }
+        else {
+            this._className = opts;
+        }
         return this;
     }
     withSize(size = FieldSizeEnum.Normal) {
@@ -1572,7 +1571,7 @@ class AFieldDescriptor extends AGenericFieldDescriptor {
         obj._afterViewInit = this._afterViewInit;
         obj._onValueChange = this._onValueChange;
         obj._disabledExpression = this._disabledExpression;
-        obj._className = this._className;
+        obj._className = this._className ? { ...this._className } : undefined;
         obj._size = this.size;
         obj._getter = this._getter;
         obj._setter = this._setter;
@@ -1709,6 +1708,12 @@ class FieldGroupDescriptor extends AFieldGroupDescriptor {
     get fields() {
         return this._fields;
     }
+    /**
+     * Styling class name configurations for group.
+     */
+    get className() {
+        return this._className;
+    }
     addField(field) {
         this._fields.push(field);
         return this;
@@ -1717,6 +1722,17 @@ class FieldGroupDescriptor extends AFieldGroupDescriptor {
         this._type = FieldGroupTypeEnum.Logical;
         return this;
     }
+    withClassName(opts) {
+        if (typeof opts === 'string') {
+            this._className = {
+                grid: opts
+            };
+        }
+        else {
+            this._className = opts;
+        }
+        return this;
+    }
     copy(skipFields = false) {
         const group = new FieldGroupDescriptor(this.name);
         group._type = this._type;
@@ -1726,6 +1742,7 @@ class FieldGroupDescriptor extends AFieldGroupDescriptor {
             group._fields = this.fields.map(f => f.copy());
         }
         group._validations = this.validations.map(v => v.copy());
+        group._className = this._className ? { ...this._className } : undefined;
         return group;
     }
 }
@@ -2097,25 +2114,25 @@ class FieldInputDescriptor extends AFieldDescriptor {
             case FieldInputTypeEnum.Label:
                 return this.asLabel();
             case FieldInputTypeEnum.Textarea:
-                return this.asTextarea(...args);
+                return this.asTextarea(args[0]);
             case FieldInputTypeEnum.Number:
-                return this.asNumber(...args);
+                return this.asNumber(args[0]);
             case FieldInputTypeEnum.Currency:
-                return this.asCurrency(...args);
+                return this.asCurrency(args[0]);
             case FieldInputTypeEnum.Switch:
                 return this.asSwitch();
             case FieldInputTypeEnum.Radio:
                 return this.asRadio(args[0], args[1]);
             case FieldInputTypeEnum.Datepicker:
-                return this.asDatePicker(...args);
+                return this.asDatePicker(args[0]);
             case FieldInputTypeEnum.Mask:
-                return this.asMask(args[0], args[1]);
+                return this.asMask(args[0]);
             case FieldInputTypeEnum.File:
-                return this.asFile(...args);
+                return this.asFile(args[0]);
             case FieldInputTypeEnum.ImageFile:
-                return this.asImageFile(...args);
+                return this.asImageFile(args[0]);
             case FieldInputTypeEnum.ImageUrl:
-                return this.asImageUrl(...args);
+                return this.asImageUrl(args[0]);
             case FieldInputTypeEnum.Custom:
                 return this.asCustomComponent(args[0], args[1]);
             case FieldInputTypeEnum.Text:
@@ -2158,6 +2175,9 @@ class FieldInputDescriptor extends AFieldDescriptor {
     get radioOptions() {
         return this._radioOptions;
     }
+    get radioLabelClassName() {
+        return this._radioLabelClassName;
+    }
     get datePickerFormat() {
         return this._datePickerFormat;
     }
@@ -2194,8 +2214,11 @@ class FieldInputDescriptor extends AFieldDescriptor {
     get pattern() {
         return this._pattern;
     }
-    get trimOption() {
-        return this._inputTrim;
+    get textTrim() {
+        return this._textTrim;
+    }
+    get emptyValue() {
+        return this._emptyValue;
     }
     get validationEmail() {
         return this._validationEmail;
@@ -2261,12 +2284,15 @@ class FieldInputDescriptor extends AFieldDescriptor {
     }
     asText(opts) {
         this._fieldType = FieldInputTypeEnum.Text;
-        return this.withTextValidation(opts).withTextValidationEmail(opts?.email ?? false);
+        return this.withTextValidation(opts)
+            .withTextValidationEmail(opts?.email ?? false)
+            .withTextCommonOpts(opts)
+            .withInputCommonOpts(opts);
     }
     asTextarea(opts) {
         this._fieldType = FieldInputTypeEnum.Textarea;
         this._rows = opts?.rows;
-        return this.withTextValidation(opts);
+        return this.withTextValidation(opts).withTextCommonOpts(opts).withInputCommonOpts(opts);
     }
     asNumber(opts) {
         this._fieldType = FieldInputTypeEnum.Number;
@@ -2274,13 +2300,14 @@ class FieldInputDescriptor extends AFieldDescriptor {
             .withNumberFractions(opts)
             .withNumberValidation(opts)
             .withLocale(opts?.locale)
-            .withNumberDisplay(opts);
+            .withNumberDisplay(opts)
+            .withInputCommonOpts(opts);
     }
     asCurrency(opts) {
         return this.asCurrencyUnsafe({
             ...opts,
             currencyProperty: opts?.currencyProperty ? opts.currencyProperty : undefined
-        });
+        }).withInputCommonOpts(opts);
     }
     asCurrencyUnsafe(opts) {
         this._fieldType = FieldInputTypeEnum.Currency;
@@ -2293,7 +2320,8 @@ class FieldInputDescriptor extends AFieldDescriptor {
             minFractionDigits: opts?.minFractionDigits ?? 2
         })
             .withNumberValidation(opts)
-            .withLocale(opts?.locale);
+            .withLocale(opts?.locale)
+            .withInputCommonOpts(opts);
     }
     asSwitch() {
         this._fieldType = FieldInputTypeEnum.Switch;
@@ -2313,21 +2341,18 @@ class FieldInputDescriptor extends AFieldDescriptor {
     }
     asDatePicker(opts) {
         this._fieldType = FieldInputTypeEnum.Datepicker;
-        this.withDateValidation(opts);
-        this.withDatePickerDisplay(opts);
-        this.withDateValue({
+        return this.withDateValidation(opts).withDatePickerDisplay(opts).withDateValue({
             asDateObj: opts?.asDateObj,
             utc: opts?.utc,
             noTimeZone: opts?.noTimeZone,
             noTime: opts?.noTime
         });
-        return this;
     }
-    asMask(mask, slotChar) {
+    asMask(opts) {
         this._fieldType = FieldInputTypeEnum.Mask;
-        this._mask = mask;
-        this._slotChar = slotChar;
-        return this;
+        this._mask = opts?.mask;
+        this._slotChar = opts?.slotChar;
+        return this.withInputCommonOpts(opts);
     }
     asFile(opts) {
         this._fieldType = FieldInputTypeEnum.File;
@@ -2395,6 +2420,22 @@ class FieldInputDescriptor extends AFieldDescriptor {
         this._pattern = opts?.pattern;
         return this;
     }
+    /**
+     * Common options for text input element (i.e. value value trimming).
+     * @param opts
+     */
+    withTextCommonOpts(opts) {
+        this._textTrim = opts?.trim;
+        return this;
+    }
+    /**
+     * Common options for input element (i.e. value on empty input).
+     * @param opts
+     */
+    withInputCommonOpts(opts) {
+        this._emptyValue = opts?.emptyValue;
+        return this;
+    }
     withDatePickerDisplay(opts) {
         this._datePickerFormat = opts?.format;
         this._datePickerShowTime = opts?.showTime;
@@ -2406,8 +2447,8 @@ class FieldInputDescriptor extends AFieldDescriptor {
         this._datePickerMax = opts?.max;
         return this;
     }
-    withInputTrim(trimOption = 'both') {
-        this._inputTrim = trimOption;
+    withRadioOptions(opts) {
+        this._radioLabelClassName = opts.labelClassName;
         return this;
     }
     withDateValue(opts) {
@@ -2440,6 +2481,7 @@ class FieldInputDescriptor extends AFieldDescriptor {
         field._numberPrefix = this._numberPrefix;
         field._numberSuffix = this._numberSuffix;
         field._radioOptions = [...this._radioOptions];
+        field._radioLabelClassName = this._radioLabelClassName;
         field._datePickerFormat = this._datePickerFormat;
         field._datePickerMin = this._datePickerMin;
         field._datePickerMax = this._datePickerMax;
@@ -2469,7 +2511,8 @@ class FieldInputDescriptor extends AFieldDescriptor {
         field._currency = this._currency;
         field._currencyDisplay = this._currencyDisplay;
         field._currencyFromProperty = this._currencyFromProperty;
-        field._inputTrim = this._inputTrim;
+        field._textTrim = this._textTrim;
+        field._emptyValue = this._emptyValue;
         field._validationEmail = this._validationEmail;
         return field;
     }
@@ -2574,6 +2617,13 @@ class EditorDescriptorInst {
         this.addTabGroup(name, title);
         return this;
     }
+    /**
+     * Gets group by its name (key).
+     * @param name Group's key.
+     */
+    getGroup(name) {
+        return typeof name === 'string' ? (this._groups.find(g => g.name === name) ?? null) : (this._groups[name] ?? null);
+    }
     /**
      * Creates new field group. Next added fields are added to newly created field group.
      * @param name Name of the group.
@@ -2700,7 +2750,6 @@ class EditorDescriptorInst {
      *
      * @returns {FieldLookupDescriptor<LookupModel, EditorModel, Service, FieldValue>} - The field lookup descriptor.
      */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     addFieldLookupUnsafe(property, opts) {
         const field = new FieldLookupDescriptor(property, {
             ...(opts?.serviceProvider ? fieldLookupGetProviderCfgObj(opts.serviceProvider) : {})
@@ -2943,7 +2992,6 @@ class FormFieldEventDialogSubtype {
     static { this.TABLE_COLUMN_ACTIONS_COMPONENT_INSTANCE = 'Dialog.MngTable.ColumnActionsComponentInstance'; }
 }
 
-// eslint-disable-next-line @angular-eslint/prefer-standalone
 class AFormlyCustomFieldComponent extends FieldType {
     get model() {
         return this._model;
@@ -2972,10 +3020,10 @@ class AFormlyCustomFieldComponent extends FieldType {
     get formState() {
         return this._formState;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AFormlyCustomFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: AFormlyCustomFieldComponent, inputs: { field: "field", _model: ["model", "_model"], _form: ["form", "_form"], _options: ["options", "_options"], _key: ["key", "_key"], _formControl: ["formControl", "_formControl"], _props: ["props", "_props"], _showError: ["showError", "_showError"], _id: ["id", "_id"], _formState: ["formState", "_formState"] }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: AFormlyCustomFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: AFormlyCustomFieldComponent, isStandalone: true, inputs: { field: "field", _model: ["model", "_model"], _form: ["form", "_form"], _options: ["options", "_options"], _key: ["key", "_key"], _formControl: ["formControl", "_formControl"], _props: ["props", "_props"], _showError: ["showError", "_showError"], _id: ["id", "_id"], _formState: ["formState", "_formState"] }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AFormlyCustomFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: AFormlyCustomFieldComponent, decorators: [{
             type: Directive
         }], propDecorators: { field: [{
                 type: Input,
@@ -4202,5 +4250,5 @@ function tableviewDataProviderFromDescriptor(descriptor, serviceType) {
  * Generated bundle index. Do not edit.
  */
 
-export { AFieldDescriptor, AFieldGroupDescriptor, AFormlyCustomFieldComponent, AGenericFieldDescriptor, ActionActivationTriggerEnum, ActionDescriptorInst, ActionEditorDescriptorInst, ActionEditorSubmitDescriptorInst, ActionEditorSubmitTypeEnum, ActionInstanceStateEnum, ActionLinkDescriptorInst, ActionPositionEnum, ActionTypeEnum, CommonsActionError, DATA_LANGUAGE_DROPDOWN_COMPONENT_IT, DataProviderExecutor, DynamicTableviewDataProviderInst, EDITOR_DEFAULT_GROUP_NAME, EditorDataProviderInst, EditorDescriptorInst, EditorDescriptorNestedObjectWrapper, FieldActionDescriptor, FieldGroupDescriptor, FieldGroupTypeEnum, FieldInputDescriptor, FieldInputTypeEnum, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldManyEditorActionEnum, FieldManyEditorDescriptor, FieldManyEditorTypeEnum, FieldManyToManyEditorActionEnum, FieldManyToManyEditorDescriptor, FieldManyToManyEditorTypeEnum, FieldSizeEnum, FieldTabGroupDescriptor, FieldValidationDescriptor, FormEventTypeEnum, FormFieldEventComponentSubtype, FormFieldEventDialogSubtype, FormFieldEventTypeEnum, TableviewActionDefaultCategories, TableviewDataProviderInst, TableviewDefaultActionsEnum, TableviewDescriptorInst, TableviewDynamicDescriptorInt, TableviewEditorTypeEnum, TableviewInputBuilder, action, actionEditor, actionEditorCancel, actionEditorGetProviderCfgObj, actionEditorOnEditor, actionEditorOnTableRow, actionEditorOnTableTop, actionEditorSubmit, actionGetProviderCfgObj, actionLink, actionLinkFromAction, actionOnEditor, actionOnTableRow, actionOnTableTop, convertDataToStringWithDelimiter, editorDataProvider, editorDescriptor, fieldLookupGetProviderCfgObj, fieldManyToManyGetProviderCfgObj, getDataProviderService, runCreateFromDataProvider, runDeleteFromDataProvider, runFetchFromDataProvider, runFnFromDataProviderOrFail, runFnFromDataProviderOrFallback, runGetAllFromDataProvider, runUpdateFromDataProvider, saveFileAs, tableview, tableviewActionAddOnTable, tableviewActionDeleteActionName, tableviewActionDeleteOnDetails, tableviewActionDeleteOnTable, tableviewActionDetailsOnTable, tableviewActionEditOnDetails, tableviewActionEditOnTable, tableviewActionEditorAddActionName, tableviewActionEditorAddRoute, tableviewActionEditorDetailsActionName, tableviewActionEditorDetailsRoute, tableviewActionEditorEditActionName, tableviewActionEditorEditRoute, tableviewActionExportCsvOnTable, tableviewActionExportJsonOnTable, tableviewActionExportOnTable, tableviewActionLocalizationLangSelectOnTable, tableviewActionRefreshOnTable, tableviewCreateDefaultAction, tableviewCreateDefaultActions, tableviewDataProvider, tableviewDataProviderFromDescriptor, tableviewDescriptor, tableviewDescriptorMultiModel, tableviewDynamicDataProvider, tableviewDynamicDescriptor, tableviewGetDefaultActions, tableviewMultiModel };
+export { AFieldDescriptor, AFieldGroupDescriptor, AFormlyCustomFieldComponent, AGenericFieldDescriptor, ActionActivationTriggerEnum, ActionDescriptorInst, ActionEditorDescriptorInst, ActionEditorSubmitDescriptorInst, ActionEditorSubmitTypeEnum, ActionInstanceStateEnum, ActionLinkDescriptorInst, ActionPositionEnum, ActionTypeEnum, CommonsActionError, DATA_LANGUAGE_DROPDOWN_COMPONENT_IT, DataProviderExecutor, DynamicTableviewDataProviderInst, EDITOR_DEFAULT_GROUP_NAME, EditorDataProviderInst, EditorDescriptorInst, EditorDescriptorNestedObjectWrapper, FieldActionDescriptor, FieldGroupDescriptor, FieldGroupTypeEnum, FieldInputDescriptor, FieldInputTypeEnum, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldManyEditorActionEnum, FieldManyEditorDescriptor, FieldManyEditorTypeEnum, FieldManyToManyEditorActionEnum, FieldManyToManyEditorDescriptor, FieldManyToManyEditorTypeEnum, FieldSizeEnum, FieldTabGroupDescriptor, FieldValidationDescriptor, FormEventTypeEnum, FormFieldEventComponentSubtype, FormFieldEventDialogSubtype, FormFieldEventTypeEnum, TableviewActionDefaultCategories, TableviewDataProviderInst, TableviewDefaultActionsEnum, TableviewDescriptorInst, TableviewDynamicDescriptorInt, TableviewEditorTypeEnum, TableviewInputBuilder, action, actionEditor, actionEditorCancel, actionEditorGetProviderCfgObj, actionEditorOnEditor, actionEditorOnTableRow, actionEditorOnTableTop, actionEditorSubmit, actionGetProviderCfgObj, actionLink, actionLinkFromAction, actionOnEditor, actionOnTableRow, actionOnTableTop, convertDataToStringWithDelimiter, editorDataProvider, editorDescriptor, fieldDescriptorEmptyLabelType, fieldLookupGetProviderCfgObj, fieldManyToManyGetProviderCfgObj, getDataProviderService, runCreateFromDataProvider, runDeleteFromDataProvider, runFetchFromDataProvider, runFnFromDataProviderOrFail, runFnFromDataProviderOrFallback, runGetAllFromDataProvider, runUpdateFromDataProvider, saveFileAs, tableview, tableviewActionAddOnTable, tableviewActionDeleteActionName, tableviewActionDeleteOnDetails, tableviewActionDeleteOnTable, tableviewActionDetailsOnTable, tableviewActionEditOnDetails, tableviewActionEditOnTable, tableviewActionEditorAddActionName, tableviewActionEditorAddRoute, tableviewActionEditorDetailsActionName, tableviewActionEditorDetailsRoute, tableviewActionEditorEditActionName, tableviewActionEditorEditRoute, tableviewActionExportCsvOnTable, tableviewActionExportJsonOnTable, tableviewActionExportOnTable, tableviewActionLocalizationLangSelectOnTable, tableviewActionRefreshOnTable, tableviewCreateDefaultAction, tableviewCreateDefaultActions, tableviewDataProvider, tableviewDataProviderFromDescriptor, tableviewDescriptor, tableviewDescriptorMultiModel, tableviewDynamicDataProvider, tableviewDynamicDescriptor, tableviewGetDefaultActions, tableviewMultiModel };
 //# sourceMappingURL=mediusinc-mng-commons-tableview-api.mjs.map