ngx-tethys 17.0.6 → 17.0.8

package/fesm2022/ngx-tethys-pagination.mjs

@@ -29,7 +29,8 @@ const PaginationDefaultConfig = {
     nextIcon: 'angle-right',
     totalPagesFormat: '共{total}页',
     showSizeChanger: false,
-    pageSizeOptions: [10, 20, 50, 100]
+    pageSizeOptions: [10, 20, 50, 100],
+    unit: '条'
 };
 const THY_PAGINATION_CONFIG = new InjectionToken('THY_PAGINATION_CONFIG', {
     providedIn: 'root',
@@ -168,6 +169,15 @@ class ThyPagination {
     set pageSizeOptions(value) {
         this.config.pageSizeOptions = value;
     }
+    /**
+     * 分页器单位
+     * @default 条
+     */
+    set unit(value) {
+        if (value) {
+            this.config.unit = value;
+        }
+    }
     constructor(paginationConfig, cdr) {
         this.paginationConfig = paginationConfig;
         this.cdr = cdr;
@@ -323,11 +333,11 @@ class ThyPagination {
         this.pageSizeChanged.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyPagination, deps: [{ token: THY_PAGINATION_CONFIG, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyPagination, isStandalone: true, selector: "thy-pagination", inputs: { thyPageIndex: ["thyPageIndex", "thyPageIndex", numberAttribute], thyPageSize: ["thyPageSize", "thyPageSize", numberAttribute], thyTotal: ["thyTotal", "thyTotal", numberAttribute], thyCustomPages: "thyCustomPages", disabled: ["thyDisabled", "disabled", booleanAttribute], showQuickJumper: ["thyShowQuickJumper", "showQuickJumper", booleanAttribute], showTotalPageCount: ["thyShowTotalPageCount", "showTotalPageCount", booleanAttribute], size: ["thySize", "size"], maxCount: ["thyMaxCount", "maxCount", numberAttribute], marginalCount: ["thyMarginalCount", "marginalCount", numberAttribute], thyRangeCount: ["thyRangeCount", "thyRangeCount", numberAttribute], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger", booleanAttribute], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], hideOnSinglePage: ["thyHideOnSinglePage", "hideOnSinglePage", booleanAttribute], showTotal: ["thyShowTotal", "showTotal"] }, outputs: { pageIndexChange: "thyPageIndexChange", pageChanged: "thyPageChanged", pageSizeChanged: "thyPageSizeChanged" }, host: { properties: { "class.thy-pagination": "this.isPaginationClass", "class.thy-pagination-has-total": "this.showTotal" } }, ngImport: i0, template: "<ng-container *ngIf=\"(hideOnSinglePage && total > pageSize) || !hideOnSinglePage\">\n  <div class=\"thy-pagination-total\" *ngIf=\"showTotal\">\n    <ng-container *ngIf=\"!isTemplateRef(showTotal); else totalTemplate\">\n      <ng-container *ngIf=\"total > 0\">\n        <div class=\"mr-3\">\n          \u7B2C<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>\u6761\n        </div>\n        <div>\n          \u5171<span class=\"number\"> {{ total }} </span>\u6761\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #totalTemplate>\n      <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n    </ng-template>\n  </div>\n  <div class=\"thy-pagination-content\">\n    <div class=\"thy-pagination-size\" *ngIf=\"config.showSizeChanger\">\n      <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n        <thy-option\n          class=\"page-size-option\"\n          *ngFor=\"let option of config.pageSizeOptions\"\n          [thyValue]=\"option\"\n          [thyLabelText]=\"option + ' \u6761/\u9875'\"></thy-option>\n      </thy-select>\n    </div>\n    <ul class=\"thy-pagination-pages\">\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(firstIndex)\">\n        <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.firstText\">{{ config.firstText }}</ng-container>\n          <ng-container *ngIf=\"config.firstIcon\">\n            <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex - 1)\">\n        <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.previousText\">{{ config.previousText }}</ng-container>\n          <ng-container *ngIf=\"config.previousIcon\">\n            <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item thy-page-number\"\n        [class.active]=\"page.active\"\n        [class.disabled]=\"disabled\"\n        (click)=\"selectPage(page.index)\"\n        *ngFor=\"let page of pages\">\n        <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n      </li>\n      <li\n        class=\"thy-page-item page-item-next\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex + 1)\">\n        <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.nextText\">{{ config.nextText }}</ng-container>\n          <ng-container *ngIf=\"config.nextIcon\">\n            <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(pageCount)\">\n        <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.lastText\">{{ config.lastText }}</ng-container>\n          <ng-container *ngIf=\"config.lastIcon\">\n            <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n    </ul>\n    <ng-container *ngIf=\"config.showTotalPageCount && config.totalPagesFormat\">\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat : config.totalPagesFormat\"></div>\n    </ng-container>\n    <ng-container *ngIf=\"config.showQuickJumper\">\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          \u8DF3\u81F3\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          \u9875\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThySelect, selector: "thy-select,thy-custom-select", inputs: ["thyDropdownWidthMode", "thyShowSearch", "thyPlaceHolder", "thyServerSearch", "thyLoadState", "thyAutoActiveFirstItem", "thyMode", "thySize", "thyEmptyStateText", "thyEmptySearchMessageText", "thyEnableScrollLoad", "thyAllowClear", "thyDisabled", "thySortComparator", "thyFooterTemplate", "thyPlacement", "thyOrigin", "thyFooterClass", "thyAutoExpand", "thyHasBackdrop", "thyMaxTagCount", "thyBorderless", "thyOptions", "thyPreset"], outputs: ["thyOnSearch", "thyOnScrollToBottom", "thyOnExpandStatusChange"], exportAs: ["thySelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange", "visibleChange"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "pipe", type: PaginationTotalCountFormat, name: "paginationTotalPagesFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.3", type: ThyPagination, isStandalone: true, selector: "thy-pagination", inputs: { thyPageIndex: ["thyPageIndex", "thyPageIndex", numberAttribute], thyPageSize: ["thyPageSize", "thyPageSize", numberAttribute], thyTotal: ["thyTotal", "thyTotal", numberAttribute], thyCustomPages: "thyCustomPages", disabled: ["thyDisabled", "disabled", booleanAttribute], showQuickJumper: ["thyShowQuickJumper", "showQuickJumper", booleanAttribute], showTotalPageCount: ["thyShowTotalPageCount", "showTotalPageCount", booleanAttribute], size: ["thySize", "size"], maxCount: ["thyMaxCount", "maxCount", numberAttribute], marginalCount: ["thyMarginalCount", "marginalCount", numberAttribute], thyRangeCount: ["thyRangeCount", "thyRangeCount", numberAttribute], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger", booleanAttribute], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], hideOnSinglePage: ["thyHideOnSinglePage", "hideOnSinglePage", booleanAttribute], unit: ["thyUnit", "unit"], showTotal: ["thyShowTotal", "showTotal"] }, outputs: { pageIndexChange: "thyPageIndexChange", pageChanged: "thyPageChanged", pageSizeChanged: "thyPageSizeChanged" }, host: { properties: { "class.thy-pagination": "this.isPaginationClass", "class.thy-pagination-has-total": "this.showTotal" } }, ngImport: i0, template: "<ng-container *ngIf=\"(hideOnSinglePage && total > pageSize) || !hideOnSinglePage\">\n  <div class=\"thy-pagination-total\" *ngIf=\"showTotal\">\n    <ng-container *ngIf=\"!isTemplateRef(showTotal); else totalTemplate\">\n      <ng-container *ngIf=\"total > 0\">\n        <div class=\"mr-3\">\n          \u7B2C<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n        </div>\n        <div>\n          \u5171<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #totalTemplate>\n      <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n    </ng-template>\n  </div>\n  <div class=\"thy-pagination-content\">\n    <div class=\"thy-pagination-size\" *ngIf=\"config.showSizeChanger\">\n      <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n        <thy-option\n          class=\"page-size-option\"\n          *ngFor=\"let option of config.pageSizeOptions\"\n          [thyValue]=\"option\"\n          [thyLabelText]=\"option + ' ' + config.unit + '/\u9875'\"></thy-option>\n      </thy-select>\n    </div>\n    <ul class=\"thy-pagination-pages\">\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(firstIndex)\">\n        <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.firstText\">{{ config.firstText }}</ng-container>\n          <ng-container *ngIf=\"config.firstIcon\">\n            <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex - 1)\">\n        <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.previousText\">{{ config.previousText }}</ng-container>\n          <ng-container *ngIf=\"config.previousIcon\">\n            <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item thy-page-number\"\n        [class.active]=\"page.active\"\n        [class.disabled]=\"disabled\"\n        (click)=\"selectPage(page.index)\"\n        *ngFor=\"let page of pages\">\n        <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n      </li>\n      <li\n        class=\"thy-page-item page-item-next\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex + 1)\">\n        <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.nextText\">{{ config.nextText }}</ng-container>\n          <ng-container *ngIf=\"config.nextIcon\">\n            <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(pageCount)\">\n        <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.lastText\">{{ config.lastText }}</ng-container>\n          <ng-container *ngIf=\"config.lastIcon\">\n            <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n    </ul>\n    <ng-container *ngIf=\"config.showTotalPageCount && config.totalPagesFormat\">\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat : config.totalPagesFormat\"></div>\n    </ng-container>\n    <ng-container *ngIf=\"config.showQuickJumper\">\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          \u8DF3\u81F3\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          \u9875\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThySelect, selector: "thy-select,thy-custom-select", inputs: ["thyDropdownWidthMode", "thyShowSearch", "thyPlaceHolder", "thyServerSearch", "thyLoadState", "thyAutoActiveFirstItem", "thyMode", "thySize", "thyEmptyStateText", "thyEmptySearchMessageText", "thyEnableScrollLoad", "thyAllowClear", "thyDisabled", "thySortComparator", "thyFooterTemplate", "thyPlacement", "thyOrigin", "thyFooterClass", "thyAutoExpand", "thyHasBackdrop", "thyMaxTagCount", "thyBorderless", "thyOptions", "thyPreset"], outputs: ["thyOnSearch", "thyOnScrollToBottom", "thyOnExpandStatusChange"], exportAs: ["thySelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange", "visibleChange"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "pipe", type: PaginationTotalCountFormat, name: "paginationTotalPagesFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ThyPagination, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-pagination', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgTemplateOutlet, ThySelect, FormsModule, NgFor, ThyOption, ThyIcon, ThyEnterDirective, PaginationTotalCountFormat], template: "<ng-container *ngIf=\"(hideOnSinglePage && total > pageSize) || !hideOnSinglePage\">\n  <div class=\"thy-pagination-total\" *ngIf=\"showTotal\">\n    <ng-container *ngIf=\"!isTemplateRef(showTotal); else totalTemplate\">\n      <ng-container *ngIf=\"total > 0\">\n        <div class=\"mr-3\">\n          \u7B2C<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>\u6761\n        </div>\n        <div>\n          \u5171<span class=\"number\"> {{ total }} </span>\u6761\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #totalTemplate>\n      <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n    </ng-template>\n  </div>\n  <div class=\"thy-pagination-content\">\n    <div class=\"thy-pagination-size\" *ngIf=\"config.showSizeChanger\">\n      <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n        <thy-option\n          class=\"page-size-option\"\n          *ngFor=\"let option of config.pageSizeOptions\"\n          [thyValue]=\"option\"\n          [thyLabelText]=\"option + ' \u6761/\u9875'\"></thy-option>\n      </thy-select>\n    </div>\n    <ul class=\"thy-pagination-pages\">\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(firstIndex)\">\n        <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.firstText\">{{ config.firstText }}</ng-container>\n          <ng-container *ngIf=\"config.firstIcon\">\n            <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex - 1)\">\n        <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.previousText\">{{ config.previousText }}</ng-container>\n          <ng-container *ngIf=\"config.previousIcon\">\n            <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item thy-page-number\"\n        [class.active]=\"page.active\"\n        [class.disabled]=\"disabled\"\n        (click)=\"selectPage(page.index)\"\n        *ngFor=\"let page of pages\">\n        <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n      </li>\n      <li\n        class=\"thy-page-item page-item-next\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex + 1)\">\n        <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.nextText\">{{ config.nextText }}</ng-container>\n          <ng-container *ngIf=\"config.nextIcon\">\n            <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(pageCount)\">\n        <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.lastText\">{{ config.lastText }}</ng-container>\n          <ng-container *ngIf=\"config.lastIcon\">\n            <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n    </ul>\n    <ng-container *ngIf=\"config.showTotalPageCount && config.totalPagesFormat\">\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat : config.totalPagesFormat\"></div>\n    </ng-container>\n    <ng-container *ngIf=\"config.showQuickJumper\">\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          \u8DF3\u81F3\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          \u9875\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n" }]
+            args: [{ selector: 'thy-pagination', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgTemplateOutlet, ThySelect, FormsModule, NgFor, ThyOption, ThyIcon, ThyEnterDirective, PaginationTotalCountFormat], template: "<ng-container *ngIf=\"(hideOnSinglePage && total > pageSize) || !hideOnSinglePage\">\n  <div class=\"thy-pagination-total\" *ngIf=\"showTotal\">\n    <ng-container *ngIf=\"!isTemplateRef(showTotal); else totalTemplate\">\n      <ng-container *ngIf=\"total > 0\">\n        <div class=\"mr-3\">\n          \u7B2C<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n        </div>\n        <div>\n          \u5171<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #totalTemplate>\n      <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n    </ng-template>\n  </div>\n  <div class=\"thy-pagination-content\">\n    <div class=\"thy-pagination-size\" *ngIf=\"config.showSizeChanger\">\n      <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n        <thy-option\n          class=\"page-size-option\"\n          *ngFor=\"let option of config.pageSizeOptions\"\n          [thyValue]=\"option\"\n          [thyLabelText]=\"option + ' ' + config.unit + '/\u9875'\"></thy-option>\n      </thy-select>\n    </div>\n    <ul class=\"thy-pagination-pages\">\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(firstIndex)\">\n        <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.firstText\">{{ config.firstText }}</ng-container>\n          <ng-container *ngIf=\"config.firstIcon\">\n            <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex - 1)\">\n        <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.previousText\">{{ config.previousText }}</ng-container>\n          <ng-container *ngIf=\"config.previousIcon\">\n            <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item thy-page-number\"\n        [class.active]=\"page.active\"\n        [class.disabled]=\"disabled\"\n        (click)=\"selectPage(page.index)\"\n        *ngFor=\"let page of pages\">\n        <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n      </li>\n      <li\n        class=\"thy-page-item page-item-next\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex + 1)\">\n        <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.nextText\">{{ config.nextText }}</ng-container>\n          <ng-container *ngIf=\"config.nextIcon\">\n            <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(pageCount)\">\n        <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.lastText\">{{ config.lastText }}</ng-container>\n          <ng-container *ngIf=\"config.lastIcon\">\n            <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n    </ul>\n    <ng-container *ngIf=\"config.showTotalPageCount && config.totalPagesFormat\">\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat : config.totalPagesFormat\"></div>\n    </ng-container>\n    <ng-container *ngIf=\"config.showQuickJumper\">\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          \u8DF3\u81F3\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          \u9875\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -374,6 +384,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             }], hideOnSinglePage: [{
                 type: Input,
                 args: [{ alias: 'thyHideOnSinglePage', transform: booleanAttribute }]
+            }], unit: [{
+                type: Input,
+                args: ['thyUnit']
             }], pageIndexChange: [{
                 type: Output,
                 args: ['thyPageIndexChange']

package/fesm2022/ngx-tethys-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-pagination.mjs","sources":["../../../src/pagination/pagination.config.ts","../../../src/pagination/pagination.pipe.ts","../../../src/pagination/pagination.component.ts","../../../src/pagination/pagination.component.html","../../../src/pagination/pagination.module.ts","../../../src/pagination/ngx-tethys-pagination.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ThyPaginationConfigModel } from './pagination.class';\n\nexport const DEFAULT_RANGE_COUNT = 5;\n\nexport const PaginationDefaultConfig: ThyPaginationConfigModel = {\n    boundaryLinks: false,\n    directionLinks: true,\n    pageSize: 20,\n    maxCount: 7,\n    rangeCount: DEFAULT_RANGE_COUNT,\n    showQuickJumper: true,\n    showTotalPageCount: true,\n    firstText: '第一页',\n    lastText: '最后一页',\n    previousText: '',\n    nextText: '',\n    firstIcon: '',\n    lastIcon: '',\n    previousIcon: 'angle-left',\n    nextIcon: 'angle-right',\n    totalPagesFormat: '共{total}页',\n    showSizeChanger: false,\n    pageSizeOptions: [10, 20, 50, 100]\n};\nexport interface ThyPaginationConfig {\n    main?: ThyPaginationConfigModel;\n}\n\nexport const THY_PAGINATION_CONFIG = new InjectionToken<ThyPaginationConfig>('THY_PAGINATION_CONFIG', {\n    providedIn: 'root',\n    factory: () => {\n        return {};\n    }\n});\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n/**\n * @private\n */\n@Pipe({\n    name: 'paginationTotalPagesFormat',\n    standalone: true\n})\nexport class PaginationTotalCountFormat implements PipeTransform {\n    constructor(private sanitizer: DomSanitizer) {}\n\n    transform(count: number, format: string): any {\n        if (count && format) {\n            return this.sanitizer.bypassSecurityTrustHtml(format.replace(/\\{(.+?)\\}/g, `<span>${count}</span>`));\n        } else {\n            return '';\n        }\n    }\n}\n","import {\n    Component,\n    OnInit,\n    ChangeDetectionStrategy,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectorRef,\n    HostBinding,\n    Optional,\n    Inject,\n    TemplateRef,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { ThyPaginationConfigModel } from './pagination.class';\nimport { PaginationDefaultConfig, DEFAULT_RANGE_COUNT, THY_PAGINATION_CONFIG, ThyPaginationConfig } from './pagination.config';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { isTemplateRef } from 'ngx-tethys/util';\nimport { PaginationTotalCountFormat } from './pagination.pipe';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyOption, ThyEnterDirective } from 'ngx-tethys/shared';\nimport { FormsModule } from '@angular/forms';\nimport { ThySelect } from 'ngx-tethys/select';\nimport { NgIf, NgTemplateOutlet, NgFor } from '@angular/common';\n\n/**\n * 分页组件，当数据量过多时，使用分页分解数据。\n * @name thy-pagination\n * @order 10\n */\n@Component({\n    selector: 'thy-pagination',\n    templateUrl: './pagination.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [NgIf, NgTemplateOutlet, ThySelect, FormsModule, NgFor, ThyOption, ThyIcon, ThyEnterDirective, PaginationTotalCountFormat]\n})\nexport class ThyPagination implements OnInit {\n    isTemplateRef = isTemplateRef;\n    public config: ThyPaginationConfigModel = Object.assign({}, PaginationDefaultConfig, this.paginationConfig.main);\n\n    /**\n     * 设置当前页，支持双向绑定\n     * @default 1\n     */\n    @Input({ transform: numberAttribute })\n    set thyPageIndex(pageIndex: number) {\n        this.pageIndex = pageIndex;\n        if (this.initialized) {\n            this.setPageIndex(pageIndex);\n        }\n    }\n\n    /**\n     * 每页条目数量\n     * @default 20\n     */\n    @Input({ transform: numberAttribute })\n    set thyPageSize(pageSize: number) {\n        this.pageSize = pageSize;\n        this.selectPageSize = pageSize;\n        if (this.initialized) {\n            this.calculatePageCount();\n            this.initializePages(this.pageIndex, this.pageCount);\n            this.cdr.markForCheck();\n        }\n    }\n\n    /**\n     * 总页数 与 totalPages 二选一传入\n     */\n    @Input({ transform: numberAttribute })\n    set thyTotal(total: number) {\n        this.total = total;\n        if (this.initialized) {\n            this.calculatePageCount();\n            this.setPageIndex(this.pageIndex);\n            this.cdr.markForCheck();\n        }\n    }\n\n    /**\n     * 自定义分页页码，设置自定义分页页码后将不根据 Total 和 PageSize 来自动计算页码，完全以传入的页码为准\n     * @type number[]\n     */\n    @Input()\n    set thyCustomPages(pages: number[]) {\n        this.customPages = pages;\n        this.config.showTotalPageCount = false;\n        if (this.initialized) {\n            this.calculatePageCount();\n            this.initializePages(this.pageIndex, this.pageCount);\n            this.cdr.markForCheck();\n        }\n    }\n\n    /**\n     * 是否禁用\n     */\n    @Input({ alias: 'thyDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * 是否显示快速跳转\n     * @default false\n     */\n    @Input({ alias: 'thyShowQuickJumper', transform: booleanAttribute })\n    set showQuickJumper(value: boolean) {\n        this.config.showQuickJumper = value;\n    }\n\n    /**\n     * 设置是否显示总页数信息\n     * @default true\n     */\n    @Input({ alias: 'thyShowTotalPageCount', transform: booleanAttribute })\n    set showTotalPageCount(value: boolean) {\n        this.config.showTotalPageCount = value;\n    }\n\n    /**\n     * 设置分页组件的大小\n     * @type sm | md | lg\n     * @default md\n     */\n    @Input('thySize')\n    set size(size: 'sm' | 'md' | 'lg') {\n        this.selectSize = size;\n        this.hostRenderer.addClass(`thy-pagination-${size}`);\n    }\n\n    /**\n     * 设置最大显示数量，超出最大显示数后会自动进行分割显示\n     * @default 9\n     */\n    @Input({ alias: 'thyMaxCount', transform: numberAttribute })\n    set maxCount(value: number) {\n        this.config.maxCount = value;\n    }\n\n    /**\n     * 设置边缘显示数量\n     * @default 2\n     */\n    @Input({ alias: 'thyMarginalCount', transform: numberAttribute }) marginalCount: number;\n\n    /**\n     * 设置中间区域显示数量\n     * @default 7\n     */\n    @Input({ transform: numberAttribute })\n    set thyRangeCount(value: number) {\n        if (Number.isInteger(value)) {\n            this.config.rangeCount = value;\n            if (this.initialized) {\n                this.setMarginalCount(value);\n            }\n        }\n    }\n\n    @Input({ alias: 'thyShowSizeChanger', transform: booleanAttribute })\n    set showSizeChanger(value: boolean) {\n        this.config.showSizeChanger = value;\n    }\n\n    /**\n     * @type number[]\n     */\n    @Input('thyPageSizeOptions')\n    set pageSizeOptions(value: number[]) {\n        this.config.pageSizeOptions = value;\n    }\n\n    /**\n     * 只有一页时是否隐藏分页器\n     * @default false\n     */\n    @Input({ alias: 'thyHideOnSinglePage', transform: booleanAttribute }) hideOnSinglePage: boolean;\n\n    /**\n     * 页码改变的回调\n     */\n    @Output('thyPageIndexChange') pageIndexChange = new EventEmitter<number>();\n\n    /**\n     * 与Bootstrap pagination 兼容，后续版本会进行删除，参数保持与 bootstrap 一致\n     */\n    @Output('thyPageChanged') pageChanged = new EventEmitter<{ page: number }>();\n\n    @Output('thyPageSizeChanged') pageSizeChanged = new EventEmitter<number>();\n\n    public pages: { index?: number; text?: string; active?: boolean }[] = [];\n\n    public pageIndex = 1;\n\n    public pageSize: number;\n\n    public pageCount: number;\n\n    public customPages: number[];\n\n    public total: number;\n\n    public range = { from: 0, to: 0 };\n\n    public firstIndex = 1;\n\n    public isHideOnSinglePage = false;\n\n    private initialized = false;\n\n    private hostRenderer = useHostRenderer();\n\n    public selectSize = 'md';\n\n    public selectPageSize: Number = 20;\n\n    @HostBinding('class.thy-pagination') isPaginationClass = true;\n\n    /**\n     * 是否显示范围和total\n     * @default false\n     */\n    @HostBinding('class.thy-pagination-has-total')\n    @Input('thyShowTotal')\n    showTotal: boolean | TemplateRef<{ $implicit: number; range: { from: number; to: number } }> = false;\n\n    constructor(\n        @Optional()\n        @Inject(THY_PAGINATION_CONFIG)\n        private paginationConfig: ThyPaginationConfig,\n        private cdr: ChangeDetectorRef\n    ) {}\n\n    ngOnInit() {\n        this.setMarginalCount(this.config.rangeCount);\n        this.calculatePageCount();\n        this.setPageIndex(this.pageIndex);\n        this.initialized = true;\n    }\n\n    private setMarginalCount(range: number) {\n        if (!this.marginalCount) {\n            this.marginalCount = range <= DEFAULT_RANGE_COUNT ? 1 : 2;\n        }\n    }\n\n    private setPageIndex(pageIndex: number) {\n        this.pageIndex = pageIndex > this.pageCount ? this.pageCount : pageIndex || 1;\n        const toPageSize = this.pageIndex * this.pageSize;\n        this.range = {\n            from: (this.pageIndex - 1) * this.pageSize + 1,\n            to: toPageSize > this.total ? this.total : toPageSize\n        };\n        this.initializePages(this.pageIndex, this.pageCount);\n        this.cdr.markForCheck();\n    }\n\n    private calculatePageCount() {\n        let pageCount = null;\n        if (this.customPages && this.customPages.length > 0) {\n            pageCount = this.customPages[this.customPages.length - 1];\n        } else {\n            pageCount = this.pageSize < 1 ? 1 : Math.ceil(this.total / this.pageSize);\n        }\n        this.pageCount = Math.max(pageCount || 0, 1);\n    }\n\n    private makePage(index: number, text: string, active: boolean): { index: number; text: string; active: boolean } {\n        return { index, text, active };\n    }\n\n    private initializePages(pageIndex: number, pageCount: number) {\n        if (this.customPages && this.customPages.length > 0) {\n            this.pages = this.customPages.map(page => {\n                return {\n                    index: page,\n                    text: page.toString(),\n                    active: page === +pageIndex\n                };\n            });\n            return;\n        }\n\n        let pages = [];\n        const marginalCount = this.marginalCount;\n        const rangeCount = this.config.rangeCount;\n        const maxCount = this.config.maxCount;\n        const isMaxSized = pageCount > maxCount;\n        if (isMaxSized) {\n            const beforePages = [];\n            const afterPages = [];\n\n            // beforePages\n            for (let i = 1; i <= marginalCount; i++) {\n                beforePages.push(this.makePage(i, i.toString(), i === pageIndex));\n            }\n            if (pageIndex - Math.ceil(rangeCount / 2) > this.firstIndex) {\n                beforePages.push(this.makePage(pageIndex - rangeCount, '···', null));\n            }\n\n            // afterPages\n            if (pageIndex + Math.ceil(rangeCount / 2) < pageCount) {\n                afterPages.push(this.makePage(pageIndex + rangeCount, '···', null));\n            }\n            for (let i = pageCount - marginalCount + 1; i <= pageCount; i++) {\n                afterPages.push(this.makePage(i, i.toString(), i === pageIndex));\n            }\n\n            // mainPages\n            let start = Math.max(marginalCount + 1, pageIndex - (rangeCount - 1) / 2);\n            let end = Math.min(pageIndex + (rangeCount - 1) / 2, pageCount - marginalCount);\n            if (pageIndex - 1 <= marginalCount) {\n                end = rangeCount;\n            }\n            if (pageCount - pageIndex <= marginalCount) {\n                start = pageCount - rangeCount + 1;\n            }\n\n            for (let i = start; i <= end; i++) {\n                pages.push({\n                    index: i,\n                    text: i.toString(),\n                    active: i === +pageIndex\n                });\n            }\n            pages = [...beforePages, ...pages, ...afterPages];\n        } else {\n            for (let i = 1; i <= pageCount; i++) {\n                pages.push({\n                    index: i,\n                    text: i.toString(),\n                    active: i === +pageIndex\n                });\n            }\n        }\n        this.pages = pages;\n    }\n\n    private pageChange(pageIndex: number) {\n        this.pageIndexChange.emit(pageIndex);\n        this.pageChanged.emit({ page: pageIndex });\n    }\n\n    selectPage(pageIndex: number) {\n        if (this.disabled || pageIndex === this.firstIndex - 1 || pageIndex === this.pageCount + 1) {\n            return;\n        }\n        this.setPageIndex(pageIndex);\n        this.pageChange(this.pageIndex);\n    }\n\n    jumpPage(input: HTMLInputElement) {\n        const pageIndex = +input.value;\n        if (Number.isInteger(pageIndex)) {\n            this.selectPage(pageIndex);\n        }\n        input.value = '';\n    }\n\n    onPageSizeChange(event: number) {\n        this.pageSize = event;\n        this.calculatePageCount();\n        this.setPageIndex(this.pageIndex);\n        this.pageSizeChanged.emit(event);\n    }\n}\n","<ng-container *ngIf=\"(hideOnSinglePage && total > pageSize) || !hideOnSinglePage\">\n  <div class=\"thy-pagination-total\" *ngIf=\"showTotal\">\n    <ng-container *ngIf=\"!isTemplateRef(showTotal); else totalTemplate\">\n      <ng-container *ngIf=\"total > 0\">\n        <div class=\"mr-3\">\n          第<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>条\n        </div>\n        <div>\n          共<span class=\"number\"> {{ total }} </span>条\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #totalTemplate>\n      <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n    </ng-template>\n  </div>\n  <div class=\"thy-pagination-content\">\n    <div class=\"thy-pagination-size\" *ngIf=\"config.showSizeChanger\">\n      <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n        <thy-option\n          class=\"page-size-option\"\n          *ngFor=\"let option of config.pageSizeOptions\"\n          [thyValue]=\"option\"\n          [thyLabelText]=\"option + ' 条/页'\"></thy-option>\n      </thy-select>\n    </div>\n    <ul class=\"thy-pagination-pages\">\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(firstIndex)\">\n        <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.firstText\">{{ config.firstText }}</ng-container>\n          <ng-container *ngIf=\"config.firstIcon\">\n            <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex - 1)\">\n        <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.previousText\">{{ config.previousText }}</ng-container>\n          <ng-container *ngIf=\"config.previousIcon\">\n            <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item thy-page-number\"\n        [class.active]=\"page.active\"\n        [class.disabled]=\"disabled\"\n        (click)=\"selectPage(page.index)\"\n        *ngFor=\"let page of pages\">\n        <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n      </li>\n      <li\n        class=\"thy-page-item page-item-next\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex + 1)\">\n        <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.nextText\">{{ config.nextText }}</ng-container>\n          <ng-container *ngIf=\"config.nextIcon\">\n            <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(pageCount)\">\n        <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.lastText\">{{ config.lastText }}</ng-container>\n          <ng-container *ngIf=\"config.lastIcon\">\n            <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n    </ul>\n    <ng-container *ngIf=\"config.showTotalPageCount && config.totalPagesFormat\">\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat : config.totalPagesFormat\"></div>\n    </ng-container>\n    <ng-container *ngIf=\"config.showQuickJumper\">\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          跳至\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          页\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { ThyPagination } from './pagination.component';\nimport { CommonModule } from '@angular/common';\nimport { PaginationTotalCountFormat } from './pagination.pipe';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { THY_PAGINATION_CONFIG } from './pagination.config';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThySelectModule } from 'ngx-tethys/select';\nimport { FormsModule } from '@angular/forms';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, ThySharedModule, ThyIconModule, ThySelectModule, ThyPagination, PaginationTotalCountFormat],\n    exports: [ThyPagination]\n})\nexport class ThyPaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-pagination.mjs","sources":["../../../src/pagination/pagination.config.ts","../../../src/pagination/pagination.pipe.ts","../../../src/pagination/pagination.component.ts","../../../src/pagination/pagination.component.html","../../../src/pagination/pagination.module.ts","../../../src/pagination/ngx-tethys-pagination.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ThyPaginationConfigModel } from './pagination.class';\n\nexport const DEFAULT_RANGE_COUNT = 5;\n\nexport const PaginationDefaultConfig: ThyPaginationConfigModel = {\n    boundaryLinks: false,\n    directionLinks: true,\n    pageSize: 20,\n    maxCount: 7,\n    rangeCount: DEFAULT_RANGE_COUNT,\n    showQuickJumper: true,\n    showTotalPageCount: true,\n    firstText: '第一页',\n    lastText: '最后一页',\n    previousText: '',\n    nextText: '',\n    firstIcon: '',\n    lastIcon: '',\n    previousIcon: 'angle-left',\n    nextIcon: 'angle-right',\n    totalPagesFormat: '共{total}页',\n    showSizeChanger: false,\n    pageSizeOptions: [10, 20, 50, 100],\n    unit: '条'\n};\nexport interface ThyPaginationConfig {\n    main?: ThyPaginationConfigModel;\n}\n\nexport const THY_PAGINATION_CONFIG = new InjectionToken<ThyPaginationConfig>('THY_PAGINATION_CONFIG', {\n    providedIn: 'root',\n    factory: () => {\n        return {};\n    }\n});\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n/**\n * @private\n */\n@Pipe({\n    name: 'paginationTotalPagesFormat',\n    standalone: true\n})\nexport class PaginationTotalCountFormat implements PipeTransform {\n    constructor(private sanitizer: DomSanitizer) {}\n\n    transform(count: number, format: string): any {\n        if (count && format) {\n            return this.sanitizer.bypassSecurityTrustHtml(format.replace(/\\{(.+?)\\}/g, `<span>${count}</span>`));\n        } else {\n            return '';\n        }\n    }\n}\n","import {\n    Component,\n    OnInit,\n    ChangeDetectionStrategy,\n    Input,\n    Output,\n    EventEmitter,\n    ChangeDetectorRef,\n    HostBinding,\n    Optional,\n    Inject,\n    TemplateRef,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { ThyPaginationConfigModel } from './pagination.class';\nimport { PaginationDefaultConfig, DEFAULT_RANGE_COUNT, THY_PAGINATION_CONFIG, ThyPaginationConfig } from './pagination.config';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { isTemplateRef } from 'ngx-tethys/util';\nimport { PaginationTotalCountFormat } from './pagination.pipe';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyOption, ThyEnterDirective } from 'ngx-tethys/shared';\nimport { FormsModule } from '@angular/forms';\nimport { ThySelect } from 'ngx-tethys/select';\nimport { NgIf, NgTemplateOutlet, NgFor } from '@angular/common';\n\n/**\n * 分页组件，当数据量过多时，使用分页分解数据。\n * @name thy-pagination\n * @order 10\n */\n@Component({\n    selector: 'thy-pagination',\n    templateUrl: './pagination.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [NgIf, NgTemplateOutlet, ThySelect, FormsModule, NgFor, ThyOption, ThyIcon, ThyEnterDirective, PaginationTotalCountFormat]\n})\nexport class ThyPagination implements OnInit {\n    isTemplateRef = isTemplateRef;\n    public config: ThyPaginationConfigModel = Object.assign({}, PaginationDefaultConfig, this.paginationConfig.main);\n\n    /**\n     * 设置当前页，支持双向绑定\n     * @default 1\n     */\n    @Input({ transform: numberAttribute })\n    set thyPageIndex(pageIndex: number) {\n        this.pageIndex = pageIndex;\n        if (this.initialized) {\n            this.setPageIndex(pageIndex);\n        }\n    }\n\n    /**\n     * 每页条目数量\n     * @default 20\n     */\n    @Input({ transform: numberAttribute })\n    set thyPageSize(pageSize: number) {\n        this.pageSize = pageSize;\n        this.selectPageSize = pageSize;\n        if (this.initialized) {\n            this.calculatePageCount();\n            this.initializePages(this.pageIndex, this.pageCount);\n            this.cdr.markForCheck();\n        }\n    }\n\n    /**\n     * 总页数 与 totalPages 二选一传入\n     */\n    @Input({ transform: numberAttribute })\n    set thyTotal(total: number) {\n        this.total = total;\n        if (this.initialized) {\n            this.calculatePageCount();\n            this.setPageIndex(this.pageIndex);\n            this.cdr.markForCheck();\n        }\n    }\n\n    /**\n     * 自定义分页页码，设置自定义分页页码后将不根据 Total 和 PageSize 来自动计算页码，完全以传入的页码为准\n     * @type number[]\n     */\n    @Input()\n    set thyCustomPages(pages: number[]) {\n        this.customPages = pages;\n        this.config.showTotalPageCount = false;\n        if (this.initialized) {\n            this.calculatePageCount();\n            this.initializePages(this.pageIndex, this.pageCount);\n            this.cdr.markForCheck();\n        }\n    }\n\n    /**\n     * 是否禁用\n     */\n    @Input({ alias: 'thyDisabled', transform: booleanAttribute }) disabled = false;\n\n    /**\n     * 是否显示快速跳转\n     * @default false\n     */\n    @Input({ alias: 'thyShowQuickJumper', transform: booleanAttribute })\n    set showQuickJumper(value: boolean) {\n        this.config.showQuickJumper = value;\n    }\n\n    /**\n     * 设置是否显示总页数信息\n     * @default true\n     */\n    @Input({ alias: 'thyShowTotalPageCount', transform: booleanAttribute })\n    set showTotalPageCount(value: boolean) {\n        this.config.showTotalPageCount = value;\n    }\n\n    /**\n     * 设置分页组件的大小\n     * @type sm | md | lg\n     * @default md\n     */\n    @Input('thySize')\n    set size(size: 'sm' | 'md' | 'lg') {\n        this.selectSize = size;\n        this.hostRenderer.addClass(`thy-pagination-${size}`);\n    }\n\n    /**\n     * 设置最大显示数量，超出最大显示数后会自动进行分割显示\n     * @default 9\n     */\n    @Input({ alias: 'thyMaxCount', transform: numberAttribute })\n    set maxCount(value: number) {\n        this.config.maxCount = value;\n    }\n\n    /**\n     * 设置边缘显示数量\n     * @default 2\n     */\n    @Input({ alias: 'thyMarginalCount', transform: numberAttribute }) marginalCount: number;\n\n    /**\n     * 设置中间区域显示数量\n     * @default 7\n     */\n    @Input({ transform: numberAttribute })\n    set thyRangeCount(value: number) {\n        if (Number.isInteger(value)) {\n            this.config.rangeCount = value;\n            if (this.initialized) {\n                this.setMarginalCount(value);\n            }\n        }\n    }\n\n    @Input({ alias: 'thyShowSizeChanger', transform: booleanAttribute })\n    set showSizeChanger(value: boolean) {\n        this.config.showSizeChanger = value;\n    }\n\n    /**\n     * @type number[]\n     */\n    @Input('thyPageSizeOptions')\n    set pageSizeOptions(value: number[]) {\n        this.config.pageSizeOptions = value;\n    }\n\n    /**\n     * 只有一页时是否隐藏分页器\n     * @default false\n     */\n    @Input({ alias: 'thyHideOnSinglePage', transform: booleanAttribute }) hideOnSinglePage: boolean;\n\n    /**\n     * 分页器单位\n     * @default 条\n     */\n    @Input('thyUnit')\n    set unit(value: string) {\n        if (value) {\n            this.config.unit = value;\n        }\n    }\n\n    /**\n     * 页码改变的回调\n     */\n    @Output('thyPageIndexChange') pageIndexChange = new EventEmitter<number>();\n\n    /**\n     * 与Bootstrap pagination 兼容，后续版本会进行删除，参数保持与 bootstrap 一致\n     */\n    @Output('thyPageChanged') pageChanged = new EventEmitter<{ page: number }>();\n\n    @Output('thyPageSizeChanged') pageSizeChanged = new EventEmitter<number>();\n\n    public pages: { index?: number; text?: string; active?: boolean }[] = [];\n\n    public pageIndex = 1;\n\n    public pageSize: number;\n\n    public pageCount: number;\n\n    public customPages: number[];\n\n    public total: number;\n\n    public range = { from: 0, to: 0 };\n\n    public firstIndex = 1;\n\n    public isHideOnSinglePage = false;\n\n    private initialized = false;\n\n    private hostRenderer = useHostRenderer();\n\n    public selectSize = 'md';\n\n    public selectPageSize: Number = 20;\n\n    @HostBinding('class.thy-pagination') isPaginationClass = true;\n\n    /**\n     * 是否显示范围和total\n     * @default false\n     */\n    @HostBinding('class.thy-pagination-has-total')\n    @Input('thyShowTotal')\n    showTotal: boolean | TemplateRef<{ $implicit: number; range: { from: number; to: number } }> = false;\n\n    constructor(\n        @Optional()\n        @Inject(THY_PAGINATION_CONFIG)\n        private paginationConfig: ThyPaginationConfig,\n        private cdr: ChangeDetectorRef\n    ) {}\n\n    ngOnInit() {\n        this.setMarginalCount(this.config.rangeCount);\n        this.calculatePageCount();\n        this.setPageIndex(this.pageIndex);\n        this.initialized = true;\n    }\n\n    private setMarginalCount(range: number) {\n        if (!this.marginalCount) {\n            this.marginalCount = range <= DEFAULT_RANGE_COUNT ? 1 : 2;\n        }\n    }\n\n    private setPageIndex(pageIndex: number) {\n        this.pageIndex = pageIndex > this.pageCount ? this.pageCount : pageIndex || 1;\n        const toPageSize = this.pageIndex * this.pageSize;\n        this.range = {\n            from: (this.pageIndex - 1) * this.pageSize + 1,\n            to: toPageSize > this.total ? this.total : toPageSize\n        };\n        this.initializePages(this.pageIndex, this.pageCount);\n        this.cdr.markForCheck();\n    }\n\n    private calculatePageCount() {\n        let pageCount = null;\n        if (this.customPages && this.customPages.length > 0) {\n            pageCount = this.customPages[this.customPages.length - 1];\n        } else {\n            pageCount = this.pageSize < 1 ? 1 : Math.ceil(this.total / this.pageSize);\n        }\n        this.pageCount = Math.max(pageCount || 0, 1);\n    }\n\n    private makePage(index: number, text: string, active: boolean): { index: number; text: string; active: boolean } {\n        return { index, text, active };\n    }\n\n    private initializePages(pageIndex: number, pageCount: number) {\n        if (this.customPages && this.customPages.length > 0) {\n            this.pages = this.customPages.map(page => {\n                return {\n                    index: page,\n                    text: page.toString(),\n                    active: page === +pageIndex\n                };\n            });\n            return;\n        }\n\n        let pages = [];\n        const marginalCount = this.marginalCount;\n        const rangeCount = this.config.rangeCount;\n        const maxCount = this.config.maxCount;\n        const isMaxSized = pageCount > maxCount;\n        if (isMaxSized) {\n            const beforePages = [];\n            const afterPages = [];\n\n            // beforePages\n            for (let i = 1; i <= marginalCount; i++) {\n                beforePages.push(this.makePage(i, i.toString(), i === pageIndex));\n            }\n            if (pageIndex - Math.ceil(rangeCount / 2) > this.firstIndex) {\n                beforePages.push(this.makePage(pageIndex - rangeCount, '···', null));\n            }\n\n            // afterPages\n            if (pageIndex + Math.ceil(rangeCount / 2) < pageCount) {\n                afterPages.push(this.makePage(pageIndex + rangeCount, '···', null));\n            }\n            for (let i = pageCount - marginalCount + 1; i <= pageCount; i++) {\n                afterPages.push(this.makePage(i, i.toString(), i === pageIndex));\n            }\n\n            // mainPages\n            let start = Math.max(marginalCount + 1, pageIndex - (rangeCount - 1) / 2);\n            let end = Math.min(pageIndex + (rangeCount - 1) / 2, pageCount - marginalCount);\n            if (pageIndex - 1 <= marginalCount) {\n                end = rangeCount;\n            }\n            if (pageCount - pageIndex <= marginalCount) {\n                start = pageCount - rangeCount + 1;\n            }\n\n            for (let i = start; i <= end; i++) {\n                pages.push({\n                    index: i,\n                    text: i.toString(),\n                    active: i === +pageIndex\n                });\n            }\n            pages = [...beforePages, ...pages, ...afterPages];\n        } else {\n            for (let i = 1; i <= pageCount; i++) {\n                pages.push({\n                    index: i,\n                    text: i.toString(),\n                    active: i === +pageIndex\n                });\n            }\n        }\n        this.pages = pages;\n    }\n\n    private pageChange(pageIndex: number) {\n        this.pageIndexChange.emit(pageIndex);\n        this.pageChanged.emit({ page: pageIndex });\n    }\n\n    selectPage(pageIndex: number) {\n        if (this.disabled || pageIndex === this.firstIndex - 1 || pageIndex === this.pageCount + 1) {\n            return;\n        }\n        this.setPageIndex(pageIndex);\n        this.pageChange(this.pageIndex);\n    }\n\n    jumpPage(input: HTMLInputElement) {\n        const pageIndex = +input.value;\n        if (Number.isInteger(pageIndex)) {\n            this.selectPage(pageIndex);\n        }\n        input.value = '';\n    }\n\n    onPageSizeChange(event: number) {\n        this.pageSize = event;\n        this.calculatePageCount();\n        this.setPageIndex(this.pageIndex);\n        this.pageSizeChanged.emit(event);\n    }\n}\n","<ng-container *ngIf=\"(hideOnSinglePage && total > pageSize) || !hideOnSinglePage\">\n  <div class=\"thy-pagination-total\" *ngIf=\"showTotal\">\n    <ng-container *ngIf=\"!isTemplateRef(showTotal); else totalTemplate\">\n      <ng-container *ngIf=\"total > 0\">\n        <div class=\"mr-3\">\n          第<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n        </div>\n        <div>\n          共<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-template #totalTemplate>\n      <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n    </ng-template>\n  </div>\n  <div class=\"thy-pagination-content\">\n    <div class=\"thy-pagination-size\" *ngIf=\"config.showSizeChanger\">\n      <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n        <thy-option\n          class=\"page-size-option\"\n          *ngFor=\"let option of config.pageSizeOptions\"\n          [thyValue]=\"option\"\n          [thyLabelText]=\"option + ' ' + config.unit + '/页'\"></thy-option>\n      </thy-select>\n    </div>\n    <ul class=\"thy-pagination-pages\">\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(firstIndex)\">\n        <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.firstText\">{{ config.firstText }}</ng-container>\n          <ng-container *ngIf=\"config.firstIcon\">\n            <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === firstIndex\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex - 1)\">\n        <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.previousText\">{{ config.previousText }}</ng-container>\n          <ng-container *ngIf=\"config.previousIcon\">\n            <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item thy-page-number\"\n        [class.active]=\"page.active\"\n        [class.disabled]=\"disabled\"\n        (click)=\"selectPage(page.index)\"\n        *ngFor=\"let page of pages\">\n        <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n      </li>\n      <li\n        class=\"thy-page-item page-item-next\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.directionLinks\"\n        (click)=\"selectPage(pageIndex + 1)\">\n        <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.nextText\">{{ config.nextText }}</ng-container>\n          <ng-container *ngIf=\"config.nextIcon\">\n            <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n      <li\n        class=\"thy-page-item\"\n        [class.disabled]=\"disabled || pageIndex === pageCount\"\n        *ngIf=\"config.boundaryLinks\"\n        (click)=\"selectPage(pageCount)\">\n        <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n          <ng-container *ngIf=\"config.lastText\">{{ config.lastText }}</ng-container>\n          <ng-container *ngIf=\"config.lastIcon\">\n            <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n          </ng-container>\n        </a>\n      </li>\n    </ul>\n    <ng-container *ngIf=\"config.showTotalPageCount && config.totalPagesFormat\">\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat : config.totalPagesFormat\"></div>\n    </ng-container>\n    <ng-container *ngIf=\"config.showQuickJumper\">\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          跳至\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          页\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { ThyPagination } from './pagination.component';\nimport { CommonModule } from '@angular/common';\nimport { PaginationTotalCountFormat } from './pagination.pipe';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { THY_PAGINATION_CONFIG } from './pagination.config';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThySelectModule } from 'ngx-tethys/select';\nimport { FormsModule } from '@angular/forms';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, ThySharedModule, ThyIconModule, ThySelectModule, ThyPagination, PaginationTotalCountFormat],\n    exports: [ThyPagination]\n})\nexport class ThyPaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/ngx-tethys-table.mjs

@@ -8,7 +8,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { moveItemInArray, CdkDropList, CdkDrag, DragDropModule } from '@angular/cdk/drag-drop';
 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 { NgFor, NgClass, NgIf, NgStyle, NgTemplateOutlet, isPlatformServer, DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, Optional, Inject, Input, Output, ContentChild, Pipe, ChangeDetectionStrategy, ViewChild, inject, DestroyRef, PLATFORM_ID, numberAttribute, ElementRef, ViewChildren, HostBinding, ContentChildren, NgModule } from '@angular/core';
 import { coerceCssPixelValue } from '@angular/cdk/coercion';
@@ -374,7 +374,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: "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 }); }
+    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\" [ngStyle]=\"{ '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: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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(),
@@ -392,7 +392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
             type: Component,
             args: [{ selector: 'thy-table-skeleton', host: {
                         class: 'thy-table-skeleton'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgFor, NgClass, NgIf, NgTemplateOutlet, ThyViewOutletDirective, ThySkeletonRectangle, ThySkeletonCircle], 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" }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgFor, NgClass, NgIf, NgStyle, NgTemplateOutlet, ThyViewOutletDirective, ThySkeletonRectangle, ThySkeletonCircle], template: "<table [ngClass]=\"tableClassMap\" [ngStyle]=\"{ '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" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { titleTemplate: [{
                 type: ViewChild,
                 args: ['titleTemplate']
@@ -912,8 +912,10 @@ class ThyTable {
             return level * this.thyIndent - 5;
         }
     }
-    tdIndentComputed(level) {
+    tdIndentComputed(level, column) {
         return {
+            left: `${column.left}px`,
+            right: `${column.right}px`,
             position: 'relative',
             paddingLeft: `${(level + 1) * this.thyIndent - 5}px`
         };
@@ -1210,7 +1212,7 @@ class ThyTable {
                 useExisting: ThyTable
             },
             UpdateHostClassService
-        ], queries: [{ propertyName: "emptyTemplate", first: true, predicate: ["empty"], descendants: true }, { propertyName: "groupTemplate", first: true, predicate: ["group"], descendants: true, static: true }, { propertyName: "listOfColumnComponents", predicate: ThyTableColumnComponent }], viewQueries: [{ propertyName: "tableElementRef", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "rows", predicate: ["rows"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"thy-table-body\"\n  cdkScrollable\n  [ngClass]=\"{ 'thy-table-fixed': hasFixed, 'thy-table-bordered-theme': theme === 'bordered' && hasFixed }\">\n  <table\n    #table\n    class=\"table\"\n    [ngClass]=\"[className]\"\n    [class.table-fixed]=\"thyLayoutFixed\"\n    [class.table-draggable]=\"draggable\"\n    [class.table-group]=\"mode === 'group'\"\n    [style.min-width]=\"thyMinWidth\">\n    <colgroup>\n      <col *ngFor=\"let column of columns\" [width]=\"column.width\" [style.minWidth]=\"hasFixed ? column.width : column.minWidth\" />\n    </colgroup>\n\n    <thead *ngIf=\"!thyHeadless\">\n      <tr>\n        <th\n          *ngFor=\"let column of columns\"\n          [ngClass]=\"column.headerClassName\"\n          [class.thy-table-column-sortable]=\"column.sortable\"\n          [class.thy-table-fixed-column-left]=\"column.fixed === fixedDirection.left\"\n          [class.thy-table-fixed-column-right]=\"column.fixed === fixedDirection.right\"\n          [style.left.px]=\"column.left\"\n          [style.right.px]=\"column.right\"\n          (click)=\"onColumnHeaderClick($event, column)\">\n          <ng-container *ngIf=\"!column.headerTemplateRef\">\n            <span>{{ column.title }}</span>\n          </ng-container>\n          <ng-container *ngIf=\"column.headerTemplateRef\">\n            <ng-template [ngTemplateOutlet]=\"column.headerTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: column }\"></ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"column.sortable\">\n            <thy-icon [ngClass]=\"['thy-table-column-sortable-icon', 'px-1', column.sortDirection]\" thyIconName=\"sort-vertical-tt\">\n            </thy-icon>\n          </ng-container>\n        </th>\n      </tr>\n    </thead>\n\n    <tbody\n      *ngIf=\"loadingDone\"\n      thyDragDrop\n      cdkDropList\n      [cdkDropListDisabled]=\"!draggable\"\n      [cdkDropListSortPredicate]=\"dropListEnterPredicate\"\n      (cdkDropListDropped)=\"onDragDropped($event)\">\n      <!-- group -->\n      <ng-container *ngIf=\"mode === 'group'\">\n        <ng-container *ngFor=\"let group of groups\">\n          <tr\n            class=\"thy-table-group\"\n            (click)=\"expandGroup(group)\"\n            cdkDrag\n            [cdkDragPreviewClass]=\"dragPreviewClass\"\n            [cdkDragData]=\"group\"\n            [cdkDragDisabled]=\"group | tableRowDragDisabled : thyDragDisabledPredicate\"\n            (cdkDragStarted)=\"onDragGroupStarted($event)\"\n            (cdkDragEnded)=\"onDragGroupEnd($event)\">\n            <td [attr.colspan]=\"columns.length\">\n              <div class=\"thy-table-group-container\">\n                <ng-container *ngIf=\"draggable && !(group | tableRowDragDisabled : thyDragDisabledPredicate)\">\n                  <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n                </ng-container>\n                <thy-icon class=\"expand-icon\" [thyIconName]=\"group.expand ? 'angle-down' : 'angle-right'\"></thy-icon>\n                <ng-container *ngIf=\"groupTemplate\">\n                  <ng-template\n                    [ngTemplateOutlet]=\"groupTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: group.origin, group: group.origin }\"></ng-template>\n                </ng-container>\n              </div>\n            </td>\n          </tr>\n          <ng-container *ngIf=\"group.children?.length && group.expand\">\n            <ng-container *ngFor=\"let row of group.children; trackBy: trackByFn; let i = index\">\n              <ng-template\n                [ngTemplateOutlet]=\"trTemplate\"\n                [ngTemplateOutletContext]=\"{\n                  row: row,\n                  index: i,\n                  level: 0\n                }\"></ng-template>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <!-- list\u6A21\u5F0F\u4E0B\u6CA1\u6709\u76F4\u63A5\u4F7F\u7528item\u6A21\u677F\uFF0C\u662F\u56E0\u4E3A\u4F7F\u7528\u4E86\u6A21\u677F\u5F71\u54CD\u4E86Angular\u7684\u4F9D\u8D56\u6811\uFF0C\u5BFC\u81F4CdkDragDrop\u6392\u5E8F\u5931\u6548\uFF0C\u76EE\u524D\u8FD9\u6837\u4FEE\u6539\u53EF\u4EE5\u6682\u65F6\u89E3\u51B3\u7EBF\u4E0A\u4E0D\u80FD\u6392\u5E8F\u7684\u95EE\u9898\uFF0CTree\u6A21\u5F0F\u7684\u6392\u5E8F\u6682\u65F6\u4E0D\u652F\u6301 -->\n      <ng-container *ngIf=\"mode === 'list'\">\n        <tr\n          #rows\n          *ngFor=\"let row of model; trackBy: trackByFn; let i = index\"\n          class=\"thy-sortable-item\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"dragPreviewClass\"\n          [cdkDragData]=\"row\"\n          [cdkDragDisabled]=\"row | tableRowDragDisabled : thyDragDisabledPredicate\"\n          (cdkDragStarted)=\"onDragStarted($event)\"\n          [ngClass]=\"renderRowClassName(row, i)\"\n          (click)=\"onRowClick($event, row)\"\n          (thyContextMenu)=\"onRowContextMenu($event, row)\">\n          <ng-template\n            [ngTemplateOutlet]=\"tdsTemplate\"\n            [ngTemplateOutletContext]=\"{\n              row: row,\n              index: i,\n              level: 0\n            }\"></ng-template>\n        </tr>\n      </ng-container>\n\n      <ng-container *ngIf=\"mode === 'tree'\">\n        <ng-container *ngFor=\"let row of model; trackBy: trackByFn; let i = index\">\n          <ng-template [ngTemplateOutlet]=\"trTemplate\" [ngTemplateOutletContext]=\"{ row: row, index: i, level: 0 }\"></ng-template>\n        </ng-container>\n      </ng-container>\n\n      <ng-template #trTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n        <tr\n          #rows\n          class=\"thy-sortable-item\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"dragPreviewClass\"\n          [cdkDragData]=\"row\"\n          (cdkDragStarted)=\"onDragStarted($event)\"\n          [cdkDragDisabled]=\"row | tableRowDragDisabled : thyDragDisabledPredicate\"\n          [ngClass]=\"renderRowClassName(row, i)\"\n          (click)=\"onRowClick($event, row)\"\n          (thyContextMenu)=\"onRowContextMenu($event, row)\">\n          <ng-template\n            [ngTemplateOutlet]=\"tdsTemplate\"\n            [ngTemplateOutletContext]=\"{\n              row: row,\n              index: i,\n              level: level + 1\n            }\"></ng-template>\n        </tr>\n\n        <ng-container *ngIf=\"mode === 'tree' && isExpanded(row)\">\n          <ng-template\n            *ngFor=\"let child of row[thyChildrenKey]; trackBy: trackByFn; let j = index\"\n            [ngTemplateOutlet]=\"trTemplate\"\n            [ngTemplateOutletContext]=\"{ row: child, index: j, level: level + 1 }\"></ng-template>\n        </ng-container>\n      </ng-template>\n\n      <ng-template #tdsTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n        <td\n          *ngFor=\"let column of columns; let j = index\"\n          [ngClass]=\"column.className\"\n          [class.thy-operation-links]=\"!!column.operational\"\n          [class.thy-table-column-secondary]=\"!!column.secondary\"\n          [class.thy-table-checkbox-column]=\"column.type === customType.checkbox\"\n          [class.thy-table-fixed-column-left]=\"column.fixed === fixedDirection.left\"\n          [class.thy-table-fixed-column-right]=\"column.fixed === fixedDirection.right\"\n          [style.left.px]=\"column.left\"\n          [style.right.px]=\"column.right\"\n          [ngStyle]=\"mode === 'tree' && column.expand ? tdIndentComputed(level) : null\">\n          <ng-container *ngIf=\"j === 0 && draggable && !(row | tableRowDragDisabled : thyDragDisabledPredicate)\">\n            <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n          </ng-container>\n\n          <!--template-->\n          <ng-container *ngIf=\"isTemplateRef(column.cellTemplateRef)\">\n            <thy-icon\n              class=\"tree-expand-icon cursor-pointer\"\n              *ngIf=\"mode === 'tree' && column.expand\"\n              [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n              [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n              [style.left.px]=\"iconIndentComputed(level)\"></thy-icon>\n            <ng-template [ngTemplateOutlet]=\"column.cellTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: row }\"></ng-template>\n          </ng-container>\n\n          <!--not template-->\n          <ng-container *ngIf=\"!isTemplateRef(column.cellTemplateRef)\">\n            <!-- default -->\n            <ng-container *ngIf=\"column.model && !column.type\">\n              <thy-icon\n                class=\"tree-expand-icon cursor-pointer\"\n                *ngIf=\"mode === 'tree' && column.expand\"\n                [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n                [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n                [style.marginLeft.px]=\"iconIndentComputed(level)\"></thy-icon>\n              <ng-container *ngIf=\"getModelValue(row, column.model) | isValidModelValue; else default\">\n                {{ getModelValue(row, column.model) }}\n              </ng-container>\n              <ng-template #default>\n                <div *ngIf=\"column.defaultText\" class=\"text-desc\">\n                  {{ column.defaultText }}\n                </div>\n              </ng-template>\n            </ng-container>\n\n            <!-- index -->\n            <ng-container *ngIf=\"column.type === customType.index\">\n              {{ i + 1 }}\n            </ng-container>\n\n            <!-- checkbox -->\n            <ng-container *ngIf=\"column.type === customType.checkbox\">\n              <input\n                type=\"checkbox\"\n                [(ngModel)]=\"row[column.key]\"\n                (ngModelChange)=\"onCheckboxChange(row, column)\"\n                (click)=\"onStopPropagation($event)\"\n                [disabled]=\"column.disabled\" />\n            </ng-container>\n\n            <!-- radio -->\n            <ng-container *ngIf=\"column.type === customType.radio\">\n              <input\n                type=\"radio\"\n                [(ngModel)]=\"selectedRadioRow\"\n                [value]=\"row\"\n                [disabled]=\"column.disabled\"\n                (click)=\"onStopPropagation($event)\"\n                (change)=\"onRadioSelectChange($event, row)\" />\n            </ng-container>\n\n            <!-- switch -->\n            <ng-container *ngIf=\"column.type === customType.switch\">\n              <thy-switch\n                [(ngModel)]=\"row[column.key]\"\n                (ngModelChange)=\"onModelChange(row, column)\"\n                [disabled]=\"column.disabled\"\n                (thyChange)=\"onSwitchChange($event, row, column)\"></thy-switch>\n            </ng-container>\n          </ng-container>\n        </td>\n      </ng-template>\n    </tbody>\n  </table>\n\n  <div *ngIf=\"loadingDone && model.length === 0 && groups.length === 0\" class=\"thy-table-empty clear-hover\">\n    <ng-container *ngIf=\"emptyTemplate; else defaultEmpty\">\n      <ng-template [ngTemplateOutlet]=\"emptyTemplate\"></ng-template>\n    </ng-container>\n    <ng-template #defaultEmpty>\n      <thy-empty\n        [thyMessage]=\"emptyOptions.message\"\n        [thyTranslationKey]=\"emptyOptions.translationKey\"\n        [thyTranslationValues]=\"emptyOptions.translationValues\"\n        [thyEntityName]=\"emptyOptions.entityName\"\n        [thyEntityNameTranslateKey]=\"emptyOptions.entityNameTranslateKey\"\n        [thyIconName]=\"emptyOptions.iconName\"\n        [thySize]=\"emptyOptions.size\"\n        [thyMarginTop]=\"emptyOptions.marginTop\"\n        [thyTopAuto]=\"emptyOptions.topAuto\"\n        [thyContainer]=\"emptyOptions.container\"></thy-empty>\n    </ng-template>\n  </div>\n\n  <thy-table-skeleton\n    *ngIf=\"!loadingDone\"\n    [thyRowCount]=\"6\"\n    [thyHeadless]=\"true\"\n    [thyTheme]=\"theme\"\n    [thySize]=\"size\"\n    [thyMinWidth]=\"thyMinWidth\"\n    [thyColumns]=\"skeletonColumns\">\n  </thy-table-skeleton>\n\n  <div class=\"thy-table-footer\" *ngIf=\"pagination.total > pagination.size\" [class.thy-table-footer-has-padding]=\"theme === 'default'\">\n    <thy-pagination\n      [thyPageIndex]=\"pagination.index\"\n      [thyTotal]=\"pagination.total\"\n      [thyPageSize]=\"pagination.size\"\n      [thyPageSizeOptions]=\"pagination.sizeOptions\"\n      [thyShowSizeChanger]=\"showSizeChanger\"\n      [thyShowTotal]=\"showTotal\"\n      (thyPageChanged)=\"onPageChange($event)\"\n      (thyPageIndexChange)=\"onPageIndexChange($event)\"\n      (thyPageSizeChanged)=\"onPageSizeChange($event)\"></thy-pagination>\n  </div>\n</div>\n\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyDragDropDirective, selector: "[thyDragDrop]" }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: ThyContextMenuDirective, selector: "[thyContextMenu]", outputs: ["thyContextMenu"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: ThySwitch, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled", "thyLoading"], outputs: ["thyChange"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: ThyTableSkeleton, selector: "thy-table-skeleton", inputs: ["thyBorderRadius", "thyRowHeight", "thyAnimated", "thyAnimatedInterval", "thyPrimaryColor", "thySecondaryColor", "thyRowCount", "thyHeadless", "thyTheme", "thySize", "thyMinWidth", "thyColumns"] }, { kind: "component", type: ThyPagination, selector: "thy-pagination", inputs: ["thyPageIndex", "thyPageSize", "thyTotal", "thyCustomPages", "thyDisabled", "thyShowQuickJumper", "thyShowTotalPageCount", "thySize", "thyMaxCount", "thyMarginalCount", "thyRangeCount", "thyShowSizeChanger", "thyPageSizeOptions", "thyHideOnSinglePage", "thyShowTotal"], outputs: ["thyPageIndexChange", "thyPageChanged", "thyPageSizeChanged"] }, { kind: "pipe", type: TableIsValidModelValuePipe, name: "isValidModelValue" }, { kind: "pipe", type: TableRowDragDisabledPipe, name: "tableRowDragDisabled" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "emptyTemplate", first: true, predicate: ["empty"], descendants: true }, { propertyName: "groupTemplate", first: true, predicate: ["group"], descendants: true, static: true }, { propertyName: "listOfColumnComponents", predicate: ThyTableColumnComponent }], viewQueries: [{ propertyName: "tableElementRef", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "rows", predicate: ["rows"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"thy-table-body\"\n  cdkScrollable\n  [ngClass]=\"{ 'thy-table-fixed': hasFixed, 'thy-table-bordered-theme': theme === 'bordered' && hasFixed }\">\n  <table\n    #table\n    class=\"table\"\n    [ngClass]=\"[className]\"\n    [class.table-fixed]=\"thyLayoutFixed\"\n    [class.table-draggable]=\"draggable\"\n    [class.table-group]=\"mode === 'group'\"\n    [ngStyle]=\"{ 'min-width': thyMinWidth }\">\n    <colgroup>\n      <col *ngFor=\"let column of columns\" [width]=\"column.width\" [ngStyle]=\"{ minWidth: hasFixed ? column.width : column.minWidth }\" />\n    </colgroup>\n\n    <thead *ngIf=\"!thyHeadless\">\n      <tr>\n        <th\n          *ngFor=\"let column of columns\"\n          [ngClass]=\"column.headerClassName\"\n          [class.thy-table-column-sortable]=\"column.sortable\"\n          [class.thy-table-fixed-column-left]=\"column.fixed === fixedDirection.left\"\n          [class.thy-table-fixed-column-right]=\"column.fixed === fixedDirection.right\"\n          [ngStyle]=\"{ left: column.left + 'px', right: column.right + 'px' }\"\n          (click)=\"onColumnHeaderClick($event, column)\">\n          <ng-container *ngIf=\"!column.headerTemplateRef\">\n            <span>{{ column.title }}</span>\n          </ng-container>\n          <ng-container *ngIf=\"column.headerTemplateRef\">\n            <ng-template [ngTemplateOutlet]=\"column.headerTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: column }\"></ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"column.sortable\">\n            <thy-icon [ngClass]=\"['thy-table-column-sortable-icon', 'px-1', column.sortDirection]\" thyIconName=\"sort-vertical-tt\">\n            </thy-icon>\n          </ng-container>\n        </th>\n      </tr>\n    </thead>\n\n    <tbody\n      *ngIf=\"loadingDone\"\n      thyDragDrop\n      cdkDropList\n      [cdkDropListDisabled]=\"!draggable\"\n      [cdkDropListSortPredicate]=\"dropListEnterPredicate\"\n      (cdkDropListDropped)=\"onDragDropped($event)\">\n      <!-- group -->\n      <ng-container *ngIf=\"mode === 'group'\">\n        <ng-container *ngFor=\"let group of groups\">\n          <tr\n            class=\"thy-table-group\"\n            (click)=\"expandGroup(group)\"\n            cdkDrag\n            [cdkDragPreviewClass]=\"dragPreviewClass\"\n            [cdkDragData]=\"group\"\n            [cdkDragDisabled]=\"group | tableRowDragDisabled : thyDragDisabledPredicate\"\n            (cdkDragStarted)=\"onDragGroupStarted($event)\"\n            (cdkDragEnded)=\"onDragGroupEnd($event)\">\n            <td [attr.colspan]=\"columns.length\">\n              <div class=\"thy-table-group-container\">\n                <ng-container *ngIf=\"draggable && !(group | tableRowDragDisabled : thyDragDisabledPredicate)\">\n                  <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n                </ng-container>\n                <thy-icon class=\"expand-icon\" [thyIconName]=\"group.expand ? 'angle-down' : 'angle-right'\"></thy-icon>\n                <ng-container *ngIf=\"groupTemplate\">\n                  <ng-template\n                    [ngTemplateOutlet]=\"groupTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: group.origin, group: group.origin }\"></ng-template>\n                </ng-container>\n              </div>\n            </td>\n          </tr>\n          <ng-container *ngIf=\"group.children?.length && group.expand\">\n            <ng-container *ngFor=\"let row of group.children; trackBy: trackByFn; let i = index\">\n              <ng-template\n                [ngTemplateOutlet]=\"trTemplate\"\n                [ngTemplateOutletContext]=\"{\n                  row: row,\n                  index: i,\n                  level: 0\n                }\"></ng-template>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <!-- list\u6A21\u5F0F\u4E0B\u6CA1\u6709\u76F4\u63A5\u4F7F\u7528item\u6A21\u677F\uFF0C\u662F\u56E0\u4E3A\u4F7F\u7528\u4E86\u6A21\u677F\u5F71\u54CD\u4E86Angular\u7684\u4F9D\u8D56\u6811\uFF0C\u5BFC\u81F4CdkDragDrop\u6392\u5E8F\u5931\u6548\uFF0C\u76EE\u524D\u8FD9\u6837\u4FEE\u6539\u53EF\u4EE5\u6682\u65F6\u89E3\u51B3\u7EBF\u4E0A\u4E0D\u80FD\u6392\u5E8F\u7684\u95EE\u9898\uFF0CTree\u6A21\u5F0F\u7684\u6392\u5E8F\u6682\u65F6\u4E0D\u652F\u6301 -->\n      <ng-container *ngIf=\"mode === 'list'\">\n        <tr\n          #rows\n          *ngFor=\"let row of model; trackBy: trackByFn; let i = index\"\n          class=\"thy-sortable-item\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"dragPreviewClass\"\n          [cdkDragData]=\"row\"\n          [cdkDragDisabled]=\"row | tableRowDragDisabled : thyDragDisabledPredicate\"\n          (cdkDragStarted)=\"onDragStarted($event)\"\n          [ngClass]=\"renderRowClassName(row, i)\"\n          (click)=\"onRowClick($event, row)\"\n          (thyContextMenu)=\"onRowContextMenu($event, row)\">\n          <ng-template\n            [ngTemplateOutlet]=\"tdsTemplate\"\n            [ngTemplateOutletContext]=\"{\n              row: row,\n              index: i,\n              level: 0\n            }\"></ng-template>\n        </tr>\n      </ng-container>\n\n      <ng-container *ngIf=\"mode === 'tree'\">\n        <ng-container *ngFor=\"let row of model; trackBy: trackByFn; let i = index\">\n          <ng-template [ngTemplateOutlet]=\"trTemplate\" [ngTemplateOutletContext]=\"{ row: row, index: i, level: 0 }\"></ng-template>\n        </ng-container>\n      </ng-container>\n\n      <ng-template #trTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n        <tr\n          #rows\n          class=\"thy-sortable-item\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"dragPreviewClass\"\n          [cdkDragData]=\"row\"\n          (cdkDragStarted)=\"onDragStarted($event)\"\n          [cdkDragDisabled]=\"row | tableRowDragDisabled : thyDragDisabledPredicate\"\n          [ngClass]=\"renderRowClassName(row, i)\"\n          (click)=\"onRowClick($event, row)\"\n          (thyContextMenu)=\"onRowContextMenu($event, row)\">\n          <ng-template\n            [ngTemplateOutlet]=\"tdsTemplate\"\n            [ngTemplateOutletContext]=\"{\n              row: row,\n              index: i,\n              level: level + 1\n            }\"></ng-template>\n        </tr>\n\n        <ng-container *ngIf=\"mode === 'tree' && isExpanded(row)\">\n          <ng-template\n            *ngFor=\"let child of row[thyChildrenKey]; trackBy: trackByFn; let j = index\"\n            [ngTemplateOutlet]=\"trTemplate\"\n            [ngTemplateOutletContext]=\"{ row: child, index: j, level: level + 1 }\"></ng-template>\n        </ng-container>\n      </ng-template>\n\n      <ng-template #tdsTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n        <td\n          *ngFor=\"let column of columns; let j = index\"\n          [ngClass]=\"column.className\"\n          [class.thy-operation-links]=\"!!column.operational\"\n          [class.thy-table-column-secondary]=\"!!column.secondary\"\n          [class.thy-table-checkbox-column]=\"column.type === customType.checkbox\"\n          [class.thy-table-fixed-column-left]=\"column.fixed === fixedDirection.left\"\n          [class.thy-table-fixed-column-right]=\"column.fixed === fixedDirection.right\"\n          [ngStyle]=\"\n            mode === 'tree' && column.expand ? tdIndentComputed(level, column) : { left: column.left + 'px', right: column.right + 'px' }\n          \">\n          <ng-container *ngIf=\"j === 0 && draggable && !(row | tableRowDragDisabled : thyDragDisabledPredicate)\">\n            <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n          </ng-container>\n\n          <!--template-->\n          <ng-container *ngIf=\"isTemplateRef(column.cellTemplateRef)\">\n            <thy-icon\n              class=\"tree-expand-icon cursor-pointer\"\n              *ngIf=\"mode === 'tree' && column.expand\"\n              [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n              [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n              [style.left.px]=\"iconIndentComputed(level)\"></thy-icon>\n            <ng-template [ngTemplateOutlet]=\"column.cellTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: row }\"></ng-template>\n          </ng-container>\n\n          <!--not template-->\n          <ng-container *ngIf=\"!isTemplateRef(column.cellTemplateRef)\">\n            <!-- default -->\n            <ng-container *ngIf=\"column.model && !column.type\">\n              <thy-icon\n                class=\"tree-expand-icon cursor-pointer\"\n                *ngIf=\"mode === 'tree' && column.expand\"\n                [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n                [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n                [style.marginLeft.px]=\"iconIndentComputed(level)\"></thy-icon>\n              <ng-container *ngIf=\"getModelValue(row, column.model) | isValidModelValue; else default\">\n                {{ getModelValue(row, column.model) }}\n              </ng-container>\n              <ng-template #default>\n                <div *ngIf=\"column.defaultText\" class=\"text-desc\">\n                  {{ column.defaultText }}\n                </div>\n              </ng-template>\n            </ng-container>\n\n            <!-- index -->\n            <ng-container *ngIf=\"column.type === customType.index\">\n              {{ i + 1 }}\n            </ng-container>\n\n            <!-- checkbox -->\n            <ng-container *ngIf=\"column.type === customType.checkbox\">\n              <input\n                type=\"checkbox\"\n                [(ngModel)]=\"row[column.key]\"\n                (ngModelChange)=\"onCheckboxChange(row, column)\"\n                (click)=\"onStopPropagation($event)\"\n                [disabled]=\"column.disabled\" />\n            </ng-container>\n\n            <!-- radio -->\n            <ng-container *ngIf=\"column.type === customType.radio\">\n              <input\n                type=\"radio\"\n                [(ngModel)]=\"selectedRadioRow\"\n                [value]=\"row\"\n                [disabled]=\"column.disabled\"\n                (click)=\"onStopPropagation($event)\"\n                (change)=\"onRadioSelectChange($event, row)\" />\n            </ng-container>\n\n            <!-- switch -->\n            <ng-container *ngIf=\"column.type === customType.switch\">\n              <thy-switch\n                [(ngModel)]=\"row[column.key]\"\n                (ngModelChange)=\"onModelChange(row, column)\"\n                [disabled]=\"column.disabled\"\n                (thyChange)=\"onSwitchChange($event, row, column)\"></thy-switch>\n            </ng-container>\n          </ng-container>\n        </td>\n      </ng-template>\n    </tbody>\n  </table>\n\n  <div *ngIf=\"loadingDone && model.length === 0 && groups.length === 0\" class=\"thy-table-empty clear-hover\">\n    <ng-container *ngIf=\"emptyTemplate; else defaultEmpty\">\n      <ng-template [ngTemplateOutlet]=\"emptyTemplate\"></ng-template>\n    </ng-container>\n    <ng-template #defaultEmpty>\n      <thy-empty\n        [thyMessage]=\"emptyOptions.message\"\n        [thyTranslationKey]=\"emptyOptions.translationKey\"\n        [thyTranslationValues]=\"emptyOptions.translationValues\"\n        [thyEntityName]=\"emptyOptions.entityName\"\n        [thyEntityNameTranslateKey]=\"emptyOptions.entityNameTranslateKey\"\n        [thyIconName]=\"emptyOptions.iconName\"\n        [thySize]=\"emptyOptions.size\"\n        [thyMarginTop]=\"emptyOptions.marginTop\"\n        [thyTopAuto]=\"emptyOptions.topAuto\"\n        [thyContainer]=\"emptyOptions.container\"></thy-empty>\n    </ng-template>\n  </div>\n\n  <thy-table-skeleton\n    *ngIf=\"!loadingDone\"\n    [thyRowCount]=\"6\"\n    [thyHeadless]=\"true\"\n    [thyTheme]=\"theme\"\n    [thySize]=\"size\"\n    [thyMinWidth]=\"thyMinWidth\"\n    [thyColumns]=\"skeletonColumns\">\n  </thy-table-skeleton>\n\n  <div class=\"thy-table-footer\" *ngIf=\"pagination.total > pagination.size\" [class.thy-table-footer-has-padding]=\"theme === 'default'\">\n    <thy-pagination\n      [thyPageIndex]=\"pagination.index\"\n      [thyTotal]=\"pagination.total\"\n      [thyPageSize]=\"pagination.size\"\n      [thyPageSizeOptions]=\"pagination.sizeOptions\"\n      [thyShowSizeChanger]=\"showSizeChanger\"\n      [thyShowTotal]=\"showTotal\"\n      (thyPageChanged)=\"onPageChange($event)\"\n      (thyPageIndexChange)=\"onPageIndexChange($event)\"\n      (thyPageSizeChanged)=\"onPageSizeChange($event)\"></thy-pagination>\n  </div>\n</div>\n\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyDragDropDirective, selector: "[thyDragDrop]" }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: ThyContextMenuDirective, selector: "[thyContextMenu]", outputs: ["thyContextMenu"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: ThySwitch, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled", "thyLoading"], outputs: ["thyChange"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: ThyTableSkeleton, selector: "thy-table-skeleton", inputs: ["thyBorderRadius", "thyRowHeight", "thyAnimated", "thyAnimatedInterval", "thyPrimaryColor", "thySecondaryColor", "thyRowCount", "thyHeadless", "thyTheme", "thySize", "thyMinWidth", "thyColumns"] }, { kind: "component", type: ThyPagination, selector: "thy-pagination", inputs: ["thyPageIndex", "thyPageSize", "thyTotal", "thyCustomPages", "thyDisabled", "thyShowQuickJumper", "thyShowTotalPageCount", "thySize", "thyMaxCount", "thyMarginalCount", "thyRangeCount", "thyShowSizeChanger", "thyPageSizeOptions", "thyHideOnSinglePage", "thyUnit", "thyShowTotal"], outputs: ["thyPageIndexChange", "thyPageChanged", "thyPageSizeChanged"] }, { kind: "pipe", type: TableIsValidModelValuePipe, name: "isValidModelValue" }, { kind: "pipe", type: TableRowDragDisabledPipe, name: "tableRowDragDisabled" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputCssPixel(),
@@ -1252,7 +1254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                         ThyPagination,
                         TableIsValidModelValuePipe,
                         TableRowDragDisabledPipe
-                    ], template: "<div\n  class=\"thy-table-body\"\n  cdkScrollable\n  [ngClass]=\"{ 'thy-table-fixed': hasFixed, 'thy-table-bordered-theme': theme === 'bordered' && hasFixed }\">\n  <table\n    #table\n    class=\"table\"\n    [ngClass]=\"[className]\"\n    [class.table-fixed]=\"thyLayoutFixed\"\n    [class.table-draggable]=\"draggable\"\n    [class.table-group]=\"mode === 'group'\"\n    [style.min-width]=\"thyMinWidth\">\n    <colgroup>\n      <col *ngFor=\"let column of columns\" [width]=\"column.width\" [style.minWidth]=\"hasFixed ? column.width : column.minWidth\" />\n    </colgroup>\n\n    <thead *ngIf=\"!thyHeadless\">\n      <tr>\n        <th\n          *ngFor=\"let column of columns\"\n          [ngClass]=\"column.headerClassName\"\n          [class.thy-table-column-sortable]=\"column.sortable\"\n          [class.thy-table-fixed-column-left]=\"column.fixed === fixedDirection.left\"\n          [class.thy-table-fixed-column-right]=\"column.fixed === fixedDirection.right\"\n          [style.left.px]=\"column.left\"\n          [style.right.px]=\"column.right\"\n          (click)=\"onColumnHeaderClick($event, column)\">\n          <ng-container *ngIf=\"!column.headerTemplateRef\">\n            <span>{{ column.title }}</span>\n          </ng-container>\n          <ng-container *ngIf=\"column.headerTemplateRef\">\n            <ng-template [ngTemplateOutlet]=\"column.headerTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: column }\"></ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"column.sortable\">\n            <thy-icon [ngClass]=\"['thy-table-column-sortable-icon', 'px-1', column.sortDirection]\" thyIconName=\"sort-vertical-tt\">\n            </thy-icon>\n          </ng-container>\n        </th>\n      </tr>\n    </thead>\n\n    <tbody\n      *ngIf=\"loadingDone\"\n      thyDragDrop\n      cdkDropList\n      [cdkDropListDisabled]=\"!draggable\"\n      [cdkDropListSortPredicate]=\"dropListEnterPredicate\"\n      (cdkDropListDropped)=\"onDragDropped($event)\">\n      <!-- group -->\n      <ng-container *ngIf=\"mode === 'group'\">\n        <ng-container *ngFor=\"let group of groups\">\n          <tr\n            class=\"thy-table-group\"\n            (click)=\"expandGroup(group)\"\n            cdkDrag\n            [cdkDragPreviewClass]=\"dragPreviewClass\"\n            [cdkDragData]=\"group\"\n            [cdkDragDisabled]=\"group | tableRowDragDisabled : thyDragDisabledPredicate\"\n            (cdkDragStarted)=\"onDragGroupStarted($event)\"\n            (cdkDragEnded)=\"onDragGroupEnd($event)\">\n            <td [attr.colspan]=\"columns.length\">\n              <div class=\"thy-table-group-container\">\n                <ng-container *ngIf=\"draggable && !(group | tableRowDragDisabled : thyDragDisabledPredicate)\">\n                  <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n                </ng-container>\n                <thy-icon class=\"expand-icon\" [thyIconName]=\"group.expand ? 'angle-down' : 'angle-right'\"></thy-icon>\n                <ng-container *ngIf=\"groupTemplate\">\n                  <ng-template\n                    [ngTemplateOutlet]=\"groupTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: group.origin, group: group.origin }\"></ng-template>\n                </ng-container>\n              </div>\n            </td>\n          </tr>\n          <ng-container *ngIf=\"group.children?.length && group.expand\">\n            <ng-container *ngFor=\"let row of group.children; trackBy: trackByFn; let i = index\">\n              <ng-template\n                [ngTemplateOutlet]=\"trTemplate\"\n                [ngTemplateOutletContext]=\"{\n                  row: row,\n                  index: i,\n                  level: 0\n                }\"></ng-template>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <!-- list\u6A21\u5F0F\u4E0B\u6CA1\u6709\u76F4\u63A5\u4F7F\u7528item\u6A21\u677F\uFF0C\u662F\u56E0\u4E3A\u4F7F\u7528\u4E86\u6A21\u677F\u5F71\u54CD\u4E86Angular\u7684\u4F9D\u8D56\u6811\uFF0C\u5BFC\u81F4CdkDragDrop\u6392\u5E8F\u5931\u6548\uFF0C\u76EE\u524D\u8FD9\u6837\u4FEE\u6539\u53EF\u4EE5\u6682\u65F6\u89E3\u51B3\u7EBF\u4E0A\u4E0D\u80FD\u6392\u5E8F\u7684\u95EE\u9898\uFF0CTree\u6A21\u5F0F\u7684\u6392\u5E8F\u6682\u65F6\u4E0D\u652F\u6301 -->\n      <ng-container *ngIf=\"mode === 'list'\">\n        <tr\n          #rows\n          *ngFor=\"let row of model; trackBy: trackByFn; let i = index\"\n          class=\"thy-sortable-item\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"dragPreviewClass\"\n          [cdkDragData]=\"row\"\n          [cdkDragDisabled]=\"row | tableRowDragDisabled : thyDragDisabledPredicate\"\n          (cdkDragStarted)=\"onDragStarted($event)\"\n          [ngClass]=\"renderRowClassName(row, i)\"\n          (click)=\"onRowClick($event, row)\"\n          (thyContextMenu)=\"onRowContextMenu($event, row)\">\n          <ng-template\n            [ngTemplateOutlet]=\"tdsTemplate\"\n            [ngTemplateOutletContext]=\"{\n              row: row,\n              index: i,\n              level: 0\n            }\"></ng-template>\n        </tr>\n      </ng-container>\n\n      <ng-container *ngIf=\"mode === 'tree'\">\n        <ng-container *ngFor=\"let row of model; trackBy: trackByFn; let i = index\">\n          <ng-template [ngTemplateOutlet]=\"trTemplate\" [ngTemplateOutletContext]=\"{ row: row, index: i, level: 0 }\"></ng-template>\n        </ng-container>\n      </ng-container>\n\n      <ng-template #trTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n        <tr\n          #rows\n          class=\"thy-sortable-item\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"dragPreviewClass\"\n          [cdkDragData]=\"row\"\n          (cdkDragStarted)=\"onDragStarted($event)\"\n          [cdkDragDisabled]=\"row | tableRowDragDisabled : thyDragDisabledPredicate\"\n          [ngClass]=\"renderRowClassName(row, i)\"\n          (click)=\"onRowClick($event, row)\"\n          (thyContextMenu)=\"onRowContextMenu($event, row)\">\n          <ng-template\n            [ngTemplateOutlet]=\"tdsTemplate\"\n            [ngTemplateOutletContext]=\"{\n              row: row,\n              index: i,\n              level: level + 1\n            }\"></ng-template>\n        </tr>\n\n        <ng-container *ngIf=\"mode === 'tree' && isExpanded(row)\">\n          <ng-template\n            *ngFor=\"let child of row[thyChildrenKey]; trackBy: trackByFn; let j = index\"\n            [ngTemplateOutlet]=\"trTemplate\"\n            [ngTemplateOutletContext]=\"{ row: child, index: j, level: level + 1 }\"></ng-template>\n        </ng-container>\n      </ng-template>\n\n      <ng-template #tdsTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n        <td\n          *ngFor=\"let column of columns; let j = index\"\n          [ngClass]=\"column.className\"\n          [class.thy-operation-links]=\"!!column.operational\"\n          [class.thy-table-column-secondary]=\"!!column.secondary\"\n          [class.thy-table-checkbox-column]=\"column.type === customType.checkbox\"\n          [class.thy-table-fixed-column-left]=\"column.fixed === fixedDirection.left\"\n          [class.thy-table-fixed-column-right]=\"column.fixed === fixedDirection.right\"\n          [style.left.px]=\"column.left\"\n          [style.right.px]=\"column.right\"\n          [ngStyle]=\"mode === 'tree' && column.expand ? tdIndentComputed(level) : null\">\n          <ng-container *ngIf=\"j === 0 && draggable && !(row | tableRowDragDisabled : thyDragDisabledPredicate)\">\n            <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n          </ng-container>\n\n          <!--template-->\n          <ng-container *ngIf=\"isTemplateRef(column.cellTemplateRef)\">\n            <thy-icon\n              class=\"tree-expand-icon cursor-pointer\"\n              *ngIf=\"mode === 'tree' && column.expand\"\n              [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n              [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n              [style.left.px]=\"iconIndentComputed(level)\"></thy-icon>\n            <ng-template [ngTemplateOutlet]=\"column.cellTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: row }\"></ng-template>\n          </ng-container>\n\n          <!--not template-->\n          <ng-container *ngIf=\"!isTemplateRef(column.cellTemplateRef)\">\n            <!-- default -->\n            <ng-container *ngIf=\"column.model && !column.type\">\n              <thy-icon\n                class=\"tree-expand-icon cursor-pointer\"\n                *ngIf=\"mode === 'tree' && column.expand\"\n                [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n                [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n                [style.marginLeft.px]=\"iconIndentComputed(level)\"></thy-icon>\n              <ng-container *ngIf=\"getModelValue(row, column.model) | isValidModelValue; else default\">\n                {{ getModelValue(row, column.model) }}\n              </ng-container>\n              <ng-template #default>\n                <div *ngIf=\"column.defaultText\" class=\"text-desc\">\n                  {{ column.defaultText }}\n                </div>\n              </ng-template>\n            </ng-container>\n\n            <!-- index -->\n            <ng-container *ngIf=\"column.type === customType.index\">\n              {{ i + 1 }}\n            </ng-container>\n\n            <!-- checkbox -->\n            <ng-container *ngIf=\"column.type === customType.checkbox\">\n              <input\n                type=\"checkbox\"\n                [(ngModel)]=\"row[column.key]\"\n                (ngModelChange)=\"onCheckboxChange(row, column)\"\n                (click)=\"onStopPropagation($event)\"\n                [disabled]=\"column.disabled\" />\n            </ng-container>\n\n            <!-- radio -->\n            <ng-container *ngIf=\"column.type === customType.radio\">\n              <input\n                type=\"radio\"\n                [(ngModel)]=\"selectedRadioRow\"\n                [value]=\"row\"\n                [disabled]=\"column.disabled\"\n                (click)=\"onStopPropagation($event)\"\n                (change)=\"onRadioSelectChange($event, row)\" />\n            </ng-container>\n\n            <!-- switch -->\n            <ng-container *ngIf=\"column.type === customType.switch\">\n              <thy-switch\n                [(ngModel)]=\"row[column.key]\"\n                (ngModelChange)=\"onModelChange(row, column)\"\n                [disabled]=\"column.disabled\"\n                (thyChange)=\"onSwitchChange($event, row, column)\"></thy-switch>\n            </ng-container>\n          </ng-container>\n        </td>\n      </ng-template>\n    </tbody>\n  </table>\n\n  <div *ngIf=\"loadingDone && model.length === 0 && groups.length === 0\" class=\"thy-table-empty clear-hover\">\n    <ng-container *ngIf=\"emptyTemplate; else defaultEmpty\">\n      <ng-template [ngTemplateOutlet]=\"emptyTemplate\"></ng-template>\n    </ng-container>\n    <ng-template #defaultEmpty>\n      <thy-empty\n        [thyMessage]=\"emptyOptions.message\"\n        [thyTranslationKey]=\"emptyOptions.translationKey\"\n        [thyTranslationValues]=\"emptyOptions.translationValues\"\n        [thyEntityName]=\"emptyOptions.entityName\"\n        [thyEntityNameTranslateKey]=\"emptyOptions.entityNameTranslateKey\"\n        [thyIconName]=\"emptyOptions.iconName\"\n        [thySize]=\"emptyOptions.size\"\n        [thyMarginTop]=\"emptyOptions.marginTop\"\n        [thyTopAuto]=\"emptyOptions.topAuto\"\n        [thyContainer]=\"emptyOptions.container\"></thy-empty>\n    </ng-template>\n  </div>\n\n  <thy-table-skeleton\n    *ngIf=\"!loadingDone\"\n    [thyRowCount]=\"6\"\n    [thyHeadless]=\"true\"\n    [thyTheme]=\"theme\"\n    [thySize]=\"size\"\n    [thyMinWidth]=\"thyMinWidth\"\n    [thyColumns]=\"skeletonColumns\">\n  </thy-table-skeleton>\n\n  <div class=\"thy-table-footer\" *ngIf=\"pagination.total > pagination.size\" [class.thy-table-footer-has-padding]=\"theme === 'default'\">\n    <thy-pagination\n      [thyPageIndex]=\"pagination.index\"\n      [thyTotal]=\"pagination.total\"\n      [thyPageSize]=\"pagination.size\"\n      [thyPageSizeOptions]=\"pagination.sizeOptions\"\n      [thyShowSizeChanger]=\"showSizeChanger\"\n      [thyShowTotal]=\"showTotal\"\n      (thyPageChanged)=\"onPageChange($event)\"\n      (thyPageIndexChange)=\"onPageIndexChange($event)\"\n      (thyPageSizeChanged)=\"onPageSizeChange($event)\"></thy-pagination>\n  </div>\n</div>\n\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+                    ], template: "<div\n  class=\"thy-table-body\"\n  cdkScrollable\n  [ngClass]=\"{ 'thy-table-fixed': hasFixed, 'thy-table-bordered-theme': theme === 'bordered' && hasFixed }\">\n  <table\n    #table\n    class=\"table\"\n    [ngClass]=\"[className]\"\n    [class.table-fixed]=\"thyLayoutFixed\"\n    [class.table-draggable]=\"draggable\"\n    [class.table-group]=\"mode === 'group'\"\n    [ngStyle]=\"{ 'min-width': thyMinWidth }\">\n    <colgroup>\n      <col *ngFor=\"let column of columns\" [width]=\"column.width\" [ngStyle]=\"{ minWidth: hasFixed ? column.width : column.minWidth }\" />\n    </colgroup>\n\n    <thead *ngIf=\"!thyHeadless\">\n      <tr>\n        <th\n          *ngFor=\"let column of columns\"\n          [ngClass]=\"column.headerClassName\"\n          [class.thy-table-column-sortable]=\"column.sortable\"\n          [class.thy-table-fixed-column-left]=\"column.fixed === fixedDirection.left\"\n          [class.thy-table-fixed-column-right]=\"column.fixed === fixedDirection.right\"\n          [ngStyle]=\"{ left: column.left + 'px', right: column.right + 'px' }\"\n          (click)=\"onColumnHeaderClick($event, column)\">\n          <ng-container *ngIf=\"!column.headerTemplateRef\">\n            <span>{{ column.title }}</span>\n          </ng-container>\n          <ng-container *ngIf=\"column.headerTemplateRef\">\n            <ng-template [ngTemplateOutlet]=\"column.headerTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: column }\"></ng-template>\n          </ng-container>\n          <ng-container *ngIf=\"column.sortable\">\n            <thy-icon [ngClass]=\"['thy-table-column-sortable-icon', 'px-1', column.sortDirection]\" thyIconName=\"sort-vertical-tt\">\n            </thy-icon>\n          </ng-container>\n        </th>\n      </tr>\n    </thead>\n\n    <tbody\n      *ngIf=\"loadingDone\"\n      thyDragDrop\n      cdkDropList\n      [cdkDropListDisabled]=\"!draggable\"\n      [cdkDropListSortPredicate]=\"dropListEnterPredicate\"\n      (cdkDropListDropped)=\"onDragDropped($event)\">\n      <!-- group -->\n      <ng-container *ngIf=\"mode === 'group'\">\n        <ng-container *ngFor=\"let group of groups\">\n          <tr\n            class=\"thy-table-group\"\n            (click)=\"expandGroup(group)\"\n            cdkDrag\n            [cdkDragPreviewClass]=\"dragPreviewClass\"\n            [cdkDragData]=\"group\"\n            [cdkDragDisabled]=\"group | tableRowDragDisabled : thyDragDisabledPredicate\"\n            (cdkDragStarted)=\"onDragGroupStarted($event)\"\n            (cdkDragEnded)=\"onDragGroupEnd($event)\">\n            <td [attr.colspan]=\"columns.length\">\n              <div class=\"thy-table-group-container\">\n                <ng-container *ngIf=\"draggable && !(group | tableRowDragDisabled : thyDragDisabledPredicate)\">\n                  <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n                </ng-container>\n                <thy-icon class=\"expand-icon\" [thyIconName]=\"group.expand ? 'angle-down' : 'angle-right'\"></thy-icon>\n                <ng-container *ngIf=\"groupTemplate\">\n                  <ng-template\n                    [ngTemplateOutlet]=\"groupTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: group.origin, group: group.origin }\"></ng-template>\n                </ng-container>\n              </div>\n            </td>\n          </tr>\n          <ng-container *ngIf=\"group.children?.length && group.expand\">\n            <ng-container *ngFor=\"let row of group.children; trackBy: trackByFn; let i = index\">\n              <ng-template\n                [ngTemplateOutlet]=\"trTemplate\"\n                [ngTemplateOutletContext]=\"{\n                  row: row,\n                  index: i,\n                  level: 0\n                }\"></ng-template>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <!-- list\u6A21\u5F0F\u4E0B\u6CA1\u6709\u76F4\u63A5\u4F7F\u7528item\u6A21\u677F\uFF0C\u662F\u56E0\u4E3A\u4F7F\u7528\u4E86\u6A21\u677F\u5F71\u54CD\u4E86Angular\u7684\u4F9D\u8D56\u6811\uFF0C\u5BFC\u81F4CdkDragDrop\u6392\u5E8F\u5931\u6548\uFF0C\u76EE\u524D\u8FD9\u6837\u4FEE\u6539\u53EF\u4EE5\u6682\u65F6\u89E3\u51B3\u7EBF\u4E0A\u4E0D\u80FD\u6392\u5E8F\u7684\u95EE\u9898\uFF0CTree\u6A21\u5F0F\u7684\u6392\u5E8F\u6682\u65F6\u4E0D\u652F\u6301 -->\n      <ng-container *ngIf=\"mode === 'list'\">\n        <tr\n          #rows\n          *ngFor=\"let row of model; trackBy: trackByFn; let i = index\"\n          class=\"thy-sortable-item\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"dragPreviewClass\"\n          [cdkDragData]=\"row\"\n          [cdkDragDisabled]=\"row | tableRowDragDisabled : thyDragDisabledPredicate\"\n          (cdkDragStarted)=\"onDragStarted($event)\"\n          [ngClass]=\"renderRowClassName(row, i)\"\n          (click)=\"onRowClick($event, row)\"\n          (thyContextMenu)=\"onRowContextMenu($event, row)\">\n          <ng-template\n            [ngTemplateOutlet]=\"tdsTemplate\"\n            [ngTemplateOutletContext]=\"{\n              row: row,\n              index: i,\n              level: 0\n            }\"></ng-template>\n        </tr>\n      </ng-container>\n\n      <ng-container *ngIf=\"mode === 'tree'\">\n        <ng-container *ngFor=\"let row of model; trackBy: trackByFn; let i = index\">\n          <ng-template [ngTemplateOutlet]=\"trTemplate\" [ngTemplateOutletContext]=\"{ row: row, index: i, level: 0 }\"></ng-template>\n        </ng-container>\n      </ng-container>\n\n      <ng-template #trTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n        <tr\n          #rows\n          class=\"thy-sortable-item\"\n          cdkDrag\n          [cdkDragPreviewClass]=\"dragPreviewClass\"\n          [cdkDragData]=\"row\"\n          (cdkDragStarted)=\"onDragStarted($event)\"\n          [cdkDragDisabled]=\"row | tableRowDragDisabled : thyDragDisabledPredicate\"\n          [ngClass]=\"renderRowClassName(row, i)\"\n          (click)=\"onRowClick($event, row)\"\n          (thyContextMenu)=\"onRowContextMenu($event, row)\">\n          <ng-template\n            [ngTemplateOutlet]=\"tdsTemplate\"\n            [ngTemplateOutletContext]=\"{\n              row: row,\n              index: i,\n              level: level + 1\n            }\"></ng-template>\n        </tr>\n\n        <ng-container *ngIf=\"mode === 'tree' && isExpanded(row)\">\n          <ng-template\n            *ngFor=\"let child of row[thyChildrenKey]; trackBy: trackByFn; let j = index\"\n            [ngTemplateOutlet]=\"trTemplate\"\n            [ngTemplateOutletContext]=\"{ row: child, index: j, level: level + 1 }\"></ng-template>\n        </ng-container>\n      </ng-template>\n\n      <ng-template #tdsTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n        <td\n          *ngFor=\"let column of columns; let j = index\"\n          [ngClass]=\"column.className\"\n          [class.thy-operation-links]=\"!!column.operational\"\n          [class.thy-table-column-secondary]=\"!!column.secondary\"\n          [class.thy-table-checkbox-column]=\"column.type === customType.checkbox\"\n          [class.thy-table-fixed-column-left]=\"column.fixed === fixedDirection.left\"\n          [class.thy-table-fixed-column-right]=\"column.fixed === fixedDirection.right\"\n          [ngStyle]=\"\n            mode === 'tree' && column.expand ? tdIndentComputed(level, column) : { left: column.left + 'px', right: column.right + 'px' }\n          \">\n          <ng-container *ngIf=\"j === 0 && draggable && !(row | tableRowDragDisabled : thyDragDisabledPredicate)\">\n            <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n          </ng-container>\n\n          <!--template-->\n          <ng-container *ngIf=\"isTemplateRef(column.cellTemplateRef)\">\n            <thy-icon\n              class=\"tree-expand-icon cursor-pointer\"\n              *ngIf=\"mode === 'tree' && column.expand\"\n              [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n              [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n              [style.left.px]=\"iconIndentComputed(level)\"></thy-icon>\n            <ng-template [ngTemplateOutlet]=\"column.cellTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: row }\"></ng-template>\n          </ng-container>\n\n          <!--not template-->\n          <ng-container *ngIf=\"!isTemplateRef(column.cellTemplateRef)\">\n            <!-- default -->\n            <ng-container *ngIf=\"column.model && !column.type\">\n              <thy-icon\n                class=\"tree-expand-icon cursor-pointer\"\n                *ngIf=\"mode === 'tree' && column.expand\"\n                [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n                [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n                [style.marginLeft.px]=\"iconIndentComputed(level)\"></thy-icon>\n              <ng-container *ngIf=\"getModelValue(row, column.model) | isValidModelValue; else default\">\n                {{ getModelValue(row, column.model) }}\n              </ng-container>\n              <ng-template #default>\n                <div *ngIf=\"column.defaultText\" class=\"text-desc\">\n                  {{ column.defaultText }}\n                </div>\n              </ng-template>\n            </ng-container>\n\n            <!-- index -->\n            <ng-container *ngIf=\"column.type === customType.index\">\n              {{ i + 1 }}\n            </ng-container>\n\n            <!-- checkbox -->\n            <ng-container *ngIf=\"column.type === customType.checkbox\">\n              <input\n                type=\"checkbox\"\n                [(ngModel)]=\"row[column.key]\"\n                (ngModelChange)=\"onCheckboxChange(row, column)\"\n                (click)=\"onStopPropagation($event)\"\n                [disabled]=\"column.disabled\" />\n            </ng-container>\n\n            <!-- radio -->\n            <ng-container *ngIf=\"column.type === customType.radio\">\n              <input\n                type=\"radio\"\n                [(ngModel)]=\"selectedRadioRow\"\n                [value]=\"row\"\n                [disabled]=\"column.disabled\"\n                (click)=\"onStopPropagation($event)\"\n                (change)=\"onRadioSelectChange($event, row)\" />\n            </ng-container>\n\n            <!-- switch -->\n            <ng-container *ngIf=\"column.type === customType.switch\">\n              <thy-switch\n                [(ngModel)]=\"row[column.key]\"\n                (ngModelChange)=\"onModelChange(row, column)\"\n                [disabled]=\"column.disabled\"\n                (thyChange)=\"onSwitchChange($event, row, column)\"></thy-switch>\n            </ng-container>\n          </ng-container>\n        </td>\n      </ng-template>\n    </tbody>\n  </table>\n\n  <div *ngIf=\"loadingDone && model.length === 0 && groups.length === 0\" class=\"thy-table-empty clear-hover\">\n    <ng-container *ngIf=\"emptyTemplate; else defaultEmpty\">\n      <ng-template [ngTemplateOutlet]=\"emptyTemplate\"></ng-template>\n    </ng-container>\n    <ng-template #defaultEmpty>\n      <thy-empty\n        [thyMessage]=\"emptyOptions.message\"\n        [thyTranslationKey]=\"emptyOptions.translationKey\"\n        [thyTranslationValues]=\"emptyOptions.translationValues\"\n        [thyEntityName]=\"emptyOptions.entityName\"\n        [thyEntityNameTranslateKey]=\"emptyOptions.entityNameTranslateKey\"\n        [thyIconName]=\"emptyOptions.iconName\"\n        [thySize]=\"emptyOptions.size\"\n        [thyMarginTop]=\"emptyOptions.marginTop\"\n        [thyTopAuto]=\"emptyOptions.topAuto\"\n        [thyContainer]=\"emptyOptions.container\"></thy-empty>\n    </ng-template>\n  </div>\n\n  <thy-table-skeleton\n    *ngIf=\"!loadingDone\"\n    [thyRowCount]=\"6\"\n    [thyHeadless]=\"true\"\n    [thyTheme]=\"theme\"\n    [thySize]=\"size\"\n    [thyMinWidth]=\"thyMinWidth\"\n    [thyColumns]=\"skeletonColumns\">\n  </thy-table-skeleton>\n\n  <div class=\"thy-table-footer\" *ngIf=\"pagination.total > pagination.size\" [class.thy-table-footer-has-padding]=\"theme === 'default'\">\n    <thy-pagination\n      [thyPageIndex]=\"pagination.index\"\n      [thyTotal]=\"pagination.total\"\n      [thyPageSize]=\"pagination.size\"\n      [thyPageSizeOptions]=\"pagination.sizeOptions\"\n      [thyShowSizeChanger]=\"showSizeChanger\"\n      [thyShowTotal]=\"showTotal\"\n      (thyPageChanged)=\"onPageChange($event)\"\n      (thyPageIndexChange)=\"onPageIndexChange($event)\"\n      (thyPageSizeChanged)=\"onPageSizeChange($event)\"></thy-pagination>\n  </div>\n</div>\n\n<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }, { type: i1.ViewportRuler }, { type: i2.UpdateHostClassService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]