ngx-tethys 17.0.0 → 17.0.2

package/fesm2022/ngx-tethys-table.mjs

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i2 from 'ngx-tethys/core';
-import { InputBoolean, InputCssPixel, mixinUnsubscribe, MixinBase, UpdateHostClassService, InputNumber } from 'ngx-tethys/core';
-import { coerceCssPixelValue, isArray, isObject, coerceBooleanProperty, get, isString, set, helpers, keyBy } from 'ngx-tethys/util';
+import { InputCssPixel, mixinUnsubscribe, MixinBase, UpdateHostClassService } from 'ngx-tethys/core';
+import { coerceCssPixelValue, isArray, isObject, get, isString, set, helpers, keyBy } from 'ngx-tethys/util';
 import { merge, fromEvent, EMPTY, of, Observable } from 'rxjs';
 import { delay, takeUntil, startWith, switchMap } from 'rxjs/operators';
 import { moveItemInArray, CdkDropList, CdkDrag, DragDropModule } from '@angular/cdk/drag-drop';
@@ -9,7 +9,7 @@ import * as i1 from '@angular/cdk/overlay';
 import { normalizePassiveListenerOptions } from '@angular/cdk/platform';
 import { NgFor, NgClass, NgIf, NgTemplateOutlet, isPlatformServer, DOCUMENT, NgStyle, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, TemplateRef, Component, ViewEncapsulation, Optional, Inject, Input, Output, ContentChild, Pipe, ChangeDetectionStrategy, ViewChild, PLATFORM_ID, ElementRef, ViewChildren, HostBinding, ContentChildren, NgModule } from '@angular/core';
+import { InjectionToken, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, Optional, Inject, Input, Output, ContentChild, Pipe, ChangeDetectionStrategy, ViewChild, PLATFORM_ID, numberAttribute, ElementRef, ViewChildren, HostBinding, ContentChildren, NgModule } from '@angular/core';
 import { ThyPagination, ThyPaginationModule } from 'ngx-tethys/pagination';
 import { ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonModule } from 'ngx-tethys/skeleton';
 import { ThyViewOutletDirective, ThyDragDropDirective, ThyContextMenuDirective, ThySharedModule } from 'ngx-tethys/shared';
@@ -153,29 +153,8 @@ class ThyTableColumnComponent {
         return '[$$column]' + Math.random().toString(16).slice(2, 10);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyTableColumnComponent, deps: [{ token: i0.ElementRef }, { token: THY_TABLE_COLUMN_PARENT_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyTableColumnComponent, isStandalone: true, selector: "thy-table-column", inputs: { model: ["thyModelKey", "model"], title: ["thyTitle", "title"], type: ["thyType", "type"], thyWidth: "thyWidth", thyMinWidth: "thyMinWidth", className: ["thyClassName", "className"], headerClassName: ["thyHeaderClassName", "headerClassName"], disabled: ["thyDisabled", "disabled"], selections: ["thySelections", "selections"], defaultText: ["thyDefaultText", "defaultText"], expand: ["thyExpand", "expand"], thySortable: "thySortable", sortDirection: ["thySortDirection", "sortDirection"], fixed: ["thyFixed", "fixed"], operational: ["thyOperational", "operational"], secondary: ["thySecondary", "secondary"] }, outputs: { sortChange: "thySortChange" }, queries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "cellTemplateRef", first: true, predicate: ["cell"], descendants: true, static: true }, { propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyTableColumnComponent, isStandalone: true, selector: "thy-table-column", inputs: { model: ["thyModelKey", "model"], title: ["thyTitle", "title"], type: ["thyType", "type"], thyWidth: "thyWidth", thyMinWidth: "thyMinWidth", className: ["thyClassName", "className"], headerClassName: ["thyHeaderClassName", "headerClassName"], disabled: ["thyDisabled", "disabled", booleanAttribute], selections: ["thySelections", "selections"], defaultText: ["thyDefaultText", "defaultText"], expand: ["thyExpand", "expand", booleanAttribute], thySortable: ["thySortable", "thySortable", booleanAttribute], sortDirection: ["thySortDirection", "sortDirection"], fixed: ["thyFixed", "fixed"], operational: ["thyOperational", "operational", booleanAttribute], secondary: ["thySecondary", "secondary", booleanAttribute] }, outputs: { sortChange: "thySortChange" }, queries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "cellTemplateRef", first: true, predicate: ["cell"], descendants: true, static: true }, { propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], ThyTableColumnComponent.prototype, "disabled", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], ThyTableColumnComponent.prototype, "expand", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], ThyTableColumnComponent.prototype, "thySortable", null);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], ThyTableColumnComponent.prototype, "operational", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], ThyTableColumnComponent.prototype, "secondary", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyTableColumnComponent, decorators: [{
             type: Component,
             args: [{
@@ -210,7 +189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                 args: ['thyHeaderClassName']
             }], disabled: [{
                 type: Input,
-                args: ['thyDisabled']
+                args: [{ alias: 'thyDisabled', transform: booleanAttribute }]
             }], selections: [{
                 type: Input,
                 args: ['thySelections']
@@ -219,9 +198,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                 args: ['thyDefaultText']
             }], expand: [{
                 type: Input,
-                args: ['thyExpand']
+                args: [{ alias: 'thyExpand', transform: booleanAttribute }]
             }], thySortable: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], sortDirection: [{
                 type: Input,
                 args: ['thySortDirection']
@@ -230,10 +210,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                 args: ['thyFixed']
             }], operational: [{
                 type: Input,
-                args: ['thyOperational']
+                args: [{ alias: 'thyOperational', transform: booleanAttribute }]
             }], secondary: [{
                 type: Input,
-                args: ['thySecondary']
+                args: [{ alias: 'thySecondary', transform: booleanAttribute }]
             }], sortChange: [{
                 type: Output,
                 args: ['thySortChange']
@@ -392,7 +372,7 @@ class ThyTableSkeleton {
         this.cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyTableSkeleton, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyTableSkeleton, isStandalone: true, selector: "thy-table-skeleton", inputs: { thyBorderRadius: "thyBorderRadius", thyRowHeight: "thyRowHeight", thyAnimated: "thyAnimated", thyAnimatedInterval: "thyAnimatedInterval", thyPrimaryColor: "thyPrimaryColor", thySecondaryColor: "thySecondaryColor", thyRowCount: "thyRowCount", thyHeadless: "thyHeadless", thyTheme: "thyTheme", thySize: "thySize", thyMinWidth: "thyMinWidth", thyColumns: "thyColumns" }, host: { classAttribute: "thy-table-skeleton" }, viewQueries: [{ propertyName: "titleTemplate", first: true, predicate: ["titleTemplate"], descendants: true }, { propertyName: "memberTemplate", first: true, predicate: ["memberTemplate"], descendants: true }, { propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true }, { propertyName: "checkboxTemplate", first: true, predicate: ["checkboxTemplate"], descendants: true }], ngImport: i0, template: "<table [ngClass]=\"tableClassMap\" [style.min-width]=\"thyMinWidth\">\n  <colgroup>\n    <col *ngFor=\"let column of columns; trackBy: trackByFn\" [width]=\"column.width\" />\n  </colgroup>\n  <ng-container *ngIf=\"!thyHeadless\">\n    <thead>\n      <tr>\n        <th *ngFor=\"let column of columns; trackBy: trackByFn\">\n          <thy-skeleton-rectangle\n            [thyRowWidth]=\"column?.type === columnType.checkbox ? checkboxWidth : titleWidth\"\n            [thyRowHeight]=\"titleHeight\"\n            [thyBorderRadius]=\"thyBorderRadius\"\n            [thyAnimated]=\"thyAnimated\"\n            [thyAnimatedInterval]=\"thyAnimatedInterval\"\n            [thyPrimaryColor]=\"thyTheme === 'bordered' || thyTheme === 'boxed' ? '#eee' : thyPrimaryColor\"\n            [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-rectangle>\n        </th>\n      </tr>\n    </thead>\n  </ng-container>\n  <tbody>\n    <ng-container *ngFor=\"let item of rowCount; let i = index\">\n      <tr>\n        <ng-container *ngFor=\"let column of columns; trackBy: trackByFn\">\n          <td>\n            <ng-container\n              *thyViewOutlet=\"\n              skeletonColumnsMap[column.type] || defaultTemplate\n              context:{\n                  trIndex: i,\n              }\n            \">\n            </ng-container>\n          </td>\n        </ng-container>\n      </tr>\n    </ng-container>\n  </tbody>\n</table>\n\n<ng-template #titleTemplate let-trIndex=\"trIndex\">\n  <div class=\"d-flex align-items-center\">\n    <thy-skeleton-rectangle\n      class=\"mr-2 flex-shrink-0\"\n      [thyRowWidth]=\"checkboxWidth\"\n      [thyRowHeight]=\"thyRowHeight\"\n      [thyBorderRadius]=\"thyBorderRadius\"\n      [thyAnimated]=\"thyAnimated\"\n      [thyAnimatedInterval]=\"thyAnimatedInterval\"\n      [thyPrimaryColor]=\"thyPrimaryColor\"\n      [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-rectangle>\n\n    <ng-container\n      *thyViewOutlet=\"defaultTemplate;\n      context:{\n        rowWidth: trIndex % 3 === 0 ? '75%' : trIndex % 3 === 1 ? '100%' : trIndex % 3 === 2 ? '65%' : '',\n      }\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #checkboxTemplate>\n  <thy-skeleton-rectangle\n    [thyRowWidth]=\"checkboxWidth\"\n    [thyRowHeight]=\"thyRowHeight\"\n    [thyBorderRadius]=\"thyBorderRadius\"\n    [thyAnimated]=\"thyAnimated\"\n    [thyAnimatedInterval]=\"thyAnimatedInterval\"\n    [thyPrimaryColor]=\"thyPrimaryColor\"\n    [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-rectangle>\n</ng-template>\n\n<ng-template #memberTemplate>\n  <div class=\"d-flex align-items-center\">\n    <thy-skeleton-circle\n      class=\"mr-2 flex-shrink-0\"\n      [thySize]=\"avatarSize\"\n      [thyAnimated]=\"thyAnimated\"\n      [thyAnimatedInterval]=\"thyAnimatedInterval\"\n      [thyPrimaryColor]=\"thyPrimaryColor\"\n      [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-circle>\n\n    <ng-container *thyViewOutlet=\"defaultTemplate\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #defaultTemplate let-rowWidth=\"rowWidth\">\n  <thy-skeleton-rectangle\n    [thyRowWidth]=\"rowWidth\"\n    [thyRowHeight]=\"thyRowHeight\"\n    [thyBorderRadius]=\"thyBorderRadius\"\n    [thyAnimated]=\"thyAnimated\"\n    [thyAnimatedInterval]=\"thyAnimatedInterval\"\n    [thyPrimaryColor]=\"thyPrimaryColor\"\n    [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-rectangle>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ThyViewOutletDirective, selector: "[thyViewOutlet]", inputs: ["thyViewOutlet", "thyViewOutletContext"] }, { kind: "component", type: ThySkeletonRectangle, selector: "thy-skeleton-rectangle", inputs: ["thyAnimated", "thyAnimatedInterval", "thyBorderRadius", "thyRowWidth", "thyRowHeight", "thyPrimaryColor", "thySecondaryColor"] }, { kind: "component", type: ThySkeletonCircle, selector: "thy-skeleton-circle", inputs: ["thyAnimatedInterval", "thySize", "thyPrimaryColor", "thySecondaryColor", "thyAnimated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyTableSkeleton, isStandalone: true, selector: "thy-table-skeleton", inputs: { thyBorderRadius: "thyBorderRadius", thyRowHeight: "thyRowHeight", thyAnimated: ["thyAnimated", "thyAnimated", booleanAttribute], thyAnimatedInterval: "thyAnimatedInterval", thyPrimaryColor: "thyPrimaryColor", thySecondaryColor: "thySecondaryColor", thyRowCount: "thyRowCount", thyHeadless: ["thyHeadless", "thyHeadless", booleanAttribute], thyTheme: "thyTheme", thySize: "thySize", thyMinWidth: "thyMinWidth", thyColumns: "thyColumns" }, host: { classAttribute: "thy-table-skeleton" }, viewQueries: [{ propertyName: "titleTemplate", first: true, predicate: ["titleTemplate"], descendants: true }, { propertyName: "memberTemplate", first: true, predicate: ["memberTemplate"], descendants: true }, { propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true }, { propertyName: "checkboxTemplate", first: true, predicate: ["checkboxTemplate"], descendants: true }], ngImport: i0, template: "<table [ngClass]=\"tableClassMap\" [style.min-width]=\"thyMinWidth\">\n  <colgroup>\n    <col *ngFor=\"let column of columns; trackBy: trackByFn\" [width]=\"column.width\" />\n  </colgroup>\n  <ng-container *ngIf=\"!thyHeadless\">\n    <thead>\n      <tr>\n        <th *ngFor=\"let column of columns; trackBy: trackByFn\">\n          <thy-skeleton-rectangle\n            [thyRowWidth]=\"column?.type === columnType.checkbox ? checkboxWidth : titleWidth\"\n            [thyRowHeight]=\"titleHeight\"\n            [thyBorderRadius]=\"thyBorderRadius\"\n            [thyAnimated]=\"thyAnimated\"\n            [thyAnimatedInterval]=\"thyAnimatedInterval\"\n            [thyPrimaryColor]=\"thyTheme === 'bordered' || thyTheme === 'boxed' ? '#eee' : thyPrimaryColor\"\n            [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-rectangle>\n        </th>\n      </tr>\n    </thead>\n  </ng-container>\n  <tbody>\n    <ng-container *ngFor=\"let item of rowCount; let i = index\">\n      <tr>\n        <ng-container *ngFor=\"let column of columns; trackBy: trackByFn\">\n          <td>\n            <ng-container\n              *thyViewOutlet=\"\n              skeletonColumnsMap[column.type] || defaultTemplate\n              context:{\n                  trIndex: i,\n              }\n            \">\n            </ng-container>\n          </td>\n        </ng-container>\n      </tr>\n    </ng-container>\n  </tbody>\n</table>\n\n<ng-template #titleTemplate let-trIndex=\"trIndex\">\n  <div class=\"d-flex align-items-center\">\n    <thy-skeleton-rectangle\n      class=\"mr-2 flex-shrink-0\"\n      [thyRowWidth]=\"checkboxWidth\"\n      [thyRowHeight]=\"thyRowHeight\"\n      [thyBorderRadius]=\"thyBorderRadius\"\n      [thyAnimated]=\"thyAnimated\"\n      [thyAnimatedInterval]=\"thyAnimatedInterval\"\n      [thyPrimaryColor]=\"thyPrimaryColor\"\n      [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-rectangle>\n\n    <ng-container\n      *thyViewOutlet=\"defaultTemplate;\n      context:{\n        rowWidth: trIndex % 3 === 0 ? '75%' : trIndex % 3 === 1 ? '100%' : trIndex % 3 === 2 ? '65%' : '',\n      }\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #checkboxTemplate>\n  <thy-skeleton-rectangle\n    [thyRowWidth]=\"checkboxWidth\"\n    [thyRowHeight]=\"thyRowHeight\"\n    [thyBorderRadius]=\"thyBorderRadius\"\n    [thyAnimated]=\"thyAnimated\"\n    [thyAnimatedInterval]=\"thyAnimatedInterval\"\n    [thyPrimaryColor]=\"thyPrimaryColor\"\n    [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-rectangle>\n</ng-template>\n\n<ng-template #memberTemplate>\n  <div class=\"d-flex align-items-center\">\n    <thy-skeleton-circle\n      class=\"mr-2 flex-shrink-0\"\n      [thySize]=\"avatarSize\"\n      [thyAnimated]=\"thyAnimated\"\n      [thyAnimatedInterval]=\"thyAnimatedInterval\"\n      [thyPrimaryColor]=\"thyPrimaryColor\"\n      [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-circle>\n\n    <ng-container *thyViewOutlet=\"defaultTemplate\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #defaultTemplate let-rowWidth=\"rowWidth\">\n  <thy-skeleton-rectangle\n    [thyRowWidth]=\"rowWidth\"\n    [thyRowHeight]=\"thyRowHeight\"\n    [thyBorderRadius]=\"thyBorderRadius\"\n    [thyAnimated]=\"thyAnimated\"\n    [thyAnimatedInterval]=\"thyAnimatedInterval\"\n    [thyPrimaryColor]=\"thyPrimaryColor\"\n    [thySecondaryColor]=\"thySecondaryColor\"></thy-skeleton-rectangle>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ThyViewOutletDirective, selector: "[thyViewOutlet]", inputs: ["thyViewOutlet", "thyViewOutletContext"] }, { kind: "component", type: ThySkeletonRectangle, selector: "thy-skeleton-rectangle", inputs: ["thyAnimated", "thyAnimatedInterval", "thyBorderRadius", "thyRowWidth", "thyRowHeight", "thyPrimaryColor", "thySecondaryColor"] }, { kind: "component", type: ThySkeletonCircle, selector: "thy-skeleton-circle", inputs: ["thyAnimatedInterval", "thySize", "thyPrimaryColor", "thySecondaryColor", "thyAnimated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputCssPixel(),
@@ -402,14 +382,6 @@ __decorate([
     InputCssPixel(),
     __metadata("design:type", Object)
 ], ThyTableSkeleton.prototype, "thyRowHeight", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean)
-], ThyTableSkeleton.prototype, "thyAnimated", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], ThyTableSkeleton.prototype, "thyHeadless", void 0);
 __decorate([
     InputCssPixel(),
     __metadata("design:type", Object)
@@ -436,7 +408,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyRowHeight: [{
                 type: Input
             }], thyAnimated: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyAnimatedInterval: [{
                 type: Input
             }], thyPrimaryColor: [{
@@ -446,7 +419,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyRowCount: [{
                 type: Input
             }], thyHeadless: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyTheme: [{
                 type: Input
             }], thySize: [{
@@ -598,7 +572,7 @@ class ThyTable extends _MixinBase {
      * @default false
      */
     set thyDraggable(value) {
-        this.draggable = coerceBooleanProperty(value);
+        this.draggable = value;
         if ((typeof ngDevMode === 'undefined' || ngDevMode) && this.draggable && this.mode === 'tree') {
             throw new Error('Tree mode sorting is not supported');
         }
@@ -1230,7 +1204,7 @@ class ThyTable extends _MixinBase {
         this._destroyInvalidAttribute();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyTable, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i1.ViewportRuler }, { token: i2.UpdateHostClassService }, { token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ThyTable, isStandalone: true, selector: "thy-table", inputs: { thyMode: "thyMode", thyGroupBy: "thyGroupBy", thyRowKey: "thyRowKey", thyGroups: "thyGroups", thyModel: "thyModel", thyTheme: "thyTheme", thySize: "thySize", thyMinWidth: "thyMinWidth", thyLayoutFixed: "thyLayoutFixed", thyHeaderFixed: "thyHeaderFixed", thyHeight: "thyHeight", thyClassName: "thyClassName", thyRowClassName: "thyRowClassName", thyLoadingDone: "thyLoadingDone", thyLoadingText: "thyLoadingText", thyEmptyOptions: "thyEmptyOptions", thyDraggable: "thyDraggable", thyPageIndex: "thyPageIndex", thyPageSize: "thyPageSize", thyPageTotal: "thyPageTotal", thyWholeRowSelect: "thyWholeRowSelect", thyHeadless: "thyHeadless", thyShowHeader: "thyShowHeader", showTotal: ["thyShowTotal", "showTotal"], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger"], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], thyIndent: "thyIndent", thyChildrenKey: "thyChildrenKey", thyHoverDisplayOperation: "thyHoverDisplayOperation", thyDragDisabledPredicate: "thyDragDisabledPredicate", thyColumnSkeletonTypes: "thyColumnSkeletonTypes" }, outputs: { thyOnSwitchChange: "thyOnSwitchChange", thyOnPageChange: "thyOnPageChange", thyOnPageIndexChange: "thyOnPageIndexChange", thyOnPageSizeChange: "thyOnPageSizeChange", thyOnMultiSelectChange: "thyOnMultiSelectChange", thyOnRadioSelectChange: "thyOnRadioSelectChange", thyOnDraggableChange: "thyOnDraggableChange", thyOnRowClick: "thyOnRowClick", thySortChange: "thySortChange", thyOnRowContextMenu: "thyOnRowContextMenu" }, host: { properties: { "class.thy-table-bordered": "theme === 'bordered'", "class.thy-table-boxed": "theme === 'boxed'", "class.thy-table-fixed-header": "thyHeaderFixed", "style.height": "this.thyHeight", "class.thy-table-hover-display-operation": "this.thyHoverDisplayOperation" }, classAttribute: "thy-table" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyTable, isStandalone: true, selector: "thy-table", inputs: { thyMode: "thyMode", thyGroupBy: "thyGroupBy", thyRowKey: "thyRowKey", thyGroups: "thyGroups", thyModel: "thyModel", thyTheme: "thyTheme", thySize: "thySize", thyMinWidth: "thyMinWidth", thyLayoutFixed: ["thyLayoutFixed", "thyLayoutFixed", booleanAttribute], thyHeaderFixed: ["thyHeaderFixed", "thyHeaderFixed", booleanAttribute], thyHeight: "thyHeight", thyClassName: "thyClassName", thyRowClassName: "thyRowClassName", thyLoadingDone: ["thyLoadingDone", "thyLoadingDone", booleanAttribute], thyLoadingText: "thyLoadingText", thyEmptyOptions: "thyEmptyOptions", thyDraggable: ["thyDraggable", "thyDraggable", booleanAttribute], thyPageIndex: ["thyPageIndex", "thyPageIndex", numberAttribute], thyPageSize: ["thyPageSize", "thyPageSize", numberAttribute], thyPageTotal: ["thyPageTotal", "thyPageTotal", numberAttribute], thyWholeRowSelect: ["thyWholeRowSelect", "thyWholeRowSelect", booleanAttribute], thyHeadless: ["thyHeadless", "thyHeadless", booleanAttribute], thyShowHeader: ["thyShowHeader", "thyShowHeader", booleanAttribute], showTotal: ["thyShowTotal", "showTotal", booleanAttribute], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger", booleanAttribute], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], thyIndent: ["thyIndent", "thyIndent", numberAttribute], thyChildrenKey: "thyChildrenKey", thyHoverDisplayOperation: ["thyHoverDisplayOperation", "thyHoverDisplayOperation", booleanAttribute], thyDragDisabledPredicate: "thyDragDisabledPredicate", thyColumnSkeletonTypes: "thyColumnSkeletonTypes" }, outputs: { thyOnSwitchChange: "thyOnSwitchChange", thyOnPageChange: "thyOnPageChange", thyOnPageIndexChange: "thyOnPageIndexChange", thyOnPageSizeChange: "thyOnPageSizeChange", thyOnMultiSelectChange: "thyOnMultiSelectChange", thyOnRadioSelectChange: "thyOnRadioSelectChange", thyOnDraggableChange: "thyOnDraggableChange", thyOnRowClick: "thyOnRowClick", thySortChange: "thySortChange", thyOnRowContextMenu: "thyOnRowContextMenu" }, host: { properties: { "class.thy-table-bordered": "theme === 'bordered'", "class.thy-table-boxed": "theme === 'boxed'", "class.thy-table-fixed-header": "thyHeaderFixed", "style.height": "this.thyHeight", "class.thy-table-hover-display-operation": "this.thyHoverDisplayOperation" }, classAttribute: "thy-table" }, providers: [
             {
                 provide: THY_TABLE_COLUMN_PARENT_COMPONENT,
                 useExisting: ThyTable
@@ -1242,73 +1216,10 @@ __decorate([
     InputCssPixel(),
     __metadata("design:type", Object)
 ], ThyTable.prototype, "thyMinWidth", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean)
-], ThyTable.prototype, "thyLayoutFixed", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean)
-], ThyTable.prototype, "thyHeaderFixed", void 0);
 __decorate([
     InputCssPixel(),
     __metadata("design:type", String)
 ], ThyTable.prototype, "thyHeight", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], ThyTable.prototype, "thyLoadingDone", null);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], ThyTable.prototype, "thyDraggable", null);
-__decorate([
-    InputNumber(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], ThyTable.prototype, "thyPageIndex", null);
-__decorate([
-    InputNumber(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], ThyTable.prototype, "thyPageSize", null);
-__decorate([
-    InputNumber(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], ThyTable.prototype, "thyPageTotal", null);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], ThyTable.prototype, "thyWholeRowSelect", null);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], ThyTable.prototype, "thyHeadless", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], ThyTable.prototype, "thyShowHeader", null);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], ThyTable.prototype, "showTotal", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Object)
-], ThyTable.prototype, "showSizeChanger", void 0);
-__decorate([
-    InputNumber(),
-    __metadata("design:type", Object)
-], ThyTable.prototype, "thyIndent", void 0);
-__decorate([
-    InputBoolean(),
-    __metadata("design:type", Boolean)
-], ThyTable.prototype, "thyHoverDisplayOperation", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyTable, decorators: [{
             type: Component,
             args: [{ selector: 'thy-table', providers: [
@@ -1374,9 +1285,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyMinWidth: [{
                 type: Input
             }], thyLayoutFixed: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyHeaderFixed: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyHeight: [{
                 type: HostBinding,
                 args: ['style.height']
@@ -1387,43 +1300,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], thyRowClassName: [{
                 type: Input
             }], thyLoadingDone: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyLoadingText: [{
                 type: Input
             }], thyEmptyOptions: [{
                 type: Input
             }], thyDraggable: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyPageIndex: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], thyPageSize: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], thyPageTotal: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], thyWholeRowSelect: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyHeadless: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyShowHeader: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], showTotal: [{
                 type: Input,
-                args: ['thyShowTotal']
+                args: [{ alias: 'thyShowTotal', transform: booleanAttribute }]
             }], showSizeChanger: [{
                 type: Input,
-                args: ['thyShowSizeChanger']
+                args: [{ alias: 'thyShowSizeChanger', transform: booleanAttribute }]
             }], pageSizeOptions: [{
                 type: Input,
                 args: ['thyPageSizeOptions']
             }], thyIndent: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], thyChildrenKey: [{
                 type: Input
             }], thyHoverDisplayOperation: [{
                 type: HostBinding,
                 args: ['class.thy-table-hover-display-operation']
             }, {
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], thyDragDisabledPredicate: [{
                 type: Input
             }], thyColumnSkeletonTypes: [{