npm - @tetacom/ng-components - Versions diffs - 1.3.9 → 1.4.1 - Mend

@tetacom/ng-components 1.3.9 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (147) hide show

package/esm2022/component/table/selection-head-cell/selection-head-cell.component.mjs CHANGED Viewed

@@ -34,10 +34,10 @@ export class SelectionHeadCellComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SelectionHeadCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SelectionHeadCellComponent, isStandalone: true, selector: "teta-selection-head-cell", host: { properties: { "class.table-head__group": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox [binary]=\"true\"\n               [allowNull]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"allSelected()\"\n               (ngModelChange)=\"selectAll($event)\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectionHeadCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: SelectionHeadCellComponent, isStandalone: true, selector: "teta-selection-head-cell", host: { properties: { "class.table-head__group": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox [binary]=\"true\"\n               [allowNull]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"allSelected()\"\n               (ngModelChange)=\"selectAll($event)\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SelectionHeadCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectionHeadCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-selection-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckboxComponent, FormsModule], template: "<teta-checkbox [binary]=\"true\"\n               [allowNull]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"allSelected()\"\n               (ngModelChange)=\"selectAll($event)\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { tableCellClass: [{

package/esm2022/component/table/service/table.service.mjs CHANGED Viewed

@@ -655,10 +655,10 @@ export class TableService {
             value: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/component/table/table/table.component.mjs CHANGED Viewed

@@ -370,10 +370,10 @@ export class TableComponent {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableComponent, deps: [{ token: i1.TableService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TableComponent, isStandalone: true, selector: "teta-table", inputs: { data: "data", columns: "columns", dict: "dict", filterOptions: "filterOptions", state: "state", cookieName: "cookieName", virtual: "virtual", detailComponent: "detailComponent", activeRow: "activeRow", selectedRows: "selectedRows", selectType: "selectType", aggregate: "aggregate", trackRow: "trackRow", trackColumns: "trackColumns", editType: "editType", editEvent: "editEvent", rowEditable: "rowEditable", rowClass: "rowClass", scrollToIndex: "scrollToIndex", showHeadCellMenu: "showHeadCellMenu", contextMenu: "contextMenu", contextMenuOpen: "contextMenuOpen" }, outputs: { contextMenuOpenChange: "contextMenuOpenChange", stateChange: "stateChange", bodyLeft: "bodyLeft", activeRowChange: "activeRowChange", selectedRowsChange: "selectedRowsChange", cellClick: "cellClick", cellDoubleClick: "cellDoubleClick", cellFocus: "cellFocus", cellKeyDown: "cellKeyDown", rowLeft: "rowLeft", rowEditStart: "rowEditStart", rowEditEnd: "rowEditEnd", cellEditStart: "cellEditStart", cellEditEnd: "cellEditEnd", valueChange: "valueChange", tableService: "tableService" }, host: { listeners: { "document:click": "handleClickOutsideAnyRow($event)", "focusin": "focusIn($event)", "dblclick": "dblclick($event)", "keydown": "keydown($event)", "mousedown": "mousedown($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\n    style='z-index: 1'\n    [selectType]='selectType'\n    [showHeadCellMenu]='showHeadCellMenu'></teta-table-head>\n  <div class='column column_auto position-relative'\n       style='z-index: 0'\n       [tetaContextMenu]='contextMenu'\n       [verticalAlign]='verticalAlign.auto'\n       [align]='align.auto'\n       [appendToBody]='true'\n       [data]='contextMenuRow'\n       [open]='contextMenuOpen'\n       (openChange)='setContextMenuOpen($event)'>\n    <teta-table-body\n      (contextmenu)='setContextMenuRow($event)'\n      (scrollChange)='onScroll($event)'\n      [aggregate]='aggregate'\n      [virtual]='virtual'\n      [activeRow]='activeRow'\n      [trackRow]='trackRow'\n      [trackColumns]='trackColumns'\n      [selectedRows]='selectedRowsList'\n      [additionalComponent]='detailComponent'\n      [selectType]='selectType'\n      [rowClass]='rowClass'>\n      <ng-content></ng-content>\n    </teta-table-body>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: TableHeadComponent, selector: "teta-table-head", inputs: ["selectType", "showHeadCellMenu"] }, { kind: "directive", type: ContextMenuDirective, selector: "[tetaContextMenu]", inputs: ["tetaContextMenu", "autoCloseIgnore"] }, { kind: "component", type: TableBodyComponent, selector: "teta-table-body", inputs: ["virtual", "activeRow", "selectedRows", "additionalComponent", "aggregate", "selectType", "rowClass", "trackRow", "trackColumns"], outputs: ["scrollChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableComponent, deps: [{ token: i1.TableService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TableComponent, isStandalone: true, selector: "teta-table", inputs: { data: "data", columns: "columns", dict: "dict", filterOptions: "filterOptions", state: "state", cookieName: "cookieName", virtual: "virtual", detailComponent: "detailComponent", activeRow: "activeRow", selectedRows: "selectedRows", selectType: "selectType", aggregate: "aggregate", trackRow: "trackRow", trackColumns: "trackColumns", editType: "editType", editEvent: "editEvent", rowEditable: "rowEditable", rowClass: "rowClass", scrollToIndex: "scrollToIndex", showHeadCellMenu: "showHeadCellMenu", contextMenu: "contextMenu", contextMenuOpen: "contextMenuOpen" }, outputs: { contextMenuOpenChange: "contextMenuOpenChange", stateChange: "stateChange", bodyLeft: "bodyLeft", activeRowChange: "activeRowChange", selectedRowsChange: "selectedRowsChange", cellClick: "cellClick", cellDoubleClick: "cellDoubleClick", cellFocus: "cellFocus", cellKeyDown: "cellKeyDown", rowLeft: "rowLeft", rowEditStart: "rowEditStart", rowEditEnd: "rowEditEnd", cellEditStart: "cellEditStart", cellEditEnd: "cellEditEnd", valueChange: "valueChange", tableService: "tableService" }, host: { listeners: { "document:click": "handleClickOutsideAnyRow($event)", "focusin": "focusIn($event)", "dblclick": "dblclick($event)", "keydown": "keydown($event)", "mousedown": "mousedown($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\n    style='z-index: 1'\n    [selectType]='selectType'\n    [showHeadCellMenu]='showHeadCellMenu'></teta-table-head>\n  <div class='column column_auto position-relative'\n       style='z-index: 0'\n       [tetaContextMenu]='contextMenu'\n       [verticalAlign]='verticalAlign.auto'\n       [align]='align.auto'\n       [appendToBody]='true'\n       [data]='contextMenuRow'\n       [open]='contextMenuOpen'\n       (openChange)='setContextMenuOpen($event)'>\n    <teta-table-body\n      (contextmenu)='setContextMenuRow($event)'\n      (scrollChange)='onScroll($event)'\n      [aggregate]='aggregate'\n      [virtual]='virtual'\n      [activeRow]='activeRow'\n      [trackRow]='trackRow'\n      [trackColumns]='trackColumns'\n      [selectedRows]='selectedRowsList'\n      [additionalComponent]='detailComponent'\n      [selectType]='selectType'\n      [rowClass]='rowClass'>\n      <ng-content></ng-content>\n    </teta-table-body>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: TableHeadComponent, selector: "teta-table-head", inputs: ["selectType", "showHeadCellMenu"] }, { kind: "directive", type: ContextMenuDirective, selector: "[tetaContextMenu]", inputs: ["tetaContextMenu", "autoCloseIgnore"] }, { kind: "component", type: TableBodyComponent, selector: "teta-table-body", inputs: ["virtual", "activeRow", "selectedRows", "additionalComponent", "aggregate", "selectType", "rowClass", "trackRow", "trackColumns"], outputs: ["scrollChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TableService], standalone: true, imports: [
                         TableHeadComponent,

package/esm2022/component/table/table-body/table-body.component.mjs CHANGED Viewed

@@ -164,10 +164,10 @@ export class TableBodyComponent {
             ? accum
             : current.data[columnName], null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.TableService }, { token: i0.ElementRef }, { token: i2.TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TableBodyComponent, isStandalone: true, selector: "teta-table-body", inputs: { virtual: "virtual", activeRow: "activeRow", selectedRows: "selectedRows", additionalComponent: "additionalComponent", aggregate: "aggregate", selectType: "selectType", rowClass: "rowClass", trackRow: "trackRow", trackColumns: "trackColumns" }, outputs: { scrollChange: "scrollChange" }, host: { properties: { "class.table-body": "this.tableBodyClass" } }, viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], ngImport: i0, template: "@if (virtual && data.length > 0) {\n  <teta-scrollable class=\"table-body-container\"\n                   style=\"padding-bottom: 12px\"\n                   [showScrollbars]=\"true\"\n  >\n    <cdk-virtual-scroll-viewport tetaScrollable\n                                 class=\"table-body-container\"\n                                 (scroll)=\"emitScroll($event)\"\n                                 [itemSize]=\"28\">\n      <ng-container\n        *cdkVirtualFor=\"let row of data;templateCacheSize: 0; let rowIndex = index; trackBy: trackTableRow;\">\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n      </ng-container>\n    </cdk-virtual-scroll-viewport>\n  </teta-scrollable>\n} @else {\n  <teta-scrollable class=\"table-body-container\"\n                   style=\"padding-bottom: 12px\"\n                   direction=\"column\"\n                   [showScrollbars]=\"true\"\n                   (scroll)=\"emitScroll($event)\">\n    <div class=\"table-body-container\">\n      @if (!data?.length) {\n        <div class=\"column column_auto\"\n             style=\"position: absolute; top:0; bottom:16px;left:0;right:0;\"\n        >\n          <ng-content></ng-content>\n        </div>\n      }\n      @for (row of data; track trackTableRow(rowIndex, row); let rowIndex = $index) {\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n      }\n      @if (aggregate) {\n        <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>\n      }\n      <ng-container *ngTemplateOutlet=\"emptyRow;\"></ng-container>\n    </div>\n  </teta-scrollable>\n}\n\n<ng-template #bodyTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <!--  <div class=\"table-row\"-->\n  <!--    ngForm-->\n  <!--    (click)=\"setActiveRow(row.data, $event)\"-->\n  <!--    [attr.data-row]=\"rowIndex\"-->\n  <!--    [class.table-row_odd]=\"rowIndex % 2 === 1\"-->\n  <!--    [ngClass]=\"rowClass ? rowClass(row.data, rowIndex) : ''\"-->\n  <!--    [class.table-row_selected]=\"selectedRows && selectedRows.indexOf(row.data) >= 0\"-->\n  <!--    [style.flex-grow]=\"totalFlex\"-->\n  <!--    [style.flex-basis.px]=\"totalWidth\"-->\n  <!--    [style.min-width.px]=\"totalWidth\">-->\n  <!--    @if (locked.length > 0) {-->\n  <!--      <div class=\"table-row_locked\"-->\n  <!--        [style.flex-grow]=\"lockedFlex\"-->\n  <!--        [style.flex-basis.px]=\"lockedWidth\"-->\n  <!--        [style.min-width.px]=\"lockedWidth\"-->\n  <!--        [style.zIndex]=\"row.data === activeRow ? 2 : 1\">-->\n  <!--        @if (selectType === selectTypeEnum.checkBox && locked.length) {-->\n  <!--          <teta-selection-cell-->\n  <!--            [row]=\"row.data\"-->\n  <!--          style=\"width: 28px;\"></teta-selection-cell>-->\n  <!--        }-->\n  <!--        @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {-->\n  <!--          <teta-cell-->\n  <!--            [attr.data-row]=\"rowIndex\"-->\n  <!--            [attr.data-column]=\"column.name\"-->\n  <!--            [column]=\"column\"-->\n  <!--            [filterOptions]=\"dict?dict[column.name]:[]\"-->\n  <!--            [dict]=\"dict\"-->\n  <!--            [row]=\"row\"-->\n  <!--            [ngClass]=\"column.cellClass\"-->\n  <!--            [attr.tabindex]=\"0\"-->\n  <!--            [style.flex-grow]=\"column.flex\"-->\n  <!--            [style.flex-basis.px]=\"column.width\"-->\n  <!--          ></teta-cell>-->\n  <!--        }-->\n  <!--      </div>-->\n  <!--    }-->\n  <!--    @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {-->\n  <!--      <teta-selection-cell-->\n  <!--        [row]=\"row.data\"-->\n  <!--      style=\"width: 28px;\"></teta-selection-cell>-->\n  <!--    }-->\n  <!--    @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {-->\n  <!--      <teta-cell-->\n  <!--        [attr.data-row]=\"rowIndex\"-->\n  <!--        [attr.data-column]=\"column.name\"-->\n  <!--        [column]=\"column\"-->\n  <!--        [filterOptions]=\"dict?dict[column.name]:[]\"-->\n  <!--        [dict]=\"dict\"-->\n  <!--        [row]=\"row\"-->\n  <!--        [ngClass]=\"column.cellClass\"-->\n  <!--        [attr.tabindex]=\"0\"-->\n  <!--        [style.flex-grow]=\"column.flex\"-->\n  <!--        [style.flex-basis.px]=\"column.width\"-->\n  <!--      ></teta-cell>-->\n  <!--    }-->\n  <!--  </div>-->\n  <teta-table-row class=\"table-row\"\n                  ngForm\n                  [row]=\"row\"\n                  (click)=\"setActiveRow(row.data, $event)\"\n                  [attr.data-row]=\"rowIndex\"\n                  [class.table-row_odd]=\"rowIndex % 2 === 1\"\n                  [ngClass]=\"rowClass ? rowClass(row.data, rowIndex) : ''\"\n                  [class.table-row_selected]=\"selectedRows && selectedRows.indexOf(row.data) >= 0\"\n                  [style.flex-grow]=\"totalFlex\"\n                  [style.flex-basis.px]=\"totalWidth\"\n                  [style.min-width.px]=\"totalWidth\">\n    @if (locked.length > 0) {\n      <div class=\"table-row_locked\"\n           [style.flex-grow]=\"lockedFlex\"\n           [style.flex-basis.px]=\"lockedWidth\"\n           [style.min-width.px]=\"lockedWidth\"\n           [style.zIndex]=\"row.data === activeRow ? 2 : 1\">\n        @if (selectType === selectTypeEnum.checkBox && locked.length) {\n          <teta-selection-cell\n            [row]=\"row.data\"\n            style=\"width: 28px;\"></teta-selection-cell>\n        }\n        @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {\n          <teta-cell\n            [attr.data-row]=\"rowIndex\"\n            [attr.data-column]=\"column.name\"\n            [column]=\"column\"\n            [filterOptions]=\"dict?dict[column.name]:[]\"\n            [dict]=\"dict\"\n            [row]=\"row\"\n            [ngClass]=\"column.cellClass\"\n            [attr.tabindex]=\"0\"\n            [style.flex-grow]=\"column.flex\"\n            [style.flex-basis.px]=\"column.width\"\n          ></teta-cell>\n        }\n      </div>\n    }\n    @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n      <teta-selection-cell\n        [row]=\"row.data\"\n        style=\"width: 28px;\"></teta-selection-cell>\n    }\n    @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {\n      <teta-cell\n        [attr.data-row]=\"rowIndex\"\n        [attr.data-column]=\"column.name\"\n        [column]=\"column\"\n        [filterOptions]=\"dict?dict[column.name]:[]\"\n        [dict]=\"dict\"\n        [row]=\"row\"\n        [ngClass]=\"column.cellClass\"\n        [attr.tabindex]=\"0\"\n        [style.flex-grow]=\"column.flex\"\n        [style.flex-basis.px]=\"column.width\"\n      ></teta-cell>\n    }\n  </teta-table-row>\n</ng-template>\n\n<ng-template #aggTemplate>\n  @if (locale | async; as loc) {\n    @if (aggregate) {\n      <div class=\"table-row\"\n           [class.table-row_virtual]=\"virtual\"\n           [style.flex-grow]=\"totalFlex\"\n           [style.flex-basis.px]=\"totalWidth\"\n           [style.min-width.px]=\"totalWidth\">\n        @if (locked.length > 0) {\n          <div class=\"table-row_locked\"\n               [style.flex-grow]=\"lockedFlex\"\n               [style.flex-basis.px]=\"lockedWidth\"\n               [style.min-width.px]=\"lockedWidth\">\n            @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n              <div class=\"cell align-center justify-content-center\"\n                   style=\"width: 28px;\"\n              >\n                <teta-icon [name]=\"'sumColor'\"></teta-icon>\n              </div>\n            }\n            @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {\n              <div class=\"cell cell-component aggregate-cell\"\n                   [attr.data-column]=\"column.name\"\n                   [ngClass]=\"column.cellClass\"\n                   [attr.tabindex]=\"0\"\n                   [style.flex-grow]=\"column.flex\"\n                   [style.flex-basis.px]=\"column.width\">\n                @if (column.aggregate !== aggregationType.none) {\n                  <span class=\"cell-text cell-text_numeric font-title-3\"\n                  >\n                    {{ loc[getAggregateText(column)] }}:\n                    {{ getAggregateValue(column) | tetaNumber : 2 }}\n                  </span>\n                }\n              </div>\n            }\n          </div>\n        }\n        @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n          <div class=\"cell align-center justify-content-center\"\n               style=\"width: 28px;\"\n          >\n            <teta-icon [name]=\"'sumColor'\"></teta-icon>\n          </div>\n        }\n        @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {\n          <div class=\"cell cell-component aggregate-cell\"\n               [attr.data-column]=\"column.name\"\n               [ngClass]=\"column.cellClass\"\n               [attr.tabindex]=\"0\"\n               [style.flex-grow]=\"column.flex\"\n               [style.flex-basis.px]=\"column.width\">\n            @if (column.aggregate !== aggregationType.none) {\n              <span class=\"cell-text cell-text_numeric font-title-3\"\n              >\n                {{ loc[getAggregateText(column)] }}:\n                {{ getAggregateValue(column) | tetaNumber : 2 }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n</ng-template>\n<ng-template #emptyRow>\n  <div class=\"empty-table-row\"\n       style=\"height: 0.1px\"\n       [style.flex-grow]=\"totalFlex\"\n       [style.flex-basis.px]=\"totalWidth\"\n       [style.min-width.px]=\"totalWidth\">\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SelectionCellComponent, selector: "teta-selection-cell", inputs: ["row"] }, { kind: "component", type: CellComponent, selector: "teta-cell", inputs: ["column", "filterOptions", "dict", "row"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }, { kind: "component", type: TableRowComponent, selector: "teta-table-row", inputs: ["row"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.TableService }, { token: i0.ElementRef }, { token: i2.TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TableBodyComponent, isStandalone: true, selector: "teta-table-body", inputs: { virtual: "virtual", activeRow: "activeRow", selectedRows: "selectedRows", additionalComponent: "additionalComponent", aggregate: "aggregate", selectType: "selectType", rowClass: "rowClass", trackRow: "trackRow", trackColumns: "trackColumns" }, outputs: { scrollChange: "scrollChange" }, host: { properties: { "class.table-body": "this.tableBodyClass" } }, viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], ngImport: i0, template: "@if (virtual && data.length > 0) {\n  <teta-scrollable class=\"table-body-container\"\n                   style=\"padding-bottom: 12px\"\n                   [showScrollbars]=\"true\"\n  >\n    <cdk-virtual-scroll-viewport tetaScrollable\n                                 class=\"table-body-container\"\n                                 (scroll)=\"emitScroll($event)\"\n                                 [itemSize]=\"28\">\n      <ng-container\n        *cdkVirtualFor=\"let row of data;templateCacheSize: 0; let rowIndex = index; trackBy: trackTableRow;\">\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n      </ng-container>\n    </cdk-virtual-scroll-viewport>\n  </teta-scrollable>\n} @else {\n  <teta-scrollable class=\"table-body-container\"\n                   style=\"padding-bottom: 12px\"\n                   direction=\"column\"\n                   [showScrollbars]=\"true\"\n                   (scroll)=\"emitScroll($event)\">\n    <div class=\"table-body-container\">\n      @if (!data?.length) {\n        <div class=\"column column_auto\"\n             style=\"position: absolute; top:0; bottom:16px;left:0;right:0;\"\n        >\n          <ng-content></ng-content>\n        </div>\n      }\n      @for (row of data; track trackTableRow(rowIndex, row); let rowIndex = $index) {\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: {row: row, rowIndex: rowIndex}\"></ng-container>\n      }\n      @if (aggregate) {\n        <ng-container *ngTemplateOutlet=\"aggTemplate;\"></ng-container>\n      }\n      <ng-container *ngTemplateOutlet=\"emptyRow;\"></ng-container>\n    </div>\n  </teta-scrollable>\n}\n\n<ng-template #bodyTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <!--  <div class=\"table-row\"-->\n  <!--    ngForm-->\n  <!--    (click)=\"setActiveRow(row.data, $event)\"-->\n  <!--    [attr.data-row]=\"rowIndex\"-->\n  <!--    [class.table-row_odd]=\"rowIndex % 2 === 1\"-->\n  <!--    [ngClass]=\"rowClass ? rowClass(row.data, rowIndex) : ''\"-->\n  <!--    [class.table-row_selected]=\"selectedRows && selectedRows.indexOf(row.data) >= 0\"-->\n  <!--    [style.flex-grow]=\"totalFlex\"-->\n  <!--    [style.flex-basis.px]=\"totalWidth\"-->\n  <!--    [style.min-width.px]=\"totalWidth\">-->\n  <!--    @if (locked.length > 0) {-->\n  <!--      <div class=\"table-row_locked\"-->\n  <!--        [style.flex-grow]=\"lockedFlex\"-->\n  <!--        [style.flex-basis.px]=\"lockedWidth\"-->\n  <!--        [style.min-width.px]=\"lockedWidth\"-->\n  <!--        [style.zIndex]=\"row.data === activeRow ? 2 : 1\">-->\n  <!--        @if (selectType === selectTypeEnum.checkBox && locked.length) {-->\n  <!--          <teta-selection-cell-->\n  <!--            [row]=\"row.data\"-->\n  <!--          style=\"width: 28px;\"></teta-selection-cell>-->\n  <!--        }-->\n  <!--        @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {-->\n  <!--          <teta-cell-->\n  <!--            [attr.data-row]=\"rowIndex\"-->\n  <!--            [attr.data-column]=\"column.name\"-->\n  <!--            [column]=\"column\"-->\n  <!--            [filterOptions]=\"dict?dict[column.name]:[]\"-->\n  <!--            [dict]=\"dict\"-->\n  <!--            [row]=\"row\"-->\n  <!--            [ngClass]=\"column.cellClass\"-->\n  <!--            [attr.tabindex]=\"0\"-->\n  <!--            [style.flex-grow]=\"column.flex\"-->\n  <!--            [style.flex-basis.px]=\"column.width\"-->\n  <!--          ></teta-cell>-->\n  <!--        }-->\n  <!--      </div>-->\n  <!--    }-->\n  <!--    @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {-->\n  <!--      <teta-selection-cell-->\n  <!--        [row]=\"row.data\"-->\n  <!--      style=\"width: 28px;\"></teta-selection-cell>-->\n  <!--    }-->\n  <!--    @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {-->\n  <!--      <teta-cell-->\n  <!--        [attr.data-row]=\"rowIndex\"-->\n  <!--        [attr.data-column]=\"column.name\"-->\n  <!--        [column]=\"column\"-->\n  <!--        [filterOptions]=\"dict?dict[column.name]:[]\"-->\n  <!--        [dict]=\"dict\"-->\n  <!--        [row]=\"row\"-->\n  <!--        [ngClass]=\"column.cellClass\"-->\n  <!--        [attr.tabindex]=\"0\"-->\n  <!--        [style.flex-grow]=\"column.flex\"-->\n  <!--        [style.flex-basis.px]=\"column.width\"-->\n  <!--      ></teta-cell>-->\n  <!--    }-->\n  <!--  </div>-->\n  <teta-table-row class=\"table-row\"\n                  ngForm\n                  [row]=\"row\"\n                  (click)=\"setActiveRow(row.data, $event)\"\n                  [attr.data-row]=\"rowIndex\"\n                  [class.table-row_odd]=\"rowIndex % 2 === 1\"\n                  [ngClass]=\"rowClass ? rowClass(row.data, rowIndex) : ''\"\n                  [class.table-row_selected]=\"selectedRows && selectedRows.indexOf(row.data) >= 0\"\n                  [style.flex-grow]=\"totalFlex\"\n                  [style.flex-basis.px]=\"totalWidth\"\n                  [style.min-width.px]=\"totalWidth\">\n    @if (locked.length > 0) {\n      <div class=\"table-row_locked\"\n           [style.flex-grow]=\"lockedFlex\"\n           [style.flex-basis.px]=\"lockedWidth\"\n           [style.min-width.px]=\"lockedWidth\"\n           [style.zIndex]=\"row.data === activeRow ? 2 : 1\">\n        @if (selectType === selectTypeEnum.checkBox && locked.length) {\n          <teta-selection-cell\n            [row]=\"row.data\"\n            style=\"width: 28px;\"></teta-selection-cell>\n        }\n        @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {\n          <teta-cell\n            [attr.data-row]=\"rowIndex\"\n            [attr.data-column]=\"column.name\"\n            [column]=\"column\"\n            [filterOptions]=\"dict?dict[column.name]:[]\"\n            [dict]=\"dict\"\n            [row]=\"row\"\n            [ngClass]=\"column.cellClass\"\n            [attr.tabindex]=\"0\"\n            [style.flex-grow]=\"column.flex\"\n            [style.flex-basis.px]=\"column.width\"\n          ></teta-cell>\n        }\n      </div>\n    }\n    @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n      <teta-selection-cell\n        [row]=\"row.data\"\n        style=\"width: 28px;\"></teta-selection-cell>\n    }\n    @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {\n      <teta-cell\n        [attr.data-row]=\"rowIndex\"\n        [attr.data-column]=\"column.name\"\n        [column]=\"column\"\n        [filterOptions]=\"dict?dict[column.name]:[]\"\n        [dict]=\"dict\"\n        [row]=\"row\"\n        [ngClass]=\"column.cellClass\"\n        [attr.tabindex]=\"0\"\n        [style.flex-grow]=\"column.flex\"\n        [style.flex-basis.px]=\"column.width\"\n      ></teta-cell>\n    }\n  </teta-table-row>\n</ng-template>\n\n<ng-template #aggTemplate>\n  @if (locale | async; as loc) {\n    @if (aggregate) {\n      <div class=\"table-row\"\n           [class.table-row_virtual]=\"virtual\"\n           [style.flex-grow]=\"totalFlex\"\n           [style.flex-basis.px]=\"totalWidth\"\n           [style.min-width.px]=\"totalWidth\">\n        @if (locked.length > 0) {\n          <div class=\"table-row_locked\"\n               [style.flex-grow]=\"lockedFlex\"\n               [style.flex-basis.px]=\"lockedWidth\"\n               [style.min-width.px]=\"lockedWidth\">\n            @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n              <div class=\"cell align-center justify-content-center\"\n                   style=\"width: 28px;\"\n              >\n                <teta-icon [name]=\"'sumColor'\"></teta-icon>\n              </div>\n            }\n            @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {\n              <div class=\"cell cell-component aggregate-cell\"\n                   [attr.data-column]=\"column.name\"\n                   [ngClass]=\"column.cellClass\"\n                   [attr.tabindex]=\"0\"\n                   [style.flex-grow]=\"column.flex\"\n                   [style.flex-basis.px]=\"column.width\">\n                @if (column.aggregate !== aggregationType.none) {\n                  <span class=\"cell-text cell-text_numeric font-title-3\"\n                  >\n                    {{ loc[getAggregateText(column)] }}:\n                    {{ getAggregateValue(column) | tetaNumber : 2 }}\n                  </span>\n                }\n              </div>\n            }\n          </div>\n        }\n        @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n          <div class=\"cell align-center justify-content-center\"\n               style=\"width: 28px;\"\n          >\n            <teta-icon [name]=\"'sumColor'\"></teta-icon>\n          </div>\n        }\n        @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {\n          <div class=\"cell cell-component aggregate-cell\"\n               [attr.data-column]=\"column.name\"\n               [ngClass]=\"column.cellClass\"\n               [attr.tabindex]=\"0\"\n               [style.flex-grow]=\"column.flex\"\n               [style.flex-basis.px]=\"column.width\">\n            @if (column.aggregate !== aggregationType.none) {\n              <span class=\"cell-text cell-text_numeric font-title-3\"\n              >\n                {{ loc[getAggregateText(column)] }}:\n                {{ getAggregateValue(column) | tetaNumber : 2 }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n</ng-template>\n<ng-template #emptyRow>\n  <div class=\"empty-table-row\"\n       style=\"height: 0.1px\"\n       [style.flex-grow]=\"totalFlex\"\n       [style.flex-basis.px]=\"totalWidth\"\n       [style.min-width.px]=\"totalWidth\">\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SelectionCellComponent, selector: "teta-selection-cell", inputs: ["row"] }, { kind: "component", type: CellComponent, selector: "teta-cell", inputs: ["column", "filterOptions", "dict", "row"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }, { kind: "component", type: TableRowComponent, selector: "teta-table-row", inputs: ["row"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-table-body', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         ScrollableComponent,

package/esm2022/component/table/table-head/filter-dropdown-tab/filter-dropdown-tab.component.mjs CHANGED Viewed

@@ -35,10 +35,10 @@ export class FilterDropdownTabComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FilterDropdownTabComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FilterDropdownTabComponent, isStandalone: true, selector: "teta-filter-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, host: { listeners: { "keydown.enter": "enter()" } }, ngImport: i0, template: "@if (locale | async; as loc) {\n  @if (filterOptions | async; as options) {\n    <teta-filter-host [column]=\"column\"\n      [data]=\"data\"\n      [state]=\"state\"\n    [filterOptions]=\"options[column.name]\"></teta-filter-host>\n  }\n  <teta-toolbar class=\"justify-content-between\">\n    <button type=\"button\" teta-button [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"clearFilter()\">\n      {{loc.clear}}\n    </button>\n    <button type=\"button\" teta-button [palette]=\"'primary'\" (click)=\"applyFilter()\">\n      <teta-icon [name]=\"'tick'\" [palette]=\"'white'\"></teta-icon>\n      {{loc.apply}}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;min-height:0;min-width:0}\n"], dependencies: [{ kind: "component", type: FilterHostComponent, selector: "teta-filter-host", inputs: ["column", "state", "data", "filterOptions"], outputs: ["filterChanged"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FilterDropdownTabComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: FilterDropdownTabComponent, isStandalone: true, selector: "teta-filter-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, host: { listeners: { "keydown.enter": "enter()" } }, ngImport: i0, template: "@if (locale | async; as loc) {\n  @if (filterOptions | async; as options) {\n    <teta-filter-host [column]=\"column\"\n      [data]=\"data\"\n      [state]=\"state\"\n    [filterOptions]=\"options[column.name]\"></teta-filter-host>\n  }\n  <teta-toolbar class=\"justify-content-between\">\n    <button type=\"button\" teta-button [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"clearFilter()\">\n      {{loc.clear}}\n    </button>\n    <button type=\"button\" teta-button [palette]=\"'primary'\" (click)=\"applyFilter()\">\n      <teta-icon [name]=\"'tick'\" [palette]=\"'white'\"></teta-icon>\n      {{loc.apply}}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;min-height:0;min-width:0}\n"], dependencies: [{ kind: "component", type: FilterHostComponent, selector: "teta-filter-host", inputs: ["column", "state", "data", "filterOptions"], outputs: ["filterChanged"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FilterDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FilterDropdownTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-filter-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [FilterHostComponent, ToolbarComponent, ButtonComponent, IconComponent, AsyncPipe], template: "@if (locale | async; as loc) {\n  @if (filterOptions | async; as options) {\n    <teta-filter-host [column]=\"column\"\n      [data]=\"data\"\n      [state]=\"state\"\n    [filterOptions]=\"options[column.name]\"></teta-filter-host>\n  }\n  <teta-toolbar class=\"justify-content-between\">\n    <button type=\"button\" teta-button [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"clearFilter()\">\n      {{loc.clear}}\n    </button>\n    <button type=\"button\" teta-button [palette]=\"'primary'\" (click)=\"applyFilter()\">\n      <teta-icon [name]=\"'tick'\" [palette]=\"'white'\"></teta-icon>\n      {{loc.apply}}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;min-height:0;min-width:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.TableService }, { type: i2.TetaConfigService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { columns: [{

package/esm2022/component/table/table-head/main-dropdown-tab/main-dropdown-tab.component.mjs CHANGED Viewed

@@ -68,10 +68,10 @@ export class MainDropdownTabComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MainDropdownTabComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MainDropdownTabComponent, isStandalone: true, selector: "teta-main-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close", headCellElementRef: "headCellElementRef" }, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"list column_auto\">\n    @if (!parent) {\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"pinColumn()\">\n        {{column.locked ? loc.unpin : loc.pin}}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    @if (column.sortable) {\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"sortAsc($event)\">\n        {{loc.sortAsc}}\n      </div>\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"sortDesc($event)\">\n        {{loc.sortDesc}}\n      </div>\n      @if (hasSortedColumns()) {\n        @if (sortParam) {\n          <div class=\"list-item list-item_interactive\"\n            (click)=\"clearSort()\">\n            {{loc.clearSort}}\n          </div>\n        }\n        <div class=\"list-item list-item_interactive\"\n          (click)=\"clearAllSort()\">\n          {{loc.clearAllSort}}\n        </div>\n        <div class=\"list-divider\"></div>\n      }\n    }\n    @if (hasFilteredColumns()) {\n      @if (filtered) {\n        <div class=\"list-item list-item_interactive\"\n          (click)=\"clearFilter()\">\n          {{loc.clearFilter}}\n        </div>\n      }\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"clearAllFilters()\">\n        {{loc.clearAllFilters}}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n      {{loc.autosizeColumn}}\n    </div>\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n      {{loc.autosizeAll}}\n    </div>\n    <div class=\"list-divider\"></div>\n    <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n      {{loc.resetColumnsSize}}\n    </div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MainDropdownTabComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: MainDropdownTabComponent, isStandalone: true, selector: "teta-main-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close", headCellElementRef: "headCellElementRef" }, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"list column_auto\">\n    @if (!parent) {\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"pinColumn()\">\n        {{column.locked ? loc.unpin : loc.pin}}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    @if (column.sortable) {\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"sortAsc($event)\">\n        {{loc.sortAsc}}\n      </div>\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"sortDesc($event)\">\n        {{loc.sortDesc}}\n      </div>\n      @if (hasSortedColumns()) {\n        @if (sortParam) {\n          <div class=\"list-item list-item_interactive\"\n            (click)=\"clearSort()\">\n            {{loc.clearSort}}\n          </div>\n        }\n        <div class=\"list-item list-item_interactive\"\n          (click)=\"clearAllSort()\">\n          {{loc.clearAllSort}}\n        </div>\n        <div class=\"list-divider\"></div>\n      }\n    }\n    @if (hasFilteredColumns()) {\n      @if (filtered) {\n        <div class=\"list-item list-item_interactive\"\n          (click)=\"clearFilter()\">\n          {{loc.clearFilter}}\n        </div>\n      }\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"clearAllFilters()\">\n        {{loc.clearAllFilters}}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n      {{loc.autosizeColumn}}\n    </div>\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n      {{loc.autosizeAll}}\n    </div>\n    <div class=\"list-divider\"></div>\n    <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n      {{loc.resetColumnsSize}}\n    </div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MainDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MainDropdownTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-main-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"list column_auto\">\n    @if (!parent) {\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"pinColumn()\">\n        {{column.locked ? loc.unpin : loc.pin}}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    @if (column.sortable) {\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"sortAsc($event)\">\n        {{loc.sortAsc}}\n      </div>\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"sortDesc($event)\">\n        {{loc.sortDesc}}\n      </div>\n      @if (hasSortedColumns()) {\n        @if (sortParam) {\n          <div class=\"list-item list-item_interactive\"\n            (click)=\"clearSort()\">\n            {{loc.clearSort}}\n          </div>\n        }\n        <div class=\"list-item list-item_interactive\"\n          (click)=\"clearAllSort()\">\n          {{loc.clearAllSort}}\n        </div>\n        <div class=\"list-divider\"></div>\n      }\n    }\n    @if (hasFilteredColumns()) {\n      @if (filtered) {\n        <div class=\"list-item list-item_interactive\"\n          (click)=\"clearFilter()\">\n          {{loc.clearFilter}}\n        </div>\n      }\n      <div class=\"list-item list-item_interactive\"\n        (click)=\"clearAllFilters()\">\n        {{loc.clearAllFilters}}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n      {{loc.autosizeColumn}}\n    </div>\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n      {{loc.autosizeAll}}\n    </div>\n    <div class=\"list-divider\"></div>\n    <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n      {{loc.resetColumnsSize}}\n    </div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: () => [{ type: i1.TableService }, { type: i2.TetaConfigService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { columns: [{

package/esm2022/component/table/table-head/table-head.component.mjs CHANGED Viewed

@@ -59,10 +59,10 @@ export class TableHeadComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableHeadComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TableHeadComponent, isStandalone: true, selector: "teta-table-head", inputs: { selectType: "selectType", showHeadCellMenu: "showHeadCellMenu" }, host: { properties: { "class.table-head": "this.tableHeadClass" } }, ngImport: i0, template: "@if (locked?.length) {\n  <div class=\"table-head_locked\"\n    [style.flex-grow]=\"lockedFlex\"\n    [style.flex-basis.px]=\"lockedWidth\"\n    [style.min-width.px]=\"lockedWidth\">\n    @if (selectType === selectTypeEnum.checkBox) {\n      <teta-selection-head-cell\n      style=\"width: 28px;\"></teta-selection-head-cell>\n    }\n    @for (column of locked; track track($index, column)) {\n      <teta-table-head-group\n        class=\"table-head__group\"\n        [data]=\"data\"\n        [showHeadCellMenu]=\"showHeadCellMenu\"\n      [column]=\"column\"></teta-table-head-group>\n    }\n  </div>\n}\n@if (unlocked?.length) {\n  @if (selectType === selectTypeEnum.checkBox && locked?.length < 1) {\n    <teta-selection-head-cell\n    style=\"width: 28px;\"></teta-selection-head-cell>\n  }\n  @for (column of unlocked; track track($index, column)) {\n    <teta-table-head-group\n      class=\"table-head__group\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n    [column]=\"column\"></teta-table-head-group>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: SelectionHeadCellComponent, selector: "teta-selection-head-cell" }, { kind: "component", type: TableHeadGroupComponent, selector: "teta-table-head-group", inputs: ["showHeadCellMenu", "data", "column"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableHeadComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TableHeadComponent, isStandalone: true, selector: "teta-table-head", inputs: { selectType: "selectType", showHeadCellMenu: "showHeadCellMenu" }, host: { properties: { "class.table-head": "this.tableHeadClass" } }, ngImport: i0, template: "@if (locked?.length) {\n  <div class=\"table-head_locked\"\n    [style.flex-grow]=\"lockedFlex\"\n    [style.flex-basis.px]=\"lockedWidth\"\n    [style.min-width.px]=\"lockedWidth\">\n    @if (selectType === selectTypeEnum.checkBox) {\n      <teta-selection-head-cell\n      style=\"width: 28px;\"></teta-selection-head-cell>\n    }\n    @for (column of locked; track track($index, column)) {\n      <teta-table-head-group\n        class=\"table-head__group\"\n        [data]=\"data\"\n        [showHeadCellMenu]=\"showHeadCellMenu\"\n      [column]=\"column\"></teta-table-head-group>\n    }\n  </div>\n}\n@if (unlocked?.length) {\n  @if (selectType === selectTypeEnum.checkBox && locked?.length < 1) {\n    <teta-selection-head-cell\n    style=\"width: 28px;\"></teta-selection-head-cell>\n  }\n  @for (column of unlocked; track track($index, column)) {\n    <teta-table-head-group\n      class=\"table-head__group\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n    [column]=\"column\"></teta-table-head-group>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: SelectionHeadCellComponent, selector: "teta-selection-head-cell" }, { kind: "component", type: TableHeadGroupComponent, selector: "teta-table-head-group", inputs: ["showHeadCellMenu", "data", "column"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableHeadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableHeadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-table-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SelectionHeadCellComponent, TableHeadGroupComponent], template: "@if (locked?.length) {\n  <div class=\"table-head_locked\"\n    [style.flex-grow]=\"lockedFlex\"\n    [style.flex-basis.px]=\"lockedWidth\"\n    [style.min-width.px]=\"lockedWidth\">\n    @if (selectType === selectTypeEnum.checkBox) {\n      <teta-selection-head-cell\n      style=\"width: 28px;\"></teta-selection-head-cell>\n    }\n    @for (column of locked; track track($index, column)) {\n      <teta-table-head-group\n        class=\"table-head__group\"\n        [data]=\"data\"\n        [showHeadCellMenu]=\"showHeadCellMenu\"\n      [column]=\"column\"></teta-table-head-group>\n    }\n  </div>\n}\n@if (unlocked?.length) {\n  @if (selectType === selectTypeEnum.checkBox && locked?.length < 1) {\n    <teta-selection-head-cell\n    style=\"width: 28px;\"></teta-selection-head-cell>\n  }\n  @for (column of unlocked; track track($index, column)) {\n    <teta-table-head-group\n      class=\"table-head__group\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n    [column]=\"column\"></teta-table-head-group>\n  }\n}\n" }]
         }], ctorParameters: () => [{ type: i1.TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { selectType: [{

package/esm2022/component/table/table-head/visibility-dropdown-tab/visibility-dropdown-tab.component.mjs CHANGED Viewed

@@ -124,10 +124,10 @@ export class VisibilityDropdownTabComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: VisibilityDropdownTabComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: VisibilityDropdownTabComponent, isStandalone: true, selector: "teta-visibility-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"list-item padding-left-6 padding-top-2\" [class.padding-left-9]=\"childMode\">\n    <teta-checkbox [binary]=\"true\"\n      [allowNull]=\"true\"\n      [ngModel]=\"allColumnsVisible()\"\n      (ngModelChange)=\"setAllColumns($event)\">\n      {{loc.all}}\n    </teta-checkbox>\n  </div>\n  <div class=\"list-divider\"></div>\n  <teta-scrollable class=\"padding-v-2 column column_auto\">\n    <teta-tree [data]=\"columns\"\n      [openItems]=\"openItems\"\n      (openItemsChange)=\"openItems = $event\"\n      [childNodeName]=\"'columns'\"\n      [compareItems]=\"compareItems\">\n      <ng-template tetaTemplate let-item>\n        <div class=\"tree__item\" style=\"align-items: unset\">\n          @if (item.columns?.length > 0) {\n            <teta-tree-item-toggle [item]=\"item\"></teta-tree-item-toggle>\n          }\n          <teta-checkbox\n            style=\"flex-grow: 1;\"\n            [ngModel]=\"!columnIsHidden(item)\"\n            (ngModelChange)=\"setColumnVisibility(item, $event)\"\n            (click)=\"$event.stopPropagation()\"\n            [binary]=\"true\"\n            >\n            {{item.caption}}\n          </teta-checkbox>\n        </div>\n      </ng-template>\n    </teta-tree>\n  </teta-scrollable>\n  <teta-toolbar class=\"justify-content-end\">\n    <button type=\"button\"\n      teta-button\n      [disabled]=\"allColumnsVisible() === false\"\n      [palette]=\"'primary'\"\n      (click)=\"setColumnsVisibility()\">\n      {{loc.apply}}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;min-height:0}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: TreeComponent, selector: "teta-tree", inputs: ["data", "padding", "childNodeName", "virtual", "height", "openItems", "compareItems"], outputs: ["service", "openItemsChange"] }, { kind: "directive", type: TetaTemplateDirective, selector: "[tetaTemplate]", inputs: ["tetaTemplate"] }, { kind: "component", type: TreeItemToggleComponent, selector: "teta-tree-item-toggle", inputs: ["item"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VisibilityDropdownTabComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: VisibilityDropdownTabComponent, isStandalone: true, selector: "teta-visibility-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"list-item padding-left-6 padding-top-2\" [class.padding-left-9]=\"childMode\">\n    <teta-checkbox [binary]=\"true\"\n      [allowNull]=\"true\"\n      [ngModel]=\"allColumnsVisible()\"\n      (ngModelChange)=\"setAllColumns($event)\">\n      {{loc.all}}\n    </teta-checkbox>\n  </div>\n  <div class=\"list-divider\"></div>\n  <teta-scrollable class=\"padding-v-2 column column_auto\">\n    <teta-tree [data]=\"columns\"\n      [openItems]=\"openItems\"\n      (openItemsChange)=\"openItems = $event\"\n      [childNodeName]=\"'columns'\"\n      [compareItems]=\"compareItems\">\n      <ng-template tetaTemplate let-item>\n        <div class=\"tree__item\" style=\"align-items: unset\">\n          @if (item.columns?.length > 0) {\n            <teta-tree-item-toggle [item]=\"item\"></teta-tree-item-toggle>\n          }\n          <teta-checkbox\n            style=\"flex-grow: 1;\"\n            [ngModel]=\"!columnIsHidden(item)\"\n            (ngModelChange)=\"setColumnVisibility(item, $event)\"\n            (click)=\"$event.stopPropagation()\"\n            [binary]=\"true\"\n            >\n            {{item.caption}}\n          </teta-checkbox>\n        </div>\n      </ng-template>\n    </teta-tree>\n  </teta-scrollable>\n  <teta-toolbar class=\"justify-content-end\">\n    <button type=\"button\"\n      teta-button\n      [disabled]=\"allColumnsVisible() === false\"\n      [palette]=\"'primary'\"\n      (click)=\"setColumnsVisibility()\">\n      {{loc.apply}}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;min-height:0}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: TreeComponent, selector: "teta-tree", inputs: ["data", "padding", "childNodeName", "virtual", "height", "openItems", "compareItems"], outputs: ["service", "openItemsChange"] }, { kind: "directive", type: TetaTemplateDirective, selector: "[tetaTemplate]", inputs: ["tetaTemplate"] }, { kind: "component", type: TreeItemToggleComponent, selector: "teta-tree-item-toggle", inputs: ["item"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: VisibilityDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VisibilityDropdownTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-visibility-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CheckboxComponent,

package/esm2022/component/table/table-head-group/table-head-group.component.mjs CHANGED Viewed

@@ -52,10 +52,10 @@ export class TableHeadGroupComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableHeadGroupComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TableHeadGroupComponent, isStandalone: true, selector: "teta-table-head-group", inputs: { showHeadCellMenu: "showHeadCellMenu", data: "data", column: "column" }, host: { properties: { "style.flex-grow": "this.flexGrow", "style.min-width.px": "this.flexBasis", "style.flex-basis.px": "this.flexBasis" } }, ngImport: i0, template: "@if (column.columns && column.columns.length > 0) {\n  <div class=\"table-head__group__container\">\n    <div class=\"table-head__group__caption\">\n      {{column.caption}}\n    </div>\n    <div class=\"table-head__group__children\">\n      @for (col of column.columns; track col) {\n        @if (!columnIsHidden(col)) {\n          <teta-table-head-group\n            class=\"table-head__group\"\n            [data]=\"data\"\n            [showHeadCellMenu]=\"showHeadCellMenu\"\n          [column]=\"col\"></teta-table-head-group>\n        }\n      }\n    </div>\n  </div>\n}\n@if (!column.columns || column.columns.length === 0) {\n  @if (!columnIsHidden(column)) {\n    <teta-head-cell\n      class=\"table-head__cell\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [attr.data-column]=\"column.name\"\n    [column]=\"column\"></teta-head-cell>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: TableHeadGroupComponent, selector: "teta-table-head-group", inputs: ["showHeadCellMenu", "data", "column"] }, { kind: "component", type: HeadCellComponent, selector: "teta-head-cell", inputs: ["column", "showHeadCellMenu", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableHeadGroupComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TableHeadGroupComponent, isStandalone: true, selector: "teta-table-head-group", inputs: { showHeadCellMenu: "showHeadCellMenu", data: "data", column: "column" }, host: { properties: { "style.flex-grow": "this.flexGrow", "style.min-width.px": "this.flexBasis", "style.flex-basis.px": "this.flexBasis" } }, ngImport: i0, template: "@if (column.columns && column.columns.length > 0) {\n  <div class=\"table-head__group__container\">\n    <div class=\"table-head__group__caption\">\n      {{column.caption}}\n    </div>\n    <div class=\"table-head__group__children\">\n      @for (col of column.columns; track col) {\n        @if (!columnIsHidden(col)) {\n          <teta-table-head-group\n            class=\"table-head__group\"\n            [data]=\"data\"\n            [showHeadCellMenu]=\"showHeadCellMenu\"\n          [column]=\"col\"></teta-table-head-group>\n        }\n      }\n    </div>\n  </div>\n}\n@if (!column.columns || column.columns.length === 0) {\n  @if (!columnIsHidden(column)) {\n    <teta-head-cell\n      class=\"table-head__cell\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [attr.data-column]=\"column.name\"\n    [column]=\"column\"></teta-head-cell>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: TableHeadGroupComponent, selector: "teta-table-head-group", inputs: ["showHeadCellMenu", "data", "column"] }, { kind: "component", type: HeadCellComponent, selector: "teta-head-cell", inputs: ["column", "showHeadCellMenu", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableHeadGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableHeadGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-table-head-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [HeadCellComponent], template: "@if (column.columns && column.columns.length > 0) {\n  <div class=\"table-head__group__container\">\n    <div class=\"table-head__group__caption\">\n      {{column.caption}}\n    </div>\n    <div class=\"table-head__group__children\">\n      @for (col of column.columns; track col) {\n        @if (!columnIsHidden(col)) {\n          <teta-table-head-group\n            class=\"table-head__group\"\n            [data]=\"data\"\n            [showHeadCellMenu]=\"showHeadCellMenu\"\n          [column]=\"col\"></teta-table-head-group>\n        }\n      }\n    </div>\n  </div>\n}\n@if (!column.columns || column.columns.length === 0) {\n  @if (!columnIsHidden(column)) {\n    <teta-head-cell\n      class=\"table-head__cell\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [attr.data-column]=\"column.name\"\n    [column]=\"column\"></teta-head-cell>\n  }\n}\n" }]
         }], ctorParameters: () => [{ type: i1.TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { showHeadCellMenu: [{

package/esm2022/component/table/table-row/table-row.component.mjs CHANGED Viewed

@@ -30,10 +30,10 @@ export class TableRowComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TableRowComponent, isStandalone: true, selector: "teta-table-row", inputs: { row: "row" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TableRowComponent, isStandalone: true, selector: "teta-table-row", inputs: { row: "row" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-table-row', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { row: [{

package/esm2022/component/tabs/tab/tab.component.mjs CHANGED Viewed

@@ -20,10 +20,10 @@ export class TabComponent {
         // this.titleTpl = this.titleTemplates.first;
         // this.contentTpl = this.contentTemplates.first;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TabComponent, isStandalone: true, selector: "teta-tab", inputs: { id: "id", title: "title", disabled: "disabled" }, queries: [{ propertyName: "titleTpl", first: true, predicate: TabTitleDirective, descendants: true }, { propertyName: "contentTpl", first: true, predicate: TabContentDirective, descendants: true }], ngImport: i0, template: '', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TabComponent, isStandalone: true, selector: "teta-tab", inputs: { id: "id", title: "title", disabled: "disabled" }, queries: [{ propertyName: "titleTpl", first: true, predicate: TabTitleDirective, descendants: true }, { propertyName: "contentTpl", first: true, predicate: TabContentDirective, descendants: true }], ngImport: i0, template: '', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true }]
         }], propDecorators: { id: [{

package/esm2022/component/tabs/tab-content.directive.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ export class TabContentDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: TabContentDirective, isStandalone: true, selector: "[tetaTabContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: TabContentDirective, isStandalone: true, selector: "[tetaTabContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaTabContent]',

package/esm2022/component/tabs/tab-title.directive.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ export class TabTitleDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: TabTitleDirective, isStandalone: true, selector: "[tetaTabTitle]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: TabTitleDirective, isStandalone: true, selector: "[tetaTabTitle]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaTabTitle]',

package/esm2022/component/tabs/tabs/tabs.component.mjs CHANGED Viewed

@@ -53,10 +53,10 @@ export class TabsComponent {
         const tabsWithId = this.tabs.filter((tab) => tab.id === id);
         return tabsWithId.length ? tabsWithId[0] : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TabsComponent, isStandalone: true, selector: "teta-tabs", inputs: { activeId: "activeId", direction: "direction", size: "size", destroyOnHide: "destroyOnHide" }, outputs: { tabChange: "tabChange" }, host: { properties: { "class.tabs": "this.classTabs", "class.tabs_vertical": "this.verticalClassTabs" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div role=\"tablist\" class=\"tabs-head\" [class.tabs-head_small]=\"size === 's'\">\n  @for (tab of tabs; track tab) {\n  <button\n    type=\"button\"\n    class=\"tabs-head-item\"\n    (click)=\"select(tab.id)\"\n    [class.tabs-head-item_active]=\"tab.id === activeId\"\n    [disabled]=\"tab.disabled\"\n  >\n    <span\n      [id]=\"tab.id\"\n      class=\"tabs-title\"\n      role=\"tab\"\n      [attr.tabindex]=\"tab.disabled ? '-1' : undefined\"\n      [attr.aria-controls]=\"!destroyOnHide || tab.id === activeId ? tab.id + '-panel' : null\"\n      [attr.aria-expanded]=\"tab.id === activeId\"\n      [attr.aria-disabled]=\"tab.disabled\"\n    >\n      {{ tab.title }}\n      <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n    </span>\n  </button>\n  }\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) { @if (!destroyOnHide || tab.id === activeId) {\n  <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n  } }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TabsComponent, isStandalone: true, selector: "teta-tabs", inputs: { activeId: "activeId", direction: "direction", size: "size", destroyOnHide: "destroyOnHide" }, outputs: { tabChange: "tabChange" }, host: { properties: { "class.tabs": "this.classTabs", "class.tabs_vertical": "this.verticalClassTabs" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div role=\"tablist\" class=\"tabs-head\" [class.tabs-head_small]=\"size === 's'\">\n  @for (tab of tabs; track tab) {\n  <button\n    type=\"button\"\n    class=\"tabs-head-item\"\n    (click)=\"select(tab.id)\"\n    [class.tabs-head-item_active]=\"tab.id === activeId\"\n    [disabled]=\"tab.disabled\"\n  >\n    <span\n      [id]=\"tab.id\"\n      class=\"tabs-title\"\n      role=\"tab\"\n      [attr.tabindex]=\"tab.disabled ? '-1' : undefined\"\n      [attr.aria-controls]=\"!destroyOnHide || tab.id === activeId ? tab.id + '-panel' : null\"\n      [attr.aria-expanded]=\"tab.id === activeId\"\n      [attr.aria-disabled]=\"tab.disabled\"\n    >\n      {{ tab.title }}\n      <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n    </span>\n  </button>\n  }\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) { @if (!destroyOnHide || tab.id === activeId) {\n  <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n  } }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-tabs', standalone: true, imports: [NgTemplateOutlet], template: "<div role=\"tablist\" class=\"tabs-head\" [class.tabs-head_small]=\"size === 's'\">\n  @for (tab of tabs; track tab) {\n  <button\n    type=\"button\"\n    class=\"tabs-head-item\"\n    (click)=\"select(tab.id)\"\n    [class.tabs-head-item_active]=\"tab.id === activeId\"\n    [disabled]=\"tab.disabled\"\n  >\n    <span\n      [id]=\"tab.id\"\n      class=\"tabs-title\"\n      role=\"tab\"\n      [attr.tabindex]=\"tab.disabled ? '-1' : undefined\"\n      [attr.aria-controls]=\"!destroyOnHide || tab.id === activeId ? tab.id + '-panel' : null\"\n      [attr.aria-expanded]=\"tab.id === activeId\"\n      [attr.aria-disabled]=\"tab.disabled\"\n    >\n      {{ tab.title }}\n      <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n    </span>\n  </button>\n  }\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) { @if (!destroyOnHide || tab.id === activeId) {\n  <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n  } }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { classTabs: [{

package/esm2022/component/theme-switch/theme-switch/theme-switch.component.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ export class ThemeSwitchComponent {
     switchTheme() {
         this._svc.switchTheme();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ThemeSwitchComponent, deps: [{ token: i1.ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ThemeSwitchComponent, isStandalone: true, selector: "teta-theme-switch", inputs: { palette: "palette", view: "view" }, ngImport: i0, template: "<button type=\"button\" teta-button [palette]=\"palette\" [view]=\"view\" [square]=\"true\" (click)=\"switchTheme()\">\n  <teta-icon [name]=\"(theme | async) ? 'lightMode' : 'darkMode'\" [palette]=\"'text'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchComponent, deps: [{ token: i1.ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ThemeSwitchComponent, isStandalone: true, selector: "teta-theme-switch", inputs: { palette: "palette", view: "view" }, ngImport: i0, template: "<button type=\"button\" teta-button [palette]=\"palette\" [view]=\"view\" [square]=\"true\" (click)=\"switchTheme()\">\n  <teta-icon [name]=\"(theme | async) ? 'lightMode' : 'darkMode'\" [palette]=\"'text'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ThemeSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-theme-switch', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, IconComponent, AsyncPipe], template: "<button type=\"button\" teta-button [palette]=\"palette\" [view]=\"view\" [square]=\"true\" (click)=\"switchTheme()\">\n  <teta-icon [name]=\"(theme | async) ? 'lightMode' : 'darkMode'\" [palette]=\"'text'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.ThemeSwitchService }], propDecorators: { palette: [{

package/esm2022/component/theme-switch/theme-switch.service.mjs CHANGED Viewed

@@ -22,10 +22,10 @@ export class ThemeSwitchService {
         }
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ThemeSwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ThemeSwitchService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ThemeSwitchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/component/toggle/toggle/toggle.component.mjs CHANGED Viewed

@@ -51,10 +51,10 @@ export class ToggleComponent {
         this.disabled = isDisabled;
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ToggleComponent, isStandalone: true, selector: "teta-toggle", inputs: { palette: "palette", noLabel: "noLabel", disabled: "disabled" }, host: { listeners: { "click": "changeValue()" }, properties: { "attr.tabindex": "this.tabindex", "class.toggle": "this.toggleClass", "class.toggle_disabled": "this.disabled" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "@if (!noLabel) {\n  <span class=\"font-body-3 row_auto\">\n    <ng-content></ng-content>\n  </span>\n}\n<div class=\"toggle-button\" [class.toggle-button-on]=\"model\" [ngClass]=\"paletteClass\">\n  <div class=\"toggle-button-circle\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ToggleComponent, isStandalone: true, selector: "teta-toggle", inputs: { palette: "palette", noLabel: "noLabel", disabled: "disabled" }, host: { listeners: { "click": "changeValue()" }, properties: { "attr.tabindex": "this.tabindex", "class.toggle": "this.toggleClass", "class.toggle_disabled": "this.disabled" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "@if (!noLabel) {\n  <span class=\"font-body-3 row_auto\">\n    <ng-content></ng-content>\n  </span>\n}\n<div class=\"toggle-button\" [class.toggle-button-on]=\"model\" [ngClass]=\"paletteClass\">\n  <div class=\"toggle-button-circle\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-toggle', providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass], template: "@if (!noLabel) {\n  <span class=\"font-body-3 row_auto\">\n    <ng-content></ng-content>\n  </span>\n}\n<div class=\"toggle-button\" [class.toggle-button-on]=\"model\" [ngClass]=\"paletteClass\">\n  <div class=\"toggle-button-circle\"></div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabindex: [{

package/esm2022/component/toolbar/toolbar/toolbar.component.mjs CHANGED Viewed

@@ -9,10 +9,10 @@ export class ToolbarComponent {
         return result.join(' ');
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ToolbarComponent, isStandalone: true, selector: "teta-toolbar", inputs: { palette: "palette", class: "class" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ToolbarComponent, isStandalone: true, selector: "teta-toolbar", inputs: { palette: "palette", class: "class" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { palette: [{

package/esm2022/component/tree/tree/tree.component.mjs CHANGED Viewed

@@ -99,10 +99,10 @@ export class TreeComponent {
         this._obs.unobserve(this._elementRef.nativeElement);
         this._obs.disconnect();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TreeComponent, deps: [{ token: i1.TreeService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TreeComponent, isStandalone: true, selector: "teta-tree", inputs: { data: "data", padding: "padding", childNodeName: "childNodeName", virtual: "virtual", height: "height", openItems: "openItems", compareItems: "compareItems" }, outputs: { service: "service", openItemsChange: "openItemsChange" }, host: { properties: { "class.tree": "this.treeClass" } }, providers: [TreeService], queries: [{ propertyName: "template", first: true, predicate: TetaTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (virtual) {\n  <teta-scrollable class=\"column column_auto\">\n    <cdk-virtual-scroll-viewport tetaScrollable\n      class=\"table-body-container\"\n      [itemSize]=\"height\">\n      <teta-tree-item *cdkVirtualFor=\"let item of displayData;templateCacheSize: 0; trackBy: trackRow;\"\n        [item]=\"item\"\n        [style.height.px]=\"height\"\n        [depth]=\"item['level']\"\n        [padding]=\"padding\"\n        [childNodeName]=\"childNodeName\"\n        [childPadding]=\"childPadding\"\n      [template]=\"template?.template\"></teta-tree-item>\n    </cdk-virtual-scroll-viewport>\n  </teta-scrollable>\n} @else {\n  <teta-scrollable class=\"column column_auto\" direction=\"column\">\n    @for (item of displayData; track trackRow($index, item)) {\n      <teta-tree-item\n        [item]=\"item\"\n        [style.height.px]=\"height\"\n        [depth]=\"item['level']\"\n        [padding]=\"padding\"\n        [childNodeName]=\"childNodeName\"\n        [childPadding]=\"childPadding\"\n      [template]=\"template?.template\"></teta-tree-item>\n    }\n  </teta-scrollable>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: TreeItemComponent, selector: "teta-tree-item", inputs: ["item", "depth", "padding", "childNodeName", "template", "childPadding"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeComponent, deps: [{ token: i1.TreeService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TreeComponent, isStandalone: true, selector: "teta-tree", inputs: { data: "data", padding: "padding", childNodeName: "childNodeName", virtual: "virtual", height: "height", openItems: "openItems", compareItems: "compareItems" }, outputs: { service: "service", openItemsChange: "openItemsChange" }, host: { properties: { "class.tree": "this.treeClass" } }, providers: [TreeService], queries: [{ propertyName: "template", first: true, predicate: TetaTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (virtual) {\n  <teta-scrollable class=\"column column_auto\">\n    <cdk-virtual-scroll-viewport tetaScrollable\n      class=\"table-body-container\"\n      [itemSize]=\"height\">\n      <teta-tree-item *cdkVirtualFor=\"let item of displayData;templateCacheSize: 0; trackBy: trackRow;\"\n        [item]=\"item\"\n        [style.height.px]=\"height\"\n        [depth]=\"item['level']\"\n        [padding]=\"padding\"\n        [childNodeName]=\"childNodeName\"\n        [childPadding]=\"childPadding\"\n      [template]=\"template?.template\"></teta-tree-item>\n    </cdk-virtual-scroll-viewport>\n  </teta-scrollable>\n} @else {\n  <teta-scrollable class=\"column column_auto\" direction=\"column\">\n    @for (item of displayData; track trackRow($index, item)) {\n      <teta-tree-item\n        [item]=\"item\"\n        [style.height.px]=\"height\"\n        [depth]=\"item['level']\"\n        [padding]=\"padding\"\n        [childNodeName]=\"childNodeName\"\n        [childPadding]=\"childPadding\"\n      [template]=\"template?.template\"></teta-tree-item>\n    }\n  </teta-scrollable>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: TreeItemComponent, selector: "teta-tree-item", inputs: ["item", "depth", "padding", "childNodeName", "template", "childPadding"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-tree', providers: [TreeService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         ScrollableComponent,

package/esm2022/component/tree/tree-item/tree-item.component.mjs CHANGED Viewed

@@ -42,8 +42,8 @@ export class TreeItemComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TreeItemComponent, deps: [{ token: i1.TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TreeItemComponent, isStandalone: true, selector: "teta-tree-item", inputs: { item: "item", depth: "depth", padding: "padding", childNodeName: "childNodeName", template: "template", childPadding: "childPadding" }, host: { properties: { "class.tree__item-container": "this.treeItemClass", "@treeItemInstance": "this.treeItemInstance" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n  <ng-container\n    *ngTemplateOutlet=\"template; context: {$implicit: item, item: item, open: itemIsOpen, service: service, depth: depth}\"></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeItemComponent, deps: [{ token: i1.TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TreeItemComponent, isStandalone: true, selector: "teta-tree-item", inputs: { item: "item", depth: "depth", padding: "padding", childNodeName: "childNodeName", template: "template", childPadding: "childPadding" }, host: { properties: { "class.tree__item-container": "this.treeItemClass", "@treeItemInstance": "this.treeItemInstance" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n  <ng-container\n    *ngTemplateOutlet=\"template; context: {$implicit: item, item: item, open: itemIsOpen, service: service, depth: depth}\"></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('treeItemInstance', [
                 transition('void => *', [
                     style({ opacity: '0' }),
@@ -53,7 +53,7 @@ export class TreeItemComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TreeItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-tree-item', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('treeItemInstance', [

package/esm2022/component/tree/tree-item-toggle/tree-item-toggle.component.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ export class TreeItemToggleComponent {
             return found != null;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TreeItemToggleComponent, deps: [{ token: i1.TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TreeItemToggleComponent, isStandalone: true, selector: "teta-tree-item-toggle", inputs: { item: "item" }, ngImport: i0, template: "<teta-icon [name]=\"(open | async) ? 'arrowDownKey' : 'arrowRightKey'\"\n           class=\"tree__icon\"></teta-icon>\n", styles: [":host{display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeItemToggleComponent, deps: [{ token: i1.TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TreeItemToggleComponent, isStandalone: true, selector: "teta-tree-item-toggle", inputs: { item: "item" }, ngImport: i0, template: "<teta-icon [name]=\"(open | async) ? 'arrowDownKey' : 'arrowRightKey'\"\n           class=\"tree__icon\"></teta-icon>\n", styles: [":host{display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TreeItemToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeItemToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-tree-item-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent, AsyncPipe], template: "<teta-icon [name]=\"(open | async) ? 'arrowDownKey' : 'arrowRightKey'\"\n           class=\"tree__icon\"></teta-icon>\n", styles: [":host{display:inline-flex;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.TreeService }, { type: i0.ChangeDetectorRef }], propDecorators: { item: [{