@myrtex-org/form 1.1.41 → 1.1.43

package/esm2022/lib/modules/object-form/models/value.model.mjs

@@ -1,2 +1,6 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0ZXgtZm9ybS9zcmMvbGliL21vZHVsZXMvb2JqZWN0LWZvcm0vbW9kZWxzL3ZhbHVlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRUeXBlLCBWYWx1ZVR5cGUgfSBmcm9tICcuLi8uLi9zaGFyZWQtZm9ybS9lbnVtcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFZhbHVlTW9kZWxCYXNlIHtcclxuICBzeXNOYW1lOiBzdHJpbmc7XHJcbiAgdHlwZTogQ29tcG9uZW50VHlwZTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTZWN0aW9uVmFsdWVNb2RlbCBleHRlbmRzIFZhbHVlTW9kZWxCYXNlIHtcclxuICB2YWx1ZXM6IFZhbHVlTW9kZWxbXTtcclxuICBwZXJjZW50OiBudW1iZXI7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgR3JvdXBWYWx1ZU1vZGVsIGV4dGVuZHMgVmFsdWVNb2RlbEJhc2Uge1xyXG4gIHZhbHVlczogVmFsdWVNb2RlbFtdO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlVmFsdWVNb2RlbCBleHRlbmRzIFZhbHVlTW9kZWxCYXNlIHtcclxuICBkYXRhOiBUYWJsZVJvd01vZGVsW107XHJcbiAgdG90YWxzOiBDb21wb25lbnRWYWx1ZU1vZGVsW107XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVSb3dNb2RlbCB7XHJcbiAgaWQ6IHN0cmluZztcclxuICBkYXRhOiBDb21wb25lbnRWYWx1ZU1vZGVsW107XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQ29tcG9uZW50VmFsdWVNb2RlbCBleHRlbmRzIFZhbHVlTW9kZWxCYXNlIHtcclxuICB2YWx1ZVR5cGU6IFZhbHVlVHlwZTtcclxuICB2YWx1ZT86IGFueTtcclxuICBkaXNwbGF5VmFsdWU/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIFZhbHVlTW9kZWwgPSBHcm91cFZhbHVlTW9kZWwgfCBUYWJsZVZhbHVlTW9kZWwgfCBDb21wb25lbnRWYWx1ZU1vZGVsXHJcblxyXG4iXX0=
+export var TableItemType;
+(function (TableItemType) {
+    TableItemType[TableItemType["Row"] = 1] = "Row";
+    TableItemType[TableItemType["Group"] = 2] = "Group";
+})(TableItemType || (TableItemType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdWUubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0ZXgtZm9ybS9zcmMvbGliL21vZHVsZXMvb2JqZWN0LWZvcm0vbW9kZWxzL3ZhbHVlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBTixJQUFZLGFBR1g7QUFIRCxXQUFZLGFBQWE7SUFDdkIsK0NBQU8sQ0FBQTtJQUNQLG1EQUFTLENBQUE7QUFDWCxDQUFDLEVBSFcsYUFBYSxLQUFiLGFBQWEsUUFHeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRUeXBlLCBWYWx1ZVR5cGUgfSBmcm9tICcuLi8uLi9zaGFyZWQtZm9ybS9lbnVtcyc7XHJcblxyXG5leHBvcnQgZW51bSBUYWJsZUl0ZW1UeXBlIHtcclxuICBSb3cgPSAxLFxyXG4gIEdyb3VwID0gMlxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFZhbHVlTW9kZWxCYXNlIHtcclxuICBzeXNOYW1lOiBzdHJpbmc7XHJcbiAgdHlwZTogQ29tcG9uZW50VHlwZTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTZWN0aW9uVmFsdWVNb2RlbCBleHRlbmRzIFZhbHVlTW9kZWxCYXNlIHtcclxuICB2YWx1ZXM6IFZhbHVlTW9kZWxbXTtcclxuICBwZXJjZW50OiBudW1iZXI7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgR3JvdXBWYWx1ZU1vZGVsIGV4dGVuZHMgVmFsdWVNb2RlbEJhc2Uge1xyXG4gIHZhbHVlczogVmFsdWVNb2RlbFtdO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlSXRlbSB7XHJcbiAgaXRlbVR5cGU6IFRhYmxlSXRlbVR5cGU7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVWYWx1ZU1vZGVsIGV4dGVuZHMgVmFsdWVNb2RlbEJhc2Uge1xyXG4gIGRhdGE6IFRhYmxlSXRlbVtdO1xyXG4gIHRvdGFsczogQ29tcG9uZW50VmFsdWVNb2RlbFtdO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlR3JvdXBNb2RlbCBleHRlbmRzIFRhYmxlSXRlbSB7XHJcbiAgZGF0YTogVGFibGVJdGVtW107XHJcbiAgdG90YWxzOiBDb21wb25lbnRWYWx1ZU1vZGVsW107XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVSb3dNb2RlbCBleHRlbmRzIFRhYmxlSXRlbSB7XHJcbiAgaWQ6IHN0cmluZztcclxuICBkYXRhOiBDb21wb25lbnRWYWx1ZU1vZGVsW107XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQ29tcG9uZW50VmFsdWVNb2RlbCBleHRlbmRzIFZhbHVlTW9kZWxCYXNlIHtcclxuICB2YWx1ZVR5cGU6IFZhbHVlVHlwZTtcclxuICB2YWx1ZT86IGFueTtcclxuICBkaXNwbGF5VmFsdWU/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIFZhbHVlTW9kZWwgPSBHcm91cFZhbHVlTW9kZWwgfCBUYWJsZVZhbHVlTW9kZWwgfCBDb21wb25lbnRWYWx1ZU1vZGVsXHJcblxyXG4iXX0=

package/fesm2022/myrtex-org-form.mjs

@@ -2114,6 +2114,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             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      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-radio-group\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"list\"\r\n      [invalid]=\"getInvalid\"\r\n      [disabled]=\"disabled\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-radio-group>\r\n  </div>\r\n}\r\n" }]
         }] });
 
+var TableItemType;
+(function (TableItemType) {
+    TableItemType[TableItemType["Row"] = 1] = "Row";
+    TableItemType[TableItemType["Group"] = 2] = "Group";
+})(TableItemType || (TableItemType = {}));
+
 class FormDispenserModal {
     constructor() {
         this._store = inject(Store);
@@ -2334,7 +2340,7 @@ const getRowModel = (model) => {
         });
         return values;
     };
-    return { id: v4(), data: getValuesFromModel(model) };
+    return { id: v4(), data: getValuesFromModel(model), itemType: TableItemType.Row };
 };
 
 class InputTableComponent {
@@ -2349,6 +2355,7 @@ class InputTableComponent {
         this._subscriptions$ = [];
         this._isCheckRequired = false;
         this._canEditObject = false;
+        this._rows = [];
         this.dataSource = [];
         this.columns = [];
         this.values = [];
@@ -2357,14 +2364,14 @@ class InputTableComponent {
     set data(settings) {
         this.settings = settings;
         this.model = { sysName: settings.sysName, type: settings.type, data: [], totals: [] };
+        this._rows = [];
         this._detector.detectChanges();
         this._initColumns(this.settings.components);
     }
     get rowsCount() {
-        return this.model?.data?.length || 0;
+        return this._rows.length || 0;
     }
     get hasAnyTotal() {
-        // Проверяем все компоненты и их вложенные компоненты на наличие showTotal
         return this.settings.components.some(c => this.showTotal(c) || c.components?.some(inner => this.showTotal(inner)));
     }
     get isRedNoData() {
@@ -2373,12 +2380,6 @@ class InputTableComponent {
     ngOnInit() {
         this._initModel();
         this._changeSubject$.pipe(debounceTime(700)).subscribe(model => {
-            console.log('Данные таблицы обновлены и готовы к отправке:', model);
-            console.log('Чистые строки (data):', model.data);
-            console.log('Данные для отображения в Grid:', this.dataSource);
-            console.log('Grid Instance:', this.dataGrid.instance);
-            window.grid = this.dataGrid.instance;
-            console.log('Экземпляр привязан к window.grid');
             this._store.dispatch(updateValues({ value: model }));
         });
         this._subscriptions$.push(this._store.select(selectIsCheckRequired).subscribe(result => {
@@ -2395,7 +2396,8 @@ class InputTableComponent {
             const cloneResult = structuredClone(result);
             if (cloneResult && !Array.isArray(cloneResult) && this.model.data !== cloneResult.data) {
                 this.model = structuredClone(cloneResult);
-                this._initDataSource(this.model.data);
+                this._rows = this._extractRows(this.model.data);
+                this._initDataSource(this._rows);
             }
         }));
     }
@@ -2404,6 +2406,9 @@ class InputTableComponent {
         this._subscriptions$.forEach((subscription) => subscription.unsubscribe());
     }
     createRow() {
+        if (this.disabled) {
+            return;
+        }
         this._modalService.open(InputTableModalComponent, {
             title: 'Создание строки',
             okText: 'Создать',
@@ -2412,25 +2417,28 @@ class InputTableComponent {
             isCheckRequired: this._isCheckRequired
         }).afterClosed().subscribe(resolve => {
             if (resolve.result) {
-                this.model.data = [...structuredClone(this.model.data), resolve.rowModel];
-                this._initDataSource(this.model.data);
-                this._changeSubject$.next(structuredClone(this.model));
+                this._rows = [...structuredClone(this._rows), resolve.rowModel];
+                this._initDataSource(this._rows);
+                this._changeSubject$.next(this._buildTableValueModel());
             }
         });
     }
     deleteRow(event) {
-        const findRow = this.model.data.find(item => item.id === event.row.data.id);
+        if (this.disabled) {
+            return;
+        }
+        const findRow = this._rows.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);
+            this._rows = this._rows.filter(item => item.id !== event.row.data.id);
+            this._initDataSource(this._rows);
+            this._changeSubject$.next(this._buildTableValueModel());
         }
     }
     get disabled() {
         return !this._canEditObject;
     }
     editRow(event) {
-        const findRow = this.model.data.find(item => item.id === event.row.data.id);
+        const findRow = this._rows.find(item => item.id === event.row.data.id);
         if (findRow) {
             this._modalService.open(InputTableModalComponent, {
                 title: 'Редактирование строки',
@@ -2439,12 +2447,13 @@ class InputTableComponent {
                 rowModel: findRow
             }).afterClosed().subscribe(resolve => {
                 if (resolve.result) {
-                    const cloneModel = structuredClone(this.model);
-                    const findRow = cloneModel.data.find(row => row.id === resolve.rowModel.id);
-                    if (findRow) {
-                        findRow.data = resolve.rowModel.data;
-                        this._initDataSource(cloneModel.data);
-                        this._changeSubject$.next(structuredClone(cloneModel));
+                    const cloneRows = structuredClone(this._rows);
+                    const editableRow = cloneRows.find(row => row.id === resolve.rowModel.id);
+                    if (editableRow) {
+                        editableRow.data = resolve.rowModel.data;
+                        this._rows = cloneRows;
+                        this._initDataSource(this._rows);
+                        this._changeSubject$.next(this._buildTableValueModel());
                     }
                 }
             });
@@ -2481,7 +2490,7 @@ class InputTableComponent {
         return false;
     }
     isTotalColumn(component) {
-        return component.options['inTotals'];
+        return component.options.inTotals;
     }
     _initModel() {
         this.model = {
@@ -2490,6 +2499,7 @@ class InputTableComponent {
             data: [],
             totals: []
         };
+        this._rows = [];
     }
     _initDataSource(data) {
         this.dataSource = data.map((item) => {
@@ -2501,7 +2511,9 @@ class InputTableComponent {
             return newDataItem;
         });
         this._detector.detectChanges();
-        this.dataGrid.instance.refresh();
+        if (this.dataGrid?.instance) {
+            this.dataGrid.instance.refresh();
+        }
     }
     _initColumns(components) {
         this.columns = components.map(c => this._transformColumn(structuredClone(c)));
@@ -2521,7 +2533,9 @@ class InputTableComponent {
                 },
             ],
         });
-        this.dataGrid.instance.repaint();
+        if (this.dataGrid?.instance) {
+            this.dataGrid.instance.repaint();
+        }
         this._detector.detectChanges();
     }
     _transformColumn(component) {
@@ -2601,12 +2615,127 @@ class InputTableComponent {
             });
         });
     }
+    _buildTableValueModel() {
+        const groupedData = this._buildGroupedItems(this._rows, this.settings.options.groups || [], 0);
+        const totals = this._calculateTotals(this._rows);
+        this.model = {
+            sysName: this.settings.sysName,
+            type: this.settings.type,
+            data: groupedData,
+            totals
+        };
+        return structuredClone(this.model);
+    }
+    _buildGroupedItems(rows, groupFields, level) {
+        if (!groupFields.length || level >= groupFields.length) {
+            return rows.map(row => ({ ...row, itemType: row.itemType ?? TableItemType.Row }));
+        }
+        const groupField = groupFields[level];
+        const groups = new Map();
+        for (const row of rows) {
+            const fieldValue = row.data.find(x => x.sysName === groupField)?.value ?? null;
+            const key = JSON.stringify(fieldValue);
+            const existing = groups.get(key) ?? {
+                rows: [],
+                groupValueSysName: this._getGroupValueSysName(fieldValue, groupField)
+            };
+            existing.rows.push(row);
+            groups.set(key, existing);
+        }
+        const result = [];
+        for (const groupItem of groups.values()) {
+            const nestedData = this._buildGroupedItems(groupItem.rows, groupFields, level + 1);
+            const groupModel = {
+                itemType: TableItemType.Group,
+                data: nestedData,
+                totals: this._calculateTotals(groupItem.rows, groupItem.groupValueSysName)
+            };
+            result.push(groupModel);
+        }
+        return result;
+    }
+    _calculateTotals(rows, groupFieldSysName) {
+        const totalColumns = this._getTotalColumns(this.settings.components);
+        return totalColumns.map(component => {
+            const sum = rows.reduce((acc, row) => {
+                const value = row.data.find(x => x.sysName === component.sysName)?.value;
+                const numericValue = typeof value === 'number' ? value : Number(value);
+                return Number.isFinite(numericValue) ? acc + numericValue : acc;
+            }, 0);
+            return {
+                sysName: this._getTotalSysName(component.sysName, groupFieldSysName),
+                type: component.type,
+                valueType: component.valueType,
+                value: sum
+            };
+        });
+    }
+    _getTotalSysName(columnSysName, groupFieldSysName) {
+        if (groupFieldSysName) {
+            return `${columnSysName}_${groupFieldSysName}_total`;
+        }
+        return `${columnSysName}_total`;
+    }
+    _getGroupValueSysName(fieldValue, fallbackSysName) {
+        if (Array.isArray(fieldValue) && fieldValue.length) {
+            const firstValue = fieldValue[0];
+            if (typeof firstValue === 'string' || typeof firstValue === 'number' || typeof firstValue === 'boolean') {
+                return String(firstValue);
+            }
+        }
+        if (fieldValue && typeof fieldValue === 'object') {
+            if (typeof fieldValue.value === 'string' || typeof fieldValue.value === 'number' || typeof fieldValue.value === 'boolean') {
+                return String(fieldValue.value);
+            }
+            if (typeof fieldValue.sysName === 'string' && fieldValue.sysName) {
+                return fieldValue.sysName;
+            }
+        }
+        if (typeof fieldValue === 'string' || typeof fieldValue === 'number' || typeof fieldValue === 'boolean') {
+            return String(fieldValue);
+        }
+        return fallbackSysName;
+    }
+    _getTotalColumns(components) {
+        const result = [];
+        for (const component of components) {
+            if (component.type === ComponentType.InputNumber && this.showTotal(component)) {
+                result.push(component);
+            }
+            if (component.components?.length) {
+                result.push(...this._getTotalColumns(component.components));
+            }
+        }
+        return result;
+    }
+    _extractRows(items = []) {
+        const rows = [];
+        for (const item of items) {
+            if (this._isRow(item)) {
+                rows.push({
+                    ...item,
+                    itemType: TableItemType.Row
+                });
+            }
+            else {
+                const group = item;
+                if (group.data?.length) {
+                    rows.push(...this._extractRows(group.data));
+                }
+            }
+        }
+        return rows;
+    }
+    _isRow(item) {
+        const maybeRow = item;
+        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      [disabled]=\"disabled\"\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      <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      @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 }); }
+    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    </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.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      [disabled]=\"disabled\"\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      <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      @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"] }]
+            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    </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"] }]
         }], propDecorators: { values: [{
                 type: Input
             }], data: [{
@@ -3071,5 +3200,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentShortType, ComponentSizeEnum, ComponentType, ConcurrencyInterceptor, ConcurrencyStoreService, ConditionOperatorType, CustomInputStateEnum, CustomInputStateEnumLabel, DateFormatEnum, DateFormatLabelEnum, DateTypeEnum, DateTypeLabelEnum, DependenceActionType, EApplicationActions, EFFECTS, InnTypeEnum, InnTypeLabelEnum, InputState, InputTableComponent, InputTableModalComponent, LogicalOperatorType, OBJECT_ID_NAME, OBJECT_VERSION_ID_NAME, ObjectFormEffects, ObjectFormModule, SECTION_SYS_NAME_NAME, STATE_NAME, SharedFormModule, TEMPLATE_SYS_NAME_NAME, TemplateComponentsGroupTypeEnum, TemplateComponentsGroupTypeLabels, TemplateStatus, ValueType, appendVersionId, conditionOperatorTypeLabel, getConditionOperatorsList, getDependenceActionsList, getTemplateStatusText, initialObjectFormState, initialSharedFormState, isNullOrUndefined, isNumeric, objectForm_actions as objectFormActions, objectForm_selector as objectFormSelectors, objectReducer, sharedFormReducer, sharedForm_selector as sharedSelectors };
+export { ComponentShortType, ComponentSizeEnum, ComponentType, ConcurrencyInterceptor, ConcurrencyStoreService, ConditionOperatorType, CustomInputStateEnum, CustomInputStateEnumLabel, DateFormatEnum, DateFormatLabelEnum, DateTypeEnum, DateTypeLabelEnum, DependenceActionType, EApplicationActions, EFFECTS, InnTypeEnum, InnTypeLabelEnum, InputState, InputTableComponent, InputTableModalComponent, LogicalOperatorType, OBJECT_ID_NAME, OBJECT_VERSION_ID_NAME, ObjectFormEffects, ObjectFormModule, SECTION_SYS_NAME_NAME, STATE_NAME, SharedFormModule, TEMPLATE_SYS_NAME_NAME, TableItemType, TemplateComponentsGroupTypeEnum, TemplateComponentsGroupTypeLabels, TemplateStatus, ValueType, appendVersionId, conditionOperatorTypeLabel, getConditionOperatorsList, getDependenceActionsList, getTemplateStatusText, initialObjectFormState, initialSharedFormState, isNullOrUndefined, isNumeric, objectForm_actions as objectFormActions, objectForm_selector as objectFormSelectors, objectReducer, sharedFormReducer, sharedForm_selector as sharedSelectors };
 //# sourceMappingURL=myrtex-org-form.mjs.map