@myrtex-org/form 1.1.65 → 1.1.67

package/fesm2022/myrtex-org-form.mjs

@@ -1732,11 +1732,8 @@ class InputDateComponent extends BaseFieldComponent {
     }
     updateValue(event) {
         if (this._isInit) {
-            this._isUpdatingInternal = true;
+            this._isUpdatingInternal = true; // Блокируем внешние обновления на время ввода
             if (this.settings.options.range) {
-                // Явно форсируем правильные sysName для обеих под-моделей перед записью значений
-                this.modelStart.sysName = `${this.settings.sysName}-id0`;
-                this.modelEnd.sysName = `${this.settings.sysName}-id1`;
                 if (!event.value || event.value.length === 0) {
                     this.dateModel = [];
                     this.modelStart.value = null;
@@ -1749,17 +1746,14 @@ class InputDateComponent extends BaseFieldComponent {
                     this.modelEnd.value = event.value[1];
                     this.modelCounter = this._getDaysDifference(this.modelStart.value, this.modelEnd.value);
                 }
-                // Передаем структуру, где у каждого объекта СВОЙ уникальный sysName
-                this.dispatchModify({
-                    id: event.id,
-                    value: [structuredClone(this.modelStart), structuredClone(this.modelEnd)]
-                });
+                this.model.value = this.dateModel;
             }
             else {
                 this.dateModel = event.value;
                 this.model.value = event.value;
-                this.dispatchModify(event);
             }
+            this.dispatchModify(event);
+            // Снимаем блокировку чуть позже, когда Store переварит изменения
             setTimeout(() => this._isUpdatingInternal = false, 600);
         }
     }
@@ -1786,25 +1780,19 @@ class InputDateComponent extends BaseFieldComponent {
     }
     _transformOutputValue() {
         if (this.settings.options.range) {
-            // Возвращаем упакованную структуру, которую ожидает базовый класс и форма
-            return {
-                id: this.settings.sysName,
-                value: [structuredClone(this.modelStart), structuredClone(this.modelEnd)]
-            };
+            return [structuredClone(this.modelStart), structuredClone(this.modelEnd)];
+        }
+        else {
+            return structuredClone(this.model);
         }
-        return structuredClone(this.model);
     }
     _initSubscriptionForValue() {
         this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
             .subscribe((result) => {
-            // КРИТИЧНО ДЛЯ МОДАЛКИ: Если мы находимся в модальном режиме (valueMode === 'manual'),
-            // мы игнорируем глобальный Store формы, так как данные должны браться из `@Input() values`
-            if (this.valueMode === 'manual') {
-                this._loadFromInputs();
-                return;
-            }
             if (!result || this._isUpdatingInternal)
                 return;
+            // Если компонент уже инициализирован, проверяем, нужно ли обновляться.
+            // Мы НЕ обновляемся, если данные в Store идентичны тем, что мы уже держим в памяти.
             if (this._isInit) {
                 const newValue = Array.isArray(result)
                     ? JSON.stringify([result[0]?.value, result[1]?.value])
@@ -1813,59 +1801,20 @@ class InputDateComponent extends BaseFieldComponent {
                     ? JSON.stringify([this.modelStart?.value, this.modelEnd?.value])
                     : JSON.stringify(this.model?.value);
                 if (newValue === currentValue) {
-                    return;
+                    return; // Данные те же самые, выходим, чтобы не запускать таймер заново
                 }
             }
+            // Если данные реально новые (пришли извне), обновляем локальные модели
             if (Array.isArray(result)) {
                 this.modelStart = structuredClone(result[0]) || defaultValueModel(this.settings);
                 this.modelEnd = structuredClone(result[1]) || defaultValueModel(this.settings);
             }
             else {
                 this.model = structuredClone(result || defaultValueModel(this.settings));
-                // Если range=true, но ngrx выдал одиночную модель, у которой в value лежит массив [start, end]
-                if (this.settings.options.range && Array.isArray(this.model.value)) {
-                    this.modelStart = { ...defaultValueModel(this.settings), value: this.model.value[0], sysName: `${this.settings.sysName}_start` };
-                    this.modelEnd = { ...defaultValueModel(this.settings), value: this.model.value[1], sysName: `${this.settings.sysName}_end` };
-                }
             }
             this._customInit();
         }));
     }
-    // Добавим метод ручной загрузки данных из переданного Input-а (для изоляции в модалке)
-    _loadFromInputs() {
-        if (!this.values)
-            return;
-        const valuesArray = this.values;
-        if (this.settings.options.range) {
-            // Ищем значения по суффиксам внутри переданного массива строки
-            const startNode = valuesArray.find(x => x.sysName === `${this.settings.sysName}-id0`);
-            const endNode = valuesArray.find(x => x.sysName === `${this.settings.sysName}-id1`);
-            this.modelStart = startNode ? structuredClone(startNode) : { ...defaultValueModel(this.settings), sysName: `${this.settings.sysName}-id0` };
-            this.modelEnd = endNode ? structuredClone(endNode) : { ...defaultValueModel(this.settings), sysName: `${this.settings.sysName}-id1` };
-            if (this.modelStart.value && this.modelEnd.value) {
-                this.dateModel = [this.modelStart.value, this.modelEnd.value];
-                this.modelCounter = this._getDaysDifference(this.modelStart.value, this.modelEnd.value);
-            }
-            else if (this.modelStart.value) {
-                this.dateModel = [this.modelStart.value, ''];
-                this.modelCounter = 0;
-            }
-            else {
-                this.dateModel = [];
-                this.modelCounter = 0;
-            }
-        }
-        else {
-            // Логика для обычной даты без ренджа
-            const found = valuesArray.find(x => x.sysName === this.settings.sysName);
-            if (found) {
-                this.model = structuredClone(found);
-                this.dateModel = this.model.value;
-            }
-        }
-        this._isInit = true;
-        this._detector.markForCheck();
-    }
     _customInit() {
         if (this.settings.options.range) {
             if (!this.modelStart) {
@@ -2240,7 +2189,6 @@ class InputTableModalComponent extends ModalServiceComponent {
         this.store = store;
         this.formulaCalculateService = formulaCalculateService;
         this.emptyRow = true;
-        this._detector = inject(ChangeDetectorRef);
         this.title = data.title;
         this.okText = data.okText;
         this.settings = data.settings;
@@ -2249,8 +2197,6 @@ class InputTableModalComponent extends ModalServiceComponent {
         this.result = { result: false, rowModel: this.rowModel };
     }
     componentValueChanged(valueModel) {
-        // ЛОГ 2: Что пришло в модалку из диспенсера
-        console.log('2. [Modal] componentValueChanged получил:', valueModel);
         if (isArray(valueModel)) {
             valueModel.forEach(model => {
                 this._transformValues(model);
@@ -2261,21 +2207,17 @@ class InputTableModalComponent extends ModalServiceComponent {
         }
         this._recalculateFormulaFields();
         this.emptyRow = this.rowModel.data.every(x => this.isEmpty(x.value, x.valueType));
-        // ЛОГ 3: Как изменилась строка после обработки
-        console.log('3. [Modal] Текущее состояние rowModel.data:', this.rowModel.data);
     }
     ok() {
         if (!this._isValid()) {
+            // включаем подсветку полей
             this.store.dispatch(updateCheckRequired({ isCheckRequired: true }));
             return;
         }
+        // возвращаем признак как был до открытия модалки
         this.store.dispatch(updateCheckRequired({ isCheckRequired: this.isCheckRequired }));
-        // Клонируем иммутабельный слепок данных ОДИН раз — в момент закрытия модалки с успехом
-        this.result = {
-            result: true,
-            rowModel: structuredClone(this.rowModel)
-        };
-        this.dialogRef.close(this.result);
+        this.result = { result: true, rowModel: this.rowModel };
+        this.dialogRef.close(structuredClone(this.result));
     }
     close() {
         // возвращаем признак как был до открытия модалки
@@ -2284,34 +2226,12 @@ class InputTableModalComponent extends ModalServiceComponent {
         this.dialogRef.close(this.result);
     }
     _transformValues(value) {
-        // ВАЖНО: Мы НЕ клонируем весь rowModel целиком, чтобы не ломать ссылки для Angular OnPush
-        if (!this.rowModel || !this.rowModel.data)
-            return;
-        // 1. Диапазон дат
-        if (value && value.value && Array.isArray(value.value) && value.value[0]?.sysName) {
-            value.value.forEach((subModel) => {
-                const findSubValue = this.rowModel.data.find((c) => c.sysName === subModel.sysName);
-                if (findSubValue) {
-                    findSubValue.value = subModel.value; // Меняем только примитивное значение (value) внутри объекта
-                }
-            });
-        }
-        // 2. Одиночный компонент даты (передающий id)
-        else if (value && value.id && !value.sysName) {
-            const findValue = this.rowModel.data.find((c) => c.sysName === value.id);
-            if (findValue) {
-                findValue.value = value.value;
-            }
-        }
-        // 3. Все остальные стандартные компоненты
-        else if (value && value.sysName) {
-            const findValue = this.rowModel.data.find((c) => c.sysName === value.sysName);
-            if (findValue) {
-                findValue.value = value.value;
-            }
+        const cloneRowModel = structuredClone(this.rowModel);
+        const findValue = cloneRowModel.data.find((c) => c.sysName === value.sysName);
+        if (findValue) {
+            findValue.value = value.value;
         }
-        // Принудительно уведомляем модалку, что внутренности rowModel поменялись (для обновления disabled у кнопки ОК)
-        this._detector.detectChanges();
+        this.rowModel = cloneRowModel;
     }
     _recalculateFormulaFields() {
         const formulaComponents = this._getFormulaNumberComponents(this.settings.components);
@@ -2354,13 +2274,13 @@ class InputTableModalComponent extends ModalServiceComponent {
         return result;
     }
     _isValid() {
-        let hasError = false;
-        const requiredComponents = this._getRequiredComponents(this.settings.components);
+        var hasError = false;
+        var requiredComponents = this._getRequiredComponents(this.settings.components);
         for (const component of requiredComponents) {
-            const value = this.rowModel.data.find(x => x.sysName == component.sysName
-                || x.sysName == `${component.sysName}-id0` // Добавили корректный суффикс начала диапазона
-                || x.sysName == `${component.sysName}-id1` // Добавили корректный суффикс конца диапазона
-            );
+            const value = this.rowModel.data
+                .find(x => x.sysName == component.sysName
+                || x.sysName == `${component.sysName}_start`
+                || x.sysName == `${component.sysName}_end`);
             if (!value?.value) {
                 hasError = true;
                 break;
@@ -2469,6 +2389,9 @@ class InputTableComponent {
         this._subscriptions$.push(this._store.select(selectCanEditObject)
             .subscribe(result => {
             this._canEditObject = result;
+            if (this.settings?.components) {
+                this._initColumns(this.settings.components);
+            }
             this._detector.detectChanges();
         }));
         this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
@@ -2486,9 +2409,6 @@ class InputTableComponent {
         this._subscriptions$.forEach((subscription) => subscription.unsubscribe());
     }
     createRow() {
-        if (this.disabled) {
-            return;
-        }
         this._modalService.open(InputTableModalComponent, {
             title: 'Создание строки',
             okText: 'Создать',
@@ -2504,9 +2424,6 @@ class InputTableComponent {
         });
     }
     deleteRow(event) {
-        if (this.disabled) {
-            return;
-        }
         const findRow = this._rows.find(item => item.id === event.row.data.id);
         if (findRow) {
             this._rows = this._rows.filter(item => item.id !== event.row.data.id);
@@ -2582,77 +2499,60 @@ class InputTableComponent {
         this._rows = [];
     }
     _initDataSource(data) {
-        // Маппим массив строк из Store/локального состояния в массив плоских объектов для DevExtreme
         this.dataSource = data.map((item) => {
             const newDataItem = {};
-            // Разворачиваем все дочерние элементы строки (включая itb6-id0, itb6-id1, itb6-itt0 и т.д.)
             for (let i in item.data) {
                 newDataItem[item.data[i].sysName] = item.data[i].value;
             }
-            // Обязательно сохраняем id строки, чтобы работали методы editRow и deleteRow
             newDataItem.id = item.id;
-            console.log('Сырая строка в dataSource:', newDataItem);
             return newDataItem;
         });
-        // Запускаем ручную проверку изменений, так как у компонента стоит ChangeDetectionStrategy.OnPush
         this._detector.detectChanges();
-        // Если грид уже отрендерен в DOM, принудительно обновляем его данные
         if (this.dataGrid?.instance) {
-            this.dataGrid.instance.repaint();
+            this.dataGrid.instance.refresh();
         }
     }
     _initColumns(components) {
-        // Формируем только бизнес-колонки. Колонка кнопок теперь создается автоматически в HTML
         this.columns = components.map(c => this._transformColumn(structuredClone(c)));
-        this._detector.detectChanges();
+        if (!this.disabled) {
+            this.columns.push({
+                caption: '',
+                type: 'buttons',
+                width: 80,
+                cssClass: 'custom-cell-controls',
+                buttons: [
+                    {
+                        template: 'editButtonTemplate',
+                        hint: 'Редактировать',
+                    },
+                    {
+                        template: 'deleteButtonTemplate',
+                        hint: 'Удалить',
+                    },
+                ],
+            });
+        }
         if (this.dataGrid?.instance) {
             this.dataGrid.instance.repaint();
         }
+        this._detector.detectChanges();
     }
     _transformColumn(component) {
         const dataType = this.getDataType(component);
-        const isRangeDate = component.type === ComponentType.InputDate && component.options?.range;
         const column = {
             caption: component.options.label || '',
             columns: component.components.map(c => this._transformColumn(structuredClone(c))),
-            // КРИТИЧЕСКИЙ ФИКС: Если это диапазон, привязываем dataField к реальному существующему ключу начала даты
-            dataField: isRangeDate ? `${component.sysName}-id0` : component.sysName,
-            dataType: isRangeDate ? 'string' : this.getDataType(component),
+            dataField: component.sysName,
+            dataType: this.getDataType(component),
             format: this.getFormat(component),
             minWidth: 160
         };
-        if (isRangeDate) {
-            column.cellTemplate = (container, options) => {
-                const rowData = options.data;
-                let displayStr = '';
-                if (rowData) {
-                    const baseSysName = component.sysName.toLowerCase();
-                    const rowKeys = Object.keys(rowData);
-                    // Регистронезависимый поиск ключей начала и конца диапазона
-                    const startKey = rowKeys.find(k => k.toLowerCase() === `${baseSysName}-id0` || k.toLowerCase() === `${baseSysName}_id0`);
-                    const endKey = rowKeys.find(k => k.toLowerCase() === `${baseSysName}-id1` || k.toLowerCase() === `${baseSysName}_id1`);
-                    const rawStart = startKey ? rowData[startKey] : null;
-                    const rawEnd = endKey ? rowData[endKey] : null;
-                    if (rawStart || rawEnd) {
-                        const formatOptions = component.options.viewType === DateTypeEnum.DateTime
-                            ? { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' }
-                            : { day: '2-digit', month: '2-digit', year: 'numeric' };
-                        const startDate = rawStart ? new Date(rawStart) : null;
-                        const endDate = rawEnd ? new Date(rawEnd) : null;
-                        const startStr = startDate && !isNaN(startDate.getTime()) ? startDate.toLocaleDateString('ru-RU', formatOptions) : '...';
-                        const endStr = endDate && !isNaN(endDate.getTime()) ? endDate.toLocaleDateString('ru-RU', formatOptions) : '...';
-                        displayStr = `${startStr} — ${endStr}`;
-                    }
-                    else {
-                        displayStr = '—';
-                    }
-                }
-                container.textContent = displayStr;
-            };
-        }
-        // Логика для boolean и select остается без изменений...
         if (dataType === 'boolean') {
-            column.calculateCellValue = (rowData) => !!rowData[component.sysName];
+            column.calculateCellValue = (rowData) => {
+                const value = rowData[component.sysName];
+                // Если true — Да, если false, "" или null — Нет
+                return !!value;
+            };
             column.lookup = {
                 dataSource: [
                     { value: true, displayValue: 'Да' },
@@ -2674,6 +2574,7 @@ class InputTableComponent {
             else if (selectModel.options.directory?.[0]) {
                 const directoryName = selectModel.options.directory[0];
                 column.lookup = {
+                    // Оборачиваем в CustomStore для соответствия типам DevExtreme
                     dataSource: new CustomStore({
                         key: 'value',
                         load: () => this.getLookupData(directoryName),
@@ -2829,11 +2730,11 @@ class InputTableComponent {
         return typeof maybeRow.id === 'string' && Array.isArray(maybeRow.data);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTableComponent, selector: "app-input-table", inputs: { values: "values", data: "data" }, outputs: { changed: "changed" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: ["dataGrid"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }], ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n      [wordWrapEnabled]=\"true\"\r\n      [columnAutoWidth]=\"true\"\r\n      [class.noData]=\"isRedNoData\"\r\n    >\r\n      @if(!disabled) {\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]=\"'secondary'\"\r\n                [customClasses]=\"'mb-3'\"\r\n                (mrxClick)=\"createRow()\"\r\n              >{{settings.options.addBtnTitle}}\r\n              </mrx-button>\r\n            </div>\r\n          </dxi-item>\r\n        </dxo-toolbar>\r\n\r\n        <!-- <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n          <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n        </div>\r\n\r\n        <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n          <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n        </div> -->\r\n      }\r\n\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-group-item\r\n                  [column]=\"component.sysName\"\r\n                  summaryType=\"sum\"\r\n                  displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                  [showInGroupFooter]=\"true\"\r\n                  [alignByColumn]=\"true\">\r\n                </dxi-group-item>\r\n\r\n                <dxi-total-item \r\n                  [column]=\"component.sysName\" \r\n                  displayFormat=\"{0}\"\r\n                  summaryType=\"sum\"\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-group-item\r\n                    [column]=\"component.sysName\"\r\n                    summaryType=\"sum\"\r\n                    displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                    [showInGroupFooter]=\"true\"\r\n                    [alignByColumn]=\"true\">\r\n                  </dxi-group-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-group-item\r\n                      [column]=\"component.sysName\"\r\n                      summaryType=\"sum\"\r\n                      displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                      [showInGroupFooter]=\"true\"\r\n                      [alignByColumn]=\"true\">\r\n                    </dxi-group-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (hasAnyTotal) { \r\n                <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [cssClass]=\"'text-bold'\"\r\n                    [displayFormat]=\"showTotal(component) ? '{0}' : '\u0418\u0422\u041E\u0413\u041E'\"\r\n                    [summaryType]=\"showTotal(component) ? 'sum' : undefined\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n\r\n      @if(!disabled) {\r\n        <dxi-column\r\n          [width]=\"80\"\r\n          cssClass=\"custom-cell-controls\"\r\n          [allowFiltering]=\"false\"\r\n          [allowSorting]=\"false\"\r\n          cellTemplate=\"actionsTemplate\"\r\n        ></dxi-column>\r\n\r\n        <div *dxTemplate=\"let cellInfo of 'actionsTemplate'\">\r\n          <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 8px\">\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      }\r\n    </dx-data-grid>\r\n\r\n    @if(!!settings.options.maxRows) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u043E\u043A: {{ settings.options.maxRows }}\"\r\n        [maxValue]=\"settings.options.maxRows\"\r\n        [value]=\"rowsCount\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n\r\n    @if(!disabled) {\r\n      <ng-template #editTemplate let-cellInfo=\"cellInfo\">\r\n        <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 4px\">\r\n          <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(cellInfo)\"></span>\r\n          <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(cellInfo)\"></span>\r\n        </div>\r\n      </ng-template>\r\n    }\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [":host::ng-deep .input-table-content .noData .dx-datagrid-nodata{color:var(--system-text-negative, #8E2100)}:host::ng-deep .input-table-content .dx-datagrid{padding:0}:host::ng-deep .input-table-content .dx-datagrid-header-panel{display:flex;align-items:center;min-height:40px;padding:0}:host::ng-deep .input-table-content .dx-datagrid-rowsview{border-bottom:none}:host::ng-deep .input-table-content .dx-datagrid-rowsview.dx-empty{border-bottom:1px solid #ddd;height:48px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer{border-top:none;border-left:none;border-right:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content{padding:0}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content th,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content td{border:1px solid #ddd;border-top:none;border-collapse:collapse}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table{border-top:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-summary-item{font-weight:400}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers{position:relative;top:0;border-top:1px solid var(--neutral-bg-divider)}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers td.dx-command-expand.dx-datagrid-group-space{border-right:none!important;border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer td.dx-command-expand.dx-datagrid-group-space{border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-row>td,:host::ng-deep .input-table-content .dx-datagrid .page-wrapper .dx-treelist-container .dx-row>td{color:var(--neutral-text-secondary, #4D5157);font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host::ng-deep .input-table-content .dx-datagrid .dx-row.dx-data-row.dx-column-lines>td{color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}:host::ng-deep .custom-cell-controls .dx-template-wrapper{display:inline-flex}\n"], dependencies: [{ kind: "component", type: i1$2.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "switchSize", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "component", type: i1$2.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.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.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.DxoSummaryComponent, selector: "dxo-summary", inputs: ["calculateCustomSummary", "groupItems", "recalculateWhileEditing", "skipEmptyValues", "texts", "totalItems"] }, { kind: "component", type: i3.DxiGroupItemComponent, selector: "dxi-group-item", inputs: ["alignByColumn", "column", "customizeText", "displayFormat", "name", "showInColumn", "showInGroupFooter", "skipEmptyValues", "summaryType", "valueFormat"] }, { kind: "component", type: i3.DxiTotalItemComponent, selector: "dxi-total-item", inputs: ["alignment", "column", "cssClass", "customizeText", "displayFormat", "name", "showInColumn", "skipEmptyValues", "summaryType", "valueFormat"] }, { kind: "component", type: i3.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "directive", type: i4.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i1$2.HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: ["message", "value", "maxValue", "minValue", "minLength", "maxLength", "checkInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTableComponent, selector: "app-input-table", inputs: { values: "values", data: "data" }, outputs: { changed: "changed" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: ["dataGrid"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }], ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n      [wordWrapEnabled]=\"true\"\r\n      [columnAutoWidth]=\"true\"\r\n      [class.noData]=\"isRedNoData\"\r\n    >\r\n      @if(!disabled) {\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]=\"'secondary'\"\r\n                [customClasses]=\"'mb-3'\"\r\n                (mrxClick)=\"createRow()\"\r\n              >{{settings.options.addBtnTitle}}\r\n              </mrx-button>\r\n            </div>\r\n          </dxi-item>\r\n        </dxo-toolbar>\r\n      }\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-group-item\r\n                  [column]=\"component.sysName\"\r\n                  summaryType=\"sum\"\r\n                  displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                  [showInGroupFooter]=\"true\"\r\n                  [alignByColumn]=\"true\">\r\n                </dxi-group-item>\r\n\r\n                <dxi-total-item \r\n                  [column]=\"component.sysName\" \r\n                  displayFormat=\"{0}\"\r\n                  summaryType=\"sum\"\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-group-item\r\n                    [column]=\"component.sysName\"\r\n                    summaryType=\"sum\"\r\n                    displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                    [showInGroupFooter]=\"true\"\r\n                    [alignByColumn]=\"true\">\r\n                  </dxi-group-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-group-item\r\n                      [column]=\"component.sysName\"\r\n                      summaryType=\"sum\"\r\n                      displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                      [showInGroupFooter]=\"true\"\r\n                      [alignByColumn]=\"true\">\r\n                    </dxi-group-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (hasAnyTotal) { \r\n                <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [cssClass]=\"'text-bold'\"\r\n                    [displayFormat]=\"showTotal(component) ? '{0}' : '\u0418\u0422\u041E\u0413\u041E'\"\r\n                    [summaryType]=\"showTotal(component) ? 'sum' : undefined\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n    </dx-data-grid>\r\n\r\n    @if(!!settings.options.maxRows) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u043E\u043A: {{ settings.options.maxRows }}\"\r\n        [maxValue]=\"settings.options.maxRows\"\r\n        [value]=\"rowsCount\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n\r\n    <ng-template #editTemplate let-cellInfo=\"cellInfo\">\r\n      <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 4px\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(cellInfo)\"></span>\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(cellInfo)\"></span>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [":host::ng-deep .input-table-content .noData .dx-datagrid-nodata{color:var(--system-text-negative, #8E2100)}:host::ng-deep .input-table-content .dx-datagrid{padding:0}:host::ng-deep .input-table-content .dx-datagrid-header-panel{display:flex;align-items:center;min-height:40px;padding:0}:host::ng-deep .input-table-content .dx-datagrid-rowsview{border-bottom:none}:host::ng-deep .input-table-content .dx-datagrid-rowsview.dx-empty{border-bottom:1px solid #ddd;height:48px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer{border-top:none;border-left:none;border-right:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content{padding:0}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content th,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content td{border:1px solid #ddd;border-top:none;border-collapse:collapse}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table{border-top:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-summary-item{font-weight:400}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers{position:relative;top:0;border-top:1px solid var(--neutral-bg-divider)}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers td.dx-command-expand.dx-datagrid-group-space{border-right:none!important;border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer td.dx-command-expand.dx-datagrid-group-space{border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-row>td,:host::ng-deep .input-table-content .dx-datagrid .page-wrapper .dx-treelist-container .dx-row>td{color:var(--neutral-text-secondary, #4D5157);font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host::ng-deep .input-table-content .dx-datagrid .dx-row.dx-data-row.dx-column-lines>td{color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}:host::ng-deep .custom-cell-controls .dx-template-wrapper{display:inline-flex}\n"], dependencies: [{ kind: "component", type: i1$2.LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "switchSize", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }, { kind: "component", type: i1$2.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.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.DxoSummaryComponent, selector: "dxo-summary", inputs: ["calculateCustomSummary", "groupItems", "recalculateWhileEditing", "skipEmptyValues", "texts", "totalItems"] }, { kind: "component", type: i3.DxiGroupItemComponent, selector: "dxi-group-item", inputs: ["alignByColumn", "column", "customizeText", "displayFormat", "name", "showInColumn", "showInGroupFooter", "skipEmptyValues", "summaryType", "valueFormat"] }, { kind: "component", type: i3.DxiTotalItemComponent, selector: "dxi-total-item", inputs: ["alignment", "column", "cssClass", "customizeText", "displayFormat", "name", "showInColumn", "skipEmptyValues", "summaryType", "valueFormat"] }, { kind: "component", type: i3.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "directive", type: i4.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i1$2.HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: ["message", "value", "maxValue", "minValue", "minLength", "maxLength", "checkInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n      [wordWrapEnabled]=\"true\"\r\n      [columnAutoWidth]=\"true\"\r\n      [class.noData]=\"isRedNoData\"\r\n    >\r\n      @if(!disabled) {\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]=\"'secondary'\"\r\n                [customClasses]=\"'mb-3'\"\r\n                (mrxClick)=\"createRow()\"\r\n              >{{settings.options.addBtnTitle}}\r\n              </mrx-button>\r\n            </div>\r\n          </dxi-item>\r\n        </dxo-toolbar>\r\n\r\n        <!-- <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n          <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n        </div>\r\n\r\n        <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n          <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n        </div> -->\r\n      }\r\n\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-group-item\r\n                  [column]=\"component.sysName\"\r\n                  summaryType=\"sum\"\r\n                  displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                  [showInGroupFooter]=\"true\"\r\n                  [alignByColumn]=\"true\">\r\n                </dxi-group-item>\r\n\r\n                <dxi-total-item \r\n                  [column]=\"component.sysName\" \r\n                  displayFormat=\"{0}\"\r\n                  summaryType=\"sum\"\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-group-item\r\n                    [column]=\"component.sysName\"\r\n                    summaryType=\"sum\"\r\n                    displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                    [showInGroupFooter]=\"true\"\r\n                    [alignByColumn]=\"true\">\r\n                  </dxi-group-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-group-item\r\n                      [column]=\"component.sysName\"\r\n                      summaryType=\"sum\"\r\n                      displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                      [showInGroupFooter]=\"true\"\r\n                      [alignByColumn]=\"true\">\r\n                    </dxi-group-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (hasAnyTotal) { \r\n                <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [cssClass]=\"'text-bold'\"\r\n                    [displayFormat]=\"showTotal(component) ? '{0}' : '\u0418\u0422\u041E\u0413\u041E'\"\r\n                    [summaryType]=\"showTotal(component) ? 'sum' : undefined\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n\r\n      @if(!disabled) {\r\n        <dxi-column\r\n          [width]=\"80\"\r\n          cssClass=\"custom-cell-controls\"\r\n          [allowFiltering]=\"false\"\r\n          [allowSorting]=\"false\"\r\n          cellTemplate=\"actionsTemplate\"\r\n        ></dxi-column>\r\n\r\n        <div *dxTemplate=\"let cellInfo of 'actionsTemplate'\">\r\n          <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 8px\">\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      }\r\n    </dx-data-grid>\r\n\r\n    @if(!!settings.options.maxRows) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u043E\u043A: {{ settings.options.maxRows }}\"\r\n        [maxValue]=\"settings.options.maxRows\"\r\n        [value]=\"rowsCount\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n\r\n    @if(!disabled) {\r\n      <ng-template #editTemplate let-cellInfo=\"cellInfo\">\r\n        <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 4px\">\r\n          <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(cellInfo)\"></span>\r\n          <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(cellInfo)\"></span>\r\n        </div>\r\n      </ng-template>\r\n    }\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [":host::ng-deep .input-table-content .noData .dx-datagrid-nodata{color:var(--system-text-negative, #8E2100)}:host::ng-deep .input-table-content .dx-datagrid{padding:0}:host::ng-deep .input-table-content .dx-datagrid-header-panel{display:flex;align-items:center;min-height:40px;padding:0}:host::ng-deep .input-table-content .dx-datagrid-rowsview{border-bottom:none}:host::ng-deep .input-table-content .dx-datagrid-rowsview.dx-empty{border-bottom:1px solid #ddd;height:48px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer{border-top:none;border-left:none;border-right:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content{padding:0}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content th,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content td{border:1px solid #ddd;border-top:none;border-collapse:collapse}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table{border-top:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-summary-item{font-weight:400}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers{position:relative;top:0;border-top:1px solid var(--neutral-bg-divider)}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers td.dx-command-expand.dx-datagrid-group-space{border-right:none!important;border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer td.dx-command-expand.dx-datagrid-group-space{border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-row>td,:host::ng-deep .input-table-content .dx-datagrid .page-wrapper .dx-treelist-container .dx-row>td{color:var(--neutral-text-secondary, #4D5157);font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host::ng-deep .input-table-content .dx-datagrid .dx-row.dx-data-row.dx-column-lines>td{color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}:host::ng-deep .custom-cell-controls .dx-template-wrapper{display:inline-flex}\n"] }]
+            args: [{ selector: 'app-input-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n      [wordWrapEnabled]=\"true\"\r\n      [columnAutoWidth]=\"true\"\r\n      [class.noData]=\"isRedNoData\"\r\n    >\r\n      @if(!disabled) {\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]=\"'secondary'\"\r\n                [customClasses]=\"'mb-3'\"\r\n                (mrxClick)=\"createRow()\"\r\n              >{{settings.options.addBtnTitle}}\r\n              </mrx-button>\r\n            </div>\r\n          </dxi-item>\r\n        </dxo-toolbar>\r\n      }\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-group-item\r\n                  [column]=\"component.sysName\"\r\n                  summaryType=\"sum\"\r\n                  displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                  [showInGroupFooter]=\"true\"\r\n                  [alignByColumn]=\"true\">\r\n                </dxi-group-item>\r\n\r\n                <dxi-total-item \r\n                  [column]=\"component.sysName\" \r\n                  displayFormat=\"{0}\"\r\n                  summaryType=\"sum\"\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-group-item\r\n                    [column]=\"component.sysName\"\r\n                    summaryType=\"sum\"\r\n                    displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                    [showInGroupFooter]=\"true\"\r\n                    [alignByColumn]=\"true\">\r\n                  </dxi-group-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-group-item\r\n                      [column]=\"component.sysName\"\r\n                      summaryType=\"sum\"\r\n                      displayFormat=\"\u0418\u0442\u043E\u0433\u043E: {0}\"\r\n                      [showInGroupFooter]=\"true\"\r\n                      [alignByColumn]=\"true\">\r\n                    </dxi-group-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (hasAnyTotal) { \r\n                <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [cssClass]=\"'text-bold'\"\r\n                    [displayFormat]=\"showTotal(component) ? '{0}' : '\u0418\u0422\u041E\u0413\u041E'\"\r\n                    [summaryType]=\"showTotal(component) ? 'sum' : undefined\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n    </dx-data-grid>\r\n\r\n    @if(!!settings.options.maxRows) {\r\n      <mrx-hint-error-message\r\n        message=\"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u043E\u043A: {{ settings.options.maxRows }}\"\r\n        [maxValue]=\"settings.options.maxRows\"\r\n        [value]=\"rowsCount\"\r\n      ></mrx-hint-error-message>\r\n    }\r\n\r\n    <ng-template #editTemplate let-cellInfo=\"cellInfo\">\r\n      <div class=\"d-flex align-items-center justify-content-center\" style=\"gap: 4px\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(cellInfo)\"></span>\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(cellInfo)\"></span>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n}\r\n\r\n\r\n", styles: [":host::ng-deep .input-table-content .noData .dx-datagrid-nodata{color:var(--system-text-negative, #8E2100)}:host::ng-deep .input-table-content .dx-datagrid{padding:0}:host::ng-deep .input-table-content .dx-datagrid-header-panel{display:flex;align-items:center;min-height:40px;padding:0}:host::ng-deep .input-table-content .dx-datagrid-rowsview{border-bottom:none}:host::ng-deep .input-table-content .dx-datagrid-rowsview.dx-empty{border-bottom:1px solid #ddd;height:48px}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer{border-top:none;border-left:none;border-right:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content{padding:0}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content th,:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content td{border:1px solid #ddd;border-top:none;border-collapse:collapse}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content table{border-top:none}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-summary-item{font-weight:400}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers{position:relative;top:0;border-top:1px solid var(--neutral-bg-divider)}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-headers td.dx-command-expand.dx-datagrid-group-space{border-right:none!important;border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-datagrid-total-footer td.dx-command-expand.dx-datagrid-group-space{border-right-color:transparent}:host::ng-deep .input-table-content .dx-datagrid .dx-row>td,:host::ng-deep .input-table-content .dx-datagrid .page-wrapper .dx-treelist-container .dx-row>td{color:var(--neutral-text-secondary, #4D5157);font-family:var(--body-md-bold-font-family, \"PT Sans\");font-size:var(--body-md-bold-font-size, 14px);font-weight:var(--body-md-bold-font-weight, 700);line-height:var(--body-md-bold-line-height, 16px)}:host::ng-deep .input-table-content .dx-datagrid .dx-row.dx-data-row.dx-column-lines>td{color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px)}:host::ng-deep .custom-cell-controls .dx-template-wrapper{display:inline-flex}\n"] }]
         }], propDecorators: { values: [{
                 type: Input
             }], data: [{