@myrtex-org/form 1.0.4 → 1.0.6

package/fesm2022/myrtex-org-form.mjs

@@ -1,13 +1,2319 @@
-export * from '../lib/modules/object-form/object-form.module';
-export * from '../lib/modules/object-form/models';
-export * from '../lib/modules/object-form/store';
-export * from '../lib/modules/shared-form/shared-form.module';
-export * from '../lib/modules/shared-form/store';
-export * from '../lib/modules/shared-form/enums';
-export * from '../lib/modules/shared-form/helpers';
-export * from '../lib/modules/shared-form/interceptors';
-export * from '../lib/modules/shared-form/models';
-export * from '../lib/modules/shared-form/services';
+import * as i0 from '@angular/core';
+import { Injectable, inject, Component, ChangeDetectionStrategy, EventEmitter, Directive, Input, Output, ChangeDetectorRef, Inject, ViewChild, NgModule } from '@angular/core';
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i2 from '@ngrx/store';
+import { createSelector, createAction, props, createFeatureSelector, createReducer, on, Store, StoreModule } from '@ngrx/store';
+import { map, withLatestFrom, switchMap, catchError, distinctUntilChanged, tap, debounceTime } from 'rxjs/operators';
+import { routerReducer } from '@ngrx/router-store';
+import { ROUTER_STATE_NAME, selectRouter, selectQueryParam, selectRouteParam, formatBytes } from '@myrtex-org/ui-composite';
+import * as i1 from '@ngrx/effects';
+import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
+import { of, forkJoin, Subject, throwError } from 'rxjs';
+import * as i1$1 from '@myrtex-org/ui';
+import { AutoSaveStore, ToasterType, LabelModule, ModalServiceComponent, MODAL_DATA, ModalModule, ButtonModule, ModalService, LoaderModule, InputTextModule, ContentWrapperModule, EditorModule, InputTextareaModule, CheckboxModule, SwitchModule, InputNumberModule, InputSelectModule, InputDateTimeModule, InputTimepickerModule, InputFileModule, AlertModule, CheckboxGroupModule, RadioGroupModule, DropdownModule, InputTelModule, LinkModule, ErrorMessageModule, ToasterServiceModule } from '@myrtex-org/ui';
+import { HttpHeaders, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
+import * as i2$1 from '@myrtex-org/templates';
+import { FormHeaderModule, MenuAdminModule } from '@myrtex-org/templates';
+import { cloneDeep, isArray } from 'lodash-es';
+import * as i2$2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { provideNgxMask } from 'ngx-mask';
+import { v4 } from 'uuid';
+import * as i2$3 from 'devextreme-angular';
+import { DxDataGridModule } from 'devextreme-angular';
+import * as i3$1 from 'devextreme-angular/ui/nested';
+import { DxiColumnModule, DxiItemModule, DxoToolbarModule } from 'devextreme-angular/ui/nested';
+import * as i4 from 'devextreme-angular/core';
+
+const EFFECTS = [];
+
+const sharedFormReducer = {
+    [ROUTER_STATE_NAME]: routerReducer
+};
+
+const initialSharedFormState = {};
+
+const selectRouteNestedParams = createSelector(selectRouter, (router) => {
+    let currentRoute = router?.state?.root;
+    let params = {};
+    while (currentRoute?.firstChild) {
+        currentRoute = currentRoute.firstChild;
+        params = {
+            ...params,
+            ...currentRoute.params,
+        };
+    }
+    return params;
+});
+const selectRouteNestedParam = (param) => createSelector(selectRouteNestedParams, (params) => {
+    return params && params[param];
+});
+const selectTemplateSysName$1 = createSelector(selectRouteNestedParam('templateSysName'), (rparam) => {
+    return rparam || null;
+});
+const selectIdFromQuery = createSelector(selectQueryParam('id'), (rparam) => {
+    return rparam || null;
+});
+const selectSectionSysName = createSelector(selectRouteParam('sectionSysName'), (rparam) => {
+    return rparam || null;
+});
+
+var sharedForm_selector = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    selectIdFromQuery: selectIdFromQuery,
+    selectRouteNestedParam: selectRouteNestedParam,
+    selectRouteNestedParams: selectRouteNestedParams,
+    selectSectionSysName: selectSectionSysName,
+    selectTemplateSysName: selectTemplateSysName$1
+});
+
+var EApplicationActions;
+(function (EApplicationActions) {
+    EApplicationActions["LoadTemplatePending"] = "[Application] Load Template Pending";
+    EApplicationActions["LoadTemplateSuccess"] = "[Application] Load Template Success";
+    EApplicationActions["LoadTemplateError"] = "[Application] Load Template Error";
+    EApplicationActions["LoadApplicationPending"] = "[Application] Load Application Pending";
+    EApplicationActions["LoadApplicationSuccess"] = "[Application] Load Application Success";
+    EApplicationActions["LoadApplicationError"] = "[Application] Load Application Error";
+    EApplicationActions["SaveApplicationPending"] = "[Application] Save Application Pending";
+    EApplicationActions["SaveApplicationSuccess"] = "[Application] Save Application Success";
+    EApplicationActions["SaveApplicationError"] = "[Application] Save Application Error";
+    EApplicationActions["CopyApplicationPending"] = "[Application] Copy Application Pending";
+    EApplicationActions["CopyApplicationSuccess"] = "[Application] Copy Application Success";
+    EApplicationActions["CopyApplicationError"] = "[Application] Copy Application Error";
+    EApplicationActions["UpdateValues"] = "[Application] Update Application Values";
+    EApplicationActions["AccessUpdateValues"] = "[Application] Access Update Application Values";
+    EApplicationActions["SaveValuesPending"] = "[Application] Save Application Values Pending";
+    EApplicationActions["SaveValuesSuccess"] = "[Application] Save Application Values Success";
+    EApplicationActions["SaveValuesError"] = "[Application] Save Application Values Error";
+    EApplicationActions["UpdateSelectedSectionSysName"] = "[Application] Update Selected Section SysName";
+    EApplicationActions["LoadSectionFilesPending"] = "[Application] Load Section Files Pending";
+    EApplicationActions["LoadSectionFilesSuccess"] = "[Application] Load Section Files Success";
+    EApplicationActions["LoadSectionFilesError"] = "[Application] Load Section Files Error";
+    EApplicationActions["ToggleCheckRequired"] = "[Application] Toggle Check Required";
+    EApplicationActions["UpdateCheckRequired"] = "[Application] Update Check Required";
+    EApplicationActions["LoadPreviewTemplatePending"] = "[Application] Load Preview Template Pending";
+    EApplicationActions["LoadPreviewTemplateSuccess"] = "[Application] Load Preview Template Success";
+    EApplicationActions["LoadPreviewTemplateError"] = "[Application] Load Preview Template Error";
+    EApplicationActions["CheckAllDependencyRules"] = "[Application] Check All Dependency Rule";
+})(EApplicationActions || (EApplicationActions = {}));
+const loadTemplatePending = createAction(EApplicationActions.LoadTemplatePending);
+const loadTemplateSuccess = createAction(EApplicationActions.LoadTemplateSuccess, props());
+const loadTemplateError = createAction(EApplicationActions.LoadTemplateError);
+const loadApplicationPending = createAction(EApplicationActions.LoadApplicationPending, props());
+const loadApplicationSuccess = createAction(EApplicationActions.LoadApplicationSuccess, props());
+const loadApplicationError = createAction(EApplicationActions.LoadApplicationError);
+const saveApplicationPending = createAction(EApplicationActions.SaveApplicationPending);
+const saveApplicationSuccess = createAction(EApplicationActions.SaveApplicationSuccess);
+const saveApplicationError = createAction(EApplicationActions.SaveApplicationError);
+const copyApplicationPending = createAction(EApplicationActions.CopyApplicationPending, props());
+const copyApplicationSuccess = createAction(EApplicationActions.CopyApplicationSuccess);
+const copyApplicationError = createAction(EApplicationActions.CopyApplicationError);
+const updateValues = createAction(EApplicationActions.UpdateValues, props());
+const accessUpdateValues = createAction(EApplicationActions.AccessUpdateValues);
+const saveValuesPending = createAction(EApplicationActions.SaveValuesPending);
+const saveValuesSuccess = createAction(EApplicationActions.SaveValuesSuccess, props());
+const saveValuesError = createAction(EApplicationActions.SaveValuesError);
+const updateSelectedSectionSysName = createAction(EApplicationActions.UpdateSelectedSectionSysName, props());
+const loadSectionFilesPending = createAction(EApplicationActions.LoadSectionFilesPending);
+const loadSectionFilesSuccess = createAction(EApplicationActions.LoadSectionFilesSuccess, props());
+const loadSectionFilesError = createAction(EApplicationActions.LoadSectionFilesError);
+const toggleCheckRequired = createAction(EApplicationActions.ToggleCheckRequired);
+const updateCheckRequired = createAction(EApplicationActions.UpdateCheckRequired, props());
+const loadPreviewTemplatePending = createAction(EApplicationActions.LoadPreviewTemplatePending, props());
+const loadPreviewTemplateSuccess = createAction(EApplicationActions.LoadPreviewTemplateSuccess, props());
+const loadPreviewTemplateError = createAction(EApplicationActions.LoadPreviewTemplateError);
+const checkAllDependencyRules = createAction(EApplicationActions.CheckAllDependencyRules);
+
+var objectForm_actions = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get EApplicationActions () { return EApplicationActions; },
+    accessUpdateValues: accessUpdateValues,
+    checkAllDependencyRules: checkAllDependencyRules,
+    copyApplicationError: copyApplicationError,
+    copyApplicationPending: copyApplicationPending,
+    copyApplicationSuccess: copyApplicationSuccess,
+    loadApplicationError: loadApplicationError,
+    loadApplicationPending: loadApplicationPending,
+    loadApplicationSuccess: loadApplicationSuccess,
+    loadPreviewTemplateError: loadPreviewTemplateError,
+    loadPreviewTemplatePending: loadPreviewTemplatePending,
+    loadPreviewTemplateSuccess: loadPreviewTemplateSuccess,
+    loadSectionFilesError: loadSectionFilesError,
+    loadSectionFilesPending: loadSectionFilesPending,
+    loadSectionFilesSuccess: loadSectionFilesSuccess,
+    loadTemplateError: loadTemplateError,
+    loadTemplatePending: loadTemplatePending,
+    loadTemplateSuccess: loadTemplateSuccess,
+    saveApplicationError: saveApplicationError,
+    saveApplicationPending: saveApplicationPending,
+    saveApplicationSuccess: saveApplicationSuccess,
+    saveValuesError: saveValuesError,
+    saveValuesPending: saveValuesPending,
+    saveValuesSuccess: saveValuesSuccess,
+    toggleCheckRequired: toggleCheckRequired,
+    updateCheckRequired: updateCheckRequired,
+    updateSelectedSectionSysName: updateSelectedSectionSysName,
+    updateValues: updateValues
+});
+
+const STATE_NAME = 'object-form';
+
+var TemplateStatus;
+(function (TemplateStatus) {
+    TemplateStatus[TemplateStatus["draft"] = 0] = "draft";
+    TemplateStatus[TemplateStatus["active"] = 1] = "active";
+    TemplateStatus[TemplateStatus["archived"] = 2] = "archived";
+})(TemplateStatus || (TemplateStatus = {}));
+const templateStatusCaption = {
+    [TemplateStatus.draft]: 'черновик',
+    [TemplateStatus.active]: 'активен',
+    [TemplateStatus.archived]: 'архив',
+};
+const getTemplateStatusText = (status) => {
+    return templateStatusCaption[status];
+};
+
+var ComponentSizeEnum;
+(function (ComponentSizeEnum) {
+    ComponentSizeEnum["Large"] = "large";
+    ComponentSizeEnum["Medium"] = "medium";
+    ComponentSizeEnum["Small"] = "small";
+})(ComponentSizeEnum || (ComponentSizeEnum = {}));
+
+var DateFormatEnum;
+(function (DateFormatEnum) {
+    DateFormatEnum["Day"] = "\u0434\u0434.\u043C\u043C.\u0433\u0433\u0433\u0433";
+    DateFormatEnum["Month"] = "\u043C\u043C.\u0433\u0433\u0433\u0433";
+    DateFormatEnum["Year"] = "\u0433\u0433\u0433\u0433";
+})(DateFormatEnum || (DateFormatEnum = {}));
+const DateFormatLabelEnum = {
+    [DateFormatEnum.Day]: 'дд.мм.гггг',
+    [DateFormatEnum.Month]: 'мм.гггг',
+    [DateFormatEnum.Year]: 'гггг',
+};
+
+var DateTypeEnum;
+(function (DateTypeEnum) {
+    DateTypeEnum["Date"] = "date";
+    DateTypeEnum["DateTime"] = "date-time";
+})(DateTypeEnum || (DateTypeEnum = {}));
+const DateTypeLabelEnum = {
+    [DateTypeEnum.Date]: 'Дата',
+    [DateTypeEnum.DateTime]: 'Дата и время',
+};
+
+var InnTypeEnum;
+(function (InnTypeEnum) {
+    InnTypeEnum["Personal"] = "personal";
+    InnTypeEnum["Legal"] = "legal";
+    InnTypeEnum["ForeignLegal"] = "foreign-legal";
+})(InnTypeEnum || (InnTypeEnum = {}));
+const InnTypeLabelEnum = {
+    [InnTypeEnum.Personal]: 'ФЛ/ИП',
+    [InnTypeEnum.Legal]: 'ЮЛ',
+    [InnTypeEnum.ForeignLegal]: 'Иностранное ЮЛ',
+};
+
+var InputState;
+(function (InputState) {
+    InputState["Edit"] = "edit";
+    InputState["Auto"] = "auto";
+    InputState["Formula"] = "formula";
+})(InputState || (InputState = {}));
+var CustomInputStateEnum;
+(function (CustomInputStateEnum) {
+    CustomInputStateEnum[CustomInputStateEnum["Edit"] = 0] = "Edit";
+    CustomInputStateEnum[CustomInputStateEnum["Auto"] = 1] = "Auto";
+    CustomInputStateEnum[CustomInputStateEnum["Formula"] = 2] = "Formula";
+})(CustomInputStateEnum || (CustomInputStateEnum = {}));
+const CustomInputStateEnumLabel = {
+    [CustomInputStateEnum.Edit]: InputState.Edit,
+    [CustomInputStateEnum.Auto]: InputState.Auto,
+    [CustomInputStateEnum.Formula]: InputState.Formula,
+};
+
+var ComponentType;
+(function (ComponentType) {
+    ComponentType["Section"] = "section";
+    ComponentType["Group"] = "group";
+    ComponentType["InputText"] = "inputText";
+    ComponentType["InputTextarea"] = "inputTextarea";
+    ComponentType["InputSwitch"] = "inputSwitch";
+    ComponentType["InputLink"] = "inputLink";
+    ComponentType["InputSelect"] = "inputSelect";
+    ComponentType["InputNumber"] = "inputNumber";
+    ComponentType["InputDate"] = "inputDate";
+    ComponentType["InputINN"] = "inputINN";
+    ComponentType["InputFile"] = "inputFile";
+    ComponentType["InputPhone"] = "inputPhone";
+    ComponentType["InputCheckboxGroup"] = "inputCheckboxGroup";
+    ComponentType["InputRadioGroup"] = "inputRadioGroup";
+    ComponentType["InputTable"] = "inputTable";
+    ComponentType["ContentTitle"] = "title";
+    ComponentType["ContentText"] = "text";
+    ComponentType["ContentTooltip"] = "tooltip";
+    ComponentType["ContentFile"] = "file";
+    ComponentType["ContentDivider"] = "divider";
+})(ComponentType || (ComponentType = {}));
+const ComponentShortType = {
+    [ComponentType.Section]: 's',
+    [ComponentType.Group]: 'g',
+    [ComponentType.InputText]: 'itt',
+    [ComponentType.InputTextarea]: 'ita',
+    [ComponentType.InputSwitch]: 'isw',
+    [ComponentType.InputLink]: 'il',
+    [ComponentType.InputSelect]: 'ist',
+    [ComponentType.InputNumber]: 'in',
+    [ComponentType.InputDate]: 'id',
+    [ComponentType.InputINN]: 'inn',
+    [ComponentType.InputFile]: 'if',
+    [ComponentType.InputPhone]: 'ip',
+    [ComponentType.InputCheckboxGroup]: 'icg',
+    [ComponentType.InputRadioGroup]: 'irg',
+    [ComponentType.InputTable]: 'itb',
+    [ComponentType.ContentTitle]: 'ct',
+    [ComponentType.ContentText]: 'ctt',
+    [ComponentType.ContentTooltip]: 'ctp',
+    [ComponentType.ContentFile]: 'cf',
+    [ComponentType.ContentDivider]: 'cd',
+};
+
+var ValueType;
+(function (ValueType) {
+    ValueType["Undefined"] = "undefined";
+    ValueType["Short"] = "short";
+    ValueType["Int"] = "int";
+    ValueType["Long"] = "long";
+    ValueType["Float"] = "float";
+    ValueType["Double"] = "double";
+    ValueType["Decimal"] = "decimal";
+    ValueType["String"] = "string";
+    ValueType["Guid"] = "guid";
+    ValueType["DateTime"] = "dateTime";
+    ValueType["Boolean"] = "boolean";
+    ValueType["IntArray"] = "int[]";
+    ValueType["StringArray"] = "string[]";
+    ValueType["GuidArray"] = "guid[]";
+})(ValueType || (ValueType = {}));
+
+var ConditionOperatorType;
+(function (ConditionOperatorType) {
+    ConditionOperatorType["undefined"] = "undefined";
+    ConditionOperatorType["filled"] = "filled";
+})(ConditionOperatorType || (ConditionOperatorType = {}));
+const getConditionOperatorsList = () => {
+    return [{
+            value: ConditionOperatorType.filled,
+            text: conditionOperatorTypeLabel[ConditionOperatorType.filled]
+        }];
+};
+const conditionOperatorTypeLabel = {
+    [ConditionOperatorType.filled]: 'заполнено'
+};
+
+var LogicalOperatorType;
+(function (LogicalOperatorType) {
+    LogicalOperatorType["undefined"] = "undefined";
+    LogicalOperatorType["or"] = "or";
+    LogicalOperatorType["and"] = "and";
+})(LogicalOperatorType || (LogicalOperatorType = {}));
+
+var DependenceActionType;
+(function (DependenceActionType) {
+    DependenceActionType["undefined"] = "undefined";
+    DependenceActionType["show"] = "show";
+})(DependenceActionType || (DependenceActionType = {}));
+const getDependenceActionsList = () => {
+    return [{
+            value: DependenceActionType.show,
+            text: 'показать'
+        }];
+};
+
+var TemplateComponentsGroupTypeEnum;
+(function (TemplateComponentsGroupTypeEnum) {
+    TemplateComponentsGroupTypeEnum[TemplateComponentsGroupTypeEnum["Components"] = 1] = "Components";
+    TemplateComponentsGroupTypeEnum[TemplateComponentsGroupTypeEnum["Content"] = 2] = "Content";
+})(TemplateComponentsGroupTypeEnum || (TemplateComponentsGroupTypeEnum = {}));
+const TemplateComponentsGroupTypeLabels = {
+    [TemplateComponentsGroupTypeEnum.Components]: 'Поля',
+    [TemplateComponentsGroupTypeEnum.Content]: 'Контент',
+};
+
+const getDependenceRulesResults = (currentResults, allValues, changedValue, rules) => {
+    if (!rules) {
+        return currentResults;
+    }
+    const actualValues = allValues.map(sectionVal => {
+        return getUpdatedValues(sectionVal, Array.isArray(changedValue) ? changedValue : [changedValue]);
+    });
+    const rulesResults = rules
+        .filter(x => containsConditionValue(x.conditions, changedValue))
+        .map(rule => {
+        return checkDependenceRule(rule, actualValues);
+    }).flat();
+    const shallowCopy = currentResults.map(result => {
+        const idx = rulesResults.findIndex(x => x.sysName === result.sysName);
+        if (idx !== -1) {
+            const newResult = rulesResults[idx];
+            rulesResults.splice(idx, 1);
+            return newResult;
+        }
+        return { ...result };
+    });
+    if (!!rulesResults.length) {
+        shallowCopy.push(...rulesResults);
+    }
+    return shallowCopy;
+};
+const checkDependenceRule = (rule, values) => {
+    const result = [];
+    const conditionResult = checkConditionResult({
+        conditions: rule.conditions,
+        type: LogicalOperatorType.and,
+        groups: []
+    }, values);
+    rule.acceptors.forEach(x => {
+        result.push({
+            sysName: x.s,
+            actionType: rule.actionType,
+            conditionResult
+        });
+    });
+    return result;
+};
+const getValuesToClean = (results) => {
+    const result = [];
+    results.forEach(res => {
+        switch (res.actionType) {
+            case DependenceActionType.show:
+                if (!res.conditionResult) {
+                    result.push(res.sysName);
+                }
+                break;
+            default:
+                break;
+        }
+    });
+    return result;
+};
+const checkConditionResult = (group, values) => {
+    let result = group.type === LogicalOperatorType.and;
+    const appendResult = (newResult) => {
+        if (group.type === LogicalOperatorType.and) {
+            result = result && newResult;
+        }
+        else if (group.type === LogicalOperatorType.or) {
+            result = result || newResult;
+        }
+    };
+    group.conditions.forEach(x => {
+        appendResult(calculateCondition(x, getValuesRecursive(x.field.s, values)));
+    });
+    group.groups?.forEach(g => {
+        appendResult(checkConditionResult(g, values));
+    });
+    return result;
+};
+const calculateCondition = (condition, value) => {
+    switch (condition.operator) {
+        case ConditionOperatorType.filled:
+            return !!value?.value;
+        default:
+            break;
+    }
+    return false;
+};
+// TODO переделать на группу
+const containsConditionValue = (conditions, value) => {
+    const val = Array.isArray(value) ? value : [value];
+    return conditions.some(s => val.some(v => v.sysName === s.field?.s));
+};
+
+const getMenuModel = (settings, sectionValues, applicationId) => {
+    return {
+        items: settings?.sections.map((section) => {
+            return {
+                title: section.options.title || '',
+                routerLink: `/form/application/${applicationId}/${section.sysName}`,
+                type: 'default',
+                params: {
+                    percent: getPercentForSection(section, sectionValues)
+                }
+            };
+        }) || []
+    };
+};
+const getPreviewMenuModel = (settings, templateSysName) => {
+    return {
+        items: settings?.sections.map((section) => {
+            return {
+                title: section.options.title || '',
+                routerLink: `/form/application/preview/${templateSysName}/${section.sysName}`,
+                type: 'default',
+            };
+        }) || []
+    };
+};
+
+const getPercentForSection = (section, sectionValues) => {
+    return sectionValues.find(s => s.sysName === section.sysName)?.percent || 0;
+};
+
+const getUpdatedValues = (section, values, valuesToReset = []) => {
+    return section.values ? { ...section, values: recursiveChangeValue(section.values, values, valuesToReset) } : section;
+};
+const recursiveChangeValue = (sectionValues, values, valuesToReset) => {
+    return sectionValues.map((v) => {
+        const findValue = values.find(val => val.sysName === v.sysName);
+        const valMustBeReseted = valuesToReset.some(x => x === v.sysName);
+        if (findValue) {
+            if (valMustBeReseted) {
+                findValue.value = null;
+            }
+            return findValue;
+        }
+        else {
+            if (v.type === ComponentType.Group) {
+                return { ...v, values: recursiveChangeValue(v.values || [], values, valuesToReset) };
+            }
+            else {
+                return { ...v, value: valMustBeReseted ? null : v?.value };
+            }
+        }
+    });
+};
+
+const defaultValueModel = (c, defaultValue = '') => {
+    return { sysName: c.sysName, type: c.type, valueType: c.valueType, value: defaultValue };
+};
+const getValueModel = (settings, values) => {
+    switch (settings.type) {
+        case ComponentType.InputDate:
+            const settingsCopy = settings;
+            if (settingsCopy.options.range) {
+                const modelStart = getValuesRecursive(settings.sysName + '_start', values);
+                const modelEnd = getValuesRecursive(settings.sysName + '_end', values);
+                return [modelStart, modelEnd];
+            }
+            else {
+                return getValuesRecursive(settings.sysName, values);
+            }
+        default:
+            return getValuesRecursive(settings.sysName, values);
+    }
+};
+const getValuesRecursive = (sysName, values) => {
+    const condition = values.find(m => m.sysName === sysName) || null;
+    if (!!condition) {
+        return condition;
+    }
+    if (values.length) {
+        for (let idx = 0; idx < values.length; idx++) {
+            const model = values[idx];
+            if ('values' in model) {
+                const value = getValuesRecursive(sysName, model.values || []);
+                if (!!value) {
+                    return value;
+                }
+            }
+        }
+    }
+    return null;
+};
+
+const objectFeature = createFeatureSelector(STATE_NAME);
+const selectIsLoading = createSelector(objectFeature, (state) => state.isLoading);
+const selectIsObjectSaveLoading = createSelector(objectFeature, (state) => state.isObjectSaveLoading);
+const selectIsEdited = createSelector(objectFeature, (state) => state.isEdited);
+const selectIsCheckRequired = createSelector(objectFeature, (state) => state.isCheckRequired);
+const selectMenuModel = createSelector(objectFeature, (state) => state.menuModel);
+const selectSectionSettings = createSelector(objectFeature, selectRouteNestedParam('sectionSysName'), (state, sectionSysName) => {
+    return state.settings?.sections.find(s => s.sysName === sectionSysName) || null;
+});
+const selectSectionValues = createSelector(objectFeature, (state) => state.sectionValues);
+const selectObjectId = createSelector(selectRouteNestedParam('objectId'), (applicationId) => applicationId);
+const selectSectionFiles = createSelector(objectFeature, (state) => state.sectionFiles);
+const selectTemplateSysName = createSelector(objectFeature, (state) => state.settings?.sysName);
+const selectValueModel = (settings) => createSelector(objectFeature, (state) => getValueModel(settings, state.sectionValues));
+const selectDependencyRulesResults = createSelector(objectFeature, state => state.dependencyRuleCheckResults);
+
+var objectForm_selector = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    selectDependencyRulesResults: selectDependencyRulesResults,
+    selectIsCheckRequired: selectIsCheckRequired,
+    selectIsEdited: selectIsEdited,
+    selectIsLoading: selectIsLoading,
+    selectIsObjectSaveLoading: selectIsObjectSaveLoading,
+    selectMenuModel: selectMenuModel,
+    selectObjectId: selectObjectId,
+    selectSectionFiles: selectSectionFiles,
+    selectSectionSettings: selectSectionSettings,
+    selectSectionValues: selectSectionValues,
+    selectTemplateSysName: selectTemplateSysName,
+    selectValueModel: selectValueModel
+});
+
+const initialObjectFormState = {
+    isLoading: false,
+    isEdited: false,
+    isCheckRequired: false,
+    isObjectSaveLoading: false,
+    settings: null,
+    selectedSectionSysName: null,
+    sectionValues: [],
+    menuModel: {
+        items: []
+    },
+    sectionFiles: [],
+    dependencyRuleCheckResults: []
+};
+
+const objectReducerCreator = createReducer(initialObjectFormState, on(loadApplicationPending, (state) => {
+    return { ...state, isLoading: true };
+}), on(loadApplicationSuccess, (state, { templateSettings, sectionValues, applicationId, isDraft }) => {
+    return {
+        ...state,
+        isLoading: false,
+        settings: templateSettings,
+        sectionValues: sectionValues,
+        isEdited: isDraft,
+        menuModel: getMenuModel(templateSettings, sectionValues, applicationId)
+    };
+}), on(loadApplicationError, (state) => {
+    return { ...state, isLoading: false };
+}), on(updateValues, (state, { value }) => {
+    const dependenceRulesResults = getDependenceRulesResults(state.dependencyRuleCheckResults, state.sectionValues, value, state.settings?.dependenceRules.rules);
+    const selectedSectionValues = state.sectionValues.map((sectionValue) => {
+        // пришлось отказаться от условия проверки выбранной секции,
+        // т.к. зависимые поля могут находиться в других секциях, а их необходимо обнулять.
+        return getUpdatedValues(sectionValue, Array.isArray(value) ? value : [value], getValuesToClean(dependenceRulesResults));
+    });
+    return {
+        ...state,
+        sectionValues: selectedSectionValues,
+        isEdited: true,
+        dependencyRuleCheckResults: dependenceRulesResults
+    };
+}), on(saveValuesSuccess, (state, { result, applicationId }) => {
+    const updatedSectionValues = state.sectionValues.map((sectionValue) => {
+        const section = {
+            ...sectionValue,
+            percent: result.fillness.find(x => x.name === sectionValue.sysName)?.percent || 0
+        };
+        return getUpdatedValues(section, result.values);
+    });
+    return {
+        ...state,
+        sectionValues: updatedSectionValues,
+        isEdited: true,
+        menuModel: getMenuModel(state.settings, updatedSectionValues, applicationId)
+    };
+}), on(saveValuesError, (state) => {
+    return { ...state };
+}), on(saveApplicationPending, (state) => {
+    return { ...state, isApplicationSaveLoading: true };
+}), on(saveApplicationSuccess, (state) => {
+    return { ...state, isApplicationSaveLoading: false, isEdited: false };
+}), on(saveApplicationError, (state) => {
+    return { ...state, isApplicationSaveLoading: false };
+}), on(updateSelectedSectionSysName, (state, { sectionSysName }) => {
+    return { ...state, selectedSectionSysName: sectionSysName };
+}), on(loadSectionFilesPending, (state) => {
+    return { ...state, sectionFiles: [] };
+}), on(loadSectionFilesSuccess, (state, { sectionFiles }) => {
+    return { ...state, sectionFiles: sectionFiles };
+}), on(toggleCheckRequired, (state) => {
+    return { ...state, isCheckRequired: !state.isCheckRequired };
+}), on(updateCheckRequired, (state, { isCheckRequired }) => {
+    return { ...state, isCheckRequired: isCheckRequired };
+}), on(loadPreviewTemplatePending, (state) => {
+    return { ...state, isLoading: true };
+}), on(loadPreviewTemplateSuccess, (state, { templateSettings, templateSysName }) => {
+    return {
+        ...state,
+        isLoading: false,
+        settings: templateSettings,
+        menuModel: getPreviewMenuModel(templateSettings, templateSysName)
+    };
+}), on(loadPreviewTemplateError, (state) => {
+    return { ...state, isLoading: false };
+}), on(checkAllDependencyRules, (state) => {
+    const dependenceResults = state.settings?.dependenceRules.rules
+        .map((rule) => (checkDependenceRule(rule, state.sectionValues)))
+        .flat() || [];
+    return { ...state, dependencyRuleCheckResults: dependenceResults };
+}));
+function objectReducer(state, action) {
+    return objectReducerCreator(state, action);
+}
+
+const tokenKey = 'Csy-Token';
+const eTag = "ETag";
+const ifMatch = "If-Match";
+class ConcurrencyStoreService {
+    constructor() {
+        this._store = {};
+    }
+    get(key) {
+        const info = this._store[key];
+        if (!info) {
+            return null;
+        }
+        return info;
+    }
+    set(key, info) {
+        this._store[key] = info;
+    }
+    getHeaders(key) {
+        let headers = new HttpHeaders();
+        if (key) {
+            const info = this.get(key);
+            if (info?.token) {
+                headers = headers.append(tokenKey, info.token);
+            }
+            if (info?.eTag) {
+                headers = headers.append(ifMatch, info.eTag);
+            }
+        }
+        return { headers: headers, observe: 'response' };
+    }
+    appendHeaders(key, headers) {
+        if (key) {
+            const info = this.get(key);
+            if (info?.token) {
+                headers = headers.set(tokenKey, info.token);
+            }
+            if (info?.eTag) {
+                headers = headers.set(ifMatch, info.eTag);
+            }
+        }
+        return headers;
+    }
+    fromHeaders(key, response) {
+        if (key) {
+            const info = {
+                token: response.headers.get(tokenKey),
+                eTag: response.headers.get(eTag)
+            };
+            if (info.token || info.eTag) {
+                this.set(key, info);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConcurrencyStoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConcurrencyStoreService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConcurrencyStoreService, decorators: [{
+            type: Injectable
+        }] });
+
+class ObjectFormService {
+    constructor() {
+        this._http = inject(HttpClient);
+        this._concurrencyService = inject(ConcurrencyStoreService);
+        this._concurrencyKey = 'application-values';
+    }
+    get apiUrl() {
+        return '/form/api/v2';
+    }
+    getTemplate(applicationId) {
+        return this._http.get(`${this.apiUrl}/application/${applicationId}/params`);
+    }
+    getSectionValues(applicationId) {
+        return this._http
+            .get(`${this.apiUrl}/application/${applicationId}`, this.getHeaders())
+            .pipe(map(this.mapResult.bind(this)));
+    }
+    getTemplateSettings(templateSysName) {
+        return this._http.get(`${this.apiUrl}/template/settings/${templateSysName}`);
+    }
+    updateApplicationValues(applicationId, sectionValues) {
+        return this._http
+            .put(`${this.apiUrl}/application/${applicationId}`, { sectionValues }, this.getHeaders())
+            .pipe(map(this.mapResult.bind(this)));
+    }
+    saveApplication(applicationId) {
+        return this._http
+            .post(`${this.apiUrl}/application/${applicationId}/save`, null, this.getHeaders())
+            .pipe(map(this.mapResult.bind(this)));
+    }
+    copyApplication(copyCommand) {
+        return this._http.post(`${this.apiUrl}/application/copy`, copyCommand);
+    }
+    getSectionFiles(applicationId, sectionSysName) {
+        return this._http
+            .get(`${this.apiUrl}/application/${applicationId}/${sectionSysName}/files`, this.getHeaders())
+            .pipe(map(this.mapResult.bind(this)));
+    }
+    getHeaders() {
+        return this._concurrencyService.getHeaders(this._concurrencyKey);
+    }
+    mapResult(resp) {
+        this._concurrencyService.fromHeaders(this._concurrencyKey, resp);
+        return resp.body;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormService, decorators: [{
+            type: Injectable
+        }] });
+
+class ObjectFormEffects {
+    constructor(_actions$, _store, _router, _applicationService, _toasterService) {
+        this._actions$ = _actions$;
+        this._store = _store;
+        this._router = _router;
+        this._applicationService = _applicationService;
+        this._toasterService = _toasterService;
+        this._autoSaveStore = inject(AutoSaveStore);
+        this.loadTemplatePending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.LoadTemplatePending), withLatestFrom(this._store.select(selectRouteNestedParam('objectId')), this._store.select(selectRouteNestedParam('templateSysName'))), switchMap(([_, applicationId, templateSysName]) => {
+            if (applicationId) {
+                return this._applicationService.getTemplate(applicationId).pipe(switchMap(({ templateSysName }) => ([
+                    loadTemplateSuccess({ templateSysName }),
+                    loadApplicationPending({ templateSysName })
+                ])), catchError(() => {
+                    return of(loadTemplateError());
+                }));
+            }
+            else {
+                return of(loadPreviewTemplatePending({ templateSysName }));
+            }
+        })));
+        this.loadPreviewTemplatePending = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.LoadPreviewTemplatePending), map((props) => props.templateSysName), withLatestFrom(this._store.select(selectRouteNestedParam('sectionSysName'))), switchMap(([templateSysName, sectionSysName]) => {
+            return this._applicationService.getTemplateSettings(templateSysName).pipe(map((templateSettings) => {
+                const activeSection = templateSettings.sections.find((s) => s.sysName === sectionSysName);
+                if (!activeSection && templateSettings.sections.length) {
+                    this._router.navigate([`/form/application/preview/${templateSysName}/${templateSettings.sections[0].sysName}`]);
+                }
+                return loadPreviewTemplateSuccess({ templateSettings, templateSysName });
+            }), catchError((error) => {
+                return of(loadPreviewTemplateError());
+            }));
+        })));
+        this.loadApplicationPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.LoadApplicationPending), map((props) => props.templateSysName), withLatestFrom(this._store.select(selectRouteNestedParam('objectId')), this._store.select(selectRouteNestedParam('sectionSysName'))), switchMap(([templateSysName, applicationId, sectionSysName]) => {
+            const requests = [
+                this._applicationService.getTemplateSettings(templateSysName),
+                this._applicationService.getSectionValues(applicationId)
+            ];
+            return forkJoin(requests).pipe(switchMap(([templateSettings, valueDto]) => {
+                const activeSection = templateSettings.sections.find((s) => s.sysName === sectionSysName);
+                if (!activeSection && templateSettings.sections.length) {
+                    this._router.navigate([`/form/application/${applicationId}/${templateSettings.sections[0].sysName}`]);
+                }
+                return [
+                    loadApplicationSuccess({
+                        templateSettings: templateSettings,
+                        sectionValues: valueDto.value.sectionValues,
+                        applicationId: applicationId,
+                        isDraft: valueDto.isDraft
+                    }),
+                    checkAllDependencyRules()
+                ];
+            }), catchError(() => {
+                return of(loadApplicationError());
+            }));
+        })));
+        this.checkCanUpdateValues$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.UpdateValues), map((props) => props.value), distinctUntilChanged(), withLatestFrom(this._store.select(selectRouteNestedParam('templateSysName'))), tap(([value, templateSysName]) => {
+            if (templateSysName) {
+                return;
+            }
+            this._store.dispatch(accessUpdateValues());
+        })), { dispatch: false });
+        this.saveValuesDebounced$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.AccessUpdateValues), distinctUntilChanged(), debounceTime(1500), tap(() => {
+            this._autoSaveStore.start();
+            this._store.dispatch(saveValuesPending());
+        })), { dispatch: false });
+        this.updateApplicationValues$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.SaveValuesPending), withLatestFrom(this._store.select(selectRouteNestedParam('objectId')), this._store.select(selectSectionValues)), switchMap(([_, applicationId, sectionValues]) => {
+            return this._applicationService.updateApplicationValues(applicationId, sectionValues).pipe(map((result) => {
+                this._autoSaveStore.success();
+                return saveValuesSuccess({ result, applicationId });
+            }), catchError((error) => {
+                this._autoSaveStore.error();
+                return of(saveValuesError());
+            }));
+        })));
+        this.saveApplicationPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.SaveApplicationPending), withLatestFrom(this._store.select(selectRouteNestedParam('objectId'))), switchMap(([_, applicationId]) => {
+            return this._applicationService.saveApplication(applicationId).pipe(map(() => {
+                this._toasterService.show({
+                    title: 'Сохранено успешно',
+                    type: ToasterType.Positive
+                });
+                return saveApplicationSuccess();
+            }), catchError(() => {
+                this._toasterService.show({
+                    title: 'Возникли ошибки при сохранении, повторите',
+                    type: ToasterType.Negative
+                });
+                return of(saveApplicationError());
+            }));
+        })));
+        this.copyApplicationPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.CopyApplicationPending), map((action) => action), switchMap((action) => {
+            return this._applicationService.copyApplication(action).pipe(map((result) => {
+                this._toasterService.show({
+                    title: 'Копировнаие прошло успешно',
+                    type: ToasterType.Positive
+                });
+                window.open('/form/application/' + result.id, '_blank');
+                return copyApplicationSuccess();
+            }), catchError(() => {
+                this._toasterService.show({
+                    title: 'Возникли ошибки при копировании заявки, повторите',
+                    type: ToasterType.Negative
+                });
+                return of(copyApplicationError());
+            }));
+        })), { dispatch: false });
+        this.loadSectionFilesPending$ = createEffect(() => this._actions$.pipe(ofType(EApplicationActions.LoadSectionFilesPending), withLatestFrom(this._store.select(selectRouteNestedParam('objectId')), this._store.select(selectRouteNestedParam('sectionSysName'))), switchMap(([_, applicationId, sectionSysName]) => {
+            return this._applicationService.getSectionFiles(applicationId, sectionSysName).pipe(map((sectionFiles) => {
+                return loadSectionFilesSuccess({ sectionFiles: sectionFiles });
+            }), catchError(() => {
+                return of(loadSectionFilesError());
+            }));
+        })));
+    }
+    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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormEffects }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.Actions }, { type: i2.Store }, { type: i3.Router }, { type: ObjectFormService }, { type: i1$1.ToasterService }] });
+
+class ObjectFormComponent {
+    constructor() {
+        this._store = inject(Store);
+        this._subscriptions$ = [];
+        this.isLoading$ = this._store.select(selectIsLoading);
+        this.menuModel$ = this._store.select(selectMenuModel);
+    }
+    ngOnInit() {
+        this._store.dispatch(loadTemplatePending());
+        this._subscriptions$.push(this._store.select(selectRouteNestedParam('sectionSysName')).pipe(withLatestFrom(this._store.select(selectRouteNestedParam('templateSysName')))).subscribe(([sectionSysName, templateSysName]) => {
+            this._store.dispatch(updateSelectedSectionSysName({ sectionSysName }));
+            if (sectionSysName && !templateSysName) {
+                this._store.dispatch(loadSectionFilesPending());
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions$.forEach((subscription) => subscription.unsubscribe());
+    }
+    showProgress(item) {
+        return !!(item?.params?.['percent'] || item?.params?.['percent'] === 0);
+    }
+    getDashArray(item) {
+        return 57 / 100 * item?.params?.['percent'] + 60;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ObjectFormComponent, selector: "app-object-form", ngImport: i0, template: "@if (!(isLoading$ | async)) {\r\n  <div class=\"object-form__sidebar\">\r\n    @if ((menuModel$ | async)?.items?.length) {\r\n      <mrx-menu-admin [model]=\"(menuModel$ | async) || {}\">\r\n        <ng-template #viewLinkTemplate let-menuItem=\"menuItem\">\r\n          <div class=\"object-form__sidebar__link\">\r\n            @if (showProgress(menuItem)) {\r\n              <div class=\"progress-bar\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <circle class=\"progress-bar__circle\" cx=\"12\" cy=\"12\" r=\"9\" stroke-width=\"2\" stroke=\"#DBDFE5\"/>\r\n\r\n                  <circle\r\n                    class=\"progress-bar__filler\"\r\n                    [class.progress-bar__filler_full]=\"menuItem.params?.['percent'] === 100\"\r\n                    cx=\"12\" cy=\"12\" r=\"9\"\r\n                    stroke-width=\"2\"\r\n                    [attr.stroke-dasharray]=\"getDashArray(menuItem)\"\r\n                    stroke-dashoffset=\"60\"\r\n                  />\r\n                </svg>\r\n\r\n                @if (menuItem.params?.['percent'] === 100) {\r\n                  <div class=\"mrx-icon icon-check icon-font-16 icon-color-green progress-bar__icon text-bold\"></div>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            <span>{{ menuItem.title }}</span>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </mrx-menu-admin>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"object-form__content\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n} @else {\r\n  <div class=\"d-flex justify-content-center align-items-center h-100 w-100\">\r\n    <mrx-loader [size]=\"'large'\" [color]=\"'brand'\"></mrx-loader>\r\n  </div>\r\n}\r\n", styles: [".object-form__sidebar{background-color:#fff;overflow-y:hidden}.object-form__sidebar__link{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#000;min-height:40px}.object-form__sidebar__link .progress-bar{position:relative;display:flex;align-items:center;justify-content:center}.object-form__sidebar__link .progress-bar__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.object-form__sidebar__link .progress-bar__filler{transform-origin:center;transform:rotate(-90deg);stroke:var(--brand-bg-primary-default);transition:stroke-dasharray .3s}.object-form__sidebar__link .progress-bar__filler_full{stroke:var(--system-icon-positive)}.object-form__content{flex-grow:1;overflow-y:scroll;padding-top:24px;padding-bottom:24px}:host{position:relative;display:flex;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2$1.MenuAdminComponent, selector: "mrx-menu-admin", inputs: ["model", "open"], outputs: ["toggleMenu"] }, { kind: "component", type: i1$1.LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }, { 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: ObjectFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-object-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!(isLoading$ | async)) {\r\n  <div class=\"object-form__sidebar\">\r\n    @if ((menuModel$ | async)?.items?.length) {\r\n      <mrx-menu-admin [model]=\"(menuModel$ | async) || {}\">\r\n        <ng-template #viewLinkTemplate let-menuItem=\"menuItem\">\r\n          <div class=\"object-form__sidebar__link\">\r\n            @if (showProgress(menuItem)) {\r\n              <div class=\"progress-bar\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <circle class=\"progress-bar__circle\" cx=\"12\" cy=\"12\" r=\"9\" stroke-width=\"2\" stroke=\"#DBDFE5\"/>\r\n\r\n                  <circle\r\n                    class=\"progress-bar__filler\"\r\n                    [class.progress-bar__filler_full]=\"menuItem.params?.['percent'] === 100\"\r\n                    cx=\"12\" cy=\"12\" r=\"9\"\r\n                    stroke-width=\"2\"\r\n                    [attr.stroke-dasharray]=\"getDashArray(menuItem)\"\r\n                    stroke-dashoffset=\"60\"\r\n                  />\r\n                </svg>\r\n\r\n                @if (menuItem.params?.['percent'] === 100) {\r\n                  <div class=\"mrx-icon icon-check icon-font-16 icon-color-green progress-bar__icon text-bold\"></div>\r\n                }\r\n              </div>\r\n            }\r\n\r\n            <span>{{ menuItem.title }}</span>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </mrx-menu-admin>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"object-form__content\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n} @else {\r\n  <div class=\"d-flex justify-content-center align-items-center h-100 w-100\">\r\n    <mrx-loader [size]=\"'large'\" [color]=\"'brand'\"></mrx-loader>\r\n  </div>\r\n}\r\n", styles: [".object-form__sidebar{background-color:#fff;overflow-y:hidden}.object-form__sidebar__link{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#000;min-height:40px}.object-form__sidebar__link .progress-bar{position:relative;display:flex;align-items:center;justify-content:center}.object-form__sidebar__link .progress-bar__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.object-form__sidebar__link .progress-bar__filler{transform-origin:center;transform:rotate(-90deg);stroke:var(--brand-bg-primary-default);transition:stroke-dasharray .3s}.object-form__sidebar__link .progress-bar__filler_full{stroke:var(--system-icon-positive)}.object-form__content{flex-grow:1;overflow-y:scroll;padding-top:24px;padding-bottom:24px}:host{position:relative;display:flex;width:100%}\n"] }]
+        }] });
+
+class ComponentFactoryDirective {
+    constructor(viewContainer) {
+        this.viewContainer = viewContainer;
+        this.values = [];
+        this.changed = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        if ('type' in changes && this.type && changes['type'].previousValue !== changes['type'].currentValue) {
+            this.initWidget(this.type);
+        }
+        if ('data' in changes && this.data) {
+            this.applyData(this.data);
+        }
+        if ('valueMode' in changes && this.data && this.valueMode) {
+            this.applyValueMode(this.valueMode);
+        }
+        if ('values' in changes && this.data) {
+            this.applyValues(this.values);
+        }
+    }
+    initWidget(type) {
+        const componentType = this.map[type];
+        if (!componentType) {
+            return;
+        }
+        if (this.dynamicComponent) {
+            this.viewContainer.clear();
+            this.dynamicComponent = undefined;
+        }
+        this.dynamicComponent = this.viewContainer.createComponent(componentType);
+        if (this.data) {
+            this.dynamicComponent.instance.data = this.data;
+        }
+        if (this.dynamicComponent.instance.changed) {
+            this.dynamicComponent.instance.changed.subscribe((res) => {
+                this.changed.emit(res);
+            });
+        }
+    }
+    applyData(data) {
+        if (this.dynamicComponent) {
+            this.dynamicComponent.instance.data = data;
+        }
+    }
+    applyValues(values) {
+        if (this.dynamicComponent) {
+            this.dynamicComponent.instance.values = values;
+        }
+    }
+    applyValueMode(valueMode) {
+        if (this.dynamicComponent) {
+            this.dynamicComponent.instance.valueMode = valueMode;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComponentFactoryDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ComponentFactoryDirective, isStandalone: true, selector: "[appComponentFactory]", inputs: { type: "type", data: "data", values: "values", valueMode: "valueMode", map: "map" }, outputs: { changed: "changed" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComponentFactoryDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appComponentFactory]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { type: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], values: [{
+                type: Input
+            }], valueMode: [{
+                type: Input
+            }], map: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }] } });
+
+class BaseElementComponent {
+    constructor() {
+        this._store = inject(Store);
+        this._detector = inject(ChangeDetectorRef);
+        this.applicationId$ = this._store.select(selectObjectId);
+        this.values = [];
+    }
+    set data(settings) {
+        this.settings = settings;
+        this.model = defaultValueModel(this.settings);
+        this._detector.detectChanges();
+    }
+    ngOnInit() {
+        this._initModel();
+    }
+    _initModel() {
+        this.model = cloneDeep(getValueModel(this.settings, this.values)) || defaultValueModel(this.settings);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseElementComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseElementComponent, decorators: [{
+            type: Injectable
+        }], propDecorators: { values: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+
+class BaseFieldComponent {
+    constructor() {
+        this._store = inject(Store);
+        this._detector = inject(ChangeDetectorRef);
+        this._subscriptions$ = [];
+        this._autoSaveStore = inject(AutoSaveStore);
+        this._isCheckRequired = false;
+        this.manualValues = [];
+        this.valueMode = 'auto';
+        this.changed = new EventEmitter();
+    }
+    set values(value) {
+        if (this.valueMode === 'manual') {
+            this.manualValues = value;
+        }
+    }
+    set data(settings) {
+        this.settings = settings;
+        this._customInit();
+        this._detector.detectChanges();
+    }
+    ngOnInit() {
+        this._initModel();
+        this._subscriptions$.push(this._store.select(selectIsCheckRequired)
+            .subscribe(result => {
+            this._isCheckRequired = result;
+            this._detector.detectChanges();
+        }));
+        if (this.valueMode === 'auto') {
+            this._initSubscriptionForValue();
+        }
+    }
+    ngOnDestroy() {
+        this._subscriptions$.forEach((subscription) => subscription.unsubscribe());
+    }
+    get autosaveFields() {
+        return this._autoSaveStore.fields();
+    }
+    get getInvalid() {
+        if (this._isCheckRequired) {
+            return this.settings.options.required && !this._requiredValidate(this.model.valueType);
+        }
+        else {
+            return false;
+        }
+    }
+    get getInvalidMessage() {
+        if (this._isCheckRequired) {
+            return 'Поле обязательно для заполнения';
+        }
+        else {
+            return '';
+        }
+    }
+    _requiredValidate(type) {
+        switch (type) {
+            case (ValueType.String):
+            case (ValueType.DateTime):
+                return !!this.model.value?.trim();
+            case (ValueType.Decimal):
+                return !!this.model.value;
+            case (ValueType.Boolean):
+                return !!this.model.value;
+            case (ValueType.StringArray):
+            case (ValueType.GuidArray):
+                return !!this.model.value?.length;
+            default:
+                return true;
+        }
+    }
+    _initSubscriptionForValue() {
+        this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
+            .subscribe((result) => {
+            if (result) {
+                if (!Array.isArray(result)) {
+                    this.model.value = result.value;
+                    this._customInit();
+                }
+            }
+        }));
+    }
+    _updateValue() {
+        this.changed.emit(this._transformOutputValue());
+    }
+    _transformOutputValue() {
+        return cloneDeep(this.model);
+    }
+    _customModelModify(event) {
+    }
+    _customInit() {
+        this.model = this.model || defaultValueModel(this.settings);
+    }
+    _initModel() {
+        if (this.valueMode === 'manual') {
+            this.model = cloneDeep(getValueModel(this.settings, this.manualValues)) || defaultValueModel(this.settings);
+        }
+        else {
+            this.model = defaultValueModel(this.settings);
+        }
+    }
+    dispatchModify(event) {
+        this._autoSaveStore.addId(event.id);
+        this._customModelModify(event);
+        setTimeout(() => this._updateValue());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseFieldComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BaseFieldComponent, decorators: [{
+            type: Injectable
+        }], propDecorators: { values: [{
+                type: Input
+            }], valueMode: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }] } });
+
+class InputTextComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputText;
+    }
+    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    ></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.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"] }], 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    ></mrx-input-text>\r\n  </div>\r\n}\r\n" }]
+        }] });
+
+class InputTextareaComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputTextarea;
+        this.config = {
+            buttons: []
+        };
+    }
+    _customInit() {
+        this.model = this.model || defaultValueModel(this.settings);
+        this.config = {
+            buttons: [
+                ...this.settings?.options.textType ? ['paragraph'] : [],
+                ...this.settings?.options.textFamily ? ['font'] : [],
+                ...this.settings?.options.textSize ? ['fontsize'] : [],
+                ...this.settings?.options.textColor ? ['brush'] : [],
+                ...this.settings?.options.textStyle ? ['bold', 'italic', 'underline', 'strikethrough'] : [],
+                ...this.settings?.options.textAlign ? [{ name: 'left', list: ['left', 'right', 'center', 'justify'] }] : [],
+                ...this.settings?.options.textHeight ? ['lineHeight'] : [],
+                ...this.settings?.options.textMargin ? ['indent', 'outdent'] : [],
+                ...this.settings?.options.textList ? ['ol', 'ul'] : [],
+                ...this.settings?.options.textLink ? ['link'] : [],
+                // ...this.model.options.textQuote ? ['blockquote'] : [],
+                ...this.settings?.options.textImage ? ['image'] : [],
+                ...this.settings?.options.textTable ? ['table'] : [],
+                ...this.settings?.options.textVideo ? ['video'] : [],
+                ...this.settings?.options.textSource ? ['source'] : [],
+            ]
+        };
+    }
+    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 || ''\"\r\n        [mask]=\"settings.options.mask || ''\"\r\n        [minlength]=\"settings.options.min || 0\"\r\n        [maxlength]=\"settings.options.max || 0\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        (modelChange)=\"dispatchModify($event)\"\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        (modelChange)=\"dispatchModify($event)\"\r\n      ></mrx-editor>\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"] }], 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 || ''\"\r\n        [mask]=\"settings.options.mask || ''\"\r\n        [minlength]=\"settings.options.min || 0\"\r\n        [maxlength]=\"settings.options.max || 0\"\r\n        [invalid]=\"getInvalid\"\r\n        [invalidMessage]=\"getInvalidMessage\"\r\n        (modelChange)=\"dispatchModify($event)\"\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        (modelChange)=\"dispatchModify($event)\"\r\n      ></mrx-editor>\r\n    }\r\n  </div>\r\n}\r\n" }]
+        }] });
+
+class InputLinkComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        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 }); }
+}
+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" }]
+        }] });
+
+class InputSwitchComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        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        [customClasses]=\"'mt-2'\"\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]=\"settings.options.switchText\"\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          [label]=\"settings.options.switchText\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        ></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        [customClasses]=\"'mt-2'\"\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]=\"settings.options.switchText\"\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          [label]=\"settings.options.switchText\"\r\n          (modelChange)=\"dispatchModify($event)\"\r\n        ></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 {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputNumber;
+    }
+    get isReadonly() {
+        return this.settings.options.inputState === InputState.Formula;
+    }
+    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      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [minValue]=\"settings.options.minValue || 0\"\r\n      [maxValue]=\"settings.options.maxValue || 0\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-number>\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"] }], 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      [placeholder]=\"settings.options.placeholder || ''\"\r\n      [minValue]=\"settings.options.minValue || 0\"\r\n      [maxValue]=\"settings.options.maxValue || 0\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"dispatchModify($event)\"\r\n    ></mrx-input-number>\r\n  </div>\r\n}\r\n" }]
+        }] });
+
+class InputSelectComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputSelect;
+    }
+    updateValue(event) {
+        if (!this.settings.options.multiply) {
+            this.model.value = event.value ? [event.value] : null;
+        }
+        else {
+            this.model.value = event.value;
+        }
+        this.dispatchModify(event);
+    }
+    _customInit() {
+        this.model = this.model || defaultValueModel(this.settings);
+        if (!this.settings.options.multiply) {
+            this.value = this.model.value?.[0] || null;
+        }
+        else {
+            this.value = this.model.value || null;
+        }
+    }
+    _customModelModify(event) {
+        this.model.displayValue = this._getDisplayValue(event.value);
+    }
+    _getDisplayValue(selectedValue) {
+        if (!this.settings.options.items) {
+            return '';
+        }
+        if (!Array.isArray(selectedValue)) {
+            return this.settings.options.items
+                .filter(x => x.value === selectedValue)
+                .map(x => x.text).join(', ');
+        }
+        const result = [];
+        selectedValue.forEach(val => {
+            const selectedItem = this.settings.options.items
+                .find(x => x.value === val);
+            if (selectedItem) {
+                result.push(selectedItem.text);
+            }
+        });
+        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-input-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 || ''\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-input-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.InputSelectComponent, selector: "mrx-input-select", inputs: ["fields", "size", "selected", "bindValue", "bindLabel", "customClasses", "wrapperCustomClasses", "multiple", "loading", "addTag", "clearable", "items", "groupBy", "emptyValue", "virtualScroll", "trackByFn", "displayValue", "disabledFromDisplay", "maxLength", "customSearchFn", "isBottomLabel", "search", "required", "disabled", "readonly", "showEmptyFields", "placeholder", "searchable", "loadLabel", "notFoundText", "closeOnSelect", "multiCollapseCount", "dropdownPosition", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched"] }], 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-input-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 || ''\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-input-select>\r\n  </div>\r\n}\r\n" }]
+        }] });
+
+class InputDateComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputDate;
+        this._isInit = false;
+        this.dateModel = '';
+    }
+    get value() {
+        if (this.settings.options.range) {
+            return [this.modelStart.value, this.modelEnd.value];
+        }
+        else {
+            return this.model.value;
+        }
+    }
+    get getViewTypeTimepicker() {
+        return this.settings.options.viewType === DateTypeEnum.DateTime;
+    }
+    updateValue(event) {
+        if (this._isInit) {
+            if (this.settings.options.range) {
+                if (event.value?.length === 0) {
+                    this.dateModel = [];
+                    this.modelStart.value = null;
+                    this.modelEnd.value = null;
+                    this.model.value = [null, null];
+                }
+                if (event.value?.length === 2) {
+                    this.dateModel = [event.value[0], event.value[1]];
+                    this.modelStart['value'] = event.value[0];
+                    this.modelEnd['value'] = event.value[1];
+                    this.model.value = [this.modelStart.value, this.modelEnd.value];
+                }
+            }
+            else {
+                this.dateModel = event.value;
+                this.model.value = event.value;
+            }
+            this.dispatchModify(event);
+        }
+    }
+    _transformOutputValue() {
+        if (this.settings.options.range) {
+            return [cloneDeep(this.modelStart), cloneDeep(this.modelEnd)];
+        }
+        else {
+            return cloneDeep(this.model);
+        }
+    }
+    _initSubscriptionForValue() {
+        this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
+            .subscribe((result) => {
+            if (result) {
+                if (Array.isArray(result)) {
+                    this.modelStart = cloneDeep(result[0]) || defaultValueModel(this.settings);
+                    this.modelEnd = cloneDeep(result[1]) || defaultValueModel(this.settings);
+                }
+                else {
+                    this.model = cloneDeep(result || defaultValueModel(this.settings));
+                }
+                this._customInit();
+            }
+        }));
+    }
+    _customInit() {
+        if (!this.model) {
+            this.model = defaultValueModel(this.settings);
+        }
+        if (this.settings.options.range) {
+            if (!this.modelStart?.value || !this.modelEnd?.value) {
+                this.dateModel = [];
+            }
+            else {
+                this.dateModel = [this.modelStart.value, this.modelEnd.value];
+            }
+        }
+        else {
+            this.dateModel = this.model.value;
+        }
+        setTimeout(() => {
+            this._isInit = true;
+        }, 500);
+    }
+    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    @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.placeholder || ''\"\r\n      [isManualInput]=\"!settings.options.range\"\r\n      [timepicker]=\"getViewTypeTimepicker\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-input-date-time>\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.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    @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.placeholder || ''\"\r\n      [isManualInput]=\"!settings.options.range\"\r\n      [timepicker]=\"getViewTypeTimepicker\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-input-date-time>\r\n  </div>\r\n}\r\n" }]
+        }] });
+
+class InputInnComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputINN;
+    }
+    get getMask() {
+        switch (this.settings.options.viewType) {
+            case InnTypeEnum.Personal:
+                return '000000000000';
+            case InnTypeEnum.Legal:
+                return '0000000000';
+            case InnTypeEnum.ForeignLegal:
+                return '000000';
+            default:
+                return '';
+        }
+    }
+    get getMaskPrefix() {
+        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 }); }
+}
+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" }]
+        }] });
+
+class InputFileComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputFile;
+        this._store = inject(Store);
+        this._detector = inject(ChangeDetectorRef);
+        this._changeFileSubject$ = new Subject();
+        this._fileSubscriptions$ = [];
+        this._isFileCheckRequired = false;
+        this.applicationId$ = this._store.select(selectObjectId);
+        this.files = [];
+    }
+    ngOnInit() {
+        this._initModel();
+        this._changeFileSubject$.pipe(debounceTime(700)).subscribe(model => {
+            this._store.dispatch(updateValues({ value: cloneDeep(this.model) }));
+        });
+        this._fileSubscriptions$.push(this._store.select(selectIsCheckRequired)
+            .subscribe(result => {
+            this._isFileCheckRequired = result;
+            this._detector.detectChanges();
+        }));
+        if (this.valueMode === 'auto') {
+            this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
+                .subscribe((result) => {
+                if (result && !Array.isArray(result)) {
+                    this.model.value = result.value;
+                    this._customInit();
+                }
+            }));
+        }
+        this._fileSubscriptions$.push(this._store.select(selectSectionFiles)
+            .subscribe((sectionFiles) => {
+            if (sectionFiles.length) {
+                this._initFiles(sectionFiles);
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._fileSubscriptions$.forEach((subscription) => subscription.unsubscribe());
+    }
+    filesChanged(files) {
+        this.files = files;
+        this.model.value = this.files.map(f => f.id);
+        this.dispatchModify();
+    }
+    deleteFile(file) {
+        this.files = this.files.filter((f) => f.id !== file.id);
+        this.model.value = this.files.map(f => f.id);
+        this.dispatchModify();
+    }
+    get getInvalid() {
+        if (this._isFileCheckRequired) {
+            return this.settings.options.required && !this.model.value?.length;
+        }
+        else {
+            return false;
+        }
+    }
+    dispatchModify() {
+        this._changeFileSubject$.next(this.model);
+    }
+    _initFiles(sectionFiles) {
+        this.files = sectionFiles.filter(f => this.model.value.includes(f.id)).map(f => ({ uuid: f.id, name: f.name, size: f.length }));
+        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        [customClasses]=\"'mt-2'\"\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\"\r\n      [maxSize]=\"settings.options.maxSize\"\r\n      [uploadEndPoint]=\"'/form/api/v1/application/' + (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 }); }
+}
+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        [customClasses]=\"'mt-2'\"\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\"\r\n      [maxSize]=\"settings.options.maxSize\"\r\n      [uploadEndPoint]=\"'/form/api/v1/application/' + (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" }]
+        }] });
+
+//TODO InputTelValueWithId добавить в компонент
+class InputPhoneComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputPhone;
+        this.onlyCountries = [];
+    }
+    updateValue(event) {
+        //TODO InputTelValueWithId добавить в компонент
+        if (event.value.isNumberValid) {
+            this.model.value = event.value.unFormattedNumber;
+            this.dispatchModify({ id: event.id, value: event.value.unFormattedNumber });
+        }
+    }
+    _customInit() {
+        this.model = this.model || defaultValueModel(this.settings);
+        this.onlyCountries = this.settings.options.countries.map(country => {
+            return country.value;
+        });
+    }
+    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 }); }
+}
+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" }]
+        }] });
+
+class InputCheckboxGroupComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputCheckboxGroup;
+        this.list = [];
+        this.value = [];
+    }
+    updateValue(event) {
+        this.model.value = event.value.map(i => String(i.id));
+        this.dispatchModify(event);
+    }
+    _customInit() {
+        this.model = this.model || defaultValueModel(this.settings, []);
+        this.list = this.settings.options.items.map(item => ({ id: item.value, text: item.text }));
+        this.value = this.model.value?.map((i) => ({ id: i, text: '' })) || [];
+        this._detector.detectChanges();
+    }
+    _customModelModify(event) {
+        this.model.displayValue = this._getDisplayValue(event.value);
+    }
+    _getDisplayValue(selectedValue) {
+        if (!this.settings.options.items) {
+            return '';
+        }
+        const result = [];
+        selectedValue.forEach(val => {
+            const selectedItem = this.settings.options.items
+                .find(x => x.value === val.id);
+            if (selectedItem) {
+                result.push(selectedItem.text);
+            }
+        });
+        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 }); }
+}
+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" }]
+        }] });
+
+class InputRadioGroupComponent extends BaseFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.InputRadioGroup;
+        this.list = [];
+    }
+    updateValue(event) {
+        if (event.value) {
+            this.model.value = String(event.value.id);
+        }
+        else {
+            this.model.value = '';
+        }
+        this.dispatchModify(event);
+    }
+    _customInit() {
+        this.model = this.model || defaultValueModel(this.settings);
+        this.list = this.settings.options.items.map(item => ({ id: item.value, text: item.text, parentId: 'none', value: false, type: 'single', items: [] }));
+        if (!!this.model.value) {
+            this.value = this.list.find(i => String(i.id) === this.model.value) || this.list[0];
+        }
+    }
+    _customModelModify(event) {
+        this.model.displayValue = this._getDisplayValue(event.value);
+    }
+    _getDisplayValue(selectedValue) {
+        if (!this.settings.options.items) {
+            return '';
+        }
+        return this.settings.options.items
+            .filter(x => x.value === selectedValue?.id)
+            .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 }); }
+}
+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" }]
+        }] });
+
+class FormDispenserModal {
+    constructor() {
+        this._store = inject(Store);
+        this._detector = inject(ChangeDetectorRef);
+        this._subscriptions$ = [];
+        this._fieldDependencyRulesCheckResults = [];
+        this.mapper = contentComponentsMap;
+        this.values = [];
+        this.valueMode = 'auto';
+        this.changed = new EventEmitter();
+    }
+    ngOnInit() {
+        this._subscriptions$.push(this._store.select(selectDependencyRulesResults)
+            .subscribe(results => {
+            this._fieldDependencyRulesCheckResults = results;
+            this._detector.detectChanges();
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions$.forEach((subscription) => subscription.unsubscribe());
+    }
+    componentValueChanged(event) {
+        this.changed.emit(event);
+    }
+    isComponentVisible(sysName) {
+        const result = this._fieldDependencyRulesCheckResults.find(x => x.sysName === sysName);
+        if (!result) {
+            return true;
+        }
+        let visible = true;
+        switch (result.actionType) {
+            case DependenceActionType.show:
+                visible = result.conditionResult;
+                break;
+            default:
+                break;
+        }
+        return visible;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormDispenserModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FormDispenserModal, isStandalone: true, selector: "app-form-dispenser-modal", inputs: { sectionSettings: "sectionSettings", values: "values", valueMode: "valueMode" }, outputs: { changed: "changed" }, ngImport: i0, template: "@if (sectionSettings?.components?.length) {\r\n  <div class=\"row application-form__content\">\r\n    @for (component of sectionSettings?.components; track component.id) {\r\n      @switch (component.type) {\r\n        @case ('group') {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"dragGroup\"\r\n            [ngTemplateOutletContext]=\"{component: component}\"\r\n          ></ng-container>\r\n        }\r\n        @default {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"dragInput\"\r\n            [ngTemplateOutletContext]=\"{component: component}\"\r\n          ></ng-container>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n}\r\n\r\n\r\n\r\n<ng-template #dragGroup let-component='component'>\r\n  <div class=\"col col-{{component.options.width}}\">\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        @if (component.options.label) {\r\n          <mrx-label>{{ component.options.label }}</mrx-label>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"application-form__group p-2\">\r\n      @if (component.components.length) {\r\n        <div class=\"row\">\r\n          @for (component of component.components; track component.id) {\r\n            @switch (component.type) {\r\n              @case ('group') {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"dragGroup\"\r\n                  [ngTemplateOutletContext]=\"{component: component}\"\r\n                ></ng-container>\r\n              }\r\n              @default {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"dragInput\"\r\n                  [ngTemplateOutletContext]=\"{component: component}\"\r\n                ></ng-container>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      } @else {\r\n        <p class=\"p-2\">\u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0433\u0440\u0443\u043F\u043F\u044B \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dragInput let-component='component'>\r\n  @if (isComponentVisible(component.sysName)) {\r\n    <div class=\"col col-{{component.options.width}}\">\r\n      <div class=\"application-form__input\">\r\n        <ng-template\r\n          appComponentFactory\r\n          [type]=\"component.type\"\r\n          [data]=\"component\"\r\n          [map]=\"mapper\"\r\n          [values]=\"values\"\r\n          [valueMode]=\"valueMode\"\r\n          (changed)=\"componentValueChanged($event)\"\r\n        ></ng-template>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: [".application-form__group{border-radius:4px;border:1px solid var(--neutral-bg-stroke-default, #DBDFE5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: LabelModule }, { 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: ComponentFactoryDirective, selector: "[appComponentFactory]", inputs: ["type", "data", "values", "valueMode", "map"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormDispenserModal, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-form-dispenser-modal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        LabelModule,
+                        ComponentFactoryDirective
+                    ], template: "@if (sectionSettings?.components?.length) {\r\n  <div class=\"row application-form__content\">\r\n    @for (component of sectionSettings?.components; track component.id) {\r\n      @switch (component.type) {\r\n        @case ('group') {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"dragGroup\"\r\n            [ngTemplateOutletContext]=\"{component: component}\"\r\n          ></ng-container>\r\n        }\r\n        @default {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"dragInput\"\r\n            [ngTemplateOutletContext]=\"{component: component}\"\r\n          ></ng-container>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n}\r\n\r\n\r\n\r\n<ng-template #dragGroup let-component='component'>\r\n  <div class=\"col col-{{component.options.width}}\">\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        @if (component.options.label) {\r\n          <mrx-label>{{ component.options.label }}</mrx-label>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"application-form__group p-2\">\r\n      @if (component.components.length) {\r\n        <div class=\"row\">\r\n          @for (component of component.components; track component.id) {\r\n            @switch (component.type) {\r\n              @case ('group') {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"dragGroup\"\r\n                  [ngTemplateOutletContext]=\"{component: component}\"\r\n                ></ng-container>\r\n              }\r\n              @default {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"dragInput\"\r\n                  [ngTemplateOutletContext]=\"{component: component}\"\r\n                ></ng-container>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      } @else {\r\n        <p class=\"p-2\">\u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0433\u0440\u0443\u043F\u043F\u044B \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dragInput let-component='component'>\r\n  @if (isComponentVisible(component.sysName)) {\r\n    <div class=\"col col-{{component.options.width}}\">\r\n      <div class=\"application-form__input\">\r\n        <ng-template\r\n          appComponentFactory\r\n          [type]=\"component.type\"\r\n          [data]=\"component\"\r\n          [map]=\"mapper\"\r\n          [values]=\"values\"\r\n          [valueMode]=\"valueMode\"\r\n          (changed)=\"componentValueChanged($event)\"\r\n        ></ng-template>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: [".application-form__group{border-radius:4px;border:1px solid var(--neutral-bg-stroke-default, #DBDFE5)}\n"] }]
+        }], propDecorators: { sectionSettings: [{
+                type: Input
+            }], values: [{
+                type: Input
+            }], valueMode: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }] } });
+
+class InputTableModalComponent extends ModalServiceComponent {
+    constructor(dialogRef, data) {
+        super();
+        this.dialogRef = dialogRef;
+        this.title = data.title;
+        this.settings = data.settings;
+        this.rowModel = data.rowModel;
+        this.result = { result: false, rowModel: this.rowModel };
+    }
+    componentValueChanged(valueModel) {
+        if (isArray(valueModel)) {
+            valueModel.forEach(model => {
+                this._transformValues(model);
+            });
+        }
+        else {
+            this._transformValues(valueModel);
+        }
+    }
+    ok() {
+        this.result = { result: true, rowModel: this.rowModel };
+        this.dialogRef.close(this.result);
+    }
+    close() {
+        this.result = { result: false, rowModel: this.rowModel };
+        this.dialogRef.close(this.result);
+    }
+    _transformValues(value) {
+        const cloneRowModel = cloneDeep(this.rowModel);
+        const findValue = cloneRowModel.data.find((c) => c.sysName === value.sysName);
+        if (findValue) {
+            findValue.value = value.value;
+        }
+        this.rowModel = cloneRowModel;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTableModalComponent, deps: [{ token: i1$1.ModalRef }, { token: MODAL_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputTableModalComponent, isStandalone: true, selector: "app-input-table-modal", providers: [
+            provideNgxMask()
+        ], usesInheritance: true, ngImport: i0, template: "<mrx-modal\r\n  [title]=\"title\"\r\n  size=\"large\"\r\n  (close)=\"close()\"\r\n  (ok)=\"ok()\"\r\n>\r\n  <app-form-dispenser-modal\r\n    [sectionSettings]=\"settings\"\r\n    [values]=\"rowModel.data\"\r\n    [valueMode]=\"'manual'\"\r\n    (changed)=\"componentValueChanged($event)\"\r\n  ></app-form-dispenser-modal>\r\n\r\n  <ng-template #footerContent>\r\n    <mrx-button\r\n      [customClasses]=\"'mr-3'\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'medium'\"\r\n      (click)=\"close()\"\r\n    >\u041E\u0442\u043C\u0435\u043D\u0430\r\n    </mrx-button>\r\n    <mrx-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'medium'\"\r\n      (click)=\"ok()\"\r\n    >\u0421\u043E\u0437\u0434\u0430\u0442\u044C\r\n    </mrx-button>\r\n  </ng-template>\r\n</mrx-modal>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ModalModule }, { kind: "component", type: i1$1.ModalComponent, selector: "mrx-modal", inputs: ["title", "message", "alert", "okText", "closeText", "size", "color", "customClasses", "expandable", "isEmbed", "isClose", "isBack", "backText", "enableFooter", "alignButtons", "isLoading", "iconPosition"], outputs: ["ok", "close", "back"] }, { kind: "ngmodule", type: ButtonModule }, { 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: FormDispenserModal, selector: "app-form-dispenser-modal", inputs: ["sectionSettings", "values", "valueMode"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTableModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-input-table-modal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        ModalModule,
+                        ButtonModule,
+                        FormDispenserModal,
+                    ], providers: [
+                        provideNgxMask()
+                    ], template: "<mrx-modal\r\n  [title]=\"title\"\r\n  size=\"large\"\r\n  (close)=\"close()\"\r\n  (ok)=\"ok()\"\r\n>\r\n  <app-form-dispenser-modal\r\n    [sectionSettings]=\"settings\"\r\n    [values]=\"rowModel.data\"\r\n    [valueMode]=\"'manual'\"\r\n    (changed)=\"componentValueChanged($event)\"\r\n  ></app-form-dispenser-modal>\r\n\r\n  <ng-template #footerContent>\r\n    <mrx-button\r\n      [customClasses]=\"'mr-3'\"\r\n      [type]=\"'secondary'\"\r\n      [size]=\"'medium'\"\r\n      (click)=\"close()\"\r\n    >\u041E\u0442\u043C\u0435\u043D\u0430\r\n    </mrx-button>\r\n    <mrx-button\r\n      [type]=\"'primary'\"\r\n      [size]=\"'medium'\"\r\n      (click)=\"ok()\"\r\n    >\u0421\u043E\u0437\u0434\u0430\u0442\u044C\r\n    </mrx-button>\r\n  </ng-template>\r\n</mrx-modal>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$1.ModalRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MODAL_DATA]
+                }] }] });
+
+const getRowModel = (model) => {
+    const getValuesFromModel = (model) => {
+        let values = [];
+        model.components.forEach((c) => {
+            if (c.type === ComponentType.Group) {
+                values = values.concat(getValuesFromModel(c));
+            }
+            else {
+                values = values.concat(defaultValueModel(c));
+            }
+        });
+        return values;
+    };
+    return { id: v4(), data: getValuesFromModel(model) };
+};
+
+class InputTableComponent {
+    constructor() {
+        this.type = ComponentType.InputTable;
+        this._store = inject(Store);
+        this._detector = inject(ChangeDetectorRef);
+        this._modalService = inject(ModalService);
+        this._changeSubject$ = new Subject();
+        this._subscriptions$ = [];
+        this._isCheckRequired = false;
+        this.dataSource = [];
+        this.values = [];
+        this.changed = new EventEmitter();
+    }
+    set data(settings) {
+        this.settings = settings;
+        this.model = { sysName: settings.sysName, type: settings.type, data: [], totals: [] };
+        this._detector.detectChanges();
+    }
+    ngOnInit() {
+        this._initModel();
+        this._changeSubject$.pipe(debounceTime(700)).subscribe(model => {
+            this._store.dispatch(updateValues({ value: model }));
+        });
+        this._subscriptions$.push(this._store.select(selectIsCheckRequired).subscribe(result => {
+            this._isCheckRequired = result;
+            this._detector.detectChanges();
+        }));
+        this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
+            .subscribe((result) => {
+            const cloneResult = cloneDeep(result);
+            if (cloneResult && !Array.isArray(cloneResult) && this.model.data !== cloneResult.data) {
+                this.model = cloneResult;
+                this._initDataSource(this.model.data);
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._changeSubject$.unsubscribe();
+        this._subscriptions$.forEach((subscription) => subscription.unsubscribe());
+    }
+    createRow() {
+        this._modalService.open(InputTableModalComponent, {
+            title: 'Создание строки',
+            settings: this.settings,
+            rowModel: getRowModel(this.settings)
+        }).afterClosed().subscribe(resolve => {
+            if (resolve.result) {
+                this.model.data = [...this.model.data, resolve.rowModel];
+                this._initDataSource(this.model.data);
+                this._changeSubject$.next(this.model);
+            }
+        });
+    }
+    deleteRow(event) {
+        const findRow = this.model.data.find(item => item.id === event.row.data.id);
+        if (findRow) {
+            this.model.data = this.model.data.filter(item => item.id !== event.row.data.id);
+            this._initDataSource(this.model.data);
+            this._changeSubject$.next(this.model);
+        }
+    }
+    editRow(event) {
+        const findRow = this.model.data.find(item => item.id === event.row.data.id);
+        if (findRow) {
+            this._modalService.open(InputTableModalComponent, {
+                title: 'Редактирование строки',
+                settings: this.settings,
+                rowModel: findRow
+            }).afterClosed().subscribe(resolve => {
+                if (resolve.result) {
+                    const cloneModel = cloneDeep(this.model);
+                    const findRow = cloneModel.data.find(row => row.id === resolve.rowModel.id);
+                    if (findRow) {
+                        findRow.data = resolve.rowModel.data;
+                        this._changeSubject$.next(cloneModel);
+                    }
+                }
+            });
+        }
+    }
+    getFormat(component) {
+        switch (component.type) {
+            case ComponentType.InputDate:
+                return 'dd.MM.yyyy';
+            default:
+                return '';
+        }
+    }
+    getDataType(component) {
+        switch (component.type) {
+            case ComponentType.InputDate:
+                return 'date';
+            default:
+                return undefined;
+        }
+    }
+    showTotal(component) {
+        if (component.type === ComponentType.InputNumber) {
+            const element = component;
+            return element.options.inTotals;
+        }
+        return false;
+    }
+    isTotalColumn(component) {
+        return component.options['inTotals'];
+    }
+    _initModel() {
+        this.model = {
+            sysName: this.settings.sysName,
+            type: this.settings.type,
+            data: [],
+            totals: []
+        };
+    }
+    _initDataSource(data) {
+        this.dataSource = data.map((item) => {
+            const newDataItem = {};
+            for (let i in item.data) {
+                newDataItem[item.data[i].sysName] = item.data[i].value;
+            }
+            newDataItem.id = item.id;
+            return newDataItem;
+        });
+        this._detector.detectChanges();
+        this.dataGrid.instance.refresh();
+    }
+    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 }], ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-table-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    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\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      @for (component of settings.components; track component.id) {\r\n        <dxi-column\r\n          [caption]=\"component.options.label\"\r\n          [dataField]=\"component.sysName\"\r\n          [format]=\"getFormat(component)\"\r\n          [dataType]=\"getDataType(component)\"\r\n        >\r\n          @for (component of component.components; track component.id) {\r\n            <dxi-column\r\n              [caption]=\"component.options.label\"\r\n              [dataField]=\"component.sysName\"\r\n              [format]=\"getFormat(component)\"\r\n              [dataType]=\"getDataType(component)\"\r\n            >\r\n              @for (component of component.components; track component.id) {\r\n                <dxi-column\r\n                  [caption]=\"component.options.label\"\r\n                  [dataField]=\"component.sysName\"\r\n                  [format]=\"getFormat(component)\"\r\n                  [dataType]=\"getDataType(component)\"\r\n                ></dxi-column>\r\n              }\r\n            </dxi-column>\r\n          }\r\n        </dxi-column>\r\n      }\r\n\r\n      <dxi-column\r\n        [width]=\"60\"\r\n        [allowFiltering]=\"false\"\r\n        [allowSorting]=\"false\"\r\n        [visible]=\"true\"\r\n        cellTemplate=\"editCellTemplate\"\r\n      >\r\n        <div *dxTemplate=\"let cellInfo  of 'editCellTemplate'\">\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        </div>\r\n      </dxi-column>\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  </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}\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.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { 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\">\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      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\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      @for (component of settings.components; track component.id) {\r\n        <dxi-column\r\n          [caption]=\"component.options.label\"\r\n          [dataField]=\"component.sysName\"\r\n          [format]=\"getFormat(component)\"\r\n          [dataType]=\"getDataType(component)\"\r\n        >\r\n          @for (component of component.components; track component.id) {\r\n            <dxi-column\r\n              [caption]=\"component.options.label\"\r\n              [dataField]=\"component.sysName\"\r\n              [format]=\"getFormat(component)\"\r\n              [dataType]=\"getDataType(component)\"\r\n            >\r\n              @for (component of component.components; track component.id) {\r\n                <dxi-column\r\n                  [caption]=\"component.options.label\"\r\n                  [dataField]=\"component.sysName\"\r\n                  [format]=\"getFormat(component)\"\r\n                  [dataType]=\"getDataType(component)\"\r\n                ></dxi-column>\r\n              }\r\n            </dxi-column>\r\n          }\r\n        </dxi-column>\r\n      }\r\n\r\n      <dxi-column\r\n        [width]=\"60\"\r\n        [allowFiltering]=\"false\"\r\n        [allowSorting]=\"false\"\r\n        [visible]=\"true\"\r\n        cellTemplate=\"editCellTemplate\"\r\n      >\r\n        <div *dxTemplate=\"let cellInfo  of 'editCellTemplate'\">\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        </div>\r\n      </dxi-column>\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  </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}\n"] }]
+        }], propDecorators: { values: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], dataGrid: [{
+                type: ViewChild,
+                args: ['dataGrid', { static: false }]
+            }], changed: [{
+                type: Output
+            }] } });
+
+class ContentTitleComponent extends BaseElementComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.ContentTitle;
+    }
+    get getSizeClass() {
+        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\"\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 }); }
+}
+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\"\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"] }]
+        }] });
+
+class ContentTextComponent extends BaseElementComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.ContentText;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTextComponent, selector: "app-content-input-table-modal", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"content-text-content\">\r\n    <p class=\"content-text-content__text\" [innerHTML]=\"settings.options.text\"></p>\r\n  </div>\r\n}\r\n", styles: [".content-text-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: ContentTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-content-input-table-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"content-text-content\">\r\n    <p class=\"content-text-content__text\" [innerHTML]=\"settings.options.text\"></p>\r\n  </div>\r\n}\r\n", styles: [".content-text-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 ContentTooltipComponent extends BaseElementComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.ContentTooltip;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTooltipComponent, selector: "app-content-tooltip", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"content-tooltip-content\">\r\n    <mrx-alert\r\n      [title]=\"settings.options.title\"\r\n      [message]=\"settings.options.text\"\r\n      [color]=\"settings.options.color\"\r\n    ></mrx-alert>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.AlertComponent, selector: "mrx-alert", inputs: ["customClasses", "color", "customColor", "message", "title", "closable"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-content-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"content-tooltip-content\">\r\n    <mrx-alert\r\n      [title]=\"settings.options.title\"\r\n      [message]=\"settings.options.text\"\r\n      [color]=\"settings.options.color\"\r\n    ></mrx-alert>\r\n  </div>\r\n}\r\n" }]
+        }] });
+
+class ContentFileComponent extends BaseElementComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.ContentFile;
+        this.formatBytes = formatBytes;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentFileComponent, selector: "app-content-file", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"content-file-content\">\r\n    @if (settings.options.fileId) {\r\n      <a\r\n        [href]=\"'/form/api/v1/admin/template/' + (applicationId$ | async) + '/file/' + settings.options.fileId\"\r\n        target=\"_blank\"\r\n        class=\"content-file-content__file\"\r\n      >\r\n        <div class=\"content-file-content__file-content\">\r\n          <div class=\"content-file-content__file-content__title\">\r\n            <span class=\"mrx-icon icon-file icon-font-24\"></span>\r\n            <p>{{ settings.options.fileName }}</p>\r\n          </div>\r\n\r\n          <div class=\"content-file-content__file-content__info\">\r\n            <div class=\"content-file-content__file-content__info--item\">\r\n              <span>{{formatBytes(settings.options.fileSize)}}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </a>\r\n    } @else {\r\n      <div class=\"content-file-content__file\">\r\n        <div class=\"content-file-content__file-content\">\r\n          <div class=\"content-file-content__file-content__title\">\r\n            <span class=\"mrx-icon icon-file icon-font-24\"></span>\r\n            <p>\u0424\u0430\u0439\u043B \u043D\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [".content-file-content__file{border-radius:4px;border:1px solid var(--neutral-bg-stroke-default, #DBDFE5);background:var(--brand-bg-tertiary-default, #FFF);padding:11px;display:block;color:var(--neutral-text-primary, #262626)}.content-file-content__file:hover{color:var(--brand-bg-primary-hover, #0f54aa);border:1px solid var(--brand-bg-primary-hover, #0f54aa)}.content-file-content__file-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-file-content__file-content__title{display:flex;align-items:center;justify-content:flex-start;gap:8px}.content-file-content__file-content__title p{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)}.content-file-content__file-content__info{display:flex;align-items:center;justify-content:flex-end;gap:8px}.content-file-content__file-content__info--item{display:flex;align-items:center;gap:4px}\n"], dependencies: [{ 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: ContentFileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-content-file', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"content-file-content\">\r\n    @if (settings.options.fileId) {\r\n      <a\r\n        [href]=\"'/form/api/v1/admin/template/' + (applicationId$ | async) + '/file/' + settings.options.fileId\"\r\n        target=\"_blank\"\r\n        class=\"content-file-content__file\"\r\n      >\r\n        <div class=\"content-file-content__file-content\">\r\n          <div class=\"content-file-content__file-content__title\">\r\n            <span class=\"mrx-icon icon-file icon-font-24\"></span>\r\n            <p>{{ settings.options.fileName }}</p>\r\n          </div>\r\n\r\n          <div class=\"content-file-content__file-content__info\">\r\n            <div class=\"content-file-content__file-content__info--item\">\r\n              <span>{{formatBytes(settings.options.fileSize)}}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </a>\r\n    } @else {\r\n      <div class=\"content-file-content__file\">\r\n        <div class=\"content-file-content__file-content\">\r\n          <div class=\"content-file-content__file-content__title\">\r\n            <span class=\"mrx-icon icon-file icon-font-24\"></span>\r\n            <p>\u0424\u0430\u0439\u043B \u043D\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [".content-file-content__file{border-radius:4px;border:1px solid var(--neutral-bg-stroke-default, #DBDFE5);background:var(--brand-bg-tertiary-default, #FFF);padding:11px;display:block;color:var(--neutral-text-primary, #262626)}.content-file-content__file:hover{color:var(--brand-bg-primary-hover, #0f54aa);border:1px solid var(--brand-bg-primary-hover, #0f54aa)}.content-file-content__file-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-file-content__file-content__title{display:flex;align-items:center;justify-content:flex-start;gap:8px}.content-file-content__file-content__title p{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)}.content-file-content__file-content__info{display:flex;align-items:center;justify-content:flex-end;gap:8px}.content-file-content__file-content__info--item{display:flex;align-items:center;gap:4px}\n"] }]
+        }] });
+
+class ContentDividerComponent extends BaseElementComponent {
+    constructor() {
+        super(...arguments);
+        this.type = ComponentType.ContentDivider;
+    }
+    get getSizeClass() {
+        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: ContentDividerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentDividerComponent, selector: "app-content-divider", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"content-divider-content\">\r\n    <hr class=\"content-divider-content__line\" [class]=\"getSizeClass\">\r\n  </div>\r\n}\r\n", styles: [".content-divider-content__line{background:#dbdfe5}.content-divider-content__line.-large{margin-top:12px;margin-bottom:12px}.content-divider-content__line.-medium{margin-top:8px;margin-bottom:8px}.content-divider-content__line.-small{margin-top:4px;margin-bottom:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentDividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-content-divider', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"content-divider-content\">\r\n    <hr class=\"content-divider-content__line\" [class]=\"getSizeClass\">\r\n  </div>\r\n}\r\n", styles: [".content-divider-content__line{background:#dbdfe5}.content-divider-content__line.-large{margin-top:12px;margin-bottom:12px}.content-divider-content__line.-medium{margin-top:8px;margin-bottom:8px}.content-divider-content__line.-small{margin-top:4px;margin-bottom:4px}\n"] }]
+        }] });
+
+const contentComponentsMap = {
+    [ComponentType.InputText]: InputTextComponent,
+    [ComponentType.InputTextarea]: InputTextareaComponent,
+    [ComponentType.InputLink]: InputLinkComponent,
+    [ComponentType.InputSwitch]: InputSwitchComponent,
+    [ComponentType.InputNumber]: InputNumberComponent,
+    [ComponentType.InputSelect]: InputSelectComponent,
+    [ComponentType.InputDate]: InputDateComponent,
+    [ComponentType.InputINN]: InputInnComponent,
+    [ComponentType.InputFile]: InputFileComponent,
+    [ComponentType.InputPhone]: InputPhoneComponent,
+    [ComponentType.InputCheckboxGroup]: InputCheckboxGroupComponent,
+    [ComponentType.InputRadioGroup]: InputRadioGroupComponent,
+    [ComponentType.InputTable]: InputTableComponent,
+    [ComponentType.ContentTitle]: ContentTitleComponent,
+    [ComponentType.ContentText]: ContentTextComponent,
+    [ComponentType.ContentTooltip]: ContentTooltipComponent,
+    [ComponentType.ContentFile]: ContentFileComponent,
+    [ComponentType.ContentDivider]: ContentDividerComponent,
+};
+
+class AbstractComponent {
+    constructor() {
+        this.changed = new EventEmitter();
+    }
+    set data(settings) { }
+}
+
+class FormDispenser {
+    constructor() {
+        this._store = inject(Store);
+        this._detector = inject(ChangeDetectorRef);
+        this._subscriptions$ = [];
+        this._fieldDependencyRulesCheckResults = [];
+        this.mapper = contentComponentsMap;
+        this.values = [];
+        this.valueMode = 'auto';
+        this.changed = new EventEmitter();
+    }
+    ngOnInit() {
+        this._subscriptions$.push(this._store.select(selectDependencyRulesResults)
+            .subscribe(results => {
+            this._fieldDependencyRulesCheckResults = results;
+            this._detector.detectChanges();
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions$.forEach((subscription) => subscription.unsubscribe());
+    }
+    componentValueChanged(event) {
+        this.changed.emit(event);
+    }
+    isComponentVisible(sysName) {
+        const result = this._fieldDependencyRulesCheckResults.find(x => x.sysName === sysName);
+        if (!result) {
+            return true;
+        }
+        let visible = true;
+        switch (result.actionType) {
+            case DependenceActionType.show:
+                visible = result.conditionResult;
+                break;
+            default:
+                break;
+        }
+        return visible;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormDispenser, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FormDispenser, isStandalone: true, selector: "app-form-dispenser", inputs: { sectionSettings: "sectionSettings", values: "values", valueMode: "valueMode" }, outputs: { changed: "changed" }, ngImport: i0, template: "@if (sectionSettings?.components?.length) {\r\n  <div class=\"row application-form__content\">\r\n    @for (component of sectionSettings?.components; track component.id) {\r\n      @switch (component.type) {\r\n        @case ('group') {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"dragGroup\"\r\n            [ngTemplateOutletContext]=\"{component: component}\"\r\n          ></ng-container>\r\n        }\r\n        @default {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"dragInput\"\r\n            [ngTemplateOutletContext]=\"{component: component}\"\r\n          ></ng-container>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n}\r\n\r\n<ng-template #dragGroup let-component='component'>\r\n  <div class=\"col col-{{component.options.width}}\">\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        @if (component.options.label) {\r\n          <mrx-label>{{ component.options.label }}</mrx-label>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"application-form__group p-2\">\r\n      @if (component.components.length) {\r\n        <div class=\"row\">\r\n          @for (component of component.components; track component.id) {\r\n            @switch (component.type) {\r\n              @case ('group') {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"dragGroup\"\r\n                  [ngTemplateOutletContext]=\"{component: component}\"\r\n                ></ng-container>\r\n              }\r\n              @default {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"dragInput\"\r\n                  [ngTemplateOutletContext]=\"{component: component}\"\r\n                ></ng-container>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      } @else {\r\n        <p class=\"p-2\">\u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0433\u0440\u0443\u043F\u043F\u044B \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dragInput let-component='component'>\r\n  @if (isComponentVisible(component.sysName)) {\r\n    <div class=\"col col-{{component.options.width}}\">\r\n      <div class=\"application-form__input\">\r\n        <ng-template\r\n          appComponentFactory\r\n          [type]=\"component.type\"\r\n          [data]=\"component\"\r\n          [map]=\"mapper\"\r\n          [values]=\"values\"\r\n          [valueMode]=\"valueMode\"\r\n          (changed)=\"componentValueChanged($event)\"\r\n        ></ng-template>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: [".application-form__group{border-radius:4px;border:1px solid var(--neutral-bg-stroke-default, #DBDFE5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: LabelModule }, { 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: ComponentFactoryDirective, selector: "[appComponentFactory]", inputs: ["type", "data", "values", "valueMode", "map"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormDispenser, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-form-dispenser', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        LabelModule,
+                        ComponentFactoryDirective
+                    ], template: "@if (sectionSettings?.components?.length) {\r\n  <div class=\"row application-form__content\">\r\n    @for (component of sectionSettings?.components; track component.id) {\r\n      @switch (component.type) {\r\n        @case ('group') {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"dragGroup\"\r\n            [ngTemplateOutletContext]=\"{component: component}\"\r\n          ></ng-container>\r\n        }\r\n        @default {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"dragInput\"\r\n            [ngTemplateOutletContext]=\"{component: component}\"\r\n          ></ng-container>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n}\r\n\r\n<ng-template #dragGroup let-component='component'>\r\n  <div class=\"col col-{{component.options.width}}\">\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        @if (component.options.label) {\r\n          <mrx-label>{{ component.options.label }}</mrx-label>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"application-form__group p-2\">\r\n      @if (component.components.length) {\r\n        <div class=\"row\">\r\n          @for (component of component.components; track component.id) {\r\n            @switch (component.type) {\r\n              @case ('group') {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"dragGroup\"\r\n                  [ngTemplateOutletContext]=\"{component: component}\"\r\n                ></ng-container>\r\n              }\r\n              @default {\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"dragInput\"\r\n                  [ngTemplateOutletContext]=\"{component: component}\"\r\n                ></ng-container>\r\n              }\r\n            }\r\n          }\r\n        </div>\r\n      } @else {\r\n        <p class=\"p-2\">\u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0433\u0440\u0443\u043F\u043F\u044B \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dragInput let-component='component'>\r\n  @if (isComponentVisible(component.sysName)) {\r\n    <div class=\"col col-{{component.options.width}}\">\r\n      <div class=\"application-form__input\">\r\n        <ng-template\r\n          appComponentFactory\r\n          [type]=\"component.type\"\r\n          [data]=\"component\"\r\n          [map]=\"mapper\"\r\n          [values]=\"values\"\r\n          [valueMode]=\"valueMode\"\r\n          (changed)=\"componentValueChanged($event)\"\r\n        ></ng-template>\r\n      </div>\r\n    </div>\r\n  }\r\n</ng-template>\r\n", styles: [".application-form__group{border-radius:4px;border:1px solid var(--neutral-bg-stroke-default, #DBDFE5)}\n"] }]
+        }], propDecorators: { sectionSettings: [{
+                type: Input
+            }], values: [{
+                type: Input
+            }], valueMode: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }] } });
+
+class ApplicationContent {
+    constructor() {
+        this._store = inject(Store);
+        this._changeSubject$ = new Subject();
+        this.sectionSettings$ = this._store.select(selectSectionSettings);
+    }
+    ngOnInit() {
+        this._changeSubject$.subscribe(model => {
+            this._store.dispatch(updateValues({ value: model }));
+        });
+    }
+    changeCheckRequiredState() {
+        this._store.dispatch(toggleCheckRequired());
+    }
+    componentValueChanged(model) {
+        this._changeSubject$.next(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 }); }
+}
+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"] }]
+        }] });
+
+const routes = [
+    {
+        path: 'preview/:templateSysName',
+        component: ObjectFormComponent,
+        children: [
+            {
+                path: ':sectionSysName',
+                component: ApplicationContent
+            }
+        ]
+    },
+    {
+        path: '',
+        component: ObjectFormComponent,
+        children: [
+            {
+                path: ':sectionSysName',
+                component: ApplicationContent
+            }
+        ]
+    },
+];
+class ObjectFormRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormRoutingModule, imports: [i3.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule]
+                }]
+        }] });
+
+class ConcurrencyInterceptor {
+    constructor(_toasterService) {
+        this._toasterService = _toasterService;
+    }
+    intercept(req, next) {
+        return next.handle(req).pipe(catchError(error => {
+            return this.handleError(error);
+        }));
+    }
+    handleError(error) {
+        if (error.status === 409) {
+            this._toasterService.show({
+                title: 'Данные были изменены.',
+                message: 'Для продолжения работы обновите страницу.',
+                type: ToasterType.Negative
+            });
+        }
+        return throwError(error);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConcurrencyInterceptor, deps: [{ token: i1$1.ToasterService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConcurrencyInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConcurrencyInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$1.ToasterService }] });
+
+const SHARED_FORM_MODULE_NAME = 'SHARED_FORM_MODULE_NAME';
+
+class SharedFormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SharedFormModule, imports: [CommonModule, i1.EffectsFeatureModule, i2.StoreFeatureModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedFormModule, imports: [CommonModule,
+            EffectsModule.forFeature(EFFECTS),
+            StoreModule.forFeature(SHARED_FORM_MODULE_NAME, sharedFormReducer)] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        EffectsModule.forFeature(EFFECTS),
+                        StoreModule.forFeature(SHARED_FORM_MODULE_NAME, sharedFormReducer),
+                    ]
+                }]
+        }] });
+
+class ObjectFormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormModule, declarations: [ObjectFormComponent,
+            ApplicationContent,
+            InputTextComponent,
+            InputTextareaComponent,
+            InputLinkComponent,
+            InputSwitchComponent,
+            InputNumberComponent,
+            InputSelectComponent,
+            InputDateComponent,
+            InputInnComponent,
+            InputFileComponent,
+            InputPhoneComponent,
+            InputCheckboxGroupComponent,
+            InputRadioGroupComponent,
+            InputTableComponent,
+            ContentTitleComponent,
+            ContentTextComponent,
+            ContentTooltipComponent,
+            ContentFileComponent,
+            ContentDividerComponent], imports: [CommonModule,
+            ObjectFormRoutingModule, i2.StoreFeatureModule, i1.EffectsFeatureModule, FormDispenser,
+            FormHeaderModule,
+            MenuAdminModule,
+            LoaderModule,
+            InputTextModule,
+            LabelModule,
+            ContentWrapperModule,
+            EditorModule,
+            InputTextareaModule,
+            ButtonModule,
+            FormsModule,
+            CheckboxModule,
+            SwitchModule,
+            InputNumberModule,
+            InputSelectModule,
+            InputDateTimeModule,
+            InputTimepickerModule,
+            InputFileModule,
+            AlertModule,
+            CheckboxGroupModule,
+            RadioGroupModule,
+            DropdownModule,
+            InputTelModule,
+            LinkModule,
+            ErrorMessageModule,
+            DxDataGridModule,
+            DxiColumnModule,
+            DxiItemModule,
+            DxoToolbarModule,
+            ModalModule,
+            ToasterServiceModule,
+            SharedFormModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormModule, providers: [
+            ObjectFormService,
+            ConcurrencyStoreService,
+            {
+                provide: HTTP_INTERCEPTORS,
+                useClass: ConcurrencyInterceptor,
+                multi: true
+            }
+        ], imports: [CommonModule,
+            ObjectFormRoutingModule,
+            StoreModule.forFeature(STATE_NAME, objectReducer),
+            EffectsModule.forFeature([ObjectFormEffects]),
+            FormDispenser,
+            FormHeaderModule,
+            MenuAdminModule,
+            LoaderModule,
+            InputTextModule,
+            LabelModule,
+            ContentWrapperModule,
+            EditorModule,
+            InputTextareaModule,
+            ButtonModule,
+            FormsModule,
+            CheckboxModule,
+            SwitchModule,
+            InputNumberModule,
+            InputSelectModule,
+            InputDateTimeModule,
+            InputTimepickerModule,
+            InputFileModule,
+            AlertModule,
+            CheckboxGroupModule,
+            RadioGroupModule,
+            DropdownModule,
+            InputTelModule,
+            LinkModule,
+            ErrorMessageModule,
+            DxDataGridModule,
+            DxiColumnModule,
+            DxiItemModule,
+            DxoToolbarModule,
+            ModalModule,
+            ToasterServiceModule,
+            SharedFormModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ObjectFormComponent,
+                        ApplicationContent,
+                        InputTextComponent,
+                        InputTextareaComponent,
+                        InputLinkComponent,
+                        InputSwitchComponent,
+                        InputNumberComponent,
+                        InputSelectComponent,
+                        InputDateComponent,
+                        InputInnComponent,
+                        InputFileComponent,
+                        InputPhoneComponent,
+                        InputCheckboxGroupComponent,
+                        InputRadioGroupComponent,
+                        InputTableComponent,
+                        ContentTitleComponent,
+                        ContentTextComponent,
+                        ContentTooltipComponent,
+                        ContentFileComponent,
+                        ContentDividerComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ObjectFormRoutingModule,
+                        StoreModule.forFeature(STATE_NAME, objectReducer),
+                        EffectsModule.forFeature([ObjectFormEffects]),
+                        FormDispenser,
+                        FormHeaderModule,
+                        MenuAdminModule,
+                        LoaderModule,
+                        InputTextModule,
+                        LabelModule,
+                        ContentWrapperModule,
+                        EditorModule,
+                        InputTextareaModule,
+                        ButtonModule,
+                        FormsModule,
+                        CheckboxModule,
+                        SwitchModule,
+                        InputNumberModule,
+                        InputSelectModule,
+                        InputDateTimeModule,
+                        InputTimepickerModule,
+                        InputFileModule,
+                        AlertModule,
+                        CheckboxGroupModule,
+                        RadioGroupModule,
+                        DropdownModule,
+                        InputTelModule,
+                        LinkModule,
+                        ErrorMessageModule,
+                        DxDataGridModule,
+                        DxiColumnModule,
+                        DxiItemModule,
+                        DxoToolbarModule,
+                        ModalModule,
+                        ToasterServiceModule,
+                        SharedFormModule
+                    ],
+                    providers: [
+                        ObjectFormService,
+                        ConcurrencyStoreService,
+                        {
+                            provide: HTTP_INTERCEPTORS,
+                            useClass: ConcurrencyInterceptor,
+                            multi: true
+                        }
+                    ]
+                }]
+        }] });
+
+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
@@ -16,4 +2322,6 @@ export * from '../lib/modules/shared-form/services';
 /**
  * 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, LogicalOperatorType, ObjectFormEffects, ObjectFormModule, SharedFormModule, 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 };
 //# sourceMappingURL=myrtex-org-form.mjs.map