npm - @tetacom/ng-components - Versions diffs - 1.2.0 → 1.2.1 - Mend

@tetacom/ng-components 1.2.0 → 1.2.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 (143) hide show

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

@@ -163,10 +163,10 @@ export class TableBodyComponent {
             ? accum
             : current.data[columnName], null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", 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.1.3", 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 *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</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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 *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</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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TableBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", 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.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: FilterDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", 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.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MainDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", 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.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TableHeadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", 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.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: VisibilityDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", 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.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TableHeadGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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/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.1.3", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: TabContentDirective, isStandalone: true, selector: "[tetaTabContent]", ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TabContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: TabTitleDirective, isStandalone: true, selector: "[tetaTabTitle]", ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TabTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaTabTitle]',

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

@@ -48,10 +48,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.1.3", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: TabsComponent, isStandalone: true, selector: "teta-tabs", inputs: { activeId: "activeId", destroyOnHide: "destroyOnHide" }, outputs: { tabChange: "tabChange" }, host: { properties: { "class.tabs": "this.classTabs" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div class=\"tabs-head\" role=\"tablist\">\n  @for (tab of tabs; track tab) {\n    <div class=\"tabs-head-item\"\n      (click)=\"select(tab.id);\"\n      [class.tabs-head-item_active]=\"tab.id === activeId\"\n      [class.tabs-head-item_disabled]=\"tab.disabled\">\n      <span [id]=\"tab.id\" 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        {{tab.title}}\n        <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n      </span>\n    </div>\n  }\n  <ng-content></ng-content>\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) {\n    @if (!destroyOnHide || tab.id === activeId) {\n      <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n    }\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: "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", destroyOnHide: "destroyOnHide" }, outputs: { tabChange: "tabChange" }, host: { properties: { "class.tabs": "this.classTabs" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div class=\"tabs-head\" role=\"tablist\">\n  @for (tab of tabs; track tab) {\n    <div class=\"tabs-head-item\"\n      (click)=\"select(tab.id);\"\n      [class.tabs-head-item_active]=\"tab.id === activeId\"\n      [class.tabs-head-item_disabled]=\"tab.disabled\">\n      <span [id]=\"tab.id\" 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        {{tab.title}}\n        <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n      </span>\n    </div>\n  }\n  <ng-content></ng-content>\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) {\n    @if (!destroyOnHide || tab.id === activeId) {\n      <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n    }\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-tabs', standalone: true, imports: [NgTemplateOutlet], template: "<div class=\"tabs-head\" role=\"tablist\">\n  @for (tab of tabs; track tab) {\n    <div class=\"tabs-head-item\"\n      (click)=\"select(tab.id);\"\n      [class.tabs-head-item_active]=\"tab.id === activeId\"\n      [class.tabs-head-item_disabled]=\"tab.disabled\">\n      <span [id]=\"tab.id\" 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        {{tab.title}}\n        <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n      </span>\n    </div>\n  }\n  <ng-content></ng-content>\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) {\n    @if (!destroyOnHide || tab.id === activeId) {\n      <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { classTabs: [{

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

@@ -15,10 +15,10 @@ export class ThemeSwitchComponent {
     switchTheme() {
         this._svc.switchTheme();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ThemeSwitchComponent, deps: [{ token: i1.ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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]=\"'lamp'\" [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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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]=\"'lamp'\" [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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ThemeSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ThemeSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-theme-switch', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, IconComponent], template: "<button type=\"button\" teta-button [palette]=\"palette\" [view]=\"view\" [square]=\"true\" (click)=\"switchTheme()\">\n  <teta-icon [name]=\"'lamp'\" [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.1.3", ngImport: i0, type: ThemeSwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ThemeSwitchService, providedIn: 'root' }); }
+    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' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ThemeSwitchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", 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.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", 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.1.3", 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: "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: [
             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.1.3", ngImport: i0, type: TreeItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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.1.3", 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.1.3", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TreeItemToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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: [{

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

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

package/esm2022/directive/auto-position/auto-position.directive.mjs CHANGED Viewed

@@ -51,10 +51,10 @@ export class AutoPositionDirective {
         const position = PositionUtil.getPosition(rect, targetRect, this.align, this.verticalAlign, 0, 0, parentPosition);
         PositionUtil.setElementPosition(target, position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: AutoPositionDirective, isStandalone: true, selector: "[tetaAutoPosition]", inputs: { align: "align", verticalAlign: "verticalAlign" }, host: { properties: { "style.position": "this.fixed" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: AutoPositionDirective, isStandalone: true, selector: "[tetaAutoPosition]", inputs: { align: "align", verticalAlign: "verticalAlign" }, host: { properties: { "style.position": "this.fixed" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutoPositionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AutoPositionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaAutoPosition]',

package/esm2022/directive/click-outside/click-outside.directive.mjs CHANGED Viewed

@@ -47,10 +47,10 @@ export class ClickOutsideDirective {
         window.removeEventListener('click', this.listener);
         window.removeEventListener('contextmenu', this.listener);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: ClickOutsideDirective, isStandalone: true, selector: "[tetaClickOutside]", inputs: { rightClick: "rightClick", tetaClickOutside: "tetaClickOutside" }, outputs: { clickOutside: "clickOutside" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: ClickOutsideDirective, isStandalone: true, selector: "[tetaClickOutside]", inputs: { rightClick: "rightClick", tetaClickOutside: "tetaClickOutside" }, outputs: { clickOutside: "clickOutside" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaClickOutside]',

package/esm2022/directive/context-menu/context-menu.directive.mjs CHANGED Viewed

@@ -91,10 +91,10 @@ export class ContextMenuDirective extends DynamicContentBaseDirective {
         ];
         this.openChange.emit(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ContextMenuDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i1.DynamicComponentService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i2.ClickService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: ContextMenuDirective, isStandalone: true, selector: "[tetaContextMenu]", inputs: { tetaContextMenu: "tetaContextMenu", autoCloseIgnore: "autoCloseIgnore" }, host: { listeners: { "contextmenu": "showContent($event)", "click": "click($event)", "document:click": "documentClick($event)", "document:contextmenu": "documentClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ContextMenuDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i1.DynamicComponentService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i2.ClickService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: ContextMenuDirective, isStandalone: true, selector: "[tetaContextMenu]", inputs: { tetaContextMenu: "tetaContextMenu", autoCloseIgnore: "autoCloseIgnore" }, host: { listeners: { "contextmenu": "showContent($event)", "click": "click($event)", "document:click": "documentClick($event)", "document:contextmenu": "documentClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ContextMenuDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ContextMenuDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaContextMenu]',

package/esm2022/directive/disable-control/disable-control.directive.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ export class DisableControlDirective {
     constructor(ngControl) {
         this.ngControl = ngControl;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DisableControlDirective, deps: [{ token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: DisableControlDirective, isStandalone: true, selector: "[tetaDisableControl]", inputs: { tetaDisableControl: "tetaDisableControl" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DisableControlDirective, deps: [{ token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: DisableControlDirective, isStandalone: true, selector: "[tetaDisableControl]", inputs: { tetaDisableControl: "tetaDisableControl" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DisableControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DisableControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDisableControl]',

package/esm2022/directive/drag-drop/drag-container.directive.mjs CHANGED Viewed

@@ -51,10 +51,10 @@ export class DragContainerDirective {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DragContainerDirective, deps: [{ token: i1.DragDropService }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: DragContainerDirective, isStandalone: true, selector: "[tetaDragContainer]", inputs: { data: ["tetaDragContainer", "data"], multiple: "multiple", allowDrop: "allowDrop" }, outputs: { tetaDrop: "tetaDrop", tetaDragEnter: "tetaDragEnter" }, host: { listeners: { "mouseleave": "mouseleave($event)", "mouseover": "mouseover($event)", "window:keydown.escape": "escape($event)" }, properties: { "class.teta-drag-container": "\"true\"", "class.teta-drop-target": "isDropTarget" } }, queries: [{ propertyName: "_previewTemplate", first: true, predicate: DragPreviewDirective, descendants: true, static: true }], exportAs: ["dragContainer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DragContainerDirective, deps: [{ token: i1.DragDropService }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: DragContainerDirective, isStandalone: true, selector: "[tetaDragContainer]", inputs: { data: ["tetaDragContainer", "data"], multiple: "multiple", allowDrop: "allowDrop" }, outputs: { tetaDrop: "tetaDrop", tetaDragEnter: "tetaDragEnter" }, host: { listeners: { "mouseleave": "mouseleave($event)", "mouseover": "mouseover($event)", "window:keydown.escape": "escape($event)" }, properties: { "class.teta-drag-container": "\"true\"", "class.teta-drop-target": "isDropTarget" } }, queries: [{ propertyName: "_previewTemplate", first: true, predicate: DragPreviewDirective, descendants: true, static: true }], exportAs: ["dragContainer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DragContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DragContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDragContainer]',

package/esm2022/directive/drag-drop/drag-drop.service.mjs CHANGED Viewed

@@ -127,10 +127,10 @@ export class DragDropService {
             this._preview = this._previewRef = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DragDropService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DragDropService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DragDropService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DragDropService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DragDropService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DragDropService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'