@tetacom/ng-components 1.0.17 → 1.0.21

package/fesm2015/tetacom-ng-components.mjs

@@ -10,12 +10,11 @@ import { NG_VALUE_ACCESSOR, FormsModule, FormControl, FormGroup, Validators, Rea
 import { BehaviorSubject, Subject, fromEvent, ReplaySubject, combineLatest, of, merge } from 'rxjs';
 import { trigger, transition, style, animate } from '@angular/animations';
 import * as i4 from '@angular/cdk/scrolling';
-import { ScrollingModule } from '@angular/cdk/scrolling';
+import { ScrollingModule, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i1$1 from '@ngneat/transloco';
 import { TranslocoModule, TRANSLOCO_SCOPE } from '@ngneat/transloco';
 import { __awaiter } from 'tslib';
 import * as hash from 'object-hash';
-import * as i6 from 'ngx-ui-scroll';
 import { SizeStrategy, Datasource, UiScrollModule } from 'ngx-ui-scroll';
 import * as d3 from 'd3';
 import { zoomIdentity } from 'd3';
@@ -962,7 +961,12 @@ var VerticalAlign;
 })(VerticalAlign || (VerticalAlign = {}));
 
 class PositionUtil {
-    static getPosition(containerPosition, elementPosition, align, verticalAlign, margin = 0, verticalMargin = 0) {
+    static getPosition(containerPosition, elementPosition, align, verticalAlign, margin = 0, verticalMargin = 0, transformedParentRect = {
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0
+    }) {
         const rect = {};
         const elementWidth = elementPosition.right - elementPosition.left;
         const elementHeight = elementPosition.bottom - elementPosition.top;
@@ -998,7 +1002,7 @@ class PositionUtil {
             }
         }
         if (verticalAlign === VerticalAlign.top) {
-            rect.bottom = window.innerHeight - containerPosition.top + verticalMargin;
+            rect.top = containerPosition.top - elementHeight - verticalMargin;
         }
         if (verticalAlign === VerticalAlign.bottom) {
             rect.top = containerPosition.bottom + verticalMargin;
@@ -1017,12 +1021,16 @@ class PositionUtil {
         if (rect.top < 0) {
             rect.top = 0;
         }
-        if (verticalAlign === VerticalAlign.bottom) {
+        if (verticalAlign === VerticalAlign.bottom || verticalAlign === VerticalAlign.center) {
             rect.maxHeight = window.innerHeight - rect.top;
         }
         if (verticalAlign === VerticalAlign.top) {
             rect.maxHeight = containerPosition.top;
         }
+        rect.left = rect.left - transformedParentRect.left;
+        rect.right = rect.right - transformedParentRect.left;
+        rect.top = rect.top - transformedParentRect.top;
+        rect.bottom = rect.bottom ? rect.bottom - transformedParentRect.bottom : rect.bottom;
         return rect;
     }
     static setElementPosition(element, rect) {
@@ -1204,23 +1212,31 @@ class DropdownBase {
         this.setPosition(this._head.nativeElement, this._body);
     }
     setPosition(container, target) {
-        const containerRect = container.getBoundingClientRect();
+        const containerPosition = container.getBoundingClientRect();
+        const targetPosition = target.getBoundingClientRect();
         const rect = {
-            bottom: containerRect.bottom,
-            top: containerRect.top,
-            left: containerRect.left,
-            right: containerRect.right,
+            bottom: containerPosition.bottom,
+            top: containerPosition.top,
+            left: containerPosition.left,
+            right: containerPosition.right,
+        };
+        const targetRect = {
+            bottom: targetPosition.bottom,
+            top: targetPosition.top,
+            left: targetPosition.left,
+            right: targetPosition.right,
+        };
+        const targetTransformedParent = DomUtil.findTransformedParent(target);
+        let parentPosition = {
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0
         };
-        // const transformedParent = DomUtil.findTransformedParent(container);
-        // console.log(transformedParent);
-        // if (transformedParent) {
-        //   const parentPosition = transformedParent.getBoundingClientRect();
-        //   rect.left = rect.left - parentPosition.left;
-        //   rect.top = rect.top - parentPosition.top;
-        //   rect.bottom = parentPosition.bottom - rect.top;
-        //   rect.right = parentPosition.right - rect.right;
-        // }
-        const position = PositionUtil.getPosition(rect, target.getBoundingClientRect(), this.align, this.verticalAlign);
+        if (targetTransformedParent) {
+            parentPosition = targetTransformedParent.getBoundingClientRect();
+        }
+        const position = PositionUtil.getPosition(rect, targetRect, this.align, this.verticalAlign, 0, 0, parentPosition);
         PositionUtil.setElementPosition(target, position);
     }
 }
@@ -4720,6 +4736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
 
 class FilterItem {
     constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         /**
          * Порядковый номер
          */
@@ -4732,28 +4749,20 @@ class FilterItem {
          * Возможность фильтровать поле
          */
         this.filterable = true;
-        if (options) {
-            this.sortOrder = options.sortOrder || Number.MAX_VALUE;
-            this.name = options.name || '';
-            this.caption = options.caption === null || options.caption === undefined ? this.name : options.caption;
-            this.hint = options.hint === null || options.hint === undefined ? '' : options.hint;
-            this.sortable = options.sortable === null || options.sortable === undefined ? true : options.sortable;
-            this.filterable = options.filterable === null || options.filterable === undefined ? true : options.filterable;
-            this.sortField = options.sortField === null || options.sortField === undefined ? this.name : options.sortField;
-            this.filterField = options.filterField === null || options.filterField === undefined ? this.name : options.filterField;
-            this.filterType = options.filterType === null || options.filterType === undefined ? null : options.filterType;
-            this.stringFilterType = options.stringFilterType === null || options.stringFilterType === undefined
-                ? StringFilterType.Contains
-                : options.stringFilterType;
-            this.listFilterType = options.listFilterType === null || options.listFilterType === undefined
-                ? ListFilterType.None
-                : options.listFilterType;
-            this.strict = options.strict || false;
-            this.filterComponent = options.filterComponent;
-            if (options.columns && options.columns.length) {
-                this.columns = options.columns.map(_ => new FilterItem(_));
-            }
-        }
+        this.sortOrder = (_a = options === null || options === void 0 ? void 0 : options.sortOrder) !== null && _a !== void 0 ? _a : Number.MAX_VALUE;
+        this.name = (_b = options === null || options === void 0 ? void 0 : options.name) !== null && _b !== void 0 ? _b : '';
+        this.caption = (_c = options === null || options === void 0 ? void 0 : options.caption) !== null && _c !== void 0 ? _c : this.name;
+        this.hint = (_d = options === null || options === void 0 ? void 0 : options.hint) !== null && _d !== void 0 ? _d : '';
+        this.sortable = (_e = options === null || options === void 0 ? void 0 : options.sortable) !== null && _e !== void 0 ? _e : true;
+        this.filterable = (_f = options === null || options === void 0 ? void 0 : options.filterable) !== null && _f !== void 0 ? _f : true;
+        this.sortField = (_g = options === null || options === void 0 ? void 0 : options.sortField) !== null && _g !== void 0 ? _g : this.name;
+        this.filterField = (_h = options === null || options === void 0 ? void 0 : options.filterField) !== null && _h !== void 0 ? _h : this.name;
+        this.filterType = options === null || options === void 0 ? void 0 : options.filterType;
+        this.stringFilterType = (_j = options === null || options === void 0 ? void 0 : options.stringFilterType) !== null && _j !== void 0 ? _j : StringFilterType.Contains;
+        this.listFilterType = (_k = options === null || options === void 0 ? void 0 : options.listFilterType) !== null && _k !== void 0 ? _k : ListFilterType.None;
+        this.strict = (_l = options === null || options === void 0 ? void 0 : options.strict) !== null && _l !== void 0 ? _l : false;
+        this.filterComponent = options === null || options === void 0 ? void 0 : options.filterComponent;
+        this.columns = (_o = (_m = options === null || options === void 0 ? void 0 : options.columns) === null || _m === void 0 ? void 0 : _m.map(_ => new FilterItem(_))) !== null && _o !== void 0 ? _o : [];
     }
 }
 
@@ -6616,6 +6625,7 @@ class TableColumn extends FilterItem {
      * Инициализация из анонимного объекта
      */
     constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         super(options);
         /**
          * Ширина
@@ -6629,44 +6639,26 @@ class TableColumn extends FilterItem {
          * Порядок группировки
          */
         this.groupingOrder = 0;
-        if (options) {
-            if (options.width && options.width > 0) {
-                this.width = options.width;
-            }
-            if (options.flex) {
-                this.flex = options.flex;
-            }
-            this.sortOrder = options.sortOrder || Number.MAX_VALUE;
-            this.headCellClass = !options.headCellClass ? [] : options.headCellClass;
-            this.cellClass = !options.cellClass ? [] : options.cellClass;
-            this.locked = options.locked || false;
-            this.name = options.name || '';
-            this.parentName = options.parentName;
-            this.caption =
-                options.caption === null || options.caption === undefined
-                    ? this.name
-                    : options.caption;
-            this.unit = options.unit || '';
-            this.data = options.data;
-            this.editable =
-                options.editable === null || options.editable === undefined
-                    ? true
-                    : options.editable;
-            if (options.columns && options.columns.length) {
-                this.columns = [];
-                this.columns = options.columns.map((x) => new TableColumn(x));
-            }
-            this.groupBy = options.groupBy ? options.groupBy : false;
-            this.groupingOrder = options.groupingOrder ? options.groupingOrder : 0;
-            this.groupByFn = options.groupByFn;
-            this.headCellComponent = options.headCellComponent;
-            this.cellComponent = options.cellComponent;
-            this.aggregate = options.aggregate;
-            this.defaultValue = options.defaultValue;
-            this.maxValue = options.maxValue;
-            this.minValue = options.minValue;
-            this.required = options.required;
-        }
+        this.width = (_a = options === null || options === void 0 ? void 0 : options.width) !== null && _a !== void 0 ? _a : 150;
+        this.flex = (_b = options === null || options === void 0 ? void 0 : options.flex) !== null && _b !== void 0 ? _b : 0;
+        this.headCellClass = (_c = options === null || options === void 0 ? void 0 : options.headCellClass) !== null && _c !== void 0 ? _c : [];
+        this.cellClass = (_d = options === null || options === void 0 ? void 0 : options.cellClass) !== null && _d !== void 0 ? _d : [];
+        this.locked = (_e = options === null || options === void 0 ? void 0 : options.locked) !== null && _e !== void 0 ? _e : false;
+        this.parentName = options === null || options === void 0 ? void 0 : options.parentName;
+        this.unit = (_f = options === null || options === void 0 ? void 0 : options.unit) !== null && _f !== void 0 ? _f : '';
+        this.data = options === null || options === void 0 ? void 0 : options.data;
+        this.editable = (_g = options === null || options === void 0 ? void 0 : options.editable) !== null && _g !== void 0 ? _g : true;
+        this.groupBy = (_h = options === null || options === void 0 ? void 0 : options.groupBy) !== null && _h !== void 0 ? _h : false;
+        this.groupingOrder = (_j = options === null || options === void 0 ? void 0 : options.groupingOrder) !== null && _j !== void 0 ? _j : 0;
+        this.groupByFn = options === null || options === void 0 ? void 0 : options.groupByFn;
+        this.headCellComponent = options === null || options === void 0 ? void 0 : options.headCellComponent;
+        this.cellComponent = options === null || options === void 0 ? void 0 : options.cellComponent;
+        this.aggregate = options === null || options === void 0 ? void 0 : options.aggregate;
+        this.defaultValue = options === null || options === void 0 ? void 0 : options.defaultValue;
+        this.maxValue = options === null || options === void 0 ? void 0 : options.maxValue;
+        this.minValue = options === null || options === void 0 ? void 0 : options.minValue;
+        this.required = options === null || options === void 0 ? void 0 : options.required;
+        this.columns = (_l = (_k = options === null || options === void 0 ? void 0 : options.columns) === null || _k === void 0 ? void 0 : _k.map((x) => new TableColumn(x))) !== null && _l !== void 0 ? _l : [];
     }
 }
 
@@ -6885,6 +6877,7 @@ class TableService {
     }
     setColumns(columns) {
         this.initialColumns = columns ? columns.map((_) => new TableColumn(_)) : [];
+        this.initialColumnsHash = hash.sha1(this.initialColumns);
         const restored = this.restoreColumns();
         if (restored) {
             this.setDisplayColumns(restored);
@@ -6904,7 +6897,7 @@ class TableService {
     saveColumnsState() {
         if (this._cookieName) {
             localStorage.setItem(this._columnsCookieName, JSON.stringify({
-                hash: hash.sha1(this.initialColumns),
+                hash: this.initialColumnsHash,
                 columns: this.displayColumns.map((_) => new TableColumnStore(_)),
             }));
         }
@@ -6918,7 +6911,7 @@ class TableService {
     }
     restoreColumns() {
         const savedColumns = JSON.parse(localStorage.getItem(this._columnsCookieName));
-        if (savedColumns && savedColumns.hash === hash.sha1(this.initialColumns)) {
+        if (savedColumns && savedColumns.hash === this.initialColumnsHash) {
             return this.restoreColumnsState(savedColumns.columns);
         }
         return null;
@@ -7233,7 +7226,7 @@ class TableService {
             }
         });
         column.flex = 0;
-        column.width = maxWidth > 50 ? maxWidth + 10 : 50;
+        column.width = maxWidth + 20;
     }
 }
 TableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -7284,11 +7277,13 @@ class TableContextMenuConfig {
         this.copy = true;
         this.delete = true;
         this.add = true;
+        this.paste = true;
         if (options) {
             this.contextMenu = options === null || options === void 0 ? void 0 : options.contextMenu;
             this.copy = options === null || options === void 0 ? void 0 : options.copy;
             this.delete = options === null || options === void 0 ? void 0 : options.delete;
             this.add = options === null || options === void 0 ? void 0 : options.add;
+            this.paste = options === null || options === void 0 ? void 0 : options.paste;
         }
     }
 }
@@ -9051,11 +9046,14 @@ class TableBodyComponent {
         this._svc.scrollIndex
             .pipe(takeWhile((_) => this._alive))
             .subscribe((_) => __awaiter(this, void 0, void 0, function* () {
-            if (this.viewport && this.dataSource && _ !== null) {
-                yield this.dataSource.adapter.relax();
-                yield this.dataSource.adapter.fix({
-                    scrollPosition: (_ + 1) * 24,
-                });
+            // if (this.viewport && this.dataSource && _ !== null) {
+            //   await this.dataSource.adapter.relax();
+            //   await this.dataSource.adapter.fix({
+            //     scrollPosition: (_ + 1) * 24,
+            //   });
+            // }
+            if (this.viewport) {
+                this.viewport.scrollToIndex(_, 'smooth');
             }
             this._cdr.markForCheck();
         }));
@@ -9088,7 +9086,8 @@ class TableBodyComponent {
     setActiveRow(row) {
         this._svc.setActiveRow(row);
     }
-    ngOnInit() { }
+    ngOnInit() {
+    }
     ngOnDestroy() {
         this._alive = false;
     }
@@ -9147,7 +9146,7 @@ class TableBodyComponent {
         return template;
     }
     trackRow(index, row) {
-        return row.hash;
+        return index;
     }
     trackColumns(index, column) {
         return column.name;
@@ -9201,10 +9200,10 @@ class TableBodyComponent {
     }
 }
 TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: TableBodyComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: TableBodyComponent, selector: "teta-table-body", inputs: { virtual: "virtual", activeRow: "activeRow", rowHeight: "rowHeight", additionalComponent: "additionalComponent", tree: "tree", aggregate: "aggregate", grouping: "grouping", groupRowComponent: "groupRowComponent", openLevels: "openLevels", selectType: "selectType", rowClass: "rowClass" }, host: { properties: { "class.table-body": "this.tableBodyClass" } }, viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true }], ngImport: i0, template: "<div #viewport class=\"table-body-container table-body-container-virtual\"\n     *ngIf=\"virtual\"\n     [style.grid-template-columns]=\"gridTemplateColumns\"\n     style=\"height: 100%;\">\n  <ng-container\n    *uiScroll=\"let row of dataSource; let rowIndex = index; let last = last;\" style=\"display: flex;flex-grow: 1\">\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"aggregate\">\n    <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>\n  </ng-container>\n</div>\n\n<div *ngIf=\"!virtual\"\n     class=\"table-body-container\"\n     [style.grid-template-rows]=\"rowHeight + 'px'\"\n     [style.grid-auto-rows]=\"rowHeight + 'px'\"\n     [style.grid-template-columns]=\"getTemplateColumns()\">\n  <ng-container *ngFor=\"let row of data; let rowIndex = index; trackBy: trackRow;\">\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"aggregate\">\n    <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #bodyTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <div class=\"table-row\"\n       (click)=\"setActiveRow(row)\"\n       [attr.data-row]=\"rowIndex\"\n       [ngClass]=\"rowClass ? rowClass(row, rowIndex) : ''\"\n       [class.table-row_virtual]=\"virtual\"\n       [style.grid-template-columns]=\"virtual ? getTemplateColumns() : ''\"\n       [class.table-row_active]=\"row === activeRow || selectedRows.indexOf(row) >= 0\">\n    <ng-container *ngIf=\"!grouping\">\n      <div class=\"table-row_locked\"\n           *ngIf=\"locked.length > 0\"\n           [style.grid-template-columns]=\"getLockedGridTemplateColumns(locked)\"\n           [style.zIndex]=\"row === activeRow ? 1 : 'unset'\"\n           [style.grid-column-end]=\"getSpan()\">\n        <teta-selection-cell *ngIf=\"selectType !== selectTypeEnum.none && locked.length\"\n                             [row]=\"row\"></teta-selection-cell>\n        <teta-cell\n          *ngFor=\"let column of locked; let colIndex = index; trackBy: trackColumns;\"\n          [attr.data-row]=\"rowIndex\"\n          [attr.data-column]=\"column.name\"\n          [column]=\"column\"\n          [filterOptions]=\"dict[column.name]\"\n          [dict]=\"dict\"\n          [row]=\"row\"\n          [ngClass]=\"column.cellClass\"\n          [attr.tabindex]=\"0\"\n        ></teta-cell>\n      </div>\n      <teta-selection-cell *ngIf=\"selectType !== selectTypeEnum.none && locked.length < 1\"\n                           [row]=\"row\"></teta-selection-cell>\n      <teta-cell\n        *ngFor=\"let column of unlocked; let colIndex = index; trackBy: trackColumns;\"\n        [attr.data-row]=\"rowIndex\"\n        [attr.data-column]=\"column.name\"\n        [column]=\"column\"\n        [filterOptions]=\"dict[column.name]\"\n        [dict]=\"dict\"\n        [row]=\"row\"\n        [ngClass]=\"column.cellClass\"\n        [attr.tabindex]=\"0\"\n      ></teta-cell>\n    </ng-container>\n    <ng-container *ngIf=\"grouping\">\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #aggTemplate>\n  <div class=\"table-row\"\n       *ngIf=\"aggregate\"\n       [class.table-row_virtual]=\"virtual\"\n       [style.grid-template-columns]=\"virtual ? getTemplateColumns() : ''\">\n    <div class=\"table-row_locked\"\n         *ngIf=\"locked.length > 0\"\n         [style.grid-template-columns]=\"getLockedGridTemplateColumns(locked)\"\n         [style.grid-column-end]=\"getSpan()\">\n      <div class=\"cell align-center justify-content-center\">\n        <teta-icon [name]=\"'sumColor'\"></teta-icon>\n      </div>\n      <div class=\"cell cell-component justify-content-end\"\n           *ngFor=\"let column of locked; let colIndex = index; trackBy: trackColumns;\"\n           [attr.data-column]=\"column.name\"\n           [ngClass]=\"column.cellClass\"\n           [attr.tabindex]=\"0\">\n        <span class=\"cell-text cell-text_numeric font-title-3\">\n          {{getAggregateText(column)}}:\n          {{getAggregateValue(column) | tetaNumber : 2}}\n        </span>\n      </div>\n    </div>\n    <div class=\"cell align-center justify-content-center\"\n         *ngIf=\"selectType !== selectTypeEnum.none && locked.length < 1\">\n      <teta-icon [name]=\"'sumColor'\"></teta-icon>\n    </div>\n    <div class=\"cell cell-component justify-content-end\"\n         *ngFor=\"let column of unlocked; let colIndex = index; trackBy: trackColumns;\"\n         [attr.data-column]=\"column.name\"\n         [ngClass]=\"column.cellClass\"\n         [attr.tabindex]=\"0\">\n      <span class=\"cell-text cell-text_numeric font-title-3\">\n        {{getAggregateText(column)}}\n        {{getAggregateValue(column) | tetaNumber : 2}}\n      </span>\n    </div>\n  </div>\n</ng-template>\n", styles: [""], components: [{ type: SelectionCellComponent, selector: "teta-selection-cell", inputs: ["row"] }, { type: CellComponent, selector: "teta-cell", inputs: ["column", "filterOptions", "dict", "row"] }, { type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.UiScrollDirective, selector: "[uiScroll][uiScrollOf]", inputs: ["uiScrollOf"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "tetaNumber": NumberPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: TableBodyComponent, selector: "teta-table-body", inputs: { virtual: "virtual", activeRow: "activeRow", rowHeight: "rowHeight", additionalComponent: "additionalComponent", tree: "tree", aggregate: "aggregate", grouping: "grouping", groupRowComponent: "groupRowComponent", openLevels: "openLevels", selectType: "selectType", rowClass: "rowClass" }, host: { properties: { "class.table-body": "this.tableBodyClass" } }, viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], ngImport: i0, template: "<!--<div #viewport class=\"table-body-container table-body-container-virtual\"-->\n<!--     *ngIf=\"virtual\"-->\n<!--     [style.grid-template-columns]=\"getTemplateColumns()\"-->\n<!--     style=\"height: 100%;\">-->\n<!--  <ng-container-->\n<!--    *uiScroll=\"let row of dataSource; let rowIndex = index; let last = last;\" style=\"display: flex;flex-grow: 1\">-->\n<!--    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>-->\n<!--  </ng-container>-->\n<!--  <ng-container *ngIf=\"aggregate\">-->\n<!--    <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>-->\n<!--  </ng-container>-->\n<!--</div>-->\n\n<cdk-virtual-scroll-viewport *ngIf=\"virtual\"\n                             class=\"table-body-container\"\n                             [maxBufferPx]=\"600\"\n                             [minBufferPx]=\"240\"\n                             [itemSize]=\"24\">\n  <ng-container *cdkVirtualFor=\"let row of data;templateCacheSize: 0; let rowIndex = index; trackBy: trackRow;\">\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n  </ng-container>\n</cdk-virtual-scroll-viewport>\n\n\n<div *ngIf=\"!virtual\"\n     class=\"table-body-container\"\n     [style.grid-template-rows]=\"rowHeight + 'px'\"\n     [style.grid-auto-rows]=\"rowHeight + 'px'\"\n     [style.grid-template-columns]=\"getTemplateColumns()\">\n  <ng-container *ngFor=\"let row of data; let rowIndex = index; trackBy: trackRow;\">\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"aggregate\">\n    <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #bodyTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <div class=\"table-row\"\n       (click)=\"setActiveRow(row)\"\n       [attr.data-row]=\"rowIndex\"\n       [ngClass]=\"rowClass ? rowClass(row, rowIndex) : ''\"\n       [class.table-row_virtual]=\"virtual\"\n       [style.grid-template-columns]=\"virtual ? getTemplateColumns() : ''\"\n       [class.table-row_active]=\"row === activeRow || selectedRows.indexOf(row) >= 0\">\n    <ng-container *ngIf=\"!grouping\">\n      <div class=\"table-row_locked\"\n           *ngIf=\"locked.length > 0\"\n           [style.grid-template-columns]=\"getLockedGridTemplateColumns(locked)\"\n           [style.zIndex]=\"row === activeRow ? 1 : 'unset'\"\n           [style.grid-column-end]=\"getSpan()\">\n        <teta-selection-cell *ngIf=\"selectType !== selectTypeEnum.none && locked.length\"\n                             [row]=\"row\"></teta-selection-cell>\n        <teta-cell\n          *ngFor=\"let column of locked; let colIndex = index; trackBy: trackColumns;\"\n          [attr.data-row]=\"rowIndex\"\n          [attr.data-column]=\"column.name\"\n          [column]=\"column\"\n          [filterOptions]=\"dict[column.name]\"\n          [dict]=\"dict\"\n          [row]=\"row\"\n          [ngClass]=\"column.cellClass\"\n          [attr.tabindex]=\"0\"\n        ></teta-cell>\n      </div>\n      <teta-selection-cell *ngIf=\"selectType !== selectTypeEnum.none && locked.length < 1\"\n                           [row]=\"row\"></teta-selection-cell>\n      <teta-cell\n        *ngFor=\"let column of unlocked; let colIndex = index; trackBy: trackColumns;\"\n        [attr.data-row]=\"rowIndex\"\n        [attr.data-column]=\"column.name\"\n        [column]=\"column\"\n        [filterOptions]=\"dict[column.name]\"\n        [dict]=\"dict\"\n        [row]=\"row\"\n        [ngClass]=\"column.cellClass\"\n        [attr.tabindex]=\"0\"\n      ></teta-cell>\n    </ng-container>\n    <ng-container *ngIf=\"grouping\">\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #aggTemplate>\n  <div class=\"table-row\"\n       *ngIf=\"aggregate\"\n       [class.table-row_virtual]=\"virtual\"\n       [style.grid-template-columns]=\"virtual ? getTemplateColumns() : ''\">\n    <div class=\"table-row_locked\"\n         *ngIf=\"locked.length > 0\"\n         [style.grid-template-columns]=\"getLockedGridTemplateColumns(locked)\"\n         [style.grid-column-end]=\"getSpan()\">\n      <div class=\"cell align-center justify-content-center\">\n        <teta-icon [name]=\"'sumColor'\"></teta-icon>\n      </div>\n      <div class=\"cell cell-component justify-content-end\"\n           *ngFor=\"let column of locked; let colIndex = index; trackBy: trackColumns;\"\n           [attr.data-column]=\"column.name\"\n           [ngClass]=\"column.cellClass\"\n           [attr.tabindex]=\"0\">\n        <span class=\"cell-text cell-text_numeric font-title-3\">\n          {{getAggregateText(column)}}:\n          {{getAggregateValue(column) | tetaNumber : 2}}\n        </span>\n      </div>\n    </div>\n    <div class=\"cell align-center justify-content-center\"\n         *ngIf=\"selectType !== selectTypeEnum.none && locked.length < 1\">\n      <teta-icon [name]=\"'sumColor'\"></teta-icon>\n    </div>\n    <div class=\"cell cell-component justify-content-end\"\n         *ngFor=\"let column of unlocked; let colIndex = index; trackBy: trackColumns;\"\n         [attr.data-column]=\"column.name\"\n         [ngClass]=\"column.cellClass\"\n         [attr.tabindex]=\"0\">\n      <span class=\"cell-text cell-text_numeric font-title-3\">\n        {{getAggregateText(column)}}\n        {{getAggregateValue(column) | tetaNumber : 2}}\n      </span>\n    </div>\n  </div>\n</ng-template>\n", styles: [""], components: [{ type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: SelectionCellComponent, selector: "teta-selection-cell", inputs: ["row"] }, { type: CellComponent, selector: "teta-cell", inputs: ["column", "filterOptions", "dict", "row"] }, { type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i4.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "tetaNumber": NumberPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-table-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #viewport class=\"table-body-container table-body-container-virtual\"\n     *ngIf=\"virtual\"\n     [style.grid-template-columns]=\"gridTemplateColumns\"\n     style=\"height: 100%;\">\n  <ng-container\n    *uiScroll=\"let row of dataSource; let rowIndex = index; let last = last;\" style=\"display: flex;flex-grow: 1\">\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"aggregate\">\n    <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>\n  </ng-container>\n</div>\n\n<div *ngIf=\"!virtual\"\n     class=\"table-body-container\"\n     [style.grid-template-rows]=\"rowHeight + 'px'\"\n     [style.grid-auto-rows]=\"rowHeight + 'px'\"\n     [style.grid-template-columns]=\"getTemplateColumns()\">\n  <ng-container *ngFor=\"let row of data; let rowIndex = index; trackBy: trackRow;\">\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"aggregate\">\n    <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #bodyTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <div class=\"table-row\"\n       (click)=\"setActiveRow(row)\"\n       [attr.data-row]=\"rowIndex\"\n       [ngClass]=\"rowClass ? rowClass(row, rowIndex) : ''\"\n       [class.table-row_virtual]=\"virtual\"\n       [style.grid-template-columns]=\"virtual ? getTemplateColumns() : ''\"\n       [class.table-row_active]=\"row === activeRow || selectedRows.indexOf(row) >= 0\">\n    <ng-container *ngIf=\"!grouping\">\n      <div class=\"table-row_locked\"\n           *ngIf=\"locked.length > 0\"\n           [style.grid-template-columns]=\"getLockedGridTemplateColumns(locked)\"\n           [style.zIndex]=\"row === activeRow ? 1 : 'unset'\"\n           [style.grid-column-end]=\"getSpan()\">\n        <teta-selection-cell *ngIf=\"selectType !== selectTypeEnum.none && locked.length\"\n                             [row]=\"row\"></teta-selection-cell>\n        <teta-cell\n          *ngFor=\"let column of locked; let colIndex = index; trackBy: trackColumns;\"\n          [attr.data-row]=\"rowIndex\"\n          [attr.data-column]=\"column.name\"\n          [column]=\"column\"\n          [filterOptions]=\"dict[column.name]\"\n          [dict]=\"dict\"\n          [row]=\"row\"\n          [ngClass]=\"column.cellClass\"\n          [attr.tabindex]=\"0\"\n        ></teta-cell>\n      </div>\n      <teta-selection-cell *ngIf=\"selectType !== selectTypeEnum.none && locked.length < 1\"\n                           [row]=\"row\"></teta-selection-cell>\n      <teta-cell\n        *ngFor=\"let column of unlocked; let colIndex = index; trackBy: trackColumns;\"\n        [attr.data-row]=\"rowIndex\"\n        [attr.data-column]=\"column.name\"\n        [column]=\"column\"\n        [filterOptions]=\"dict[column.name]\"\n        [dict]=\"dict\"\n        [row]=\"row\"\n        [ngClass]=\"column.cellClass\"\n        [attr.tabindex]=\"0\"\n      ></teta-cell>\n    </ng-container>\n    <ng-container *ngIf=\"grouping\">\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #aggTemplate>\n  <div class=\"table-row\"\n       *ngIf=\"aggregate\"\n       [class.table-row_virtual]=\"virtual\"\n       [style.grid-template-columns]=\"virtual ? getTemplateColumns() : ''\">\n    <div class=\"table-row_locked\"\n         *ngIf=\"locked.length > 0\"\n         [style.grid-template-columns]=\"getLockedGridTemplateColumns(locked)\"\n         [style.grid-column-end]=\"getSpan()\">\n      <div class=\"cell align-center justify-content-center\">\n        <teta-icon [name]=\"'sumColor'\"></teta-icon>\n      </div>\n      <div class=\"cell cell-component justify-content-end\"\n           *ngFor=\"let column of locked; let colIndex = index; trackBy: trackColumns;\"\n           [attr.data-column]=\"column.name\"\n           [ngClass]=\"column.cellClass\"\n           [attr.tabindex]=\"0\">\n        <span class=\"cell-text cell-text_numeric font-title-3\">\n          {{getAggregateText(column)}}:\n          {{getAggregateValue(column) | tetaNumber : 2}}\n        </span>\n      </div>\n    </div>\n    <div class=\"cell align-center justify-content-center\"\n         *ngIf=\"selectType !== selectTypeEnum.none && locked.length < 1\">\n      <teta-icon [name]=\"'sumColor'\"></teta-icon>\n    </div>\n    <div class=\"cell cell-component justify-content-end\"\n         *ngFor=\"let column of unlocked; let colIndex = index; trackBy: trackColumns;\"\n         [attr.data-column]=\"column.name\"\n         [ngClass]=\"column.cellClass\"\n         [attr.tabindex]=\"0\">\n      <span class=\"cell-text cell-text_numeric font-title-3\">\n        {{getAggregateText(column)}}\n        {{getAggregateValue(column) | tetaNumber : 2}}\n      </span>\n    </div>\n  </div>\n</ng-template>\n", styles: [""] }]
+            args: [{ selector: 'teta-table-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--<div #viewport class=\"table-body-container table-body-container-virtual\"-->\n<!--     *ngIf=\"virtual\"-->\n<!--     [style.grid-template-columns]=\"getTemplateColumns()\"-->\n<!--     style=\"height: 100%;\">-->\n<!--  <ng-container-->\n<!--    *uiScroll=\"let row of dataSource; let rowIndex = index; let last = last;\" style=\"display: flex;flex-grow: 1\">-->\n<!--    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>-->\n<!--  </ng-container>-->\n<!--  <ng-container *ngIf=\"aggregate\">-->\n<!--    <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>-->\n<!--  </ng-container>-->\n<!--</div>-->\n\n<cdk-virtual-scroll-viewport *ngIf=\"virtual\"\n                             class=\"table-body-container\"\n                             [maxBufferPx]=\"600\"\n                             [minBufferPx]=\"240\"\n                             [itemSize]=\"24\">\n  <ng-container *cdkVirtualFor=\"let row of data;templateCacheSize: 0; let rowIndex = index; trackBy: trackRow;\">\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n  </ng-container>\n</cdk-virtual-scroll-viewport>\n\n\n<div *ngIf=\"!virtual\"\n     class=\"table-body-container\"\n     [style.grid-template-rows]=\"rowHeight + 'px'\"\n     [style.grid-auto-rows]=\"rowHeight + 'px'\"\n     [style.grid-template-columns]=\"getTemplateColumns()\">\n  <ng-container *ngFor=\"let row of data; let rowIndex = index; trackBy: trackRow;\">\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"aggregate\">\n    <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #bodyTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <div class=\"table-row\"\n       (click)=\"setActiveRow(row)\"\n       [attr.data-row]=\"rowIndex\"\n       [ngClass]=\"rowClass ? rowClass(row, rowIndex) : ''\"\n       [class.table-row_virtual]=\"virtual\"\n       [style.grid-template-columns]=\"virtual ? getTemplateColumns() : ''\"\n       [class.table-row_active]=\"row === activeRow || selectedRows.indexOf(row) >= 0\">\n    <ng-container *ngIf=\"!grouping\">\n      <div class=\"table-row_locked\"\n           *ngIf=\"locked.length > 0\"\n           [style.grid-template-columns]=\"getLockedGridTemplateColumns(locked)\"\n           [style.zIndex]=\"row === activeRow ? 1 : 'unset'\"\n           [style.grid-column-end]=\"getSpan()\">\n        <teta-selection-cell *ngIf=\"selectType !== selectTypeEnum.none && locked.length\"\n                             [row]=\"row\"></teta-selection-cell>\n        <teta-cell\n          *ngFor=\"let column of locked; let colIndex = index; trackBy: trackColumns;\"\n          [attr.data-row]=\"rowIndex\"\n          [attr.data-column]=\"column.name\"\n          [column]=\"column\"\n          [filterOptions]=\"dict[column.name]\"\n          [dict]=\"dict\"\n          [row]=\"row\"\n          [ngClass]=\"column.cellClass\"\n          [attr.tabindex]=\"0\"\n        ></teta-cell>\n      </div>\n      <teta-selection-cell *ngIf=\"selectType !== selectTypeEnum.none && locked.length < 1\"\n                           [row]=\"row\"></teta-selection-cell>\n      <teta-cell\n        *ngFor=\"let column of unlocked; let colIndex = index; trackBy: trackColumns;\"\n        [attr.data-row]=\"rowIndex\"\n        [attr.data-column]=\"column.name\"\n        [column]=\"column\"\n        [filterOptions]=\"dict[column.name]\"\n        [dict]=\"dict\"\n        [row]=\"row\"\n        [ngClass]=\"column.cellClass\"\n        [attr.tabindex]=\"0\"\n      ></teta-cell>\n    </ng-container>\n    <ng-container *ngIf=\"grouping\">\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #aggTemplate>\n  <div class=\"table-row\"\n       *ngIf=\"aggregate\"\n       [class.table-row_virtual]=\"virtual\"\n       [style.grid-template-columns]=\"virtual ? getTemplateColumns() : ''\">\n    <div class=\"table-row_locked\"\n         *ngIf=\"locked.length > 0\"\n         [style.grid-template-columns]=\"getLockedGridTemplateColumns(locked)\"\n         [style.grid-column-end]=\"getSpan()\">\n      <div class=\"cell align-center justify-content-center\">\n        <teta-icon [name]=\"'sumColor'\"></teta-icon>\n      </div>\n      <div class=\"cell cell-component justify-content-end\"\n           *ngFor=\"let column of locked; let colIndex = index; trackBy: trackColumns;\"\n           [attr.data-column]=\"column.name\"\n           [ngClass]=\"column.cellClass\"\n           [attr.tabindex]=\"0\">\n        <span class=\"cell-text cell-text_numeric font-title-3\">\n          {{getAggregateText(column)}}:\n          {{getAggregateValue(column) | tetaNumber : 2}}\n        </span>\n      </div>\n    </div>\n    <div class=\"cell align-center justify-content-center\"\n         *ngIf=\"selectType !== selectTypeEnum.none && locked.length < 1\">\n      <teta-icon [name]=\"'sumColor'\"></teta-icon>\n    </div>\n    <div class=\"cell cell-component justify-content-end\"\n         *ngFor=\"let column of unlocked; let colIndex = index; trackBy: trackColumns;\"\n         [attr.data-column]=\"column.name\"\n         [ngClass]=\"column.cellClass\"\n         [attr.tabindex]=\"0\">\n      <span class=\"cell-text cell-text_numeric font-title-3\">\n        {{getAggregateText(column)}}\n        {{getAggregateValue(column) | tetaNumber : 2}}\n      </span>\n    </div>\n  </div>\n</ng-template>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: TableService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { virtual: [{
                 type: Input
             }], activeRow: [{
@@ -9229,7 +9228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
                 type: Input
             }], viewport: [{
                 type: ViewChild,
-                args: ['viewport', { static: false }]
+                args: [CdkVirtualScrollViewport, { static: false }]
             }], tableBodyClass: [{
                 type: HostBinding,
                 args: ['class.table-body']
@@ -9527,10 +9526,10 @@ class TableComponent {
     }
 }
 TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: TableComponent, deps: [{ token: TableService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: TableComponent, selector: "teta-table", inputs: { data: "data", columns: "columns", dict: "dict", state: "state", rowHeight: "rowHeight", cookieName: "cookieName", virtual: "virtual", detailComponent: "detailComponent", activeRow: "activeRow", selectedRows: "selectedRows", selectType: "selectType", aggregate: "aggregate", grouping: "grouping", groupRowComponent: "groupRowComponent", openLevels: "openLevels", tree: "tree", trackBy: "trackBy", editType: "editType", editEvent: "editEvent", rowEditable: "rowEditable", cellEditable: "cellEditable", rowClass: "rowClass", scrollToIndex: "scrollToIndex", contextMenuConfig: "contextMenuConfig", showHeadCellMenu: "showHeadCellMenu" }, outputs: { stateChange: "stateChange", bodyLeft: "bodyLeft", activeRowChange: "activeRowChange", selectedRowsChange: "selectedRowsChange", rowLeft: "rowLeft", rowEditStart: "rowEditStart", rowEditEnd: "rowEditEnd", cellClick: "cellClick", cellDoubleClick: "cellDoubleClick", cellFocus: "cellFocus", cellEditStart: "cellEditStart", cellEditEnd: "cellEditEnd", valueChange: "valueChange", cellKeyUp: "cellKeyUp", pasteRows: "pasteRows", addRow: "addRow", deleteRows: "deleteRows", tableService: "tableService" }, host: { listeners: { "document:click": "handleClickOutsideAnyRow($event)", "focusin": "focusIn($event)", "dblclick": "dblclick($event)", "window:keyup": "keyup($event)", "mousedown": "mousedown($event)", "contextmenu": "contextMenu($event)" }, properties: { "class.table": "this.tableClass" } }, providers: [TableService], viewQueries: [{ propertyName: "menu", first: true, predicate: ["contextMenu"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"column column_auto\">\n  <teta-table-head [selectType]=\"selectType\" [showHeadCellMenu]=\"showHeadCellMenu\"></teta-table-head>\n  <teta-table-body\n    [aggregate]=\"aggregate\"\n    [virtual]=\"virtual\"\n    [activeRow]=\"activeRow\"\n    [additionalComponent]=\"detailComponent\"\n    [grouping]=\"grouping\"\n    [groupRowComponent]=\"groupRowComponent\"\n    [openLevels]=\"openLevels\"\n    [selectType]=\"selectType\"\n    [rowHeight]=\"rowHeight\"\n    [rowClass]=\"rowClass\"\n    [tree]=\"tree\"></teta-table-body>\n</div>\n\n<div #contextMenu\n     class=\"list shadow-1\"\n     style=\"position: fixed; z-index: 2;\"\n     [style.visibility]=\"showContextMenu ? 'visible ' : 'hidden'\"\n     [tetaClickOutside]=\"showContextMenu\"\n     (clickOutside)=\"showContextMenu = false\">\n  <ng-container *ngIf=\"contextMenuConfig?.add\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"rowAdd()\">\n      <teta-icon [name]=\"'add'\" [palette]=\"'text'\"></teta-icon>\n      \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.copy\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"copy(selectedRowsList)\"\n         *ngIf=\"selectedRowsList?.length > 0\">\n      <teta-icon [name]=\"'copySelected'\" [palette]=\"'text'\"></teta-icon>\n      \u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0438\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"copy([contextMenuTarget.row])\"\n         *ngIf=\"contextMenuTarget\">\n      <teta-icon [name]=\"'copy'\" [palette]=\"'text'\"></teta-icon>\n      \u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"pasteData()\">\n      <teta-icon [name]=\"'paste'\" [palette]=\"'text'\"></teta-icon>\n      \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.delete\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"delete(selectedRowsList)\"\n         *ngIf=\"selectedRowsList?.length > 0\">\n      <teta-icon [name]=\"'deleteSelected'\" [palette]=\"'text'\"></teta-icon>\n      \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0438\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"delete([contextMenuTarget.row])\"\n         *ngIf=\"contextMenuTarget\">\n      <teta-icon [name]=\"'delete'\" [palette]=\"'text'\"></teta-icon>\n      \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n  </ng-container>\n</div>\n", styles: [""], components: [{ type: TableHeadComponent, selector: "teta-table-head", inputs: ["selectType", "showHeadCellMenu"] }, { type: TableBodyComponent, selector: "teta-table-body", inputs: ["virtual", "activeRow", "rowHeight", "additionalComponent", "tree", "aggregate", "grouping", "groupRowComponent", "openLevels", "selectType", "rowClass"] }, { type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], directives: [{ type: ClickOutsideDirective, selector: "[tetaClickOutside]", inputs: ["rightClick", "tetaClickOutside"], outputs: ["clickOutside"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: TableComponent, selector: "teta-table", inputs: { data: "data", columns: "columns", dict: "dict", state: "state", rowHeight: "rowHeight", cookieName: "cookieName", virtual: "virtual", detailComponent: "detailComponent", activeRow: "activeRow", selectedRows: "selectedRows", selectType: "selectType", aggregate: "aggregate", grouping: "grouping", groupRowComponent: "groupRowComponent", openLevels: "openLevels", tree: "tree", trackBy: "trackBy", editType: "editType", editEvent: "editEvent", rowEditable: "rowEditable", cellEditable: "cellEditable", rowClass: "rowClass", scrollToIndex: "scrollToIndex", contextMenuConfig: "contextMenuConfig", showHeadCellMenu: "showHeadCellMenu" }, outputs: { stateChange: "stateChange", bodyLeft: "bodyLeft", activeRowChange: "activeRowChange", selectedRowsChange: "selectedRowsChange", rowLeft: "rowLeft", rowEditStart: "rowEditStart", rowEditEnd: "rowEditEnd", cellClick: "cellClick", cellDoubleClick: "cellDoubleClick", cellFocus: "cellFocus", cellEditStart: "cellEditStart", cellEditEnd: "cellEditEnd", valueChange: "valueChange", cellKeyUp: "cellKeyUp", pasteRows: "pasteRows", addRow: "addRow", deleteRows: "deleteRows", tableService: "tableService" }, host: { listeners: { "document:click": "handleClickOutsideAnyRow($event)", "focusin": "focusIn($event)", "dblclick": "dblclick($event)", "window:keyup": "keyup($event)", "mousedown": "mousedown($event)", "contextmenu": "contextMenu($event)" }, properties: { "class.table": "this.tableClass" } }, providers: [TableService], viewQueries: [{ propertyName: "menu", first: true, predicate: ["contextMenu"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"column column_auto\">\n  <teta-table-head [selectType]=\"selectType\" [showHeadCellMenu]=\"showHeadCellMenu\"></teta-table-head>\n  <teta-table-body\n    [aggregate]=\"aggregate\"\n    [virtual]=\"virtual\"\n    [activeRow]=\"activeRow\"\n    [additionalComponent]=\"detailComponent\"\n    [grouping]=\"grouping\"\n    [groupRowComponent]=\"groupRowComponent\"\n    [openLevels]=\"openLevels\"\n    [selectType]=\"selectType\"\n    [rowHeight]=\"rowHeight\"\n    [rowClass]=\"rowClass\"\n    [tree]=\"tree\"></teta-table-body>\n</div>\n\n<div #contextMenu\n     class=\"list shadow-1\"\n     style=\"position: fixed; z-index: 2;\"\n     [style.visibility]=\"showContextMenu ? 'visible ' : 'hidden'\"\n     [tetaClickOutside]=\"showContextMenu\"\n     (clickOutside)=\"showContextMenu = false\">\n  <ng-container *ngIf=\"contextMenuConfig?.add\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"rowAdd()\">\n      <teta-icon [name]=\"'add'\" [palette]=\"'text'\"></teta-icon>\n      \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.copy\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"copy(selectedRowsList)\"\n         *ngIf=\"selectedRowsList?.length > 0\">\n      <teta-icon [name]=\"'copySelected'\" [palette]=\"'text'\"></teta-icon>\n      \u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0438\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"copy([contextMenuTarget.row])\"\n         *ngIf=\"contextMenuTarget\">\n      <teta-icon [name]=\"'copy'\" [palette]=\"'text'\"></teta-icon>\n      \u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.paste\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"pasteData()\">\n      <teta-icon [name]=\"'paste'\" [palette]=\"'text'\"></teta-icon>\n      \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.delete\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"delete(selectedRowsList)\"\n         *ngIf=\"selectedRowsList?.length > 0\">\n      <teta-icon [name]=\"'deleteSelected'\" [palette]=\"'text'\"></teta-icon>\n      \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0438\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"delete([contextMenuTarget.row])\"\n         *ngIf=\"contextMenuTarget\">\n      <teta-icon [name]=\"'delete'\" [palette]=\"'text'\"></teta-icon>\n      \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n  </ng-container>\n</div>\n", styles: [""], components: [{ type: TableHeadComponent, selector: "teta-table-head", inputs: ["selectType", "showHeadCellMenu"] }, { type: TableBodyComponent, selector: "teta-table-body", inputs: ["virtual", "activeRow", "rowHeight", "additionalComponent", "tree", "aggregate", "grouping", "groupRowComponent", "openLevels", "selectType", "rowClass"] }, { type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], directives: [{ type: ClickOutsideDirective, selector: "[tetaClickOutside]", inputs: ["rightClick", "tetaClickOutside"], outputs: ["clickOutside"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TableService], template: "<div class=\"column column_auto\">\n  <teta-table-head [selectType]=\"selectType\" [showHeadCellMenu]=\"showHeadCellMenu\"></teta-table-head>\n  <teta-table-body\n    [aggregate]=\"aggregate\"\n    [virtual]=\"virtual\"\n    [activeRow]=\"activeRow\"\n    [additionalComponent]=\"detailComponent\"\n    [grouping]=\"grouping\"\n    [groupRowComponent]=\"groupRowComponent\"\n    [openLevels]=\"openLevels\"\n    [selectType]=\"selectType\"\n    [rowHeight]=\"rowHeight\"\n    [rowClass]=\"rowClass\"\n    [tree]=\"tree\"></teta-table-body>\n</div>\n\n<div #contextMenu\n     class=\"list shadow-1\"\n     style=\"position: fixed; z-index: 2;\"\n     [style.visibility]=\"showContextMenu ? 'visible ' : 'hidden'\"\n     [tetaClickOutside]=\"showContextMenu\"\n     (clickOutside)=\"showContextMenu = false\">\n  <ng-container *ngIf=\"contextMenuConfig?.add\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"rowAdd()\">\n      <teta-icon [name]=\"'add'\" [palette]=\"'text'\"></teta-icon>\n      \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.copy\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"copy(selectedRowsList)\"\n         *ngIf=\"selectedRowsList?.length > 0\">\n      <teta-icon [name]=\"'copySelected'\" [palette]=\"'text'\"></teta-icon>\n      \u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0438\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"copy([contextMenuTarget.row])\"\n         *ngIf=\"contextMenuTarget\">\n      <teta-icon [name]=\"'copy'\" [palette]=\"'text'\"></teta-icon>\n      \u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"pasteData()\">\n      <teta-icon [name]=\"'paste'\" [palette]=\"'text'\"></teta-icon>\n      \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.delete\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"delete(selectedRowsList)\"\n         *ngIf=\"selectedRowsList?.length > 0\">\n      <teta-icon [name]=\"'deleteSelected'\" [palette]=\"'text'\"></teta-icon>\n      \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0438\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"delete([contextMenuTarget.row])\"\n         *ngIf=\"contextMenuTarget\">\n      <teta-icon [name]=\"'delete'\" [palette]=\"'text'\"></teta-icon>\n      \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n  </ng-container>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'teta-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TableService], template: "<div class=\"column column_auto\">\n  <teta-table-head [selectType]=\"selectType\" [showHeadCellMenu]=\"showHeadCellMenu\"></teta-table-head>\n  <teta-table-body\n    [aggregate]=\"aggregate\"\n    [virtual]=\"virtual\"\n    [activeRow]=\"activeRow\"\n    [additionalComponent]=\"detailComponent\"\n    [grouping]=\"grouping\"\n    [groupRowComponent]=\"groupRowComponent\"\n    [openLevels]=\"openLevels\"\n    [selectType]=\"selectType\"\n    [rowHeight]=\"rowHeight\"\n    [rowClass]=\"rowClass\"\n    [tree]=\"tree\"></teta-table-body>\n</div>\n\n<div #contextMenu\n     class=\"list shadow-1\"\n     style=\"position: fixed; z-index: 2;\"\n     [style.visibility]=\"showContextMenu ? 'visible ' : 'hidden'\"\n     [tetaClickOutside]=\"showContextMenu\"\n     (clickOutside)=\"showContextMenu = false\">\n  <ng-container *ngIf=\"contextMenuConfig?.add\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"rowAdd()\">\n      <teta-icon [name]=\"'add'\" [palette]=\"'text'\"></teta-icon>\n      \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.copy\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"copy(selectedRowsList)\"\n         *ngIf=\"selectedRowsList?.length > 0\">\n      <teta-icon [name]=\"'copySelected'\" [palette]=\"'text'\"></teta-icon>\n      \u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0438\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"copy([contextMenuTarget.row])\"\n         *ngIf=\"contextMenuTarget\">\n      <teta-icon [name]=\"'copy'\" [palette]=\"'text'\"></teta-icon>\n      \u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.paste\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"pasteData()\">\n      <teta-icon [name]=\"'paste'\" [palette]=\"'text'\"></teta-icon>\n      \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C\n    </div>\n    <div class=\"list-divider\"></div>\n  </ng-container>\n  <ng-container *ngIf=\"contextMenuConfig?.delete\">\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"delete(selectedRowsList)\"\n         *ngIf=\"selectedRowsList?.length > 0\">\n      <teta-icon [name]=\"'deleteSelected'\" [palette]=\"'text'\"></teta-icon>\n      \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0438\n    </div>\n    <div class=\"list-item list-item_interactive\"\n         (click)=\"delete([contextMenuTarget.row])\"\n         *ngIf=\"contextMenuTarget\">\n      <teta-icon [name]=\"'delete'\" [palette]=\"'text'\"></teta-icon>\n      \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443\n    </div>\n  </ng-container>\n</div>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: TableService }, { type: i0.ElementRef }]; }, propDecorators: { data: [{
                 type: Input
             }], columns: [{
@@ -9825,7 +9824,8 @@ TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         UiScrollModule,
         ToolbarModule,
         ClickOutsideModule,
-        ResizeDragModule], exports: [TableComponent,
+        ResizeDragModule,
+        ScrollingModule], exports: [TableComponent,
         NumericCellComponent,
         ListCellComponent,
         DateCellComponent,
@@ -9857,6 +9857,7 @@ TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
             ToolbarModule,
             ClickOutsideModule,
             ResizeDragModule,
+            ScrollingModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
@@ -9916,6 +9917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
                         ToolbarModule,
                         ClickOutsideModule,
                         ResizeDragModule,
+                        ScrollingModule,
                     ],
                 }]
         }] });
@@ -12201,7 +12203,7 @@ class ChartOptions {
         this.gridLines = (options === null || options === void 0 ? void 0 : options.gridLines) == null ? true : options.gridLines;
         this.width = options === null || options === void 0 ? void 0 : options.width;
         this.height = options === null || options === void 0 ? void 0 : options.height;
-        this.legend = Object.assign({}, options === null || options === void 0 ? void 0 : options.legend);
+        this.legend = Object.assign({ visible: true, type: LegendType.swatches }, options === null || options === void 0 ? void 0 : options.legend);
         this.bounds = Object.assign(Object.assign({}, this.bounds), options === null || options === void 0 ? void 0 : options.bounds);
         this.annotations = options === null || options === void 0 ? void 0 : options.annotations;
     }
@@ -13064,7 +13066,7 @@ class ResizePanelComponent {
     restore() {
         var _a;
         if (((_a = this.name) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            return JSON.parse(localStorage.getItem(`resize-panel${this.name}`) || '');
+            return JSON.parse(localStorage.getItem(`resize-panel${this.name}`));
         }
     }
     restorePosition() {
@@ -13309,5 +13311,5 @@ class StringUtil {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionContentDirective, AccordionHeadComponent, AccordionItemComponent, AccordionModule, AggregationType, Align, Annotation, AreaDrawer, ArrayUtil, Axis, AxisOptions, AxisType, BarDrawer, BooleanCellComponent, BooleanFilter, BooleanFilterComponent, ButtonComponent, ButtonModule, CHECKBOX_CONTROL_VALUE_ACCESSOR, CellComponent, CellComponentBase, CellHostComponent, Chart3dComponent, Chart3dModule, Chart3dOptions, ChartBounds, ChartComponent, ChartModule, ChartOptions, CheckboxComponent, CheckboxModule, ClickOutsideDirective, ClickOutsideModule, ClickService, ColumnReorderEvent, ColumnResizeEvent, ContextMenuDirective, ContextMenuModule, CurrentModal, DATE_PICKER_CONTROL_VALUE_ACCESSOR, DAY_SELECT_CONTROL_VALUE_ACCESSOR, DateCellComponent, DateFilter, DateFilterComponent, DateFilterValue, DatePeriod, DatePickerComponent, DatePickerModule, DateTimeCellComponent, DateUtil, DaySelectComponent, DelimiterComponent, DelimiterModule, DetailComponentBase, DialogComponent, DialogService, DisableControlDirective, DisableControlModule, DomUtil, DragPointType, DragSortContainerDirective, DragSortItemDirective, DragSortModule, DropdownComponent, DropdownContentDirective, DropdownDirective, DropdownHeadDirective, DropdownModule, DynamicComponentModule, DynamicComponentService, DynamicContentBaseDirective, DynamicData, EditEvent, EditType, ExpandPanelComponent, ExpandPanelContentDirective, ExpandPanelHeadDirective, ExpandPanelModule, FileItemComponent, FileUploadAreaComponent, FileUploadModule, FilterBase, FilterComponentBase, FilterHostComponent, FilterItem, FilterModule, FilterPanelComponent, FilterState, FilterType, FormGroupTitleComponent, FormsUtil, GroupRowComponent, HeadCellComponentBase, HeadCellHostComponent, HighlightDirective, HighlightModule, HintDirective, HintModule, IconComponent, IconModule, IconService, IconSpriteDirective, InputComponent, InputModule, LegendType, LineDrawer, ListCellComponent, ListFilter, ListFilterComponent, ListFilterType, LoaderDirective, LoaderModule, MONTH_PICKER_CONTROL_VALUE_ACCESSOR, Message, MessageComponent, MessageHostComponent, MessageModule, MessageService, ModalCloseReason, ModalContainerComponent, ModalInstance, ModalModule, ModalService, MonthPickerComponent, NoAutofillDirective, NoAutofillModule, NumberPipe, NumberPipeModule, NumericCellComponent, NumericFilter, NumericFilterComponent, NumericFilterValue, OnlyNumberDirective, OnlyNumberModule, OverlayContainerService, PagerComponent, PagerModule, PagerState, PagerUtil, PanelComponent, PanelModule, PieDrawer, PlotBand, PlotLine, PopupContentComponent, PositionUtil, ProgressBarComponent, ProgressBarModule, PropertyGridComponent, PropertyGridModule, RadioButtonComponent, RadioComponent, RadioModule, ResizeDragDirective, ResizeDragModule, ResizePanelComponent, ResizePanelModule, SLIDER_CONTROL_VALUE_ACCESSOR, SWITCH_CONTROL_VALUE_ACCESSOR, Scale, ScaleType, ScatterDrawer, SelectComponent, SelectModule, SelectOptionDirective, SelectType, SelectValueDirective, Series, SeriesType, SidebarComponent, SidebarModule, SidebarPosition, SortEvent, SortParam, SplineDrawer, StringCellComponent, StringFilter, StringFilterComponent, StringFilterType, StringUtil, SwitchButtonComponent, SwitchComponent, SwitchModule, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabContentDirective, TabTitleDirective, TableBodyComponent, TableColumn, TableColumnStore, TableComponent, TableContextMenuConfig, TableHeadComponent, TableModule, TableRow, TableService, TabsComponent, TabsModule, TetaChart, TetaContentRef, TetaSize, TetaTemplateDirective, TetaTemplateModule, TextFieldComponent, ThemeSwitchComponent, ThemeSwitchModule, ThemeSwitchService, ToggleComponent, ToggleModule, ToolbarComponent, ToolbarModule, TooltipDirective, TooltipModule, TooltipOptions, TreeComponent, TreeItemToggleComponent, TreeModule, TreeService, VerticalAlign, ZoomType, getCellComponent };
+export { AccordionComponent, AccordionContentDirective, AccordionHeadComponent, AccordionItemComponent, AccordionModule, AggregationType, Align, Annotation, AreaDrawer, ArrayUtil, Axis, AxisOptions, AxisType, BarDrawer, BooleanCellComponent, BooleanFilter, BooleanFilterComponent, ButtonComponent, ButtonModule, CHECKBOX_CONTROL_VALUE_ACCESSOR, CellComponent, CellComponentBase, CellHostComponent, Chart3dComponent, Chart3dModule, Chart3dOptions, ChartBounds, ChartComponent, ChartModule, ChartOptions, CheckboxComponent, CheckboxModule, ClickOutsideDirective, ClickOutsideModule, ClickService, ColumnReorderEvent, ColumnResizeEvent, ContextMenuDirective, ContextMenuModule, CurrentModal, DATE_PICKER_CONTROL_VALUE_ACCESSOR, DAY_SELECT_CONTROL_VALUE_ACCESSOR, DateCellComponent, DateFilter, DateFilterComponent, DateFilterValue, DatePeriod, DatePickerComponent, DatePickerModule, DateTimeCellComponent, DateUtil, DaySelectComponent, DelimiterComponent, DelimiterModule, DetailComponentBase, DialogComponent, DialogService, DisableControlDirective, DisableControlModule, DomUtil, DragPointType, DragSortContainerDirective, DragSortItemDirective, DragSortModule, DropdownComponent, DropdownContentDirective, DropdownDirective, DropdownHeadDirective, DropdownModule, DynamicComponentModule, DynamicComponentService, DynamicContentBaseDirective, DynamicData, EditEvent, EditType, ExpandPanelComponent, ExpandPanelContentDirective, ExpandPanelHeadDirective, ExpandPanelModule, FileItemComponent, FileUploadAreaComponent, FileUploadModule, FilterBase, FilterComponentBase, FilterHostComponent, FilterItem, FilterModule, FilterPanelComponent, FilterState, FilterType, FormGroupTitleComponent, FormsUtil, GroupRowComponent, HeadCellComponentBase, HeadCellHostComponent, HighlightDirective, HighlightModule, HintDirective, HintModule, IconComponent, IconModule, IconService, IconSpriteDirective, InputComponent, InputModule, LegendType, LineDrawer, ListCellComponent, ListFilter, ListFilterComponent, ListFilterType, LoaderDirective, LoaderModule, MONTH_PICKER_CONTROL_VALUE_ACCESSOR, Message, MessageComponent, MessageHostComponent, MessageModule, MessageService, ModalCloseReason, ModalContainerComponent, ModalInstance, ModalModule, ModalService, MonthPickerComponent, NoAutofillDirective, NoAutofillModule, NumberPipe, NumberPipeModule, NumericCellComponent, NumericFilter, NumericFilterComponent, NumericFilterValue, OnlyNumberDirective, OnlyNumberModule, OverlayContainerService, PagerComponent, PagerModule, PagerState, PagerUtil, PanelComponent, PanelModule, PieDrawer, PlotBand, PlotLine, PopupContentComponent, PositionUtil, ProgressBarComponent, ProgressBarModule, PropertyGridComponent, PropertyGridModule, RadioButtonComponent, RadioComponent, RadioModule, ResizeDragDirective, ResizeDragModule, ResizePanelComponent, ResizePanelModule, SLIDER_CONTROL_VALUE_ACCESSOR, SWITCH_CONTROL_VALUE_ACCESSOR, Scale, ScaleType, ScatterDrawer, SelectComponent, SelectModule, SelectOptionDirective, SelectType, SelectValueDirective, Series, SeriesType, SidebarComponent, SidebarModule, SidebarPosition, SortEvent, SortParam, SplineDrawer, StateUtil, StringCellComponent, StringFilter, StringFilterComponent, StringFilterType, StringUtil, SwitchButtonComponent, SwitchComponent, SwitchModule, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabContentDirective, TabTitleDirective, TableBodyComponent, TableColumn, TableColumnStore, TableComponent, TableContextMenuConfig, TableHeadComponent, TableModule, TableRow, TableService, TableUtil, TabsComponent, TabsModule, TetaChart, TetaContentRef, TetaSize, TetaTemplateDirective, TetaTemplateModule, TextFieldComponent, ThemeSwitchComponent, ThemeSwitchModule, ThemeSwitchService, ToggleComponent, ToggleModule, ToolbarComponent, ToolbarModule, TooltipDirective, TooltipModule, TooltipOptions, TreeComponent, TreeItemToggleComponent, TreeModule, TreeService, VerticalAlign, ZoomType, getCellComponent };
 //# sourceMappingURL=tetacom-ng-components.mjs.map