npm - @tetacom/ng-components - Versions diffs - 1.1.10 → 1.1.11 - Mend

@tetacom/ng-components 1.1.10 → 1.1.11

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 (253) hide show

package/esm2022/component/table/default/string-cell/string-cell.component.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, ViewChild, } from '@angular/core';
-import { CellComponentBase } from '../../base/cell-component-base';
 import { Align } from '../../../../common/enum/align.enum';
+import { CellComponentBase } from '../../base/cell-component-base';
 import * as i0 from "@angular/core";
 import * as i1 from "../../service/table.service";
 import * as i2 from "@angular/common";
@@ -16,9 +16,6 @@ export class StringCellComponent extends CellComponentBase {
         this.svc = svc;
         this.cdr = cdr;
     }
-    setValue() {
-        this.valueChanged();
-    }
     ngOnInit() {
         super.ngOnInit();
     }
@@ -27,27 +24,19 @@ export class StringCellComponent extends CellComponentBase {
             this.cdr.detectChanges();
             this.input.nativeElement?.focus();
             this.input.nativeElement?.select();
-            // this.cdr.detectChanges();
-            // this.input.nativeElement?.focus();
-            // this.input.nativeElement?.select();
-            // this.cdr.detectChanges();
-            // setTimeout(() => {
-            //   this.input.nativeElement?.focus();
-            //   this.input.nativeElement?.select();
-            // }, 0);
         }
     }
     stopEdit() {
         this.cdr.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: StringCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: StringCellComponent, selector: "teta-string-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n      class=\"cell-text\"\n      [tetaHint]=\"row[column.name]\"\n      [align]=\"align.auto\"\n      [appendToBody]=\"true\"\n      [overflownOnly]=\"true\"\n      [class.cell-text_disabled]=\"!editable\">\n  {{row[column.name]}}\n</span>\n<input #input\n       *ngIf=\"edit\"\n       type=\"text\"\n       class=\"input row_auto border-radius-0\"\n       (blur)=\"setValue()\"\n       [ngModel]=\"row[column.name]\"\n       (ngModelChange)=\"row[column.name]=$event\"/>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: i4.HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: StringCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: StringCellComponent, selector: "teta-string-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n      class=\"cell-text\"\n      [tetaHint]=\"row[column.name]\"\n      [align]=\"align.auto\"\n      [appendToBody]=\"true\"\n      [overflownOnly]=\"true\"\n      [class.cell-text_disabled]=\"!editable\">\n  {{control.value}}\n</span>\n<input #input\n       *ngIf=\"edit\"\n       type=\"text\"\n       class=\"input row_auto border-radius-0\"\n       [formControl]='control'/>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: StringCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: StringCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-string-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n      class=\"cell-text\"\n      [tetaHint]=\"row[column.name]\"\n      [align]=\"align.auto\"\n      [appendToBody]=\"true\"\n      [overflownOnly]=\"true\"\n      [class.cell-text_disabled]=\"!editable\">\n  {{row[column.name]}}\n</span>\n<input #input\n       *ngIf=\"edit\"\n       type=\"text\"\n       class=\"input row_auto border-radius-0\"\n       (blur)=\"setValue()\"\n       [ngModel]=\"row[column.name]\"\n       (ngModelChange)=\"row[column.name]=$event\"/>\n\n" }]
+            args: [{ selector: 'teta-string-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n      class=\"cell-text\"\n      [tetaHint]=\"row[column.name]\"\n      [align]=\"align.auto\"\n      [appendToBody]=\"true\"\n      [overflownOnly]=\"true\"\n      [class.cell-text_disabled]=\"!editable\">\n  {{control.value}}\n</span>\n<input #input\n       *ngIf=\"edit\"\n       type=\"text\"\n       class=\"input row_auto border-radius-0\"\n       [formControl]='control'/>\n\n" }]
         }], ctorParameters: function () { return [{ type: i1.TableService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: false }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLWNlbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC90YWJsZS9kZWZhdWx0L3N0cmluZy1jZWxsL3N0cmluZy1jZWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvdGFibGUvZGVmYXVsdC9zdHJpbmctY2VsbC9zdHJpbmctY2VsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFHVCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFHakUsT0FBTyxFQUFDLEtBQUssRUFBQyxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7QUFRekQsTUFBTSxPQUFPLG1CQUNYLFNBQVEsaUJBQW9CO0lBS0E7SUFBc0M7SUFIbEUsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUN1QixLQUFLLENBQWE7SUFFdkQsWUFBNEIsR0FBb0IsRUFBa0IsR0FBc0I7UUFDdEYsS0FBSyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQURVLFFBQUcsR0FBSCxHQUFHLENBQWlCO1FBQWtCLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBRXhGLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFUSxRQUFRO1FBQ2YsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxTQUFTLENBQUMsU0FBMkIsRUFBRSxJQUFvQjtRQUN6RCxJQUFJLFNBQVMsRUFBRSxNQUFNLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7WUFDMUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUNuQyw0QkFBNEI7WUFDNUIscUNBQXFDO1lBQ3JDLHNDQUFzQztZQUN0Qyw0QkFBNEI7WUFDNUIscUJBQXFCO1lBQ3JCLHVDQUF1QztZQUN2Qyx3Q0FBd0M7WUFDeEMsU0FBUztTQUNWO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7dUdBcENVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLCtLQ25CaEMsZ2hCQWlCQTs7MkZERWEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNO21JQU1WLEtBQUs7c0JBQXpDLFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBPbkluaXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NlbGxDb21wb25lbnRCYXNlfSBmcm9tICcuLi8uLi9iYXNlL2NlbGwtY29tcG9uZW50LWJhc2UnO1xuaW1wb3J0IHtUYWJsZVNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2UvdGFibGUuc2VydmljZSc7XG5pbXBvcnQge0lDZWxsQ29vcmRpbmF0ZXN9IGZyb20gJy4uLy4uL2NvbnRyYWN0L2ktY2VsbC1jb29yZGluYXRlcyc7XG5pbXBvcnQge0FsaWdufSBmcm9tICcuLi8uLi8uLi8uLi9jb21tb24vZW51bS9hbGlnbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGV0YS1zdHJpbmctY2VsbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdHJpbmctY2VsbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0cmluZy1jZWxsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdHJpbmdDZWxsQ29tcG9uZW50PFQ+XG4gIGV4dGVuZHMgQ2VsbENvbXBvbmVudEJhc2U8VD5cbiAgaW1wbGVtZW50cyBPbkluaXQge1xuICBhbGlnbiA9IEFsaWduO1xuICBAVmlld0NoaWxkKCdpbnB1dCcsIHtzdGF0aWM6IGZhbHNlfSkgaW5wdXQ6IEVsZW1lbnRSZWY7XG5cbiAgY29uc3RydWN0b3IocHVibGljIG92ZXJyaWRlIHN2YzogVGFibGVTZXJ2aWNlPFQ+LCBwdWJsaWMgb3ZlcnJpZGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKHN2YywgY2RyKTtcbiAgfVxuXG4gIHNldFZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWVDaGFuZ2VkKCk7XG4gIH1cblxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICB9XG5cbiAgc3RhcnRFZGl0KGluaXRpYXRvcjogSUNlbGxDb29yZGluYXRlcywgdHlwZTogJ2NlbGwnIHwgJ3JvdycpOiB2b2lkIHtcbiAgICBpZiAoaW5pdGlhdG9yPy5jb2x1bW4gPT09IHRoaXMuY29sdW1uLm5hbWUpIHtcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudD8uZm9jdXMoKTtcbiAgICAgIHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudD8uc2VsZWN0KCk7XG4gICAgICAvLyB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAvLyB0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQ/LmZvY3VzKCk7XG4gICAgICAvLyB0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQ/LnNlbGVjdCgpO1xuICAgICAgLy8gdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgLy8gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAvLyAgIHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudD8uZm9jdXMoKTtcbiAgICAgIC8vICAgdGhpcy5pbnB1dC5uYXRpdmVFbGVtZW50Py5zZWxlY3QoKTtcbiAgICAgIC8vIH0sIDApO1xuICAgIH1cbiAgfVxuXG4gIHN0b3BFZGl0KCk6IHZvaWQge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIiwiPHNwYW4gW3N0eWxlLmRpc3BsYXldPVwiZWRpdCA/ICdub25lJyA6ICdibG9jaydcIlxuICAgICAgY2xhc3M9XCJjZWxsLXRleHRcIlxuICAgICAgW3RldGFIaW50XT1cInJvd1tjb2x1bW4ubmFtZV1cIlxuICAgICAgW2FsaWduXT1cImFsaWduLmF1dG9cIlxuICAgICAgW2FwcGVuZFRvQm9keV09XCJ0cnVlXCJcbiAgICAgIFtvdmVyZmxvd25Pbmx5XT1cInRydWVcIlxuICAgICAgW2NsYXNzLmNlbGwtdGV4dF9kaXNhYmxlZF09XCIhZWRpdGFibGVcIj5cbiAge3tyb3dbY29sdW1uLm5hbWVdfX1cbjwvc3Bhbj5cbjxpbnB1dCAjaW5wdXRcbiAgICAgICAqbmdJZj1cImVkaXRcIlxuICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICBjbGFzcz1cImlucHV0IHJvd19hdXRvIGJvcmRlci1yYWRpdXMtMFwiXG4gICAgICAgKGJsdXIpPVwic2V0VmFsdWUoKVwiXG4gICAgICAgW25nTW9kZWxdPVwicm93W2NvbHVtbi5uYW1lXVwiXG4gICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwicm93W2NvbHVtbi5uYW1lXT0kZXZlbnRcIi8+XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLWNlbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC90YWJsZS9kZWZhdWx0L3N0cmluZy1jZWxsL3N0cmluZy1jZWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvdGFibGUvZGVmYXVsdC9zdHJpbmctY2VsbC9zdHJpbmctY2VsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFHVCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7Ozs7QUFVbkUsTUFBTSxPQUFPLG1CQUNYLFNBQVEsaUJBQW9CO0lBT1Y7SUFDQTtJQUxsQixLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3lCLEtBQUssQ0FBYTtJQUV6RCxZQUNrQixHQUFvQixFQUNwQixHQUFzQjtRQUV0QyxLQUFLLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSEEsUUFBRyxHQUFILEdBQUcsQ0FBaUI7UUFDcEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFHeEMsQ0FBQztJQUVRLFFBQVE7UUFDZixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFNBQVMsQ0FBQyxTQUEyQixFQUFFLElBQW9CO1FBQ3pELElBQUksU0FBUyxFQUFFLE1BQU0sS0FBSyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRTtZQUMxQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7dUdBNUJVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLCtLQ3BCaEMsb2JBZUE7OzJGREthLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTttSUFPUixLQUFLO3NCQUEzQyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBbGlnbiB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbW1vbi9lbnVtL2FsaWduLmVudW0nO1xuaW1wb3J0IHsgQ2VsbENvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9iYXNlL2NlbGwtY29tcG9uZW50LWJhc2UnO1xuaW1wb3J0IHsgSUNlbGxDb29yZGluYXRlcyB9IGZyb20gJy4uLy4uL2NvbnRyYWN0L2ktY2VsbC1jb29yZGluYXRlcyc7XG5pbXBvcnQgeyBUYWJsZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlL3RhYmxlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZXRhLXN0cmluZy1jZWxsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0cmluZy1jZWxsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RyaW5nLWNlbGwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0cmluZ0NlbGxDb21wb25lbnQ8VD5cbiAgZXh0ZW5kcyBDZWxsQ29tcG9uZW50QmFzZTxUPlxuICBpbXBsZW1lbnRzIE9uSW5pdFxue1xuICBhbGlnbiA9IEFsaWduO1xuICBAVmlld0NoaWxkKCdpbnB1dCcsIHsgc3RhdGljOiBmYWxzZSB9KSBpbnB1dDogRWxlbWVudFJlZjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgb3ZlcnJpZGUgc3ZjOiBUYWJsZVNlcnZpY2U8VD4sXG4gICAgcHVibGljIG92ZXJyaWRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7XG4gICAgc3VwZXIoc3ZjLCBjZHIpO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgfVxuXG4gIHN0YXJ0RWRpdChpbml0aWF0b3I6IElDZWxsQ29vcmRpbmF0ZXMsIHR5cGU6ICdjZWxsJyB8ICdyb3cnKTogdm9pZCB7XG4gICAgaWYgKGluaXRpYXRvcj8uY29sdW1uID09PSB0aGlzLmNvbHVtbi5uYW1lKSB7XG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICB0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQ/LmZvY3VzKCk7XG4gICAgICB0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQ/LnNlbGVjdCgpO1xuICAgIH1cbiAgfVxuXG4gIHN0b3BFZGl0KCk6IHZvaWQge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIiwiPHNwYW4gW3N0eWxlLmRpc3BsYXldPVwiZWRpdCA/ICdub25lJyA6ICdibG9jaydcIlxuICAgICAgY2xhc3M9XCJjZWxsLXRleHRcIlxuICAgICAgW3RldGFIaW50XT1cInJvd1tjb2x1bW4ubmFtZV1cIlxuICAgICAgW2FsaWduXT1cImFsaWduLmF1dG9cIlxuICAgICAgW2FwcGVuZFRvQm9keV09XCJ0cnVlXCJcbiAgICAgIFtvdmVyZmxvd25Pbmx5XT1cInRydWVcIlxuICAgICAgW2NsYXNzLmNlbGwtdGV4dF9kaXNhYmxlZF09XCIhZWRpdGFibGVcIj5cbiAge3tjb250cm9sLnZhbHVlfX1cbjwvc3Bhbj5cbjxpbnB1dCAjaW5wdXRcbiAgICAgICAqbmdJZj1cImVkaXRcIlxuICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICBjbGFzcz1cImlucHV0IHJvd19hdXRvIGJvcmRlci1yYWRpdXMtMFwiXG4gICAgICAgW2Zvcm1Db250cm9sXT0nY29udHJvbCcvPlxuXG4iXX0=

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

@@ -164,10 +164,10 @@ export class HeadCellComponent {
     resizeEnd() {
         this._startPosition = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HeadCellComponent, deps: [{ token: i1.TableService }, { token: i0.ApplicationRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: HeadCellComponent, selector: "teta-head-cell", inputs: { column: "column", showHeadCellMenu: "showHeadCellMenu", data: "data" }, host: { listeners: { "dragenter": "dragenter($event)", "dragover": "allowDrop($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "class.table-head__cell_active": "this.dropDownOpen" } }, viewQueries: [{ propertyName: "mainTemplate", first: true, predicate: ["mainTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"row row_auto\">\n  <teta-dropdown [autoCloseIgnore]=\"['enter', 'inside']\"\n                 [verticalAlign]=\"verticalAlign.auto\"\n                 [appendToBody]=\"true\"\n                 [(open)]=\"dropDownOpen\"\n                 [align]=\"align.auto\"\n                 (click)=\"$event.preventDefault()\"\n                 [class.table-head__cell__menu_open]=\"dropDownOpen\"\n                 class=\"column column_auto justify-content-center\">\n    <div tetaDropdownHead\n         draggable=\"true\"\n         class=\"table-head__cell__wrapper\"\n         (dragstart)=\"dragstart($event)\"\n         [ngClass]=\"column.headCellClass\">\n      <teta-head-cell-host [column]=\"column\" [columns]=\"columns | async\" [data]=\"data\"></teta-head-cell-host>\n      <teta-icon *ngIf=\"iconName | async as icon\"\n                 [palette]=\"'text'\"\n                 [name]=\"icon\"></teta-icon>\n    </div>\n    <teta-head-cell-dropdown tetaDropdownContent\n                             *ngIf=\"showHeadCellMenu\"\n                             [tabTemplates]=\"tabTemplates\"\n                             [data]=\"data\"\n                             [column]=\"column\"\n                             [columns]=\"columns | async\"\n                             [state]=\"state | async\"\n                             [(dropDownOpen)]=\"dropDownOpen\"></teta-head-cell-dropdown>\n  </teta-dropdown>\n  <div class=\"drop-area\"\n       draggable=\"false\"\n       [class.drop-area_left]=\"showDrag === 'left'\"\n       [class.drop-area_right]=\"showDrag === 'right'\"\n       *ngIf=\"showDrag\"></div>\n</div>\n<div class=\"table-head__cell__resize\"\n     draggable=\"false\"\n     (dragstart)=\"$event.preventDefault();$event.stopPropagation()\"\n     (drag)=\"$event.preventDefault();$event.stopPropagation()\"\n     [tetaResizeDrag]=\"'vertical'\"\n     (resizeStart)=\"resizeStart($event)\"\n     (resizeProcess)=\"resizeProcess($event)\"\n     (resizeEnd)=\"resizeEnd()\">\n  <div class=\"table-head__cell__resize_drag\"></div>\n</div>\n<ng-template #mainTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-main-dropdown-tab [column]=\"column\"\n                          [state]=\"state\"\n                          [close]=\"close\"\n                          [headCellElementRef]=\"elementRef\"></teta-main-dropdown-tab>\n</ng-template>\n<ng-template #filterTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-filter-dropdown-tab [column]=\"column\"\n                            [state]=\"state\"\n                            [close]=\"close\"\n                            [data]=\"data\"></teta-filter-dropdown-tab>\n</ng-template>\n<ng-template #columnsTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-visibility-dropdown-tab [column]=\"column\"\n                                [columns]=\"columns\"\n                                [state]=\"state\"\n                                [close]=\"close\"\n                                [data]=\"data\"></teta-visibility-dropdown-tab>\n</ng-template>\n", styles: [".drop-area{position:absolute;width:1px;background:var(--color-text-50);top:0;bottom:0;z-index:10}.drop-area_left{left:-1px}.drop-area_right{right:-1px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: i4.DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: i5.DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: i6.DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "directive", type: i7.ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }, { kind: "component", type: i8.HeadCellHostComponent, selector: "teta-head-cell-host", inputs: ["column", "columns", "data"] }, { kind: "component", type: i9.HeadCellDropdownComponent, selector: "teta-head-cell-dropdown", inputs: ["columns", "column", "state", "data", "tabTemplates", "dropDownOpen"], outputs: ["dropDownOpenChange"] }, { kind: "component", type: i10.MainDropdownTabComponent, selector: "teta-main-dropdown-tab", inputs: ["columns", "column", "state", "data", "close", "headCellElementRef"] }, { kind: "component", type: i11.FilterDropdownTabComponent, selector: "teta-filter-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "component", type: i12.VisibilityDropdownTabComponent, selector: "teta-visibility-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: HeadCellComponent, deps: [{ token: i1.TableService }, { token: i0.ApplicationRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: HeadCellComponent, selector: "teta-head-cell", inputs: { column: "column", showHeadCellMenu: "showHeadCellMenu", data: "data" }, host: { listeners: { "dragenter": "dragenter($event)", "dragover": "allowDrop($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "class.table-head__cell_active": "this.dropDownOpen" } }, viewQueries: [{ propertyName: "mainTemplate", first: true, predicate: ["mainTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"row row_auto\">\n  <teta-dropdown [autoCloseIgnore]=\"['enter', 'inside']\"\n                 [verticalAlign]=\"verticalAlign.auto\"\n                 [appendToBody]=\"true\"\n                 [(open)]=\"dropDownOpen\"\n                 [align]=\"align.auto\"\n                 (click)=\"$event.preventDefault()\"\n                 [class.table-head__cell__menu_open]=\"dropDownOpen\"\n                 class=\"column column_auto justify-content-center\">\n    <div tetaDropdownHead\n         draggable=\"true\"\n         class=\"table-head__cell__wrapper\"\n         (dragstart)=\"dragstart($event)\"\n         [ngClass]=\"column.headCellClass\">\n      <teta-head-cell-host [column]=\"column\" [columns]=\"columns | async\" [data]=\"data\"></teta-head-cell-host>\n      <teta-icon *ngIf=\"iconName | async as icon\"\n                 [palette]=\"'text'\"\n                 [name]=\"icon\"></teta-icon>\n    </div>\n    <teta-head-cell-dropdown tetaDropdownContent\n                             *ngIf=\"showHeadCellMenu\"\n                             [tabTemplates]=\"tabTemplates\"\n                             [data]=\"data\"\n                             [column]=\"column\"\n                             [columns]=\"columns | async\"\n                             [state]=\"state | async\"\n                             [(dropDownOpen)]=\"dropDownOpen\"></teta-head-cell-dropdown>\n  </teta-dropdown>\n  <div class=\"drop-area\"\n       draggable=\"false\"\n       [class.drop-area_left]=\"showDrag === 'left'\"\n       [class.drop-area_right]=\"showDrag === 'right'\"\n       *ngIf=\"showDrag\"></div>\n</div>\n<div class=\"table-head__cell__resize\"\n     draggable=\"false\"\n     (dragstart)=\"$event.preventDefault();$event.stopPropagation()\"\n     (drag)=\"$event.preventDefault();$event.stopPropagation()\"\n     [tetaResizeDrag]=\"'vertical'\"\n     (resizeStart)=\"resizeStart($event)\"\n     (resizeProcess)=\"resizeProcess($event)\"\n     (resizeEnd)=\"resizeEnd()\">\n  <div class=\"table-head__cell__resize_drag\"></div>\n</div>\n<ng-template #mainTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-main-dropdown-tab [column]=\"column\"\n                          [state]=\"state\"\n                          [close]=\"close\"\n                          [headCellElementRef]=\"elementRef\"></teta-main-dropdown-tab>\n</ng-template>\n<ng-template #filterTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-filter-dropdown-tab [column]=\"column\"\n                            [state]=\"state\"\n                            [close]=\"close\"\n                            [data]=\"data\"></teta-filter-dropdown-tab>\n</ng-template>\n<ng-template #columnsTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-visibility-dropdown-tab [column]=\"column\"\n                                [columns]=\"columns\"\n                                [state]=\"state\"\n                                [close]=\"close\"\n                                [data]=\"data\"></teta-visibility-dropdown-tab>\n</ng-template>\n", styles: [".drop-area{position:absolute;width:1px;background:var(--color-text-50);top:0;bottom:0;z-index:10}.drop-area_left{left:-1px}.drop-area_right{right:-1px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: i4.DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: i5.DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: i6.DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "directive", type: i7.ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }, { kind: "component", type: i8.HeadCellHostComponent, selector: "teta-head-cell-host", inputs: ["column", "columns", "data"] }, { kind: "component", type: i9.HeadCellDropdownComponent, selector: "teta-head-cell-dropdown", inputs: ["columns", "column", "state", "data", "tabTemplates", "dropDownOpen"], outputs: ["dropDownOpenChange"] }, { kind: "component", type: i10.MainDropdownTabComponent, selector: "teta-main-dropdown-tab", inputs: ["columns", "column", "state", "data", "close", "headCellElementRef"] }, { kind: "component", type: i11.FilterDropdownTabComponent, selector: "teta-filter-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "component", type: i12.VisibilityDropdownTabComponent, selector: "teta-visibility-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HeadCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: HeadCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row row_auto\">\n  <teta-dropdown [autoCloseIgnore]=\"['enter', 'inside']\"\n                 [verticalAlign]=\"verticalAlign.auto\"\n                 [appendToBody]=\"true\"\n                 [(open)]=\"dropDownOpen\"\n                 [align]=\"align.auto\"\n                 (click)=\"$event.preventDefault()\"\n                 [class.table-head__cell__menu_open]=\"dropDownOpen\"\n                 class=\"column column_auto justify-content-center\">\n    <div tetaDropdownHead\n         draggable=\"true\"\n         class=\"table-head__cell__wrapper\"\n         (dragstart)=\"dragstart($event)\"\n         [ngClass]=\"column.headCellClass\">\n      <teta-head-cell-host [column]=\"column\" [columns]=\"columns | async\" [data]=\"data\"></teta-head-cell-host>\n      <teta-icon *ngIf=\"iconName | async as icon\"\n                 [palette]=\"'text'\"\n                 [name]=\"icon\"></teta-icon>\n    </div>\n    <teta-head-cell-dropdown tetaDropdownContent\n                             *ngIf=\"showHeadCellMenu\"\n                             [tabTemplates]=\"tabTemplates\"\n                             [data]=\"data\"\n                             [column]=\"column\"\n                             [columns]=\"columns | async\"\n                             [state]=\"state | async\"\n                             [(dropDownOpen)]=\"dropDownOpen\"></teta-head-cell-dropdown>\n  </teta-dropdown>\n  <div class=\"drop-area\"\n       draggable=\"false\"\n       [class.drop-area_left]=\"showDrag === 'left'\"\n       [class.drop-area_right]=\"showDrag === 'right'\"\n       *ngIf=\"showDrag\"></div>\n</div>\n<div class=\"table-head__cell__resize\"\n     draggable=\"false\"\n     (dragstart)=\"$event.preventDefault();$event.stopPropagation()\"\n     (drag)=\"$event.preventDefault();$event.stopPropagation()\"\n     [tetaResizeDrag]=\"'vertical'\"\n     (resizeStart)=\"resizeStart($event)\"\n     (resizeProcess)=\"resizeProcess($event)\"\n     (resizeEnd)=\"resizeEnd()\">\n  <div class=\"table-head__cell__resize_drag\"></div>\n</div>\n<ng-template #mainTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-main-dropdown-tab [column]=\"column\"\n                          [state]=\"state\"\n                          [close]=\"close\"\n                          [headCellElementRef]=\"elementRef\"></teta-main-dropdown-tab>\n</ng-template>\n<ng-template #filterTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-filter-dropdown-tab [column]=\"column\"\n                            [state]=\"state\"\n                            [close]=\"close\"\n                            [data]=\"data\"></teta-filter-dropdown-tab>\n</ng-template>\n<ng-template #columnsTemplate let-column=\"column\" let-columns=\"columns\" let-data=\"data\" let-state=\"state\"\n             let-close=\"close\">\n  <teta-visibility-dropdown-tab [column]=\"column\"\n                                [columns]=\"columns\"\n                                [state]=\"state\"\n                                [close]=\"close\"\n                                [data]=\"data\"></teta-visibility-dropdown-tab>\n</ng-template>\n", styles: [".drop-area{position:absolute;width:1px;background:var(--color-text-50);top:0;bottom:0;z-index:10}.drop-area_left{left:-1px}.drop-area_right{right:-1px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TableService }, { type: i0.ApplicationRef }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { column: [{

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

@@ -35,10 +35,10 @@ export class HeadCellDropdownComponent {
     trackIndex(index) {
         return index;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HeadCellDropdownComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: HeadCellDropdownComponent, selector: "teta-head-cell-dropdown", inputs: { columns: "columns", column: "column", state: "state", data: "data", tabTemplates: "tabTemplates", dropDownOpen: "dropDownOpen" }, outputs: { dropDownOpenChange: "dropDownOpenChange" }, ngImport: i0, template: "<teta-tabs class=\"column_auto\" *ngIf=\"dropDownOpen\">\n  <ng-container *ngFor=\"let tab of tabTemplates; trackBy: trackIndex\">\n    <teta-tab *ngIf=\"tab.showTab(column)\">\n      <ng-template tetaTabTitle>\n        <ng-container *ngIf=\"tab.icon\">\n          <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n        </ng-container>\n      </ng-template>\n      <ng-template tetaTabContent>\n        <ng-container\n          *ngTemplateOutlet=\"tab.template; context: {\n            column: column,\n            columns: columns,\n            data: data,\n            state: state,\n            close: closeDropdown\n          }\"></ng-container>\n      </ng-template>\n    </teta-tab>\n  </ng-container>\n</teta-tabs>\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: i5.TabContentDirective, selector: "[tetaTabContent]" }, { kind: "directive", type: i6.TabTitleDirective, selector: "[tetaTabTitle]" }, { kind: "component", type: i7.TabComponent, selector: "teta-tab", inputs: ["id", "title", "disabled"] }, { kind: "component", type: i8.TabsComponent, selector: "teta-tabs", inputs: ["activeId", "destroyOnHide"], outputs: ["tabChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: HeadCellDropdownComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: HeadCellDropdownComponent, selector: "teta-head-cell-dropdown", inputs: { columns: "columns", column: "column", state: "state", data: "data", tabTemplates: "tabTemplates", dropDownOpen: "dropDownOpen" }, outputs: { dropDownOpenChange: "dropDownOpenChange" }, ngImport: i0, template: "<teta-tabs class=\"column_auto\" *ngIf=\"dropDownOpen\">\n  <ng-container *ngFor=\"let tab of tabTemplates; trackBy: trackIndex\">\n    <teta-tab *ngIf=\"tab.showTab(column)\">\n      <ng-template tetaTabTitle>\n        <ng-container *ngIf=\"tab.icon\">\n          <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n        </ng-container>\n      </ng-template>\n      <ng-template tetaTabContent>\n        <ng-container\n          *ngTemplateOutlet=\"tab.template; context: {\n            column: column,\n            columns: columns,\n            data: data,\n            state: state,\n            close: closeDropdown\n          }\"></ng-container>\n      </ng-template>\n    </teta-tab>\n  </ng-container>\n</teta-tabs>\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: i5.TabContentDirective, selector: "[tetaTabContent]" }, { kind: "directive", type: i6.TabTitleDirective, selector: "[tetaTabTitle]" }, { kind: "component", type: i7.TabComponent, selector: "teta-tab", inputs: ["id", "title", "disabled"] }, { kind: "component", type: i8.TabsComponent, selector: "teta-tabs", inputs: ["activeId", "destroyOnHide"], outputs: ["tabChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HeadCellDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: HeadCellDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-head-cell-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<teta-tabs class=\"column_auto\" *ngIf=\"dropDownOpen\">\n  <ng-container *ngFor=\"let tab of tabTemplates; trackBy: trackIndex\">\n    <teta-tab *ngIf=\"tab.showTab(column)\">\n      <ng-template tetaTabTitle>\n        <ng-container *ngIf=\"tab.icon\">\n          <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n        </ng-container>\n      </ng-template>\n      <ng-template tetaTabContent>\n        <ng-container\n          *ngTemplateOutlet=\"tab.template; context: {\n            column: column,\n            columns: columns,\n            data: data,\n            state: state,\n            close: closeDropdown\n          }\"></ng-container>\n      </ng-template>\n    </teta-tab>\n  </ng-container>\n</teta-tabs>\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TableService }, { type: i2.TetaConfigService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { columns: [{

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

@@ -50,10 +50,10 @@ export class HeadCellHostComponent {
         this.componentRef.instance.data = this.data;
         this.init = true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HeadCellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: HeadCellHostComponent, selector: "teta-head-cell-host", inputs: { column: "column", columns: "columns", data: "data" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: HeadCellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: HeadCellHostComponent, selector: "teta-head-cell-host", inputs: { column: "column", columns: "columns", data: "data" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HeadCellHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: HeadCellHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-head-cell-host', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:contents}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { column: [{

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

@@ -34,10 +34,10 @@ export class SelectionCellComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SelectionCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: SelectionCellComponent, selector: "teta-selection-cell", inputs: { row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox [binary]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n               (ngModelChange)=\"selectRow($event)\"\n               (click)=\"$event.stopPropagation()\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SelectionCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: SelectionCellComponent, selector: "teta-selection-cell", inputs: { row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox [binary]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n               (ngModelChange)=\"selectRow($event)\"\n               (click)=\"$event.stopPropagation()\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SelectionCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SelectionCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-selection-cell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<teta-checkbox [binary]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n               (ngModelChange)=\"selectRow($event)\"\n               (click)=\"$event.stopPropagation()\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TableService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { row: [{

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

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