@myrtex-org/form 1.0.64 → 1.0.66

package/esm2022/lib/modules/object-form/services/reference.service.mjs

@@ -0,0 +1,18 @@
+import { inject, Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import * as i0 from "@angular/core";
+export class ReferenceService {
+    constructor() {
+        this._http = inject(HttpClient);
+        this._apiUrl = 'navigator/api/v2/reference';
+    }
+    getReferences(sysName, objectId) {
+        return this._http.get(`${this._apiUrl}/${sysName}/parametrized-data/${objectId}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReferenceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReferenceService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReferenceService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVmZXJlbmNlLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0ZXgtZm9ybS9zcmMvbGliL21vZHVsZXMvb2JqZWN0LWZvcm0vc2VydmljZXMvcmVmZXJlbmNlLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQUlsRCxNQUFNLE9BQU8sZ0JBQWdCO0lBRDdCO1FBRVUsVUFBSyxHQUFlLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQTtRQUM3QixZQUFPLEdBQUcsNEJBQTRCLENBQUM7S0FLekQ7SUFIUSxhQUFhLENBQUMsT0FBZSxFQUFFLFFBQWdCO1FBQ3BELE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLE9BQU8sc0JBQXNCLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDekYsQ0FBQzsrR0FOVSxnQkFBZ0I7bUhBQWhCLGdCQUFnQjs7NEZBQWhCLGdCQUFnQjtrQkFENUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBIdHRwQ2xpZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcblxyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBSZWZlcmVuY2VTZXJ2aWNlIHtcclxuICBwcml2YXRlIF9odHRwOiBIdHRwQ2xpZW50ID0gaW5qZWN0KEh0dHBDbGllbnQpXHJcbiAgcHJpdmF0ZSByZWFkb25seSBfYXBpVXJsID0gJ25hdmlnYXRvci9hcGkvdjIvcmVmZXJlbmNlJztcclxuXHJcbiAgcHVibGljIGdldFJlZmVyZW5jZXMoc3lzTmFtZTogc3RyaW5nLCBvYmplY3RJZDogc3RyaW5nKTogT2JzZXJ2YWJsZTxhbnk+IHtcclxuICAgIHJldHVybiB0aGlzLl9odHRwLmdldDxhbnk+KGAke3RoaXMuX2FwaVVybH0vJHtzeXNOYW1lfS9wYXJhbWV0cml6ZWQtZGF0YS8ke29iamVjdElkfWApO1xyXG4gIH1cclxufVxyXG4iXX0=

package/fesm2022/myrtex-org-form.mjs

@@ -826,6 +826,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             type: Injectable
         }] });
 
+class ReferenceService {
+    constructor() {
+        this._http = inject(HttpClient);
+        this._apiUrl = 'navigator/api/v2/reference';
+    }
+    getReferences(sysName, objectId) {
+        return this._http.get(`${this._apiUrl}/${sysName}/parametrized-data/${objectId}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReferenceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReferenceService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReferenceService, decorators: [{
+            type: Injectable
+        }] });
+
 class ObjectFormEffects {
     constructor(_actions$, _store, _router, _applicationService, _toasterService) {
         this._actions$ = _actions$;
@@ -1114,6 +1129,7 @@ class BaseFieldComponent {
         this._store = inject(Store);
         this._detector = inject(ChangeDetectorRef);
         this._subscriptions$ = [];
+        this.objectId = '';
         this._changeSubject$ = new Subject();
         this._autoSaveStore = inject(AutoSaveStore);
         this._isCheckRequired = false;
@@ -1146,6 +1162,11 @@ class BaseFieldComponent {
             this._isCheckRequired = result;
             this._detector.detectChanges();
         }));
+        this._subscriptions$.push(this._store.select(selectObjectId)
+            .subscribe(result => {
+            this.objectId = result;
+            ;
+        }));
         this._subscriptions$.push(this._store.select(selectCanEditObject)
             .subscribe(result => {
             this._canEditObject = result;
@@ -1374,6 +1395,8 @@ class InputSelectComponent extends BaseFieldComponent {
     constructor() {
         super(...arguments);
         this.type = ComponentType.InputSelect;
+        this._referenceService = inject(ReferenceService);
+        this.items = [];
     }
     updateValue(event) {
         if (!this.settings.options.multiply) {
@@ -1392,6 +1415,26 @@ class InputSelectComponent extends BaseFieldComponent {
         else {
             this.value = this.model.value || null;
         }
+        if (this.settings.options.manual) {
+            this.items = this.settings.options.items;
+        }
+        else if (!!this.settings.options.directory[0] && this.items.length === 0 && !!this.objectId) {
+            this._referenceService.getReferences(this.settings.options.directory[0], this.objectId).subscribe({
+                next: result => {
+                    {
+                        if (!!result?.rows) {
+                            this.items = result.rows.map((row) => {
+                                const r = row;
+                                return {
+                                    text: r.b,
+                                    value: r.a
+                                };
+                            });
+                        }
+                    }
+                }
+            });
+        }
     }
     _customModelModify(event) {
         this.model.displayValue = this._getDisplayValue(event.value);
@@ -1416,11 +1459,11 @@ class InputSelectComponent extends BaseFieldComponent {
         return result.join(', ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectComponent, selector: "app-input-select", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-select-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-select\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"settings.options.items\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [searchable]=\"false\"\r\n      bindValue=\"value\"\r\n      bindLabel=\"text\"\r\n      [multiple]=\"settings.options.multiply\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-select>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$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: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.SelectComponent, selector: "mrx-select", inputs: ["fields", "items", "multiple", "isLoading", "searchable", "clearable", "closable", "size", "bindValue", "bindLabel", "bindIcon", "emptyText", "placeholder", "searchPlaceholder", "multiCollapseCount", "isExtraOption", "extraOptionPlaceholder", "use", "sortIcon", "sortPlaceholder", "isFullWidthDropdown", "withoutSelected", "hideSelected", "addOption", "customSearchFn", "disabled", "readonly", "invalid", "invalidMessage", "checkInvalid", "popupPosition", "singleChange", "scrollContainer", "scrollStrategy", "keepSelectedOnClick"], outputs: ["changed", "modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectComponent, selector: "app-input-select", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-select-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-select\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"items\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [searchable]=\"false\"\r\n      bindValue=\"value\"\r\n      bindLabel=\"text\"\r\n      [multiple]=\"settings.options.multiply\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-select>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$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: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.SelectComponent, selector: "mrx-select", inputs: ["fields", "items", "multiple", "isLoading", "searchable", "clearable", "closable", "size", "bindValue", "bindLabel", "bindIcon", "emptyText", "placeholder", "searchPlaceholder", "multiCollapseCount", "isExtraOption", "extraOptionPlaceholder", "use", "sortIcon", "sortPlaceholder", "isFullWidthDropdown", "withoutSelected", "hideSelected", "addOption", "customSearchFn", "disabled", "readonly", "invalid", "invalidMessage", "checkInvalid", "popupPosition", "singleChange", "scrollContainer", "scrollStrategy", "keepSelectedOnClick"], outputs: ["changed", "modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-input-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-select-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-select\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"settings.options.items\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [searchable]=\"false\"\r\n      bindValue=\"value\"\r\n      bindLabel=\"text\"\r\n      [multiple]=\"settings.options.multiply\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-select>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-input-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"input-select-content\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <mrx-select\r\n      [(ngModel)]=\"value\"\r\n      [fields]=\"autosaveFields\"\r\n      [items]=\"items\"\r\n      [readonly]=\"false\"\r\n      [disabled]=\"disabled\"\r\n      [searchable]=\"false\"\r\n      bindValue=\"value\"\r\n      bindLabel=\"text\"\r\n      [multiple]=\"settings.options.multiply\"\r\n      [placeholder]=\"settings.options.placeholder || '\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435'\"\r\n      [invalid]=\"getInvalid\"\r\n      [invalidMessage]=\"getInvalidMessage\"\r\n      (modelChange)=\"updateValue($event)\"\r\n    ></mrx-select>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class InputDateComponent extends BaseFieldComponent {
@@ -2112,11 +2155,11 @@ class InputTableComponent {
         return column;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTableComponent, selector: "app-input-table", inputs: { values: "values", data: "data" }, outputs: { changed: "changed" }, viewQueries: [{ propertyName: "dataGrid", first: true, predicate: ["dataGrid"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }], ngImport: i0, template: "@if (settings) {\r\n  <div class=\"input-table-content w-100\">\r\n    @if (settings.options.label) {\r\n      <mrx-label\r\n        [required]=\"settings.options.required\"\r\n        [tooltip]=\"settings.options.tooltip || ''\"\r\n        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      [disabled]=\"disabled\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <dxo-toolbar>\r\n        <dxi-item location=\"after\">\r\n          <div *dxTemplate class=\"add-row\">\r\n            <mrx-button\r\n              [size]=\"'medium'\"\r\n              [type]=\"'secondary'\"\r\n              [customClasses]=\"'mb-3'\"\r\n              (mrxClick)=\"createRow()\"\r\n            >\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\r\n            </mrx-button>\r\n          </div>\r\n        </dxi-item>\r\n      </dxo-toolbar>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <!-- @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [summaryType]=\"'sum'\"\r\n                  [displayFormat]=\"'{0}'\"\r\n                ></dxi-total-item>\r\n              }\r\n\r\n              @for (component of component.components; track component.id) {\r\n                @if (showTotal(component)) {\r\n                  <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [summaryType]=\"'sum'\"\r\n                    [displayFormat]=\"'{0}'\"\r\n                  ></dxi-total-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-total-item\r\n                      [column]=\"component.sysName\"\r\n                      [summaryType]=\"'sum'\"\r\n                      [displayFormat]=\"'{0}'\"\r\n                    ></dxi-total-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (isTotalColumn(component)) {\r\n                <dxi-total-item [column]=\"component.sysName\" [displayFormat]=\"'{0}'\"></dxi-total-item>\r\n              } @else {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [cssClass]=\"'text-bold'\"\r\n                  [displayFormat]=\"'\u0418\u0422\u041E\u0413\u041E'\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      } -->\r\n    </dx-data-grid>\r\n\r\n    @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      ></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 .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.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        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      [disabled]=\"disabled\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <dxo-toolbar>\r\n        <dxi-item location=\"after\">\r\n          <div *dxTemplate class=\"add-row\">\r\n            <mrx-button\r\n              [size]=\"'medium'\"\r\n              [type]=\"'secondary'\"\r\n              [customClasses]=\"'mb-3'\"\r\n              (mrxClick)=\"createRow()\"\r\n            >\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\r\n            </mrx-button>\r\n          </div>\r\n        </dxi-item>\r\n      </dxo-toolbar>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [summaryType]=\"'sum'\"\r\n                  [displayFormat]=\"'{0}'\"\r\n                ></dxi-total-item>\r\n              }\r\n\r\n              @for (component of component.components; track component.id) {\r\n                @if (showTotal(component)) {\r\n                  <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [summaryType]=\"'sum'\"\r\n                    [displayFormat]=\"'{0}'\"\r\n                  ></dxi-total-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-total-item\r\n                      [column]=\"component.sysName\"\r\n                      [summaryType]=\"'sum'\"\r\n                      [displayFormat]=\"'{0}'\"\r\n                    ></dxi-total-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (isTotalColumn(component)) {\r\n                <dxi-total-item [column]=\"component.sysName\" [displayFormat]=\"'{0}'\"></dxi-total-item>\r\n              } @else {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [cssClass]=\"'text-bold'\"\r\n                  [displayFormat]=\"'\u0418\u0422\u041E\u0413\u041E'\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n    </dx-data-grid>\r\n\r\n    @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      ></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 .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.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        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      [disabled]=\"disabled\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <dxo-toolbar>\r\n        <dxi-item location=\"after\">\r\n          <div *dxTemplate class=\"add-row\">\r\n            <mrx-button\r\n              [size]=\"'medium'\"\r\n              [type]=\"'secondary'\"\r\n              [customClasses]=\"'mb-3'\"\r\n              (mrxClick)=\"createRow()\"\r\n            >\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\r\n            </mrx-button>\r\n          </div>\r\n        </dxi-item>\r\n      </dxo-toolbar>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <!-- @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [summaryType]=\"'sum'\"\r\n                  [displayFormat]=\"'{0}'\"\r\n                ></dxi-total-item>\r\n              }\r\n\r\n              @for (component of component.components; track component.id) {\r\n                @if (showTotal(component)) {\r\n                  <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [summaryType]=\"'sum'\"\r\n                    [displayFormat]=\"'{0}'\"\r\n                  ></dxi-total-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-total-item\r\n                      [column]=\"component.sysName\"\r\n                      [summaryType]=\"'sum'\"\r\n                      [displayFormat]=\"'{0}'\"\r\n                    ></dxi-total-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (isTotalColumn(component)) {\r\n                <dxi-total-item [column]=\"component.sysName\" [displayFormat]=\"'{0}'\"></dxi-total-item>\r\n              } @else {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [cssClass]=\"'text-bold'\"\r\n                  [displayFormat]=\"'\u0418\u0422\u041E\u0413\u041E'\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      } -->\r\n    </dx-data-grid>\r\n\r\n    @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      ></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 .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        [customClasses]=\"'mt-2'\"\r\n      >\r\n        {{ settings.options.label }}\r\n      </mrx-label>\r\n    }\r\n\r\n    <dx-data-grid\r\n      #dataGrid\r\n      [dataSource]=\"dataSource\"\r\n      [columns]=\"columns\"\r\n      [disabled]=\"disabled\"\r\n      noDataText=\"\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445\"\r\n      style=\"width: 100%\"\r\n    >\r\n      <dxo-toolbar>\r\n        <dxi-item location=\"after\">\r\n          <div *dxTemplate class=\"add-row\">\r\n            <mrx-button\r\n              [size]=\"'medium'\"\r\n              [type]=\"'secondary'\"\r\n              [customClasses]=\"'mb-3'\"\r\n              (mrxClick)=\"createRow()\"\r\n            >\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\r\n            </mrx-button>\r\n          </div>\r\n        </dxi-item>\r\n      </dxo-toolbar>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'editButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-edit icon-font-16 cursor-pointer\" (click)=\"editRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      <div *dxTemplate=\"let buttonData of 'deleteButtonTemplate'\">\r\n        <span class=\"mrx-icon icon-delete icon-font-16 cursor-pointer\" (click)=\"deleteRow(buttonData)\"></span>\r\n      </div>\r\n\r\n      @if (dataSource.length) {\r\n        <dxo-summary>\r\n          @for (component of settings.components; track component.id; let first = $first) {\r\n            @if (!first) {\r\n              @if (showTotal(component)) {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [summaryType]=\"'sum'\"\r\n                  [displayFormat]=\"'{0}'\"\r\n                ></dxi-total-item>\r\n              }\r\n\r\n              @for (component of component.components; track component.id) {\r\n                @if (showTotal(component)) {\r\n                  <dxi-total-item\r\n                    [column]=\"component.sysName\"\r\n                    [summaryType]=\"'sum'\"\r\n                    [displayFormat]=\"'{0}'\"\r\n                  ></dxi-total-item>\r\n                }\r\n\r\n                @for (component of component.components; track component.id) {\r\n                  @if (showTotal(component)) {\r\n                    <dxi-total-item\r\n                      [column]=\"component.sysName\"\r\n                      [summaryType]=\"'sum'\"\r\n                      [displayFormat]=\"'{0}'\"\r\n                    ></dxi-total-item>\r\n                  }\r\n                }\r\n              }\r\n            } @else {\r\n              @if (isTotalColumn(component)) {\r\n                <dxi-total-item [column]=\"component.sysName\" [displayFormat]=\"'{0}'\"></dxi-total-item>\r\n              } @else {\r\n                <dxi-total-item\r\n                  [column]=\"component.sysName\"\r\n                  [cssClass]=\"'text-bold'\"\r\n                  [displayFormat]=\"'\u0418\u0422\u041E\u0413\u041E'\"\r\n                ></dxi-total-item>\r\n              }\r\n            }\r\n          }\r\n        </dxo-summary>\r\n      }\r\n    </dx-data-grid>\r\n\r\n    @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      ></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 .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: [{
@@ -2170,11 +2213,11 @@ class ContentTooltipComponent extends BaseElementComponent {
         this.type = ComponentType.ContentTooltip;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTooltipComponent, selector: "app-content-tooltip", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"content-tooltip-content\">\r\n    <mrx-alert\r\n      [title]=\"settings.options.title\"\r\n      [message]=\"settings.options.text\"\r\n      [color]=\"settings.options.color\"\r\n      [showIcon]=\"true\"\r\n    ></mrx-alert>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.AlertComponent, selector: "mrx-alert", inputs: ["customClasses", "color", "customColor", "message", "title", "closable", "showIcon"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentTooltipComponent, selector: "app-content-tooltip", usesInheritance: true, ngImport: i0, template: "@if (settings) {\r\n  <div class=\"content-tooltip-content\">\r\n    <mrx-alert\r\n      [title]=\"settings.options.title\"\r\n      [message]=\"settings.options.text\"\r\n      [color]=\"settings.options.color\"\r\n    ></mrx-alert>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.AlertComponent, selector: "mrx-alert", inputs: ["customClasses", "color", "customColor", "message", "title", "closable", "showIcon"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-content-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"content-tooltip-content\">\r\n    <mrx-alert\r\n      [title]=\"settings.options.title\"\r\n      [message]=\"settings.options.text\"\r\n      [color]=\"settings.options.color\"\r\n      [showIcon]=\"true\"\r\n    ></mrx-alert>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'app-content-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (settings) {\r\n  <div class=\"content-tooltip-content\">\r\n    <mrx-alert\r\n      [title]=\"settings.options.title\"\r\n      [message]=\"settings.options.text\"\r\n      [color]=\"settings.options.color\"\r\n    ></mrx-alert>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class ContentFileComponent extends BaseElementComponent {
@@ -2440,6 +2483,7 @@ class ObjectFormModule {
             DateFormatModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectFormModule, providers: [
             ObjectFormService,
+            ReferenceService,
             ConcurrencyStoreService,
             {
                 provide: HTTP_INTERCEPTORS,
@@ -2554,6 +2598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     ],
                     providers: [
                         ObjectFormService,
+                        ReferenceService,
                         ConcurrencyStoreService,
                         {
                             provide: HTTP_INTERCEPTORS,