@myrtex-org/form 1.0.32 → 1.0.34

package/fesm2022/myrtex-org-form.mjs

@@ -38,6 +38,7 @@ const initialSharedFormState = {};
 
 const STATE_NAME = 'object-form';
 const OBJECT_ID_NAME = 'objectId';
+const OBJECT_VERSION_ID_NAME = 'versionId';
 const SECTION_SYS_NAME_NAME = 'sectionSysName';
 const TEMPLATE_SYS_NAME_NAME = 'templateSysName';
 
@@ -62,6 +63,7 @@ const selectTemplateSysName$1 = createSelector(selectRouteNestedParam(TEMPLATE_S
 const selectIdFromQuery = createSelector(selectQueryParam('id'), (rparam) => {
     return rparam || null;
 });
+const selectVersionIdFromQuery = createSelector(selectQueryParam(OBJECT_VERSION_ID_NAME), (rparam) => rparam || null);
 const selectSectionSysName = createSelector(selectRouteParam(SECTION_SYS_NAME_NAME), (rparam) => {
     return rparam || null;
 });
@@ -72,7 +74,8 @@ var sharedForm_selector = /*#__PURE__*/Object.freeze({
     selectRouteNestedParam: selectRouteNestedParam,
     selectRouteNestedParams: selectRouteNestedParams,
     selectSectionSysName: selectSectionSysName,
-    selectTemplateSysName: selectTemplateSysName$1
+    selectTemplateSysName: selectTemplateSysName$1,
+    selectVersionIdFromQuery: selectVersionIdFromQuery
 });
 
 var EApplicationActions;
@@ -84,6 +87,7 @@ var EApplicationActions;
     EApplicationActions["LoadObjectPending"] = "[Object Form] Load Object Pending";
     EApplicationActions["LoadObjectSuccess"] = "[Object Form] Load Object Success";
     EApplicationActions["LoadObjectError"] = "[Object Form] Load Object Error";
+    EApplicationActions["SetCanEditObject"] = "[Object Form] Set Can Edit Object";
     EApplicationActions["SaveObjectPending"] = "[Object Form] Save Object Pending";
     EApplicationActions["SaveObjectSuccess"] = "[Object Form] Save Object Success";
     EApplicationActions["SaveObjectError"] = "[Object Form] Save Object Error";
@@ -443,12 +447,13 @@ const containsConditionValue = (conditions, value) => {
     return conditions.some(s => val.some(v => v.sysName === s.field?.s));
 };
 
-const getMenuModel = (apiPrefix, settings, sectionValues, applicationId) => {
+const getMenuModel = (apiPrefix, settings, sectionValues, applicationId, versionId) => {
     return {
         items: settings?.sections.map((section) => {
             return {
                 title: section.options.title || '',
                 routerLink: `/${apiPrefix}/${applicationId}/${section.sysName}`,
+                queryParams: !!versionId ? { ['versionId']: versionId.toString() } : {},
                 type: 'default',
                 params: {
                     percent: getPercentForSection(section, sectionValues)
@@ -540,6 +545,7 @@ const selectApiPrefix = createSelector(objectFeature, (state) => state.apiPrefix
 const selectApiUrl = createSelector(objectFeature, (state) => state.apiUrl);
 const selectIsLoading = createSelector(objectFeature, (state) => state.isLoading);
 const selectIsObjectSaveLoading = createSelector(objectFeature, (state) => state.isObjectSaveLoading);
+const selectCanEditObject = createSelector(objectFeature, (state) => state.canEditObject);
 const selectIsEdited = createSelector(objectFeature, (state) => state.isEdited);
 const selectIsCheckRequired = createSelector(objectFeature, (state) => state.isCheckRequired);
 const selectMenuModel = createSelector(objectFeature, (state) => state.menuModel);
@@ -547,6 +553,15 @@ const selectSectionSettings = createSelector(objectFeature, selectRouteNestedPar
     return state?.settings?.sections.find(s => s.sysName === sectionSysName) || null;
 });
 const selectSectionValues = createSelector(objectFeature, (state) => state.sectionValues);
+const selectUnfilledSections = createSelector(objectFeature, (state) => {
+    const unfilledSections = state.sectionValues.filter(v => v.percent !== 100).map(v => v.sysName);
+    return unfilledSections.length ?
+        state.settings?.sections
+            .filter(s => s.type === ComponentType.Section && unfilledSections.includes(s.sysName))
+            .map(s => s.options?.title ?? '')
+            .filter(v => !!v) ?? [] :
+        [];
+});
 const selectObjectId = createSelector(selectRouteNestedParam(OBJECT_ID_NAME), (applicationId) => applicationId);
 const selectSectionFiles = createSelector(objectFeature, (state) => state.sectionFiles);
 const selectTemplateSysName = createSelector(objectFeature, (state) => state?.settings?.sysName);
@@ -557,6 +572,7 @@ var objectForm_selector = /*#__PURE__*/Object.freeze({
     __proto__: null,
     selectApiPrefix: selectApiPrefix,
     selectApiUrl: selectApiUrl,
+    selectCanEditObject: selectCanEditObject,
     selectDependencyRulesResults: selectDependencyRulesResults,
     selectIsCheckRequired: selectIsCheckRequired,
     selectIsEdited: selectIsEdited,
@@ -568,6 +584,7 @@ var objectForm_selector = /*#__PURE__*/Object.freeze({
     selectSectionSettings: selectSectionSettings,
     selectSectionValues: selectSectionValues,
     selectTemplateSysName: selectTemplateSysName,
+    selectUnfilledSections: selectUnfilledSections,
     selectValueModel: selectValueModel
 });
 
@@ -576,6 +593,7 @@ const initialObjectFormState = {
     isEdited: false,
     isCheckRequired: false,
     isObjectSaveLoading: false,
+    canEditObject: false,
     settings: null,
     selectedSectionSysName: null,
     sectionValues: [],
@@ -592,14 +610,15 @@ const objectReducerCreator = createReducer(initialObjectFormState, on(updateApiU
     return { ...state, apiPrefix, apiUrl };
 }), on(loadObjectPending, (state) => {
     return { ...state, isLoading: true };
-}), on(loadObjectSuccess, (state, { templateSettings, sectionValues, applicationId, isDraft }) => {
+}), on(loadObjectSuccess, (state, { templateSettings, sectionValues, applicationId, isDraft, canEditObject, versionId }) => {
     return {
         ...state,
         isLoading: false,
         settings: templateSettings,
         sectionValues: sectionValues,
         isEdited: isDraft,
-        menuModel: getMenuModel(state.apiPrefix, templateSettings, sectionValues, applicationId)
+        canEditObject: canEditObject,
+        menuModel: getMenuModel(state.apiPrefix, templateSettings, sectionValues, applicationId, versionId)
     };
 }), on(loadObjectError, (state) => {
     return { ...state, isLoading: false };
@@ -616,7 +635,7 @@ const objectReducerCreator = createReducer(initialObjectFormState, on(updateApiU
         isEdited: true,
         dependencyRuleCheckResults: dependenceRulesResults
     };
-}), on(saveValuesSuccess, (state, { result, objectId }) => {
+}), on(saveValuesSuccess, (state, { result, objectId, versionId }) => {
     const updatedSectionValues = state.sectionValues.map((sectionValue) => {
         const section = {
             ...sectionValue,
@@ -628,7 +647,7 @@ const objectReducerCreator = createReducer(initialObjectFormState, on(updateApiU
         ...state,
         sectionValues: updatedSectionValues,
         isEdited: true,
-        menuModel: getMenuModel(state.apiPrefix, state.settings, updatedSectionValues, objectId)
+        menuModel: getMenuModel(state.apiPrefix, state.settings, updatedSectionValues, objectId, versionId)
     };
 }), on(saveValuesError, (state) => {
     return { ...state };
@@ -669,6 +688,20 @@ function objectReducer(state, action) {
     return objectReducerCreator(state, action);
 }
 
+function isNumeric(str) {
+    if (typeof str != 'string') {
+        return false; // we only process strings!
+    }
+    return !isNaN(str) && !isNaN(parseInt(str)) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
+        !isNaN(parseFloat(str)); // ...and ensure strings of whitespace fail
+}
+const isNullOrUndefined = (model) => {
+    return model === null || typeof model === 'undefined';
+};
+function appendVersionId(url, versionId) {
+    return !!versionId ? url += `?versionId=${versionId}` : url;
+}
+
 const tokenKey = 'Csy-Token';
 const eTag = "ETag";
 const ifMatch = "If-Match";
@@ -745,32 +778,35 @@ class ObjectFormService {
     getTemplate(objectId) {
         return this._http.get(`${this.apiUrl}/${objectId}/params`);
     }
-    getSectionValues(applicationId) {
+    getSectionValues(applicationId, versionId) {
         return this._http
-            .get(`${this.apiUrl}/${applicationId}`, this.getHeaders())
+            .get(appendVersionId(`${this.apiUrl}/${applicationId}`, versionId), this.getHeaders())
             .pipe(map(this.mapResult.bind(this)));
     }
     getTemplateSettings(templateSysName) {
         return this._http.get(`${this.apiUrl}/template/settings/${templateSysName}`);
     }
-    updateApplicationValues(applicationId, sectionValues) {
+    updateApplicationValues(applicationId, sectionValues, versionId) {
         return this._http
-            .put(`${this.apiUrl}/${applicationId}`, { sectionValues }, this.getHeaders())
+            .put(appendVersionId(`${this.apiUrl}/${applicationId}`, versionId), { sectionValues }, this.getHeaders())
             .pipe(map(this.mapResult.bind(this)));
     }
-    saveApplication(applicationId) {
+    saveApplication(applicationId, versionId) {
         return this._http
-            .post(`${this.apiUrl}/${applicationId}/save`, null, this.getHeaders())
+            .post(appendVersionId(`${this.apiUrl}/${applicationId}/save`, versionId), null, this.getHeaders())
             .pipe(map(this.mapResult.bind(this)));
     }
     copyApplication(copyCommand) {
         return this._http.post(`${this.apiUrl}/copy`, copyCommand);
     }
-    getSectionFiles(applicationId, sectionSysName) {
+    getSectionFiles(applicationId, sectionSysName, versionId) {
         return this._http
-            .get(`${this.apiUrl}/${applicationId}/${sectionSysName}/files`, this.getHeaders())
+            .get(appendVersionId(`${this.apiUrl}/${applicationId}/${sectionSysName}/files`, versionId), this.getHeaders())
             .pipe(map(this.mapResult.bind(this)));
     }
+    canEditObject(applicationId, versionId) {
+        return this._http.get(appendVersionId(`${this.apiUrl}/${applicationId}/can-edit`, versionId));
+    }
     getHeaders() {
         return this._concurrencyService.getHeaders(this._concurrencyKey);
     }
@@ -825,22 +861,25 @@ class ObjectFormEffects {
                 return of(loadPreviewTemplateError());
             }));
         })));
-        this.loadApplicationPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.LoadObjectPending), map((props) => props.templateSysName), withLatestFrom(this._store.select(selectApiPrefix), this._store.select(selectRouteNestedParam(OBJECT_ID_NAME)), this._store.select(selectRouteNestedParam(SECTION_SYS_NAME_NAME))), switchMap(([templateSysName, apiPrefix, objectId, sectionSysName]) => {
+        this.loadApplicationPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.LoadObjectPending), map((props) => props.templateSysName), withLatestFrom(this._store.select(selectApiPrefix), this._store.select(selectRouteNestedParam(OBJECT_ID_NAME)), this._store.select(selectRouteNestedParam(SECTION_SYS_NAME_NAME)), this._store.select(selectVersionIdFromQuery)), switchMap(([templateSysName, apiPrefix, objectId, sectionSysName, versionId]) => {
             const requests = [
                 this._applicationService.getTemplateSettings(templateSysName),
-                this._applicationService.getSectionValues(objectId)
+                this._applicationService.getSectionValues(objectId, versionId),
+                this._applicationService.canEditObject(objectId, versionId)
             ];
-            return forkJoin(requests).pipe(switchMap(([templateSettings, valueDto]) => {
+            return forkJoin(requests).pipe(switchMap(([templateSettings, valueDto, canEditObject]) => {
                 const activeSection = templateSettings.sections.find((s) => s.sysName === sectionSysName);
                 if (!activeSection && templateSettings.sections.length) {
-                    this._router.navigate([`/${apiPrefix}/${objectId}/${templateSettings.sections[0].sysName}`]);
+                    this._router.navigate([appendVersionId(`/${apiPrefix}/${objectId}/${templateSettings.sections[0].sysName}`, versionId)]);
                 }
                 return [
                     loadObjectSuccess({
                         templateSettings: templateSettings,
                         sectionValues: valueDto.value.sectionValues,
                         applicationId: objectId,
-                        isDraft: valueDto.isDraft
+                        isDraft: valueDto.isDraft,
+                        canEditObject: canEditObject,
+                        versionId: versionId
                     }),
                     checkAllDependencyRules()
                 ];
@@ -858,17 +897,17 @@ class ObjectFormEffects {
             this._autoSaveStore.start();
             this._store.dispatch(saveValuesPending());
         })), { dispatch: false });
-        this.updateApplicationValues$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.SaveValuesPending), withLatestFrom(this._store.select(selectRouteNestedParam(OBJECT_ID_NAME)), this._store.select(selectSectionValues)), switchMap(([_, objectId, sectionValues]) => {
-            return this._applicationService.updateApplicationValues(objectId, sectionValues).pipe(map((result) => {
+        this.updateApplicationValues$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.SaveValuesPending), withLatestFrom(this._store.select(selectRouteNestedParam(OBJECT_ID_NAME)), this._store.select(selectSectionValues), this._store.select(selectVersionIdFromQuery)), switchMap(([_, objectId, sectionValues, versionId]) => {
+            return this._applicationService.updateApplicationValues(objectId, sectionValues, versionId).pipe(map((result) => {
                 this._autoSaveStore.success();
-                return saveValuesSuccess({ result, objectId });
+                return saveValuesSuccess({ result, objectId, versionId });
             }), catchError((error) => {
                 this._autoSaveStore.error();
                 return of(saveValuesError());
             }));
         })));
-        this.saveApplicationPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.SaveObjectPending), withLatestFrom(this._store.select(selectRouteNestedParam(OBJECT_ID_NAME))), switchMap(([_, objectId]) => {
-            return this._applicationService.saveApplication(objectId).pipe(map(() => {
+        this.saveApplicationPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.SaveObjectPending), withLatestFrom(this._store.select(selectRouteNestedParam(OBJECT_ID_NAME)), this._store.select(selectVersionIdFromQuery)), switchMap(([_, objectId, versionId]) => {
+            return this._applicationService.saveApplication(objectId, versionId).pipe(map(() => {
                 this._toasterService.show({
                     title: 'Сохранено успешно',
                     type: ToasterType.Positive
@@ -885,7 +924,7 @@ class ObjectFormEffects {
         this.copyApplicationPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.CopyObjectPending), map((action) => action), withLatestFrom(this._store.select(selectApiPrefix)), switchMap(([action, apiPrefix]) => {
             return this._applicationService.copyApplication(action).pipe(map((result) => {
                 this._toasterService.show({
-                    title: 'Копировнаие прошло успешно',
+                    title: 'Копирование прошло успешно',
                     type: ToasterType.Positive
                 });
                 window.open(`/${apiPrefix}` + result.id, '_blank');
@@ -898,16 +937,16 @@ class ObjectFormEffects {
                 return of(copyObjectError());
             }));
         })), { dispatch: false });
-        this.loadSectionFilesPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.LoadSectionFilesPending), withLatestFrom(this._store.select(selectRouteNestedParam(OBJECT_ID_NAME)), this._store.select(selectRouteNestedParam(SECTION_SYS_NAME_NAME))), switchMap(([_, objectId, sectionSysName]) => {
-            return this._applicationService.getSectionFiles(objectId, sectionSysName).pipe(map((sectionFiles) => {
+        this.loadSectionFilesPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.LoadSectionFilesPending), withLatestFrom(this._store.select(selectRouteNestedParam(OBJECT_ID_NAME)), this._store.select(selectRouteNestedParam(SECTION_SYS_NAME_NAME)), this._store.select(selectVersionIdFromQuery)), switchMap(([_, objectId, sectionSysName, versionId]) => {
+            return this._applicationService.getSectionFiles(objectId, sectionSysName, versionId).pipe(map((sectionFiles) => {
                 return loadSectionFilesSuccess({ sectionFiles: sectionFiles });
             }), catchError(() => {
                 return of(loadSectionFilesError());
             }));
         })));
-        this.printDocument$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.PrintDocument), withLatestFrom(this._store.select(selectApiUrl), this._store.select(selectRouteNestedParam(OBJECT_ID_NAME))), tap(([_, apiUrl, objectId]) => {
+        this.printDocument$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.PrintDocument), withLatestFrom(this._store.select(selectApiUrl), this._store.select(selectRouteNestedParam(OBJECT_ID_NAME)), this._store.select(selectVersionIdFromQuery)), tap(([_, apiUrl, objectId, versionId]) => {
             console.log('печать документа ' + objectId);
-            window.open(`${apiUrl}/${objectId}/print`, '_blank');
+            window.open(appendVersionId(`${apiUrl}/${objectId}/print`, versionId), '_blank');
         })), { dispatch: false });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormEffects, deps: [{ token: i1.Actions }, { token: i2.Store }, { token: i3.Router }, { token: ObjectFormService }, { token: i1$1.ToasterService }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -1068,6 +1107,7 @@ class BaseFieldComponent {
         this._changeSubject$ = new Subject();
         this._autoSaveStore = inject(AutoSaveStore);
         this._isCheckRequired = false;
+        this._canEditObject = false;
         this.manualValues = [];
         this.valueMode = 'auto';
         this.changed = new EventEmitter();
@@ -1096,6 +1136,11 @@ class BaseFieldComponent {
             this._isCheckRequired = result;
             this._detector.detectChanges();
         }));
+        this._subscriptions$.push(this._store.select(selectCanEditObject)
+            .subscribe(result => {
+            this._canEditObject = result;
+            this._detector.detectChanges();
+        }));
         if (this.valueMode === 'auto') {
             this._initSubscriptionForValue();
         }
@@ -1122,6 +1167,9 @@ class BaseFieldComponent {
             return '';
         }
     }
+    get disabled() {
+        return !this.settings.options.canEdit || !this._canEditObject;
+    }
     _requiredValidate(type) {
         switch (type) {
             case (ValueType.String):
@@ -1206,11 +1254,11 @@ class InputTextComponent extends BaseFieldComponent {
         return !(this.settings.options.minLength && model.value && this.settings.options.minLength > model.value.length);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTextComponent, selector: "app-input-text", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-text-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [mask]=\"settings.options.mask || ''\"\r\n      [showMaskTyped]=\"true\"\r\n      [minlength]=\"settings.options.minLength || 0\"\r\n      [maxlength]=\"settings.options.maxLength || 0\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n      (change)=\"onChangeInput()\"\r\n    ></mrx-input-text>\r\n\r\n    @if (settings.options.minLength) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0442\u0441\u0432\u043E \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u2014 {{ settings.options.minLength }}\"\r\n        [value]=\"validateValue\"\r\n        [minLength]=\"settings.options.minLength\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "mrx-input-text", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "size", "isTooltipValue", "icon", "iconColor", "mask", "maskPrefix", "showMaskTyped", "maskDropSpecialCharacters"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: ["message", "value", "maxValue", "minValue", "minLength", "maxLength", "checkInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTextComponent, selector: "app-input-text", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-text-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [mask]=\"settings.options.mask || ''\"\r\n      [showMaskTyped]=\"true\"\r\n      [minlength]=\"settings.options.minLength || 0\"\r\n      [maxlength]=\"settings.options.maxLength || 0\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n      (change)=\"onChangeInput()\"\r\n    ></mrx-input-text>\r\n\r\n    @if (settings.options.minLength) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0442\u0441\u0432\u043E \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u2014 {{ settings.options.minLength }}\"\r\n        [value]=\"validateValue\"\r\n        [minLength]=\"settings.options.minLength\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "mrx-input-text", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "size", "isTooltipValue", "icon", "iconColor", "mask", "maskPrefix", "showMaskTyped", "maskDropSpecialCharacters"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: ["message", "value", "maxValue", "minValue", "minLength", "maxLength", "checkInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-text-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [mask]=\"settings.options.mask || ''\"\r\n      [showMaskTyped]=\"true\"\r\n      [minlength]=\"settings.options.minLength || 0\"\r\n      [maxlength]=\"settings.options.maxLength || 0\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n      (change)=\"onChangeInput()\"\r\n    ></mrx-input-text>\r\n\r\n    @if (settings.options.minLength) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0442\u0441\u0432\u043E \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u2014 {{ settings.options.minLength }}\"\r\n        [value]=\"validateValue\"\r\n        [minLength]=\"settings.options.minLength\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-text-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [mask]=\"settings.options.mask || ''\"\r\n      [showMaskTyped]=\"true\"\r\n      [minlength]=\"settings.options.minLength || 0\"\r\n      [maxlength]=\"settings.options.maxLength || 0\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n      (change)=\"onChangeInput()\"\r\n    ></mrx-input-text>\r\n\r\n    @if (settings.options.minLength) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0442\u0441\u0432\u043E \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u2014 {{ settings.options.minLength }}\"\r\n        [value]=\"validateValue\"\r\n        [minLength]=\"settings.options.minLength\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputTextareaComponent extends BaseFieldComponent {
@@ -1253,11 +1301,11 @@ class InputTextareaComponent extends BaseFieldComponent {
         return !(this.settings.options.minLength && model.value && this.settings.options.minLength > model.value.length);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTextareaComponent, selector: "app-input-textarea", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-textarea-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    @if (!settings.options.editor) {\r\n      <mrx-input-textarea\r\n        [(ngModel)]=\"model.value\"\r\n        [fields]=\"autosaveFields\"\r\n        [rows]=\"2\"\r\n        [autosize]=\"true\"\r\n        [readonly]=\"false\"\r\n        [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442'\"\r\n        [mask]=\"settings.options.mask || ''\"\r\n        [minlength]=\"settings.options.minLength || 0\"\r\n        [maxlength]=\"settings.options.maxLength || 0\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        (modelChange)=\"dispatchModify($event)\"\r\n\r\n      ></mrx-input-textarea>\r\n    } @else {\r\n      <mrx-editor\r\n        [(ngModel)]=\"model.value\"\r\n        [readonly]=\"false\"\r\n        [fields]=\"autosaveFields\"\r\n        [toolbar]=\"config\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442'\"\r\n        (modelChange)=\"dispatchModify($event)\"\r\n        (change)=\"onChangeInput()\"\r\n      ></mrx-editor>\r\n    }\r\n\r\n    @if (settings.options.minLength) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0442\u0441\u0432\u043E \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u2014 {{ settings.options.minLength }}\"\r\n        [value]=\"validateValue\"\r\n        [minLength]=\"settings.options.minLength\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "component", type: i1$1.EditorComponent, selector: "mrx-editor", inputs: ["fields", "toolbar", "maxLength", "minHeight", "customClasses", "placeholder", "disabled", "readonly", "iframe", "defaultInlineStyle", "config", "editHTMLDocumentMode", "defaultMode", "invalid", "invalidMessage", "checkInvalid"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.InputTextareaComponent, selector: "mrx-input-textarea", inputs: ["fields", "disabled", "readonly", "autosize", "maxlength", "minlength", "rows", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "blurred", "modelChange"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: ["message", "value", "maxValue", "minValue", "minLength", "maxLength", "checkInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTextareaComponent, selector: "app-input-textarea", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-textarea-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    @if (!settings.options.editor) {\r\n      <mrx-input-textarea\r\n        [(ngModel)]=\"model.value\"\r\n        [fields]=\"autosaveFields\"\r\n        [rows]=\"2\"\r\n        [autosize]=\"true\"\r\n        [readonly]=\"false\"\r\n        [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442'\"\r\n        [disabled]=\"disabled\"\r\n        [mask]=\"settings.options.mask || ''\"\r\n        [minlength]=\"settings.options.minLength || 0\"\r\n        [maxlength]=\"settings.options.maxLength || 0\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        (modelChange)=\"dispatchModify($event)\"\r\n\r\n      ></mrx-input-textarea>\r\n    } @else {\r\n      <mrx-editor\r\n        [(ngModel)]=\"model.value\"\r\n        [readonly]=\"false\"\r\n        [fields]=\"autosaveFields\"\r\n        [toolbar]=\"config\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442'\"\r\n        (modelChange)=\"dispatchModify($event)\"\r\n        (change)=\"onChangeInput()\"\r\n      ></mrx-editor>\r\n    }\r\n\r\n    @if (settings.options.minLength) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0442\u0441\u0432\u043E \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u2014 {{ settings.options.minLength }}\"\r\n        [value]=\"validateValue\"\r\n        [minLength]=\"settings.options.minLength\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "component", type: i1$1.EditorComponent, selector: "mrx-editor", inputs: ["fields", "toolbar", "maxLength", "minHeight", "customClasses", "placeholder", "disabled", "readonly", "iframe", "defaultInlineStyle", "config", "editHTMLDocumentMode", "defaultMode", "invalid", "invalidMessage", "checkInvalid"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.InputTextareaComponent, selector: "mrx-input-textarea", inputs: ["fields", "disabled", "readonly", "autosize", "maxlength", "minlength", "rows", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "blurred", "modelChange"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: ["message", "value", "maxValue", "minValue", "minLength", "maxLength", "checkInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextareaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-textarea', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-textarea-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    @if (!settings.options.editor) {\r\n      <mrx-input-textarea\r\n        [(ngModel)]=\"model.value\"\r\n        [fields]=\"autosaveFields\"\r\n        [rows]=\"2\"\r\n        [autosize]=\"true\"\r\n        [readonly]=\"false\"\r\n        [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442'\"\r\n        [mask]=\"settings.options.mask || ''\"\r\n        [minlength]=\"settings.options.minLength || 0\"\r\n        [maxlength]=\"settings.options.maxLength || 0\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        (modelChange)=\"dispatchModify($event)\"\r\n\r\n      ></mrx-input-textarea>\r\n    } @else {\r\n      <mrx-editor\r\n        [(ngModel)]=\"model.value\"\r\n        [readonly]=\"false\"\r\n        [fields]=\"autosaveFields\"\r\n        [toolbar]=\"config\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442'\"\r\n        (modelChange)=\"dispatchModify($event)\"\r\n        (change)=\"onChangeInput()\"\r\n      ></mrx-editor>\r\n    }\r\n\r\n    @if (settings.options.minLength) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0442\u0441\u0432\u043E \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u2014 {{ settings.options.minLength }}\"\r\n        [value]=\"validateValue\"\r\n        [minLength]=\"settings.options.minLength\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-textarea', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-textarea-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    @if (!settings.options.editor) {\r\n      <mrx-input-textarea\r\n        [(ngModel)]=\"model.value\"\r\n        [fields]=\"autosaveFields\"\r\n        [rows]=\"2\"\r\n        [autosize]=\"true\"\r\n        [readonly]=\"false\"\r\n        [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442'\"\r\n        [disabled]=\"disabled\"\r\n        [mask]=\"settings.options.mask || ''\"\r\n        [minlength]=\"settings.options.minLength || 0\"\r\n        [maxlength]=\"settings.options.maxLength || 0\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        (modelChange)=\"dispatchModify($event)\"\r\n\r\n      ></mrx-input-textarea>\r\n    } @else {\r\n      <mrx-editor\r\n        [(ngModel)]=\"model.value\"\r\n        [readonly]=\"false\"\r\n        [fields]=\"autosaveFields\"\r\n        [toolbar]=\"config\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442'\"\r\n        (modelChange)=\"dispatchModify($event)\"\r\n        (change)=\"onChangeInput()\"\r\n      ></mrx-editor>\r\n    }\r\n\r\n    @if (settings.options.minLength) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0442\u0441\u0432\u043E \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432 \u2014 {{ settings.options.minLength }}\"\r\n        [value]=\"validateValue\"\r\n        [minLength]=\"settings.options.minLength\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputLinkComponent extends BaseFieldComponent {
@@ -1266,11 +1314,11 @@ class InputLinkComponent extends BaseFieldComponent {
         this.type = ComponentType.InputLink;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputLinkComponent, selector: "app-input-link", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-link-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [showMaskTyped]=\"true\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-text>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "mrx-input-text", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "size", "isTooltipValue", "icon", "iconColor", "mask", "maskPrefix", "showMaskTyped", "maskDropSpecialCharacters"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputLinkComponent, selector: "app-input-link", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-link-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [showMaskTyped]=\"true\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-text>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "mrx-input-text", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "size", "isTooltipValue", "icon", "iconColor", "mask", "maskPrefix", "showMaskTyped", "maskDropSpecialCharacters"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-link-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [showMaskTyped]=\"true\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-text>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-link-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [showMaskTyped]=\"true\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-text>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputSwitchComponent extends BaseFieldComponent {
@@ -1279,11 +1327,11 @@ class InputSwitchComponent extends BaseFieldComponent {
         this.type = ComponentType.InputText;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSwitchComponent, selector: "app-input-switch", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-switch-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    @switch (settings.options.switchType) {\r\n      @case (0) {\r\n        <mrx-switch\r\n          [(ngModel)]=\"model.value\"\r\n          [size]=\"'large'\"\r\n          [label]=\"!!model.value ? settings.options.switchTextOn : settings.options.switchTextOff\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        ></mrx-switch>\r\n      }\r\n      @case (1) {\r\n        <mrx-checkbox\r\n          [(ngModel)]=\"model.value\"\r\n          [invalid]=\"getInvalid\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        >{{settings.options.switchTextOn}}</mrx-checkbox>\r\n      }\r\n    }\r\n\r\n    @if (getInvalid) {\r\n      <mrx-error-message>{{ getInvalidMessage }}</mrx-error-message>\r\n    }\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.SwitchComponent, selector: "mrx-switch", inputs: ["fields", "size", "type", "label", "boldLabel", "disabled", "readonly", "required", "customClasses", "leftText", "rightText"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSwitchComponent, selector: "app-input-switch", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-switch-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    @switch (settings.options.switchType) {\r\n      @case (0) {\r\n        <mrx-switch\r\n          [(ngModel)]=\"model.value\"\r\n          [size]=\"'large'\"\r\n          [disabled]=\"disabled\"\r\n          [label]=\"!!model.value ? settings.options.switchTextOn : settings.options.switchTextOff\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        ></mrx-switch>\r\n      }\r\n      @case (1) {\r\n        <mrx-checkbox\r\n          [(ngModel)]=\"model.value\"\r\n          [invalid]=\"getInvalid\"\r\n          [disabled]=\"disabled\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        >{{settings.options.switchTextOn}}</mrx-checkbox>\r\n      }\r\n    }\r\n\r\n    @if (getInvalid) {\r\n      <mrx-error-message>{{ getInvalidMessage }}</mrx-error-message>\r\n    }\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.CheckboxComponent, selector: "mrx-checkbox", inputs: ["fields", "required", "boldLabel", "indeterminate", "disabled", "readonly", "label", "customClasses", "customWrapperClasses", "invalid", "checkInvalid", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.SwitchComponent, selector: "mrx-switch", inputs: ["fields", "size", "type", "label", "boldLabel", "disabled", "readonly", "required", "customClasses", "leftText", "rightText"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSwitchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-switch', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-switch-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    @switch (settings.options.switchType) {\r\n      @case (0) {\r\n        <mrx-switch\r\n          [(ngModel)]=\"model.value\"\r\n          [size]=\"'large'\"\r\n          [label]=\"!!model.value ? settings.options.switchTextOn : settings.options.switchTextOff\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        ></mrx-switch>\r\n      }\r\n      @case (1) {\r\n        <mrx-checkbox\r\n          [(ngModel)]=\"model.value\"\r\n          [invalid]=\"getInvalid\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        >{{settings.options.switchTextOn}}</mrx-checkbox>\r\n      }\r\n    }\r\n\r\n    @if (getInvalid) {\r\n      <mrx-error-message>{{ getInvalidMessage }}</mrx-error-message>\r\n    }\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-switch', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-switch-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    @switch (settings.options.switchType) {\r\n      @case (0) {\r\n        <mrx-switch\r\n          [(ngModel)]=\"model.value\"\r\n          [size]=\"'large'\"\r\n          [disabled]=\"disabled\"\r\n          [label]=\"!!model.value ? settings.options.switchTextOn : settings.options.switchTextOff\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        ></mrx-switch>\r\n      }\r\n      @case (1) {\r\n        <mrx-checkbox\r\n          [(ngModel)]=\"model.value\"\r\n          [invalid]=\"getInvalid\"\r\n          [disabled]=\"disabled\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        >{{settings.options.switchTextOn}}</mrx-checkbox>\r\n      }\r\n    }\r\n\r\n    @if (getInvalid) {\r\n      <mrx-error-message>{{ getInvalidMessage }}</mrx-error-message>\r\n    }\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputNumberComponent extends BaseFieldComponent {
@@ -1305,11 +1353,11 @@ class InputNumberComponent extends BaseFieldComponent {
             this.settings.options.maxValue && model.value && this.settings.options.maxValue < model.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputNumberComponent, selector: "app-input-number", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-number-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-number\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"isReadonly\"\r\n      [numberType]=\"settings.options.decimals ? 'float' : 'int'\"\r\n      [decimalSeparator]=\"settings.options.decimalSeparator\"\r\n      [decimals]=\"settings.options.decimals\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n      (change)=\"onChangeInput()\"\r\n    ></mrx-input-number>\r\n\r\n    @if (settings.options.minValue) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u2014 {{ settings.options.minValue }}\"\r\n        [value]=\"validateValue\"\r\n        [minValue]=\"settings.options.minValue\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n    @if (settings.options.maxValue) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u2014 {{ settings.options.maxValue }}\"\r\n        [value]=\"validateValue\"\r\n        [maxValue]=\"settings.options.maxValue\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.InputNumberComponent, selector: "mrx-input-number", inputs: ["fields", "placeholder", "innerClass", "customClasses", "required", "allowNegative", "size", "separator", "decimalSeparator", "decimals", "isNullableValue", "isAutoCorrectingValue", "invalid", "checkInvalid", "numberType", "invalidMessage", "disabled", "readonly", "minValue", "maxValue"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: ["message", "value", "maxValue", "minValue", "minLength", "maxLength", "checkInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputNumberComponent, selector: "app-input-number", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-number-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-number\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"isReadonly\"\r\n      [numberType]=\"settings.options.decimals ? 'float' : 'int'\"\r\n      [decimalSeparator]=\"settings.options.decimalSeparator\"\r\n      [decimals]=\"settings.options.decimals\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [disabled]=\"disabled\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n      (change)=\"onChangeInput()\"\r\n    ></mrx-input-number>\r\n\r\n    @if (settings.options.minValue) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u2014 {{ settings.options.minValue }}\"\r\n        [value]=\"validateValue\"\r\n        [minValue]=\"settings.options.minValue\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n    @if (settings.options.maxValue) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u2014 {{ settings.options.maxValue }}\"\r\n        [value]=\"validateValue\"\r\n        [maxValue]=\"settings.options.maxValue\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.InputNumberComponent, selector: "mrx-input-number", inputs: ["fields", "placeholder", "innerClass", "customClasses", "required", "allowNegative", "size", "separator", "decimalSeparator", "decimals", "isNullableValue", "isAutoCorrectingValue", "invalid", "checkInvalid", "numberType", "invalidMessage", "disabled", "readonly", "minValue", "maxValue"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: ["message", "value", "maxValue", "minValue", "minLength", "maxLength", "checkInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-number', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-number-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-number\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"isReadonly\"\r\n      [numberType]=\"settings.options.decimals ? 'float' : 'int'\"\r\n      [decimalSeparator]=\"settings.options.decimalSeparator\"\r\n      [decimals]=\"settings.options.decimals\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n      (change)=\"onChangeInput()\"\r\n    ></mrx-input-number>\r\n\r\n    @if (settings.options.minValue) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u2014 {{ settings.options.minValue }}\"\r\n        [value]=\"validateValue\"\r\n        [minValue]=\"settings.options.minValue\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n    @if (settings.options.maxValue) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u2014 {{ settings.options.maxValue }}\"\r\n        [value]=\"validateValue\"\r\n        [maxValue]=\"settings.options.maxValue\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-number', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-number-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-number\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"isReadonly\"\r\n      [numberType]=\"settings.options.decimals ? 'float' : 'int'\"\r\n      [decimalSeparator]=\"settings.options.decimalSeparator\"\r\n      [decimals]=\"settings.options.decimals\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [disabled]=\"disabled\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n      (change)=\"onChangeInput()\"\r\n    ></mrx-input-number>\r\n\r\n    @if (settings.options.minValue) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u2014 {{ settings.options.minValue }}\"\r\n        [value]=\"validateValue\"\r\n        [minValue]=\"settings.options.minValue\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n    @if (settings.options.maxValue) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u2014 {{ settings.options.maxValue }}\"\r\n        [value]=\"validateValue\"\r\n        [maxValue]=\"settings.options.maxValue\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputSelectComponent extends BaseFieldComponent {
@@ -1358,11 +1406,11 @@ class InputSelectComponent extends BaseFieldComponent {
         return result.join(', ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectComponent, selector: "app-input-select", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-select-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-select\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"settings.options.items\"\r\n      [readonly]=\"false\"\r\n      [searchable]=\"false\"\r\n      bindValue=\"value\"\r\n      bindLabel=\"text\"\r\n      [multiple]=\"settings.options.multiply\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-select>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.SelectComponent, selector: "mrx-select", inputs: ["fields", "items", "multiple", "isLoading", "searchable", "clearable", "closable", "size", "bindValue", "bindLabel", "bindIcon", "emptyText", "placeholder", "searchPlaceholder", "multiCollapseCount", "addOption", "isExtraOption", "extraOptionPlaceholder", "use", "sortIcon", "sortPlaceholder", "isFullWidthDropdown", "disabled", "readonly", "invalid", "invalidMessage", "checkInvalid", "popupPosition", "singleChange"], outputs: ["changed", "modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectComponent, selector: "app-input-select", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-select-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-select\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"settings.options.items\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [searchable]=\"false\"\r\n      bindValue=\"value\"\r\n      bindLabel=\"text\"\r\n      [multiple]=\"settings.options.multiply\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-select>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.SelectComponent, selector: "mrx-select", inputs: ["fields", "items", "multiple", "isLoading", "searchable", "clearable", "closable", "size", "bindValue", "bindLabel", "bindIcon", "emptyText", "placeholder", "searchPlaceholder", "multiCollapseCount", "addOption", "isExtraOption", "extraOptionPlaceholder", "use", "sortIcon", "sortPlaceholder", "isFullWidthDropdown", "disabled", "readonly", "invalid", "invalidMessage", "checkInvalid", "popupPosition", "singleChange"], outputs: ["changed", "modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-select-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-select\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"settings.options.items\"\r\n      [readonly]=\"false\"\r\n      [searchable]=\"false\"\r\n      bindValue=\"value\"\r\n      bindLabel=\"text\"\r\n      [multiple]=\"settings.options.multiply\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-select>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-select-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-select\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"settings.options.items\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [searchable]=\"false\"\r\n      bindValue=\"value\"\r\n      bindLabel=\"text\"\r\n      [multiple]=\"settings.options.multiply\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-select>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputDateComponent extends BaseFieldComponent {
@@ -1498,11 +1546,11 @@ class InputDateComponent extends BaseFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputDateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputDateComponent, selector: "app-input-date", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-date-content\">\r\n    <div class=\"row\">\r\n      <div class=\"col\" [class.col-8]=\"settings.options.counter\">\r\n        @if (settings.options.label) {\r\n          <mrx-label\r\n            [required]=\"settings.options.required\"\r\n            [tooltip]=\"settings.options.tooltip || ''\"\r\n            [customClasses]=\"'mt-2'\"\r\n          >\r\n            {{ settings.options.label }}\r\n          </mrx-label>\r\n        }\r\n\r\n        <mrx-input-date-time\r\n          [ngModel]=\"dateModel\"\r\n          [fields]=\"autosaveFields\"\r\n          [range]=\"settings.options.range\"\r\n          [datePlaceholder]=\"(settings.options.range ? settings.options.placeholder + ' - ' + settings.options.placeholder : settings.options.placeholder) || ''\"\r\n          [isManualInput]=\"!settings.options.range\"\r\n          [timepicker]=\"getViewTypeTimepicker\"\r\n          [invalid]=\"getInvalid\"\r\n          [invalidMessage]=\"getInvalidMessage\"\r\n          [minDate]=\"settings.options.minDate\"\r\n          [maxDate]=\"settings.options.maxDate\"\r\n          (modelChange)=\"updateValue($event)\"\r\n        ></mrx-input-date-time>\r\n      </div>\r\n\r\n      @if (settings.options.counter && settings.options.range) {\r\n        <div class=\"col col-4\">\r\n          <mrx-label customClasses=\"mt-2\">\r\n            {{ settings.options.counterLabel }}\r\n          </mrx-label>\r\n          <mrx-input-number\r\n            [ngModel]=\"modelCounter\"\r\n            [placeholder]=\"'0'\"\r\n            [disabled]=\"!settings.options.counterEditable\"\r\n            (ngModelChange)=\"updateCounter($event)\"\r\n          ></mrx-input-number>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.InputNumberComponent, selector: "mrx-input-number", inputs: ["fields", "placeholder", "innerClass", "customClasses", "required", "allowNegative", "size", "separator", "decimalSeparator", "decimals", "isNullableValue", "isAutoCorrectingValue", "invalid", "checkInvalid", "numberType", "invalidMessage", "disabled", "readonly", "minValue", "maxValue"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.InputDateTimeComponent, selector: "mrx-input-date-time", inputs: ["fields", "size", "customClasses", "dateLabel", "timeLabel", "datePlaceholder", "timePlaceholder", "disabled", "readonly", "required", "timepicker", "range", "minDate", "maxDate", "timezone", "inline", "isManualInput", "addMinTime", "addMaxTime", "addMinTimeObj", "addMaxTimeObj", "disableValidate", "container", "invalid", "invalidMessage", "checkInvalid"], outputs: ["changed", "modelChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputDateComponent, selector: "app-input-date", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-date-content\">\r\n    <div class=\"row\">\r\n      <div class=\"col\" [class.col-8]=\"settings.options.counter\">\r\n        @if (settings.options.label) {\r\n          <mrx-label\r\n            [required]=\"settings.options.required\"\r\n            [tooltip]=\"settings.options.tooltip || ''\"\r\n            [customClasses]=\"'mt-2'\"\r\n          >\r\n            {{ settings.options.label }}\r\n          </mrx-label>\r\n        }\r\n\r\n        <mrx-input-date-time\r\n          [ngModel]=\"dateModel\"\r\n          [fields]=\"autosaveFields\"\r\n          [range]=\"settings.options.range\"\r\n          [datePlaceholder]=\"(settings.options.range ? settings.options.placeholder + ' - ' + settings.options.placeholder : settings.options.placeholder) || ''\"\r\n          [isManualInput]=\"!settings.options.range\"\r\n          [timepicker]=\"getViewTypeTimepicker\"\r\n          [invalid]=\"getInvalid\"\r\n          [invalidMessage]=\"getInvalidMessage\"\r\n          [minDate]=\"settings.options.minDate\"\r\n          [maxDate]=\"settings.options.maxDate\"\r\n          [disabled]=\"disabled\"\r\n          (modelChange)=\"updateValue($event)\"\r\n        ></mrx-input-date-time>\r\n      </div>\r\n\r\n      @if (settings.options.counter && settings.options.range) {\r\n        <div class=\"col col-4\">\r\n          <mrx-label customClasses=\"mt-2\">\r\n            {{ settings.options.counterLabel }}\r\n          </mrx-label>\r\n          <mrx-input-number\r\n            [ngModel]=\"modelCounter\"\r\n            [placeholder]=\"'0'\"\r\n            [disabled]=\"!settings.options.counterEditable\"\r\n            (ngModelChange)=\"updateCounter($event)\"\r\n          ></mrx-input-number>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.InputNumberComponent, selector: "mrx-input-number", inputs: ["fields", "placeholder", "innerClass", "customClasses", "required", "allowNegative", "size", "separator", "decimalSeparator", "decimals", "isNullableValue", "isAutoCorrectingValue", "invalid", "checkInvalid", "numberType", "invalidMessage", "disabled", "readonly", "minValue", "maxValue"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.InputDateTimeComponent, selector: "mrx-input-date-time", inputs: ["fields", "size", "customClasses", "dateLabel", "timeLabel", "datePlaceholder", "timePlaceholder", "disabled", "readonly", "required", "timepicker", "range", "minDate", "maxDate", "timezone", "inline", "isManualInput", "addMinTime", "addMaxTime", "addMinTimeObj", "addMaxTimeObj", "disableValidate", "container", "invalid", "invalidMessage", "checkInvalid"], outputs: ["changed", "modelChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputDateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-date', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-date-content\">\r\n    <div class=\"row\">\r\n      <div class=\"col\" [class.col-8]=\"settings.options.counter\">\r\n        @if (settings.options.label) {\r\n          <mrx-label\r\n            [required]=\"settings.options.required\"\r\n            [tooltip]=\"settings.options.tooltip || ''\"\r\n            [customClasses]=\"'mt-2'\"\r\n          >\r\n            {{ settings.options.label }}\r\n          </mrx-label>\r\n        }\r\n\r\n        <mrx-input-date-time\r\n          [ngModel]=\"dateModel\"\r\n          [fields]=\"autosaveFields\"\r\n          [range]=\"settings.options.range\"\r\n          [datePlaceholder]=\"(settings.options.range ? settings.options.placeholder + ' - ' + settings.options.placeholder : settings.options.placeholder) || ''\"\r\n          [isManualInput]=\"!settings.options.range\"\r\n          [timepicker]=\"getViewTypeTimepicker\"\r\n          [invalid]=\"getInvalid\"\r\n          [invalidMessage]=\"getInvalidMessage\"\r\n          [minDate]=\"settings.options.minDate\"\r\n          [maxDate]=\"settings.options.maxDate\"\r\n          (modelChange)=\"updateValue($event)\"\r\n        ></mrx-input-date-time>\r\n      </div>\r\n\r\n      @if (settings.options.counter && settings.options.range) {\r\n        <div class=\"col col-4\">\r\n          <mrx-label customClasses=\"mt-2\">\r\n            {{ settings.options.counterLabel }}\r\n          </mrx-label>\r\n          <mrx-input-number\r\n            [ngModel]=\"modelCounter\"\r\n            [placeholder]=\"'0'\"\r\n            [disabled]=\"!settings.options.counterEditable\"\r\n            (ngModelChange)=\"updateCounter($event)\"\r\n          ></mrx-input-number>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-date', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-date-content\">\r\n    <div class=\"row\">\r\n      <div class=\"col\" [class.col-8]=\"settings.options.counter\">\r\n        @if (settings.options.label) {\r\n          <mrx-label\r\n            [required]=\"settings.options.required\"\r\n            [tooltip]=\"settings.options.tooltip || ''\"\r\n            [customClasses]=\"'mt-2'\"\r\n          >\r\n            {{ settings.options.label }}\r\n          </mrx-label>\r\n        }\r\n\r\n        <mrx-input-date-time\r\n          [ngModel]=\"dateModel\"\r\n          [fields]=\"autosaveFields\"\r\n          [range]=\"settings.options.range\"\r\n          [datePlaceholder]=\"(settings.options.range ? settings.options.placeholder + ' - ' + settings.options.placeholder : settings.options.placeholder) || ''\"\r\n          [isManualInput]=\"!settings.options.range\"\r\n          [timepicker]=\"getViewTypeTimepicker\"\r\n          [invalid]=\"getInvalid\"\r\n          [invalidMessage]=\"getInvalidMessage\"\r\n          [minDate]=\"settings.options.minDate\"\r\n          [maxDate]=\"settings.options.maxDate\"\r\n          [disabled]=\"disabled\"\r\n          (modelChange)=\"updateValue($event)\"\r\n        ></mrx-input-date-time>\r\n      </div>\r\n\r\n      @if (settings.options.counter && settings.options.range) {\r\n        <div class=\"col col-4\">\r\n          <mrx-label customClasses=\"mt-2\">\r\n            {{ settings.options.counterLabel }}\r\n          </mrx-label>\r\n          <mrx-input-number\r\n            [ngModel]=\"modelCounter\"\r\n            [placeholder]=\"'0'\"\r\n            [disabled]=\"!settings.options.counterEditable\"\r\n            (ngModelChange)=\"updateCounter($event)\"\r\n          ></mrx-input-number>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputInnComponent extends BaseFieldComponent {
@@ -1526,11 +1574,11 @@ class InputInnComponent extends BaseFieldComponent {
         return this.settings.options.viewType === InnTypeEnum.ForeignLegal ? '9909' : '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputInnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputInnComponent, selector: "app-input-inn", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-inn-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [mask]=\"getMask\"\r\n      [maskPrefix]=\"getMaskPrefix\"\r\n      [maskDropSpecialCharacters]=\"false\"\r\n      [showMaskTyped]=\"true\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-text>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "mrx-input-text", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "size", "isTooltipValue", "icon", "iconColor", "mask", "maskPrefix", "showMaskTyped", "maskDropSpecialCharacters"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputInnComponent, selector: "app-input-inn", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-inn-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [mask]=\"getMask\"\r\n      [maskPrefix]=\"getMaskPrefix\"\r\n      [maskDropSpecialCharacters]=\"false\"\r\n      [showMaskTyped]=\"true\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-text>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.InputTextComponent, selector: "mrx-input-text", inputs: ["fields", "disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "size", "isTooltipValue", "icon", "iconColor", "mask", "maskPrefix", "showMaskTyped", "maskDropSpecialCharacters"], outputs: ["changed", "modelChange"] }, { kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputInnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-inn', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-inn-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [mask]=\"getMask\"\r\n      [maskPrefix]=\"getMaskPrefix\"\r\n      [maskDropSpecialCharacters]=\"false\"\r\n      [showMaskTyped]=\"true\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-text>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-inn', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-inn-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-text\r\n      [(ngModel)]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [mask]=\"getMask\"\r\n      [maskPrefix]=\"getMaskPrefix\"\r\n      [maskDropSpecialCharacters]=\"false\"\r\n      [showMaskTyped]=\"true\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-text>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputFileComponent extends BaseFieldComponent {
@@ -1604,11 +1652,11 @@ class InputFileComponent extends BaseFieldComponent {
         this._detector.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputFileComponent, selector: "app-input-file", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-file-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-file\r\n      [files]=\"files\"\r\n      [allowedExtensions]=\"settings.options.allowedExtensions\"\r\n      [maxFiles]=\"!!settings.options.maxFiles ? settings.options.maxFiles : 9999\"\r\n      [minFiles]=\"1\"\r\n      [maxSize]=\"!!settings.options.maxSize ? settings.options.maxSize : 52428800\"\r\n      [uploadEndPoint]=\"apiUrl + '/' + (applicationId$ | async) + '/upload-temp-file'\"\r\n      [deleteConfirm]=\"deleteFile.bind(this)\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"'\u041F\u043E\u043B\u0435 \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u0434\u043B\u044F \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F'\"\r\n      (filesChanged)=\"filesChanged($event)\"\r\n    ></mrx-input-file>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "component", type: i1$1.InputFileComponent, selector: "mrx-input-file", inputs: ["autoUpload", "required", "disabled", "viewOnly", "lightDisabled", "bottomFiles", "maxSize", "maxFiles", "minFiles", "formData", "uploadEndPoint", "deleteEndPoint", "downloadEndPoint", "fileNamePlaceholder", "showInputWithError", "showDeleteButton", "isTooltipValue", "isDownloadingFile", "isHideListFiles", "target", "deleteConfirm", "innerTemplate", "uploadAdditionalData", "invalid", "invalidMessage", "checkInvalid", "messageTooManyFiles", "messageFileTooBig", "messageEmptyFile", "messageInvalidFileFormat", "placeholder", "placeholderFileMaxSize", "placeholderFileFormat", "files", "allowedExtensions"], outputs: ["filesChanged", "checkDroppedFile"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputFileComponent, selector: "app-input-file", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-file-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-file\r\n      [files]=\"files\"\r\n      [allowedExtensions]=\"settings.options.allowedExtensions\"\r\n      [maxFiles]=\"!!settings.options.maxFiles ? settings.options.maxFiles : 9999\"\r\n      [minFiles]=\"1\"\r\n      [maxSize]=\"!!settings.options.maxSize ? settings.options.maxSize : 52428800\"\r\n      [uploadEndPoint]=\"apiUrl + '/' + (applicationId$ | async) + '/upload-temp-file'\"\r\n      [deleteConfirm]=\"deleteFile.bind(this)\"\r\n      [disabled]=\"disabled\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"'\u041F\u043E\u043B\u0435 \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u0434\u043B\u044F \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F'\"\r\n      (filesChanged)=\"filesChanged($event)\"\r\n    ></mrx-input-file>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "component", type: i1$1.InputFileComponent, selector: "mrx-input-file", inputs: ["autoUpload", "required", "disabled", "viewOnly", "lightDisabled", "bottomFiles", "maxSize", "maxFiles", "minFiles", "formData", "uploadEndPoint", "deleteEndPoint", "downloadEndPoint", "fileNamePlaceholder", "showInputWithError", "showDeleteButton", "isTooltipValue", "isDownloadingFile", "isHideListFiles", "target", "deleteConfirm", "innerTemplate", "uploadAdditionalData", "invalid", "invalidMessage", "checkInvalid", "messageTooManyFiles", "messageFileTooBig", "messageEmptyFile", "messageInvalidFileFormat", "placeholder", "placeholderFileMaxSize", "placeholderFileFormat", "files", "allowedExtensions"], outputs: ["filesChanged", "checkDroppedFile"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputFileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-file', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-file-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-file\r\n      [files]=\"files\"\r\n      [allowedExtensions]=\"settings.options.allowedExtensions\"\r\n      [maxFiles]=\"!!settings.options.maxFiles ? settings.options.maxFiles : 9999\"\r\n      [minFiles]=\"1\"\r\n      [maxSize]=\"!!settings.options.maxSize ? settings.options.maxSize : 52428800\"\r\n      [uploadEndPoint]=\"apiUrl + '/' + (applicationId$ | async) + '/upload-temp-file'\"\r\n      [deleteConfirm]=\"deleteFile.bind(this)\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"'\u041F\u043E\u043B\u0435 \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u0434\u043B\u044F \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F'\"\r\n      (filesChanged)=\"filesChanged($event)\"\r\n    ></mrx-input-file>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-file', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-file-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-file\r\n      [files]=\"files\"\r\n      [allowedExtensions]=\"settings.options.allowedExtensions\"\r\n      [maxFiles]=\"!!settings.options.maxFiles ? settings.options.maxFiles : 9999\"\r\n      [minFiles]=\"1\"\r\n      [maxSize]=\"!!settings.options.maxSize ? settings.options.maxSize : 52428800\"\r\n      [uploadEndPoint]=\"apiUrl + '/' + (applicationId$ | async) + '/upload-temp-file'\"\r\n      [deleteConfirm]=\"deleteFile.bind(this)\"\r\n      [disabled]=\"disabled\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"'\u041F\u043E\u043B\u0435 \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u0434\u043B\u044F \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F'\"\r\n      (filesChanged)=\"filesChanged($event)\"\r\n    ></mrx-input-file>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 //TODO InputTelValueWithId добавить в компонент
@@ -1632,11 +1680,11 @@ class InputPhoneComponent extends BaseFieldComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputPhoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputPhoneComponent, selector: "app-input-phone", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-phone-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-tel\r\n      [ngModel]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [onlyCountries]=\"onlyCountries\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      [readonly]=\"false\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-input-tel>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.InputTelComponent, selector: "mrx-input-tel", inputs: ["fields", "disabled", "readonly", "maxLength", "customClasses", "size", "cssClass", "preferredCountries", "onlyCountries", "enableAutoCountrySelect", "enablePlaceholder", "customPlaceholder", "numberFormat", "searchCountryFlag", "searchCountryField", "searchCountryPlaceholder", "selectFirstCountry", "phoneValidation", "inputId", "selectedCountryISO", "separateDialCode", "autoDealCode", "autoCloseDropdown", "invalid", "invalidMessage", "invalidPhoneMessage", "checkInvalid"], outputs: ["changed", "modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputPhoneComponent, selector: "app-input-phone", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-phone-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-tel\r\n      [ngModel]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [onlyCountries]=\"onlyCountries\"\r\n      [disabled]=\"disabled\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      [readonly]=\"false\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-input-tel>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.InputTelComponent, selector: "mrx-input-tel", inputs: ["fields", "disabled", "readonly", "maxLength", "customClasses", "size", "cssClass", "preferredCountries", "onlyCountries", "enableAutoCountrySelect", "enablePlaceholder", "customPlaceholder", "numberFormat", "searchCountryFlag", "searchCountryField", "searchCountryPlaceholder", "selectFirstCountry", "phoneValidation", "inputId", "selectedCountryISO", "separateDialCode", "autoDealCode", "autoCloseDropdown", "invalid", "invalidMessage", "invalidPhoneMessage", "checkInvalid"], outputs: ["changed", "modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputPhoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-phone', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-phone-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-tel\r\n      [ngModel]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [onlyCountries]=\"onlyCountries\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      [readonly]=\"false\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-input-tel>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-phone', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-phone-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-input-tel\r\n      [ngModel]=\"model.value\"\r\n      [fields]=\"autosaveFields\"\r\n      [onlyCountries]=\"onlyCountries\"\r\n      [disabled]=\"disabled\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      [readonly]=\"false\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-input-tel>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputCheckboxGroupComponent extends BaseFieldComponent {
@@ -1674,11 +1722,11 @@ class InputCheckboxGroupComponent extends BaseFieldComponent {
         return result.join(', ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputCheckboxGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputCheckboxGroupComponent, selector: "app-input-checkbox-group", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"checkbox-group-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-checkbox-group\r\n      [(ngModel)]=\"value\"\r\n      [items]=\"list\"\r\n      [fields]=\"autosaveFields\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-checkbox-group>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.CheckboxGroupComponent, selector: "mrx-checkbox-group", inputs: ["fields", "scrollMaxHeight", "searchable", "scrollable", "sortable", "disabled", "readonly", "enableMessage", "searchPlaceholder", "customClasses", "tooltip", "labelText", "linkText", "invalid", "invalidMessage", "items"], outputs: ["changed", "modelChange", "changedInner", "modelChangeInner", "modelItemChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputCheckboxGroupComponent, selector: "app-input-checkbox-group", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"checkbox-group-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-checkbox-group\r\n      [(ngModel)]=\"value\"\r\n      [items]=\"list\"\r\n      [fields]=\"autosaveFields\"\r\n      [invalid]=\"getInvalid\"\r\n      [disabled]=\"disabled\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-checkbox-group>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.CheckboxGroupComponent, selector: "mrx-checkbox-group", inputs: ["fields", "scrollMaxHeight", "searchable", "scrollable", "sortable", "disabled", "readonly", "enableMessage", "searchPlaceholder", "customClasses", "tooltip", "labelText", "linkText", "invalid", "invalidMessage", "items"], outputs: ["changed", "modelChange", "changedInner", "modelChangeInner", "modelItemChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputCheckboxGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-checkbox-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"checkbox-group-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-checkbox-group\r\n      [(ngModel)]=\"value\"\r\n      [items]=\"list\"\r\n      [fields]=\"autosaveFields\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-checkbox-group>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-checkbox-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"checkbox-group-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-checkbox-group\r\n      [(ngModel)]=\"value\"\r\n      [items]=\"list\"\r\n      [fields]=\"autosaveFields\"\r\n      [invalid]=\"getInvalid\"\r\n      [disabled]=\"disabled\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-checkbox-group>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputRadioGroupComponent extends BaseFieldComponent {
@@ -1715,11 +1763,11 @@ class InputRadioGroupComponent extends BaseFieldComponent {
             .map(x => x.text).join(', ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputRadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputRadioGroupComponent, selector: "app-input-radio-group", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-radio-group-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-radio-group\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"list\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-radio-group>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.RadioGroupComponent, selector: "mrx-radio-group", inputs: ["fields", "searchSize", "name", "scrollMaxHeight", "searchable", "bold", "scrollable", "sortable", "disabled", "readonly", "enableMessage", "searchPlaceholder", "customClasses", "required", "invalid", "invalidMessage", "checkInvalid", "tooltip", "labelText", "items"], outputs: ["changed", "modelChange", "modelCheckedChange", "modelItemChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputRadioGroupComponent, selector: "app-input-radio-group", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-radio-group-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-radio-group\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"list\"\r\n      [invalid]=\"getInvalid\"\r\n      [disabled]=\"disabled\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-radio-group>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.RadioGroupComponent, selector: "mrx-radio-group", inputs: ["fields", "searchSize", "name", "scrollMaxHeight", "searchable", "bold", "scrollable", "sortable", "disabled", "readonly", "enableMessage", "searchPlaceholder", "customClasses", "required", "invalid", "invalidMessage", "checkInvalid", "tooltip", "labelText", "items"], outputs: ["changed", "modelChange", "modelCheckedChange", "modelItemChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputRadioGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-radio-group-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-radio-group\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"list\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-radio-group>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-radio-group-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-radio-group\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"list\"\r\n      [invalid]=\"getInvalid\"\r\n      [disabled]=\"disabled\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-radio-group>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class FormDispenserModal {
@@ -1861,6 +1909,7 @@ class InputTableComponent {
         this._changeSubject$ = new Subject();
         this._subscriptions$ = [];
         this._isCheckRequired = false;
+        this._canEditObject = false;
         this.dataSource = [];
         this.columns = [];
         this.values = [];
@@ -1881,6 +1930,11 @@ class InputTableComponent {
             this._isCheckRequired = result;
             this._detector.detectChanges();
         }));
+        this._subscriptions$.push(this._store.select(selectCanEditObject)
+            .subscribe(result => {
+            this._canEditObject = result;
+            this._detector.detectChanges();
+        }));
         this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
             .subscribe((result) => {
             const cloneResult = structuredClone(result);
@@ -1916,6 +1970,9 @@ class InputTableComponent {
             this._changeSubject$.next(this.model);
         }
     }
+    get disabled() {
+        return !this._canEditObject;
+    }
     editRow(event) {
         const findRow = this.model.data.find(item => item.id === event.row.data.id);
         if (findRow) {
@@ -2026,11 +2083,11 @@ class InputTableComponent {
         return column;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTableComponent, selector: "app-input-table", inputs: { values: "values", data: "data" }, outputs: { changed: "changed" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: ["dataGrid"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }], ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <dxo-toolbar>\r\n        <dxi-item location=\"after\">\r\n          <div *dxTemplate class=\"add-row\">\r\n            <mrx-button\r\n              [size]=\"'medium'\"\r\n              [type]=\"'tertiary'\"\r\n              [customClasses]=\"'px-3'\"\r\n              (mrxClick)=\"createRow()\"\r\n            >\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\r\n            </mrx-button>\r\n          </div>\r\n        </dxi-item>\r\n      </dxo-toolbar>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [summaryType]=\"'sum'\"\r\n                  [displayFormat]=\"'{0}'\"\r\n                ></dxi-total-item>\r\n              }\r\n\r\n              @for (component of component.components; track component.id) {\r\n                @if (showTotal(component)) {\r\n                  <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [summaryType]=\"'sum'\"\r\n                    [displayFormat]=\"'{0}'\"\r\n                  ></dxi-total-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-total-item\r\n                      [column]=\"component.sysName\"\r\n                      [summaryType]=\"'sum'\"\r\n                      [displayFormat]=\"'{0}'\"\r\n                    ></dxi-total-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (isTotalColumn(component)) {\r\n                <dxi-total-item [column]=\"component.sysName\" [displayFormat]=\"'{0}'\"></dxi-total-item>\r\n              } @else {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [cssClass]=\"'text-bold'\"\r\n                  [displayFormat]=\"'\u0418\u0422\u041E\u0413\u041E'\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n    </dx-data-grid>\r\n\r\n    <ng-template #editTemplate let-cellInfo=\"cellInfo\">\r\n      <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 4px\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(cellInfo)\"></span>\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(cellInfo)\"></span>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [":host::ng-deep .input-table-content .dx-datagrid{padding:0}:host::ng-deep .input-table-content .dx-datagrid-header-panel{display:flex;align-items:center;min-height:40px;padding:0}:host::ng-deep .input-table-content .dx-datagrid-rowsview{border-bottom:none}:host::ng-deep .input-table-content .dx-datagrid-rowsview.dx-empty{border-bottom:1px solid #ddd;height:48px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer{border-top:none;border-left:none;border-right:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content{padding:0}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content th,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content td{border:1px solid #ddd;border-top:none;border-collapse:collapse}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table{border-top:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-summary-item{font-weight:400}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers{top:-24px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers td.dx-command-expand.dx-datagrid-group-space{border-right:none!important;border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer td.dx-command-expand.dx-datagrid-group-space{border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-row>td,:host::ng-deep .input-table-content .dx-datagrid .page-wrapper .dx-treelist-container .dx-row>td{color:var(--neutral-text-secondary, #4D5157);font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host::ng-deep .input-table-content .dx-datagrid .dx-row.dx-data-row.dx-column-lines>td{color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}:host::ng-deep .custom-cell-controls .dx-template-wrapper{display:inline-flex}\n"], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }, { kind: "component", type: i2$3.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i3$1.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { kind: "component", type: i3$1.DxoSummaryComponent, selector: "dxo-summary", inputs: ["calculateCustomSummary", "groupItems", "recalculateWhileEditing", "skipEmptyValues", "texts", "totalItems"] }, { kind: "component", type: i3$1.DxiTotalItemComponent, selector: "dxi-total-item", inputs: ["alignment", "column", "cssClass", "customizeText", "displayFormat", "name", "showInColumn", "skipEmptyValues", "summaryType", "valueFormat"] }, { kind: "component", type: i3$1.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "directive", type: i4.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTableComponent, selector: "app-input-table", inputs: { values: "values", data: "data" }, outputs: { changed: "changed" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: ["dataGrid"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }], ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      [disabled]=\"disabled\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <dxo-toolbar>\r\n        <dxi-item location=\"after\">\r\n          <div *dxTemplate class=\"add-row\">\r\n            <mrx-button\r\n              [size]=\"'medium'\"\r\n              [type]=\"'tertiary'\"\r\n              [customClasses]=\"'px-3'\"\r\n              (mrxClick)=\"createRow()\"\r\n            >\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\r\n            </mrx-button>\r\n          </div>\r\n        </dxi-item>\r\n      </dxo-toolbar>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [summaryType]=\"'sum'\"\r\n                  [displayFormat]=\"'{0}'\"\r\n                ></dxi-total-item>\r\n              }\r\n\r\n              @for (component of component.components; track component.id) {\r\n                @if (showTotal(component)) {\r\n                  <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [summaryType]=\"'sum'\"\r\n                    [displayFormat]=\"'{0}'\"\r\n                  ></dxi-total-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-total-item\r\n                      [column]=\"component.sysName\"\r\n                      [summaryType]=\"'sum'\"\r\n                      [displayFormat]=\"'{0}'\"\r\n                    ></dxi-total-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (isTotalColumn(component)) {\r\n                <dxi-total-item [column]=\"component.sysName\" [displayFormat]=\"'{0}'\"></dxi-total-item>\r\n              } @else {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [cssClass]=\"'text-bold'\"\r\n                  [displayFormat]=\"'\u0418\u0422\u041E\u0413\u041E'\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n    </dx-data-grid>\r\n\r\n    <ng-template #editTemplate let-cellInfo=\"cellInfo\">\r\n      <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 4px\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(cellInfo)\"></span>\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(cellInfo)\"></span>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [":host::ng-deep .input-table-content .dx-datagrid{padding:0}:host::ng-deep .input-table-content .dx-datagrid-header-panel{display:flex;align-items:center;min-height:40px;padding:0}:host::ng-deep .input-table-content .dx-datagrid-rowsview{border-bottom:none}:host::ng-deep .input-table-content .dx-datagrid-rowsview.dx-empty{border-bottom:1px solid #ddd;height:48px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer{border-top:none;border-left:none;border-right:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content{padding:0}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content th,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content td{border:1px solid #ddd;border-top:none;border-collapse:collapse}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table{border-top:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-summary-item{font-weight:400}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers{top:-24px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers td.dx-command-expand.dx-datagrid-group-space{border-right:none!important;border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer td.dx-command-expand.dx-datagrid-group-space{border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-row>td,:host::ng-deep .input-table-content .dx-datagrid .page-wrapper .dx-treelist-container .dx-row>td{color:var(--neutral-text-secondary, #4D5157);font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host::ng-deep .input-table-content .dx-datagrid .dx-row.dx-data-row.dx-column-lines>td{color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}:host::ng-deep .custom-cell-controls .dx-template-wrapper{display:inline-flex}\n"], dependencies: [{ kind: "component", type: i1$1.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType", "href", "target", "routerLink", "queryParams"], outputs: ["mrxClick"] }, { kind: "component", type: i2$3.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i3$1.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { kind: "component", type: i3$1.DxoSummaryComponent, selector: "dxo-summary", inputs: ["calculateCustomSummary", "groupItems", "recalculateWhileEditing", "skipEmptyValues", "texts", "totalItems"] }, { kind: "component", type: i3$1.DxiTotalItemComponent, selector: "dxi-total-item", inputs: ["alignment", "column", "cssClass", "customizeText", "displayFormat", "name", "showInColumn", "skipEmptyValues", "summaryType", "valueFormat"] }, { kind: "component", type: i3$1.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "directive", type: i4.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <dxo-toolbar>\r\n        <dxi-item location=\"after\">\r\n          <div *dxTemplate class=\"add-row\">\r\n            <mrx-button\r\n              [size]=\"'medium'\"\r\n              [type]=\"'tertiary'\"\r\n              [customClasses]=\"'px-3'\"\r\n              (mrxClick)=\"createRow()\"\r\n            >\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\r\n            </mrx-button>\r\n          </div>\r\n        </dxi-item>\r\n      </dxo-toolbar>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [summaryType]=\"'sum'\"\r\n                  [displayFormat]=\"'{0}'\"\r\n                ></dxi-total-item>\r\n              }\r\n\r\n              @for (component of component.components; track component.id) {\r\n                @if (showTotal(component)) {\r\n                  <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [summaryType]=\"'sum'\"\r\n                    [displayFormat]=\"'{0}'\"\r\n                  ></dxi-total-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-total-item\r\n                      [column]=\"component.sysName\"\r\n                      [summaryType]=\"'sum'\"\r\n                      [displayFormat]=\"'{0}'\"\r\n                    ></dxi-total-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (isTotalColumn(component)) {\r\n                <dxi-total-item [column]=\"component.sysName\" [displayFormat]=\"'{0}'\"></dxi-total-item>\r\n              } @else {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [cssClass]=\"'text-bold'\"\r\n                  [displayFormat]=\"'\u0418\u0422\u041E\u0413\u041E'\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n    </dx-data-grid>\r\n\r\n    <ng-template #editTemplate let-cellInfo=\"cellInfo\">\r\n      <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 4px\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(cellInfo)\"></span>\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(cellInfo)\"></span>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [":host::ng-deep .input-table-content .dx-datagrid{padding:0}:host::ng-deep .input-table-content .dx-datagrid-header-panel{display:flex;align-items:center;min-height:40px;padding:0}:host::ng-deep .input-table-content .dx-datagrid-rowsview{border-bottom:none}:host::ng-deep .input-table-content .dx-datagrid-rowsview.dx-empty{border-bottom:1px solid #ddd;height:48px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer{border-top:none;border-left:none;border-right:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content{padding:0}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content th,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content td{border:1px solid #ddd;border-top:none;border-collapse:collapse}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table{border-top:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-summary-item{font-weight:400}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers{top:-24px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers td.dx-command-expand.dx-datagrid-group-space{border-right:none!important;border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer td.dx-command-expand.dx-datagrid-group-space{border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-row>td,:host::ng-deep .input-table-content .dx-datagrid .page-wrapper .dx-treelist-container .dx-row>td{color:var(--neutral-text-secondary, #4D5157);font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host::ng-deep .input-table-content .dx-datagrid .dx-row.dx-data-row.dx-column-lines>td{color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}:host::ng-deep .custom-cell-controls .dx-template-wrapper{display:inline-flex}\n"] }]
+            args: [{ selector: 'app-input-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      [disabled]=\"disabled\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <dxo-toolbar>\r\n        <dxi-item location=\"after\">\r\n          <div *dxTemplate class=\"add-row\">\r\n            <mrx-button\r\n              [size]=\"'medium'\"\r\n              [type]=\"'tertiary'\"\r\n              [customClasses]=\"'px-3'\"\r\n              (mrxClick)=\"createRow()\"\r\n            >\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\r\n            </mrx-button>\r\n          </div>\r\n        </dxi-item>\r\n      </dxo-toolbar>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [summaryType]=\"'sum'\"\r\n                  [displayFormat]=\"'{0}'\"\r\n                ></dxi-total-item>\r\n              }\r\n\r\n              @for (component of component.components; track component.id) {\r\n                @if (showTotal(component)) {\r\n                  <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [summaryType]=\"'sum'\"\r\n                    [displayFormat]=\"'{0}'\"\r\n                  ></dxi-total-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-total-item\r\n                      [column]=\"component.sysName\"\r\n                      [summaryType]=\"'sum'\"\r\n                      [displayFormat]=\"'{0}'\"\r\n                    ></dxi-total-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (isTotalColumn(component)) {\r\n                <dxi-total-item [column]=\"component.sysName\" [displayFormat]=\"'{0}'\"></dxi-total-item>\r\n              } @else {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [cssClass]=\"'text-bold'\"\r\n                  [displayFormat]=\"'\u0418\u0422\u041E\u0413\u041E'\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n    </dx-data-grid>\r\n\r\n    <ng-template #editTemplate let-cellInfo=\"cellInfo\">\r\n      <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 4px\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(cellInfo)\"></span>\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(cellInfo)\"></span>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [":host::ng-deep .input-table-content .dx-datagrid{padding:0}:host::ng-deep .input-table-content .dx-datagrid-header-panel{display:flex;align-items:center;min-height:40px;padding:0}:host::ng-deep .input-table-content .dx-datagrid-rowsview{border-bottom:none}:host::ng-deep .input-table-content .dx-datagrid-rowsview.dx-empty{border-bottom:1px solid #ddd;height:48px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer{border-top:none;border-left:none;border-right:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content{padding:0}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content th,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content td{border:1px solid #ddd;border-top:none;border-collapse:collapse}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table{border-top:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-summary-item{font-weight:400}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers{top:-24px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers td.dx-command-expand.dx-datagrid-group-space{border-right:none!important;border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer td.dx-command-expand.dx-datagrid-group-space{border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-row>td,:host::ng-deep .input-table-content .dx-datagrid .page-wrapper .dx-treelist-container .dx-row>td{color:var(--neutral-text-secondary, #4D5157);font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host::ng-deep .input-table-content .dx-datagrid .dx-row.dx-data-row.dx-column-lines>td{color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}:host::ng-deep .custom-cell-controls .dx-template-wrapper{display:inline-flex}\n"] }]
         }], propDecorators: { values: [{
                 type: Input
             }], data: [{
@@ -2054,11 +2111,11 @@ class ContentTitleComponent extends BaseElementComponent {
         return this.settings.options.size === 'large' ? '-large' : this.settings.options.size === 'medium' ? '-medium' : '-small';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTitleComponent, selector: "app-content-title", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"content-title-content\">\r\n    <h4\r\n      class=\"content-title-content__title mt-12px\"\r\n      [class]=\"getSizeClass\"\r\n      [class.mb-2]=\"settings.options.text && (settings.options.size === 'large' || settings.options.size === 'medium')\"\r\n      [class.mb-1]=\"settings.options.text && (settings.options.size === 'small')\"\r\n    >\r\n      {{ settings.options.title }}\r\n    </h4>\r\n\r\n    <p class=\"content-title-content__text\" [innerHTML]=\"settings.options.text\"></p>\r\n  </div>\r\n}\r\n", styles: [".content-title-content__title{color:var(--neutral-text-primary, #262626);font-style:normal}.content-title-content__title.-large{font-family:var(--headlines-lvl-4-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-4-font-size, 18px);line-height:var(--headlines-lvl-4-line-height, 24px);font-weight:var(--headlines-lvl-4-font-weight, 700)}.content-title-content__title.-medium{font-family:var(--headlines-lvl-5-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-5-font-size, 18px);line-height:var(--headlines-lvl-5-line-height, 24px);font-weight:var(--headlines-lvl-5-font-weight, 700)}.content-title-content__title.-small{font-family:var(--headlines-lvl-6-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-6-font-size, 18px);line-height:var(--headlines-lvl-6-line-height, 24px);font-weight:var(--headlines-lvl-6-font-weight, 700)}.content-title-content__text{color:var(--neutral-text-primary, #262626);font-style:normal;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);line-height:var(--body-md-line-height, 20px);font-weight:var(--body-md-font-weight, 400)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTitleComponent, selector: "app-content-title", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"content-title-content\">\r\n    <h4\r\n      class=\"content-title-content__title mt-12px\"\r\n      [class]=\"getSizeClass\"\r\n      [class.mb-2]=\"settings.options.text && (settings.options.size === 'large' || settings.options.size === 'medium')\"\r\n      [class.mb-1]=\"settings.options.text && (settings.options.size === 'small')\"\r\n    >\r\n      {{ settings.options.label }}\r\n    </h4>\r\n\r\n    <p class=\"content-title-content__text\" [innerHTML]=\"settings.options.text\"></p>\r\n  </div>\r\n}\r\n", styles: [".content-title-content__title{color:var(--neutral-text-primary, #262626);font-style:normal}.content-title-content__title.-large{font-family:var(--headlines-lvl-4-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-4-font-size, 18px);line-height:var(--headlines-lvl-4-line-height, 24px);font-weight:var(--headlines-lvl-4-font-weight, 700)}.content-title-content__title.-medium{font-family:var(--headlines-lvl-5-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-5-font-size, 18px);line-height:var(--headlines-lvl-5-line-height, 24px);font-weight:var(--headlines-lvl-5-font-weight, 700)}.content-title-content__title.-small{font-family:var(--headlines-lvl-6-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-6-font-size, 18px);line-height:var(--headlines-lvl-6-line-height, 24px);font-weight:var(--headlines-lvl-6-font-weight, 700)}.content-title-content__text{color:var(--neutral-text-primary, #262626);font-style:normal;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);line-height:var(--body-md-line-height, 20px);font-weight:var(--body-md-font-weight, 400)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTitleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-content-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"content-title-content\">\r\n    <h4\r\n      class=\"content-title-content__title mt-12px\"\r\n      [class]=\"getSizeClass\"\r\n      [class.mb-2]=\"settings.options.text && (settings.options.size === 'large' || settings.options.size === 'medium')\"\r\n      [class.mb-1]=\"settings.options.text && (settings.options.size === 'small')\"\r\n    >\r\n      {{ settings.options.title }}\r\n    </h4>\r\n\r\n    <p class=\"content-title-content__text\" [innerHTML]=\"settings.options.text\"></p>\r\n  </div>\r\n}\r\n", styles: [".content-title-content__title{color:var(--neutral-text-primary, #262626);font-style:normal}.content-title-content__title.-large{font-family:var(--headlines-lvl-4-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-4-font-size, 18px);line-height:var(--headlines-lvl-4-line-height, 24px);font-weight:var(--headlines-lvl-4-font-weight, 700)}.content-title-content__title.-medium{font-family:var(--headlines-lvl-5-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-5-font-size, 18px);line-height:var(--headlines-lvl-5-line-height, 24px);font-weight:var(--headlines-lvl-5-font-weight, 700)}.content-title-content__title.-small{font-family:var(--headlines-lvl-6-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-6-font-size, 18px);line-height:var(--headlines-lvl-6-line-height, 24px);font-weight:var(--headlines-lvl-6-font-weight, 700)}.content-title-content__text{color:var(--neutral-text-primary, #262626);font-style:normal;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);line-height:var(--body-md-line-height, 20px);font-weight:var(--body-md-font-weight, 400)}\n"] }]
+            args: [{ selector: 'app-content-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"content-title-content\">\r\n    <h4\r\n      class=\"content-title-content__title mt-12px\"\r\n      [class]=\"getSizeClass\"\r\n      [class.mb-2]=\"settings.options.text && (settings.options.size === 'large' || settings.options.size === 'medium')\"\r\n      [class.mb-1]=\"settings.options.text && (settings.options.size === 'small')\"\r\n    >\r\n      {{ settings.options.label }}\r\n    </h4>\r\n\r\n    <p class=\"content-title-content__text\" [innerHTML]=\"settings.options.text\"></p>\r\n  </div>\r\n}\r\n", styles: [".content-title-content__title{color:var(--neutral-text-primary, #262626);font-style:normal}.content-title-content__title.-large{font-family:var(--headlines-lvl-4-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-4-font-size, 18px);line-height:var(--headlines-lvl-4-line-height, 24px);font-weight:var(--headlines-lvl-4-font-weight, 700)}.content-title-content__title.-medium{font-family:var(--headlines-lvl-5-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-5-font-size, 18px);line-height:var(--headlines-lvl-5-line-height, 24px);font-weight:var(--headlines-lvl-5-font-weight, 700)}.content-title-content__title.-small{font-family:var(--headlines-lvl-6-font-family, \"PT Sans Caption\");font-size:var(--headlines-lvl-6-font-size, 18px);line-height:var(--headlines-lvl-6-line-height, 24px);font-weight:var(--headlines-lvl-6-font-weight, 700)}.content-title-content__text{color:var(--neutral-text-primary, #262626);font-style:normal;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);line-height:var(--body-md-line-height, 20px);font-weight:var(--body-md-font-weight, 400)}\n"] }]
         }] });
 
 class ContentTextComponent extends BaseElementComponent {
@@ -2209,18 +2266,15 @@ class ApplicationContent {
         this._store = inject(Store);
         this.sectionSettings$ = this._store.select(selectSectionSettings);
     }
-    changeCheckRequiredState() {
-        this._store.dispatch(toggleCheckRequired());
-    }
     componentValueChanged(model) {
         this._store.dispatch(updateValues({ value: model }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ApplicationContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ApplicationContent, selector: "app-object-form-content", ngImport: i0, template: "<mrx-content-wrapper maxWidth=\"1144px\" customClasses=\"px-3\">\r\n  @if (sectionSettings$ | async) {\r\n    <mrx-content-wrapper type=\"default\" maxWidth=\"1112px\">\r\n      <div class=\"row mb-4 mt-12px\">\r\n        <div class=\"col\">\r\n          <div class=\"application-form__title\">\r\n            <h3>{{ (sectionSettings$ | async)?.options?.title }}</h3>\r\n            <mrx-link type=\"pseudo\" [prevent]=\"true\" (click)=\"changeCheckRequiredState()\">\u041F\u0440\u043E\u0432\u0435\u0440\u0438\u0442\u044C \u0444\u043E\u0440\u043C\u0443</mrx-link>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mrx-content-wrapper>\r\n\r\n    <mrx-content-wrapper type=\"colored\" maxWidth=\"1112px\">\r\n      <app-form-dispenser\r\n        [sectionSettings]=\"sectionSettings$ | async\"\r\n        (changed)=\"componentValueChanged($event)\"\r\n      ></app-form-dispenser>\r\n    </mrx-content-wrapper>\r\n  }\r\n</mrx-content-wrapper>\r\n\r\n\r\n", styles: ["::ng-deep .application-form__title{display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px}::ng-deep .application-form__content{row-gap:16px}::ng-deep .application-form__group .row{row-gap:16px}\n"], dependencies: [{ kind: "component", type: FormDispenser, selector: "app-form-dispenser", inputs: ["sectionSettings", "values", "valueMode"], outputs: ["changed"] }, { kind: "component", type: i1$1.ContentWrapperComponent, selector: "mrx-content-wrapper", inputs: ["type", "customClasses", "maxWidth"] }, { kind: "component", type: i1$1.LinkComponent, selector: "mrx-link", inputs: ["href", "target", "routerLink", "queryParams", "type", "monochrome", "customClasses", "prevent", "size"], outputs: ["clicked"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ApplicationContent, selector: "app-object-form-content", ngImport: i0, template: "<mrx-content-wrapper maxWidth=\"1144px\" customClasses=\"px-3\">\r\n  @if (sectionSettings$ | async) {\r\n    <mrx-content-wrapper type=\"default\" maxWidth=\"1112px\">\r\n      <div class=\"row mb-4 mt-12px\">\r\n        <div class=\"col\">\r\n          <div class=\"application-form__title\">\r\n            <h3>{{ (sectionSettings$ | async)?.options?.title }}</h3>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mrx-content-wrapper>\r\n\r\n    <mrx-content-wrapper type=\"colored\" maxWidth=\"1112px\">\r\n      <app-form-dispenser\r\n        [sectionSettings]=\"sectionSettings$ | async\"\r\n        (changed)=\"componentValueChanged($event)\"\r\n      ></app-form-dispenser>\r\n    </mrx-content-wrapper>\r\n  }\r\n</mrx-content-wrapper>\r\n\r\n\r\n", styles: ["::ng-deep .application-form__title{display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px}::ng-deep .application-form__content{row-gap:16px}::ng-deep .application-form__group .row{row-gap:16px}\n"], dependencies: [{ kind: "component", type: FormDispenser, selector: "app-form-dispenser", inputs: ["sectionSettings", "values", "valueMode"], outputs: ["changed"] }, { kind: "component", type: i1$1.ContentWrapperComponent, selector: "mrx-content-wrapper", inputs: ["type", "customClasses", "maxWidth"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ApplicationContent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-object-form-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mrx-content-wrapper maxWidth=\"1144px\" customClasses=\"px-3\">\r\n  @if (sectionSettings$ | async) {\r\n    <mrx-content-wrapper type=\"default\" maxWidth=\"1112px\">\r\n      <div class=\"row mb-4 mt-12px\">\r\n        <div class=\"col\">\r\n          <div class=\"application-form__title\">\r\n            <h3>{{ (sectionSettings$ | async)?.options?.title }}</h3>\r\n            <mrx-link type=\"pseudo\" [prevent]=\"true\" (click)=\"changeCheckRequiredState()\">\u041F\u0440\u043E\u0432\u0435\u0440\u0438\u0442\u044C \u0444\u043E\u0440\u043C\u0443</mrx-link>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mrx-content-wrapper>\r\n\r\n    <mrx-content-wrapper type=\"colored\" maxWidth=\"1112px\">\r\n      <app-form-dispenser\r\n        [sectionSettings]=\"sectionSettings$ | async\"\r\n        (changed)=\"componentValueChanged($event)\"\r\n      ></app-form-dispenser>\r\n    </mrx-content-wrapper>\r\n  }\r\n</mrx-content-wrapper>\r\n\r\n\r\n", styles: ["::ng-deep .application-form__title{display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px}::ng-deep .application-form__content{row-gap:16px}::ng-deep .application-form__group .row{row-gap:16px}\n"] }]
+            args: [{ selector: 'app-object-form-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mrx-content-wrapper maxWidth=\"1144px\" customClasses=\"px-3\">\r\n  @if (sectionSettings$ | async) {\r\n    <mrx-content-wrapper type=\"default\" maxWidth=\"1112px\">\r\n      <div class=\"row mb-4 mt-12px\">\r\n        <div class=\"col\">\r\n          <div class=\"application-form__title\">\r\n            <h3>{{ (sectionSettings$ | async)?.options?.title }}</h3>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mrx-content-wrapper>\r\n\r\n    <mrx-content-wrapper type=\"colored\" maxWidth=\"1112px\">\r\n      <app-form-dispenser\r\n        [sectionSettings]=\"sectionSettings$ | async\"\r\n        (changed)=\"componentValueChanged($event)\"\r\n      ></app-form-dispenser>\r\n    </mrx-content-wrapper>\r\n  }\r\n</mrx-content-wrapper>\r\n\r\n\r\n", styles: ["::ng-deep .application-form__title{display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px}::ng-deep .application-form__content{row-gap:16px}::ng-deep .application-form__group .row{row-gap:16px}\n"] }]
         }] });
 
 const routes = [
@@ -2474,17 +2528,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 
-function isNumeric(str) {
-    if (typeof str != 'string') {
-        return false; // we only process strings!
-    }
-    return !isNaN(str) && !isNaN(parseInt(str)) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
-        !isNaN(parseFloat(str)); // ...and ensure strings of whitespace fail
-}
-const isNullOrUndefined = (model) => {
-    return model === null || typeof model === 'undefined';
-};
-
 /*
  * Public API Surface of myrtex-form
  */
@@ -2493,5 +2536,5 @@ const isNullOrUndefined = (model) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentShortType, ComponentSizeEnum, ComponentType, ConcurrencyInterceptor, ConcurrencyStoreService, ConditionOperatorType, CustomInputStateEnum, CustomInputStateEnumLabel, DateFormatEnum, DateFormatLabelEnum, DateTypeEnum, DateTypeLabelEnum, DependenceActionType, EApplicationActions, EFFECTS, InnTypeEnum, InnTypeLabelEnum, InputState, InputTableComponent, InputTableModalComponent, LogicalOperatorType, OBJECT_ID_NAME, ObjectFormEffects, ObjectFormModule, SECTION_SYS_NAME_NAME, STATE_NAME, SharedFormModule, TEMPLATE_SYS_NAME_NAME, TemplateComponentsGroupTypeEnum, TemplateComponentsGroupTypeLabels, TemplateStatus, ValueType, conditionOperatorTypeLabel, getConditionOperatorsList, getDependenceActionsList, getTemplateStatusText, initialObjectFormState, initialSharedFormState, isNullOrUndefined, isNumeric, objectForm_actions as objectFormActions, objectForm_selector as objectFormSelectors, objectReducer, sharedFormReducer, sharedForm_selector as sharedSelectors };
+export { ComponentShortType, ComponentSizeEnum, ComponentType, ConcurrencyInterceptor, ConcurrencyStoreService, ConditionOperatorType, CustomInputStateEnum, CustomInputStateEnumLabel, DateFormatEnum, DateFormatLabelEnum, DateTypeEnum, DateTypeLabelEnum, DependenceActionType, EApplicationActions, EFFECTS, InnTypeEnum, InnTypeLabelEnum, InputState, InputTableComponent, InputTableModalComponent, LogicalOperatorType, OBJECT_ID_NAME, OBJECT_VERSION_ID_NAME, ObjectFormEffects, ObjectFormModule, SECTION_SYS_NAME_NAME, STATE_NAME, SharedFormModule, TEMPLATE_SYS_NAME_NAME, TemplateComponentsGroupTypeEnum, TemplateComponentsGroupTypeLabels, TemplateStatus, ValueType, appendVersionId, conditionOperatorTypeLabel, getConditionOperatorsList, getDependenceActionsList, getTemplateStatusText, initialObjectFormState, initialSharedFormState, isNullOrUndefined, isNumeric, objectForm_actions as objectFormActions, objectForm_selector as objectFormSelectors, objectReducer, sharedFormReducer, sharedForm_selector as sharedSelectors };
 //# sourceMappingURL=myrtex-org-form.mjs.map