ngx-tethys 18.0.0-next.2 → 18.0.0

package/fesm2022/ngx-tethys-stepper.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { numberAttribute, Component, Input, HostBinding, InjectionToken, TemplateRef, Optional, Inject, ViewChild, EventEmitter, Output, ViewChildren, ContentChildren, Directive, HostListener, NgModule } from '@angular/core';
 import { NgIf, NgFor, NgTemplateOutlet, CommonModule } from '@angular/common';
+import { ThyIcon } from 'ngx-tethys/icon';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
 
 /**
@@ -12,14 +13,16 @@ class ThyStepHeader {
     constructor() {
         this.thyStepHeader = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyStepHeader, isStandalone: true, selector: "thy-step-header", inputs: { label: "label", index: ["index", "index", numberAttribute], selected: ["selected", "selected", coerceBooleanProperty], active: ["active", "active", coerceBooleanProperty] }, host: { properties: { "class.thy-stepper-header-selected": "this.selected", "class.thy-stepper-header": "this.thyStepHeader" } }, ngImport: i0, template: "<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<div class=\"thy-step-label\">{{ label }}</div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.4", type: ThyStepHeader, isStandalone: true, selector: "thy-step-header", inputs: { label: "label", icon: "icon", index: ["index", "index", numberAttribute], selected: ["selected", "selected", coerceBooleanProperty], active: ["active", "active", coerceBooleanProperty] }, host: { properties: { "class.thy-stepper-header-selected": "this.selected", "class.thy-stepper-header": "this.thyStepHeader" } }, ngImport: i0, template: "<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<thy-icon class=\"thy-step-icon\" [thyIconName]=\"icon || 'check-circle'\"></thy-icon>\n<div class=\"thy-step-label\">{{ label }}</div>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepHeader, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-step-header', standalone: true, template: "<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<div class=\"thy-step-label\">{{ label }}</div>\n" }]
+            args: [{ selector: 'thy-step-header', standalone: true, imports: [ThyIcon], template: "<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<thy-icon class=\"thy-step-icon\" [thyIconName]=\"icon || 'check-circle'\"></thy-icon>\n<div class=\"thy-step-label\">{{ label }}</div>\n" }]
         }], propDecorators: { label: [{
                 type: Input
+            }], icon: [{
+                type: Input
             }], index: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -50,10 +53,10 @@ class ThyStep {
     select() {
         this.stepper.selected = this;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStep, deps: [{ token: THY_STEPPER_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyStep, isStandalone: true, selector: "thy-step", inputs: { label: "label", thyLabel: "thyLabel" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStep, deps: [{ token: THY_STEPPER_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: ThyStep, isStandalone: true, selector: "thy-step", inputs: { label: "label", thyLabel: "thyLabel", thyIcon: "thyIcon" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStep, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStep, decorators: [{
             type: Component,
             args: [{ selector: 'thy-step', standalone: true, template: "<ng-template><ng-content></ng-content></ng-template>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -68,6 +71,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], thyLabel: [{
                 type: Input
+            }], thyIcon: [{
+                type: Input
             }] } });
 
 /**
@@ -132,22 +137,22 @@ class ThyStepper {
     previous() {
         this.selectedIndex = Math.max(this._selectedIndex - 1, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyStepper, isStandalone: true, selector: "thy-stepper", inputs: { thySelectedIndex: ["thySelectedIndex", "thySelectedIndex", numberAttribute], thySelected: "thySelected", thyShowStepHeader: ["thyShowStepHeader", "thyShowStepHeader", coerceBooleanProperty] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.thy-stepper": "this.thyStepper" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.4", type: ThyStepper, isStandalone: true, selector: "thy-stepper", inputs: { thySelectedIndex: ["thySelectedIndex", "thySelectedIndex", numberAttribute], thySelected: "thySelected", thyShowStepHeader: ["thyShowStepHeader", "thyShowStepHeader", coerceBooleanProperty] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.thy-stepper": "this.thyStepper" } }, providers: [
             {
                 provide: THY_STEPPER_COMPONENT,
                 useExisting: ThyStepper
             }
-        ], queries: [{ propertyName: "steps", predicate: ThyStep }], viewQueries: [{ propertyName: "stepHeaders", predicate: ThyStepHeader, descendants: true }], ngImport: i0, template: "<div *ngIf=\"thyShowStepHeader\" class=\"thy-stepper-header-container\">\n  <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n    <thy-step-header\n      [index]=\"i\"\n      [label]=\"step.thyLabel || step.label\"\n      [selected]=\"selectedIndex === i\"\n      [class.thy-stepper-header-active]=\"i <= selectedIndex\"\n      [active]=\"i <= selectedIndex\"\n    >\n    </thy-step-header>\n    <div *ngIf=\"!isLast\" class=\"thy-stepper-line\" [class.thy-stepper-line-active]=\"i < selectedIndex\"></div>\n  </ng-container>\n</div>\n\n<div class=\"thy-stepper-content-container\">\n  <ng-container [ngTemplateOutlet]=\"selected?.content\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyStepHeader, selector: "thy-step-header", inputs: ["label", "index", "selected", "active"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+        ], queries: [{ propertyName: "steps", predicate: ThyStep }], viewQueries: [{ propertyName: "stepHeaders", predicate: ThyStepHeader, descendants: true }], ngImport: i0, template: "<div *ngIf=\"thyShowStepHeader\" class=\"thy-stepper-header-container\">\n  <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n    <thy-step-header\n      [index]=\"i\"\n      [label]=\"step.thyLabel || step.label\"\n      [icon]=\"step.thyIcon\"\n      [selected]=\"selectedIndex === i\"\n      [class.thy-stepper-header-active]=\"i <= selectedIndex\"\n      [active]=\"i <= selectedIndex\">\n    </thy-step-header>\n    <div *ngIf=\"!isLast\" class=\"thy-stepper-line\" [class.thy-stepper-line-active]=\"i < selectedIndex\"></div>\n  </ng-container>\n</div>\n\n<div class=\"thy-stepper-content-container\">\n  <ng-container [ngTemplateOutlet]=\"selected?.content\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyStepHeader, selector: "thy-step-header", inputs: ["label", "icon", "index", "selected", "active"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepper, decorators: [{
             type: Component,
             args: [{ selector: 'thy-stepper', providers: [
                         {
                             provide: THY_STEPPER_COMPONENT,
                             useExisting: ThyStepper
                         }
-                    ], standalone: true, imports: [NgIf, NgFor, ThyStepHeader, NgTemplateOutlet], template: "<div *ngIf=\"thyShowStepHeader\" class=\"thy-stepper-header-container\">\n  <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n    <thy-step-header\n      [index]=\"i\"\n      [label]=\"step.thyLabel || step.label\"\n      [selected]=\"selectedIndex === i\"\n      [class.thy-stepper-header-active]=\"i <= selectedIndex\"\n      [active]=\"i <= selectedIndex\"\n    >\n    </thy-step-header>\n    <div *ngIf=\"!isLast\" class=\"thy-stepper-line\" [class.thy-stepper-line-active]=\"i < selectedIndex\"></div>\n  </ng-container>\n</div>\n\n<div class=\"thy-stepper-content-container\">\n  <ng-container [ngTemplateOutlet]=\"selected?.content\"></ng-container>\n</div>\n" }]
+                    ], standalone: true, imports: [NgIf, NgFor, ThyStepHeader, NgTemplateOutlet], template: "<div *ngIf=\"thyShowStepHeader\" class=\"thy-stepper-header-container\">\n  <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n    <thy-step-header\n      [index]=\"i\"\n      [label]=\"step.thyLabel || step.label\"\n      [icon]=\"step.thyIcon\"\n      [selected]=\"selectedIndex === i\"\n      [class.thy-stepper-header-active]=\"i <= selectedIndex\"\n      [active]=\"i <= selectedIndex\">\n    </thy-step-header>\n    <div *ngIf=\"!isLast\" class=\"thy-stepper-line\" [class.thy-stepper-line-active]=\"i < selectedIndex\"></div>\n  </ng-container>\n</div>\n\n<div class=\"thy-stepper-content-container\">\n  <ng-container [ngTemplateOutlet]=\"selected?.content\"></ng-container>\n</div>\n" }]
         }], propDecorators: { thySelectedIndex: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -182,10 +187,10 @@ class ThyStepperNextDirective {
     click($event) {
         this.stepper.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperNextDirective, deps: [{ token: ThyStepper }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyStepperNextDirective, isStandalone: true, selector: "[thyStepperNext]", host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepperNextDirective, deps: [{ token: ThyStepper }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: ThyStepperNextDirective, isStandalone: true, selector: "[thyStepperNext]", host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperNextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepperNextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyStepperNext]',
@@ -208,10 +213,10 @@ class ThyStepperPreviousDirective {
     click($event) {
         this.stepper.previous();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperPreviousDirective, deps: [{ token: ThyStepper }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ThyStepperPreviousDirective, isStandalone: true, selector: "[thyStepperPrevious]", host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepperPreviousDirective, deps: [{ token: ThyStepper }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: ThyStepperPreviousDirective, isStandalone: true, selector: "[thyStepperPrevious]", host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperPreviousDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepperPreviousDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyStepperPrevious]',
@@ -223,11 +228,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
             }] } });
 
 class ThyStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperModule, imports: [CommonModule, ThyStepHeader, ThyStepper, ThyStep, ThyStepperNextDirective, ThyStepperPreviousDirective], exports: [ThyStepper, ThyStep, ThyStepHeader, ThyStepperNextDirective, ThyStepperPreviousDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: ThyStepperModule, imports: [CommonModule, ThyStepHeader, ThyStepper, ThyStep, ThyStepperNextDirective, ThyStepperPreviousDirective], exports: [ThyStepper, ThyStep, ThyStepHeader, ThyStepperNextDirective, ThyStepperPreviousDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepperModule, imports: [CommonModule, ThyStepHeader, ThyStepper] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyStepHeader, ThyStepper, ThyStep, ThyStepperNextDirective, ThyStepperPreviousDirective],

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-stepper.mjs","sources":["../../../src/stepper/step-header.component.ts","../../../src/stepper/step-header.component.html","../../../src/stepper/step.component.ts","../../../src/stepper/step.component.html","../../../src/stepper/stepper.component.ts","../../../src/stepper/stepper.component.html","../../../src/stepper/stepper-button.directive.ts","../../../src/stepper/stepper.module.ts","../../../src/stepper/ngx-tethys-stepper.ts"],"sourcesContent":["import { Component, HostBinding, Input, numberAttribute } from '@angular/core';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\n/**\n * 步骤条头部组件\n * @name thy-step-header\n * @order 25\n */\n@Component({\n    selector: 'thy-step-header',\n    templateUrl: './step-header.component.html',\n    standalone: true\n})\nexport class ThyStepHeader {\n    @Input() label: string;\n\n    @Input({ transform: numberAttribute }) index: number;\n\n    @HostBinding('class.thy-stepper-header-selected')\n    @Input({ transform: coerceBooleanProperty })\n    selected: boolean;\n\n    @Input({ transform: coerceBooleanProperty }) active: boolean;\n\n    @HostBinding('class.thy-stepper-header') thyStepHeader = true;\n}\n","<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<div class=\"thy-step-label\">{{ label }}</div>\n","import { Component, Input, ViewChild, TemplateRef, Inject, InjectionToken, Optional } from '@angular/core';\n\nexport interface IThyStepperComponent {\n    selected: ThyStep;\n}\n\nexport const THY_STEPPER_COMPONENT = new InjectionToken<IThyStepperComponent>('THY_STEPPER_COMPONENT');\n\n/**\n * 步骤项组件\n * @name thy-step\n * @order 20\n */\n@Component({\n    selector: 'thy-step',\n    templateUrl: './step.component.html',\n    standalone: true\n})\nexport class ThyStep {\n    @ViewChild(TemplateRef, { static: true }) content: TemplateRef<any>;\n\n    @Input() label: string;\n\n    /**\n     * 步骤条中每个步骤的label文本\n     */\n    @Input() thyLabel: string;\n\n    constructor(@Optional() @Inject(THY_STEPPER_COMPONENT) public stepper: IThyStepperComponent) {}\n\n    select() {\n        this.stepper.selected = this;\n    }\n}\n","<ng-template><ng-content></ng-content></ng-template>\n","import {\n    Component,\n    ViewChildren,\n    ContentChildren,\n    QueryList,\n    HostBinding,\n    Input,\n    Output,\n    EventEmitter,\n    numberAttribute\n} from '@angular/core';\nimport { ThyStep, IThyStepperComponent, THY_STEPPER_COMPONENT } from './step.component';\nimport { ThyStepHeader } from './step-header.component';\nimport { NgIf, NgFor, NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\n/**\n * 步骤条组件\n * @name thy-stepper\n * @order 10\n */\n@Component({\n    selector: 'thy-stepper',\n    templateUrl: 'stepper.component.html',\n    providers: [\n        {\n            provide: THY_STEPPER_COMPONENT,\n            useExisting: ThyStepper\n        }\n    ],\n    standalone: true,\n    imports: [NgIf, NgFor, ThyStepHeader, NgTemplateOutlet]\n})\nexport class ThyStepper implements IThyStepperComponent {\n    /**\n     * 当前处于激活状态的步骤index\n     * @default 0\n     */\n    @Input({ transform: numberAttribute })\n    set thySelectedIndex(value: number) {\n        this.selectedIndex = value;\n    }\n\n    @Input()\n    set thySelected(value: ThyStep) {\n        this.selected = value;\n    }\n\n    /**\n     * 步骤条导航是否展示，默认展示\n     */\n    @Input({ transform: coerceBooleanProperty }) thyShowStepHeader = true;\n\n    private _selectedIndex = 0;\n\n    public set selected(step: ThyStep) {\n        this.selectedIndex = this.steps ? this.steps.toArray().indexOf(step) : -1;\n    }\n\n    public get selected() {\n        return this.steps ? this.steps.toArray()[this.selectedIndex] : null;\n    }\n\n    set selectedIndex(index: number) {\n        if (this.steps) {\n            this._updateSelectedItemIndex(index);\n        } else {\n            this._selectedIndex = index;\n        }\n    }\n\n    get selectedIndex() {\n        return this._selectedIndex;\n    }\n\n    @Output() selectionChange: EventEmitter<any> = new EventEmitter<any>();\n\n    @ViewChildren(ThyStepHeader) stepHeaders: QueryList<ThyStepHeader>;\n\n    @ContentChildren(ThyStep) steps: QueryList<ThyStep>;\n\n    @HostBinding('class.thy-stepper') thyStepper = true;\n\n    private _updateSelectedItemIndex(newIndex: number): void {\n        const stepsArray = this.steps.toArray();\n        this.selectionChange.emit({\n            selectedIndex: newIndex,\n            previouslySelectedIndex: this._selectedIndex,\n            selectedStep: stepsArray[newIndex],\n            previouslySelectedStep: stepsArray[this._selectedIndex]\n        });\n        this._selectedIndex = newIndex;\n    }\n\n    to(index: number): void {\n        this.selectedIndex = Math.min(index, this.steps.length - 1);\n    }\n\n    next(): void {\n        this.selectedIndex = Math.min(this._selectedIndex + 1, this.steps.length - 1);\n    }\n\n    /** Selects and focuses the previous step in list. */\n    previous(): void {\n        this.selectedIndex = Math.max(this._selectedIndex - 1, 0);\n    }\n}\n","<div *ngIf=\"thyShowStepHeader\" class=\"thy-stepper-header-container\">\n  <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n    <thy-step-header\n      [index]=\"i\"\n      [label]=\"step.thyLabel || step.label\"\n      [selected]=\"selectedIndex === i\"\n      [class.thy-stepper-header-active]=\"i <= selectedIndex\"\n      [active]=\"i <= selectedIndex\"\n    >\n    </thy-step-header>\n    <div *ngIf=\"!isLast\" class=\"thy-stepper-line\" [class.thy-stepper-line-active]=\"i < selectedIndex\"></div>\n  </ng-container>\n</div>\n\n<div class=\"thy-stepper-content-container\">\n  <ng-container [ngTemplateOutlet]=\"selected?.content\"></ng-container>\n</div>\n","import { Directive, HostListener } from '@angular/core';\nimport { ThyStepper } from './stepper.component';\n\n/**\n * 在步进工作流中移动到下一个步骤的按钮\n * @description.en-us Button that moves to the next step in a stepper workflow.\n * @name thyStepperNext\n * @order 40\n */\n@Directive({\n    selector: '[thyStepperNext]',\n    standalone: true\n})\nexport class ThyStepperNextDirective {\n    constructor(private stepper: ThyStepper) {}\n\n    @HostListener('click', ['$event'])\n    click($event: any) {\n        this.stepper.next();\n    }\n}\n\n/**\n * 在步进工作流中移动到上一个步骤的按钮\n * @description.en-us Button that moves to the previous step in a stepper workflow.\n * @name thyStepperPrevious\n * @order 30\n */\n@Directive({\n    selector: '[thyStepperPrevious]',\n    standalone: true\n})\nexport class ThyStepperPreviousDirective {\n    constructor(private stepper: ThyStepper) {}\n\n    @HostListener('click', ['$event'])\n    click($event: any) {\n        this.stepper.previous();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyStepHeader } from './step-header.component';\nimport { ThyStep } from './step.component';\nimport { ThyStepper } from './stepper.component';\nimport { ThyStepperNextDirective, ThyStepperPreviousDirective } from './stepper-button.directive';\n\n@NgModule({\n    imports: [CommonModule, ThyStepHeader, ThyStepper, ThyStep, ThyStepperNextDirective, ThyStepperPreviousDirective],\n    exports: [ThyStepper, ThyStep, ThyStepHeader, ThyStepperNextDirective, ThyStepperPreviousDirective],\n    providers: []\n})\nexport class ThyStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ThyStepper"],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-stepper.mjs","sources":["../../../src/stepper/step-header.component.ts","../../../src/stepper/step-header.component.html","../../../src/stepper/step.component.ts","../../../src/stepper/step.component.html","../../../src/stepper/stepper.component.ts","../../../src/stepper/stepper.component.html","../../../src/stepper/stepper-button.directive.ts","../../../src/stepper/stepper.module.ts","../../../src/stepper/ngx-tethys-stepper.ts"],"sourcesContent":["import { ThyIcon } from 'ngx-tethys/icon';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nimport { Component, HostBinding, Input, numberAttribute } from '@angular/core';\n\n/**\n * 步骤条头部组件\n * @name thy-step-header\n * @order 25\n */\n@Component({\n    selector: 'thy-step-header',\n    templateUrl: './step-header.component.html',\n    standalone: true,\n    imports: [ThyIcon]\n})\nexport class ThyStepHeader {\n    @Input() label: string;\n\n    @Input() icon: string;\n\n    @Input({ transform: numberAttribute }) index: number;\n\n    @HostBinding('class.thy-stepper-header-selected')\n    @Input({ transform: coerceBooleanProperty })\n    selected: boolean;\n\n    @Input({ transform: coerceBooleanProperty }) active: boolean;\n\n    @HostBinding('class.thy-stepper-header') thyStepHeader = true;\n}\n","<div class=\"thy-step-number\">\n  <span>{{ index + 1 }}</span>\n</div>\n<thy-icon class=\"thy-step-icon\" [thyIconName]=\"icon || 'check-circle'\"></thy-icon>\n<div class=\"thy-step-label\">{{ label }}</div>\n","import { Component, Inject, InjectionToken, Input, Optional, TemplateRef, ViewChild } from '@angular/core';\n\nexport interface IThyStepperComponent {\n    selected: ThyStep;\n}\n\nexport const THY_STEPPER_COMPONENT = new InjectionToken<IThyStepperComponent>('THY_STEPPER_COMPONENT');\n\n/**\n * 步骤项组件\n * @name thy-step\n * @order 20\n */\n@Component({\n    selector: 'thy-step',\n    templateUrl: './step.component.html',\n    standalone: true\n})\nexport class ThyStep {\n    @ViewChild(TemplateRef, { static: true }) content: TemplateRef<any>;\n\n    @Input() label: string;\n\n    /**\n     * 步骤条中每个步骤的label文本\n     */\n    @Input() thyLabel: string;\n\n    /**\n     * 步骤条中每个步骤完成的图标\n     * @default check-circle\n     */\n    @Input() thyIcon: string;\n\n    constructor(@Optional() @Inject(THY_STEPPER_COMPONENT) public stepper: IThyStepperComponent) {}\n\n    select() {\n        this.stepper.selected = this;\n    }\n}\n","<ng-template><ng-content></ng-content></ng-template>\n","import {\n    Component,\n    ViewChildren,\n    ContentChildren,\n    QueryList,\n    HostBinding,\n    Input,\n    Output,\n    EventEmitter,\n    numberAttribute\n} from '@angular/core';\nimport { ThyStep, IThyStepperComponent, THY_STEPPER_COMPONENT } from './step.component';\nimport { ThyStepHeader } from './step-header.component';\nimport { NgIf, NgFor, NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\n/**\n * 步骤条组件\n * @name thy-stepper\n * @order 10\n */\n@Component({\n    selector: 'thy-stepper',\n    templateUrl: 'stepper.component.html',\n    providers: [\n        {\n            provide: THY_STEPPER_COMPONENT,\n            useExisting: ThyStepper\n        }\n    ],\n    standalone: true,\n    imports: [NgIf, NgFor, ThyStepHeader, NgTemplateOutlet]\n})\nexport class ThyStepper implements IThyStepperComponent {\n    /**\n     * 当前处于激活状态的步骤index\n     * @default 0\n     */\n    @Input({ transform: numberAttribute })\n    set thySelectedIndex(value: number) {\n        this.selectedIndex = value;\n    }\n\n    @Input()\n    set thySelected(value: ThyStep) {\n        this.selected = value;\n    }\n\n    /**\n     * 步骤条导航是否展示，默认展示\n     */\n    @Input({ transform: coerceBooleanProperty }) thyShowStepHeader = true;\n\n    private _selectedIndex = 0;\n\n    public set selected(step: ThyStep) {\n        this.selectedIndex = this.steps ? this.steps.toArray().indexOf(step) : -1;\n    }\n\n    public get selected() {\n        return this.steps ? this.steps.toArray()[this.selectedIndex] : null;\n    }\n\n    set selectedIndex(index: number) {\n        if (this.steps) {\n            this._updateSelectedItemIndex(index);\n        } else {\n            this._selectedIndex = index;\n        }\n    }\n\n    get selectedIndex() {\n        return this._selectedIndex;\n    }\n\n    @Output() selectionChange: EventEmitter<any> = new EventEmitter<any>();\n\n    @ViewChildren(ThyStepHeader) stepHeaders: QueryList<ThyStepHeader>;\n\n    @ContentChildren(ThyStep) steps: QueryList<ThyStep>;\n\n    @HostBinding('class.thy-stepper') thyStepper = true;\n\n    private _updateSelectedItemIndex(newIndex: number): void {\n        const stepsArray = this.steps.toArray();\n        this.selectionChange.emit({\n            selectedIndex: newIndex,\n            previouslySelectedIndex: this._selectedIndex,\n            selectedStep: stepsArray[newIndex],\n            previouslySelectedStep: stepsArray[this._selectedIndex]\n        });\n        this._selectedIndex = newIndex;\n    }\n\n    to(index: number): void {\n        this.selectedIndex = Math.min(index, this.steps.length - 1);\n    }\n\n    next(): void {\n        this.selectedIndex = Math.min(this._selectedIndex + 1, this.steps.length - 1);\n    }\n\n    /** Selects and focuses the previous step in list. */\n    previous(): void {\n        this.selectedIndex = Math.max(this._selectedIndex - 1, 0);\n    }\n}\n","<div *ngIf=\"thyShowStepHeader\" class=\"thy-stepper-header-container\">\n  <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n    <thy-step-header\n      [index]=\"i\"\n      [label]=\"step.thyLabel || step.label\"\n      [icon]=\"step.thyIcon\"\n      [selected]=\"selectedIndex === i\"\n      [class.thy-stepper-header-active]=\"i <= selectedIndex\"\n      [active]=\"i <= selectedIndex\">\n    </thy-step-header>\n    <div *ngIf=\"!isLast\" class=\"thy-stepper-line\" [class.thy-stepper-line-active]=\"i < selectedIndex\"></div>\n  </ng-container>\n</div>\n\n<div class=\"thy-stepper-content-container\">\n  <ng-container [ngTemplateOutlet]=\"selected?.content\"></ng-container>\n</div>\n","import { Directive, HostListener } from '@angular/core';\nimport { ThyStepper } from './stepper.component';\n\n/**\n * 在步进工作流中移动到下一个步骤的按钮\n * @description.en-us Button that moves to the next step in a stepper workflow.\n * @name thyStepperNext\n * @order 40\n */\n@Directive({\n    selector: '[thyStepperNext]',\n    standalone: true\n})\nexport class ThyStepperNextDirective {\n    constructor(private stepper: ThyStepper) {}\n\n    @HostListener('click', ['$event'])\n    click($event: any) {\n        this.stepper.next();\n    }\n}\n\n/**\n * 在步进工作流中移动到上一个步骤的按钮\n * @description.en-us Button that moves to the previous step in a stepper workflow.\n * @name thyStepperPrevious\n * @order 30\n */\n@Directive({\n    selector: '[thyStepperPrevious]',\n    standalone: true\n})\nexport class ThyStepperPreviousDirective {\n    constructor(private stepper: ThyStepper) {}\n\n    @HostListener('click', ['$event'])\n    click($event: any) {\n        this.stepper.previous();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyStepHeader } from './step-header.component';\nimport { ThyStep } from './step.component';\nimport { ThyStepper } from './stepper.component';\nimport { ThyStepperNextDirective, ThyStepperPreviousDirective } from './stepper-button.directive';\n\n@NgModule({\n    imports: [CommonModule, ThyStepHeader, ThyStepper, ThyStep, ThyStepperNextDirective, ThyStepperPreviousDirective],\n    exports: [ThyStepper, ThyStep, ThyStepHeader, ThyStepperNextDirective, ThyStepperPreviousDirective],\n    providers: []\n})\nexport class ThyStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ThyStepper"],"mappings":"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"}

package/fesm2022/ngx-tethys-strength.mjs

@@ -87,8 +87,8 @@ class ThyStrength {
     registerOnTouched(fn) {
         this._onTouched = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrength, deps: [{ token: i1.ThyTranslate }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ThyStrength, isStandalone: true, selector: "thy-strength", inputs: { titleKey: "titleKey", highestKey: "highestKey", highKey: "highKey", averageKey: "averageKey", lowKey: "lowKey" }, host: { properties: { "class.password-strength-container": "this.styleClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStrength, deps: [{ token: i1.ThyTranslate }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: ThyStrength, isStandalone: true, selector: "thy-strength", inputs: { titleKey: "titleKey", highestKey: "highestKey", highKey: "highKey", averageKey: "averageKey", lowKey: "lowKey" }, host: { properties: { "class.password-strength-container": "this.styleClass" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyStrength),
@@ -96,7 +96,7 @@ class ThyStrength {
             }
         ], ngImport: i0, template: "<div>\n  {{ strengthTitle }} <span class=\"strength-text strength-text-{{ strengthMap[strength]?.level }}\">{{ strengthMap[strength]?.text }}</span>\n</div>\n<div class=\"strength-level strength-level-{{ strengthMap[strength]?.level }}\">\n  <span></span>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrength, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStrength, decorators: [{
             type: Component,
             args: [{ selector: 'thy-strength', providers: [
                         {
@@ -121,11 +121,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
             }] } });
 
 class ThyStrengthModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrengthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyStrengthModule, imports: [ThyStrength], exports: [ThyStrength] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrengthModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStrengthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: ThyStrengthModule, imports: [ThyStrength], exports: [ThyStrength] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStrengthModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyStrengthModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyStrengthModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ThyStrength],

package/fesm2022/ngx-tethys-switch.mjs

@@ -141,8 +141,8 @@ class ThySwitch extends TabIndexDisabledControlValueAccessorMixin {
         };
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitch, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThySwitch, isStandalone: true, selector: "thy-switch", inputs: { thyType: "thyType", thySize: "thySize", thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyLoading: ["thyLoading", "thyLoading", coerceBooleanProperty] }, outputs: { thyChange: "thyChange" }, host: { properties: { "class.thy-switch-xs": "size === \"xs\"", "class.thy-switch-sm": "size === \"sm\"" }, classAttribute: "thy-switch" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThySwitch, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.4", type: ThySwitch, isStandalone: true, selector: "thy-switch", inputs: { thyType: "thyType", thySize: "thySize", thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyLoading: ["thyLoading", "thyLoading", coerceBooleanProperty] }, outputs: { thyChange: "thyChange" }, host: { properties: { "class.thy-switch-xs": "size === \"xs\"", "class.thy-switch-sm": "size === \"sm\"" }, classAttribute: "thy-switch" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThySwitch),
@@ -150,7 +150,7 @@ class ThySwitch extends TabIndexDisabledControlValueAccessorMixin {
             }
         ], viewQueries: [{ propertyName: "switchElementRef", first: true, predicate: ["switch"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<label #switch class=\"thy-switch\" [ngClass]=\"classNames\">\n  <input\n    type=\"checkbox\"\n    [attr.tabindex]=\"-1\"\n    [disabled]=\"disabled || loading\"\n    class=\"thy-switch-input\"\n    [checked]=\"model\"\n    (change)=\"toggle($event)\" />\n  <span class=\"thy-switch-label\" [attr.tabindex]=\"tabIndex\"></span>\n  <span class=\"thy-switch-handle\">\n    <ng-container *ngIf=\"loading\">\n      <svg [attr.viewBox]=\"loadingCircle?.viewBox\" [class.mb-1]=\"size === 'xs'\">\n        <circle\n          class=\"thy-switch-loading\"\n          [style.transform-origin]=\"loadingCircle?.cx + 'px ' + loadingCircle?.cy + 'px'\"\n          [attr.cx]=\"loadingCircle?.cx\"\n          [attr.cy]=\"loadingCircle?.cy\"\n          [attr.r]=\"loadingCircle?.r\"\n          [attr.stroke]=\"model ? 'rgba(102,152,255,1)' : 'rgba(202,202,202,1)'\"\n          stroke-width=\"1\"\n          [attr.stroke-dasharray]=\"loadingCircle?.dasharray\"\n          fill=\"white\" />\n      </svg>\n    </ng-container>\n  </span>\n</label>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThySwitch, decorators: [{
             type: Component,
             args: [{ selector: 'thy-switch', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -181,11 +181,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
             }] } });
 
 class ThySwitchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThySwitchModule, imports: [CommonModule, ThySwitch], exports: [ThySwitch] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitchModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThySwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: ThySwitchModule, imports: [CommonModule, ThySwitch], exports: [ThySwitch] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThySwitchModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThySwitchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThySwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThySwitch],

package/fesm2022/ngx-tethys-table.mjs

@@ -154,10 +154,10 @@ class ThyTableColumnComponent {
     _generateKey() {
         return '[$$column]' + Math.random().toString(16).slice(2, 10);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTableColumnComponent, deps: [{ token: i0.ElementRef }, { token: THY_TABLE_COLUMN_PARENT_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyTableColumnComponent, isStandalone: true, selector: "thy-table-column", inputs: { model: ["thyModelKey", "model"], title: ["thyTitle", "title"], type: ["thyType", "type"], thyWidth: "thyWidth", thyMinWidth: "thyMinWidth", className: ["thyClassName", "className"], headerClassName: ["thyHeaderClassName", "headerClassName"], disabled: ["thyDisabled", "disabled", coerceBooleanProperty], selections: ["thySelections", "selections"], defaultText: ["thyDefaultText", "defaultText"], expand: ["thyExpand", "expand", coerceBooleanProperty], thySortable: ["thySortable", "thySortable", coerceBooleanProperty], sortDirection: ["thySortDirection", "sortDirection"], fixed: ["thyFixed", "fixed"], operational: ["thyOperational", "operational", coerceBooleanProperty], secondary: ["thySecondary", "secondary", coerceBooleanProperty] }, outputs: { sortChange: "thySortChange" }, queries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "cellTemplateRef", first: true, predicate: ["cell"], descendants: true, static: true }, { propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTableColumnComponent, deps: [{ token: i0.ElementRef }, { token: THY_TABLE_COLUMN_PARENT_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.4", type: ThyTableColumnComponent, isStandalone: true, selector: "thy-table-column", inputs: { model: ["thyModelKey", "model"], title: ["thyTitle", "title"], type: ["thyType", "type"], thyWidth: "thyWidth", thyMinWidth: "thyMinWidth", className: ["thyClassName", "className"], headerClassName: ["thyHeaderClassName", "headerClassName"], disabled: ["thyDisabled", "disabled", coerceBooleanProperty], selections: ["thySelections", "selections"], defaultText: ["thyDefaultText", "defaultText"], expand: ["thyExpand", "expand", coerceBooleanProperty], thySortable: ["thySortable", "thySortable", coerceBooleanProperty], sortDirection: ["thySortDirection", "sortDirection"], fixed: ["thyFixed", "fixed"], operational: ["thyOperational", "operational", coerceBooleanProperty], secondary: ["thySecondary", "secondary", coerceBooleanProperty] }, outputs: { sortChange: "thySortChange" }, queries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "cellTemplateRef", first: true, predicate: ["cell"], descendants: true, static: true }, { propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTableColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTableColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-table-column',
@@ -237,10 +237,10 @@ class TableRowDragDisabledPipe {
     transform(item, dragDisabledPredicate) {
         return dragDisabledPredicate(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TableRowDragDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: TableRowDragDisabledPipe, isStandalone: true, name: "tableRowDragDisabled" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: TableRowDragDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: TableRowDragDisabledPipe, isStandalone: true, name: "tableRowDragDisabled" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TableRowDragDisabledPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: TableRowDragDisabledPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'tableRowDragDisabled',
@@ -255,10 +255,10 @@ class TableIsValidModelValuePipe {
     transform(value) {
         return value !== '' && value !== undefined && value !== null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TableIsValidModelValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: TableIsValidModelValuePipe, isStandalone: true, name: "isValidModelValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: TableIsValidModelValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: TableIsValidModelValuePipe, isStandalone: true, name: "isValidModelValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: TableIsValidModelValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: TableIsValidModelValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isValidModelValue',
@@ -373,8 +373,8 @@ class ThyTableSkeleton {
         };
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTableSkeleton, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyTableSkeleton, isStandalone: true, selector: "thy-table-skeleton", inputs: { thyBorderRadius: "thyBorderRadius", thyRowHeight: "thyRowHeight", thyAnimated: ["thyAnimated", "thyAnimated", coerceBooleanProperty], thyAnimatedInterval: "thyAnimatedInterval", thyPrimaryColor: "thyPrimaryColor", thySecondaryColor: "thySecondaryColor", thyRowCount: "thyRowCount", thyHeadless: ["thyHeadless", "thyHeadless", coerceBooleanProperty], 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTableSkeleton, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.4", type: ThyTableSkeleton, isStandalone: true, selector: "thy-table-skeleton", inputs: { thyBorderRadius: "thyBorderRadius", thyRowHeight: "thyRowHeight", thyAnimated: ["thyAnimated", "thyAnimated", coerceBooleanProperty], thyAnimatedInterval: "thyAnimatedInterval", thyPrimaryColor: "thyPrimaryColor", thySecondaryColor: "thySecondaryColor", thyRowCount: "thyRowCount", thyHeadless: ["thyHeadless", "thyHeadless", coerceBooleanProperty], 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(),
@@ -388,7 +388,7 @@ __decorate([
     InputCssPixel(),
     __metadata("design:type", Object)
 ], ThyTableSkeleton.prototype, "thyMinWidth", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTableSkeleton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTableSkeleton, decorators: [{
             type: Component,
             args: [{ selector: 'thy-table-skeleton', host: {
                         class: 'thy-table-skeleton'
@@ -1205,14 +1205,14 @@ class ThyTable {
     ngOnDestroy() {
         this._destroyInvalidAttribute();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTable, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i1.ViewportRuler }, { token: i2.UpdateHostClassService }, { token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: ThyTable, isStandalone: true, selector: "thy-table", inputs: { thyMode: "thyMode", thyGroupBy: "thyGroupBy", thyRowKey: "thyRowKey", thyGroups: "thyGroups", thyModel: "thyModel", thyTheme: "thyTheme", thySize: "thySize", thyMinWidth: "thyMinWidth", thyLayoutFixed: ["thyLayoutFixed", "thyLayoutFixed", coerceBooleanProperty], thyHeaderFixed: ["thyHeaderFixed", "thyHeaderFixed", coerceBooleanProperty], thyHeight: "thyHeight", thyClassName: "thyClassName", thyRowClassName: "thyRowClassName", thyLoadingDone: ["thyLoadingDone", "thyLoadingDone", coerceBooleanProperty], thyLoadingText: "thyLoadingText", thyEmptyOptions: "thyEmptyOptions", thyDraggable: ["thyDraggable", "thyDraggable", coerceBooleanProperty], thyPageIndex: ["thyPageIndex", "thyPageIndex", numberAttribute], thyPageSize: ["thyPageSize", "thyPageSize", numberAttribute], thyPageTotal: ["thyPageTotal", "thyPageTotal", numberAttribute], thyWholeRowSelect: ["thyWholeRowSelect", "thyWholeRowSelect", coerceBooleanProperty], thyHeadless: ["thyHeadless", "thyHeadless", coerceBooleanProperty], thyShowHeader: ["thyShowHeader", "thyShowHeader", coerceBooleanProperty], showTotal: ["thyShowTotal", "showTotal", coerceBooleanProperty], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger", coerceBooleanProperty], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], thyIndent: ["thyIndent", "thyIndent", numberAttribute], thyChildrenKey: "thyChildrenKey", thyHoverDisplayOperation: ["thyHoverDisplayOperation", "thyHoverDisplayOperation", coerceBooleanProperty], thyDragDisabledPredicate: "thyDragDisabledPredicate", thyColumnSkeletonTypes: "thyColumnSkeletonTypes" }, outputs: { thyOnSwitchChange: "thyOnSwitchChange", thyOnPageChange: "thyOnPageChange", thyOnPageIndexChange: "thyOnPageIndexChange", thyOnPageSizeChange: "thyOnPageSizeChange", thyOnMultiSelectChange: "thyOnMultiSelectChange", thyOnRadioSelectChange: "thyOnRadioSelectChange", thyOnDraggableChange: "thyOnDraggableChange", thyOnRowClick: "thyOnRowClick", thySortChange: "thySortChange", thyOnRowContextMenu: "thyOnRowContextMenu" }, host: { properties: { "class.thy-table-bordered": "theme === 'bordered'", "class.thy-table-boxed": "theme === 'boxed'", "class.thy-table-fixed-header": "thyHeaderFixed", "style.height": "this.thyHeight", "class.thy-table-hover-display-operation": "this.thyHoverDisplayOperation" }, classAttribute: "thy-table" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTable, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i1.ViewportRuler }, { token: i2.UpdateHostClassService }, { token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.4", type: ThyTable, isStandalone: true, selector: "thy-table", inputs: { thyMode: "thyMode", thyGroupBy: "thyGroupBy", thyRowKey: "thyRowKey", thyGroups: "thyGroups", thyModel: "thyModel", thyTheme: "thyTheme", thySize: "thySize", thyMinWidth: "thyMinWidth", thyLayoutFixed: ["thyLayoutFixed", "thyLayoutFixed", coerceBooleanProperty], thyHeaderFixed: ["thyHeaderFixed", "thyHeaderFixed", coerceBooleanProperty], thyHeight: "thyHeight", thyClassName: "thyClassName", thyRowClassName: "thyRowClassName", thyLoadingDone: ["thyLoadingDone", "thyLoadingDone", coerceBooleanProperty], thyLoadingText: "thyLoadingText", thyEmptyOptions: "thyEmptyOptions", thyDraggable: ["thyDraggable", "thyDraggable", coerceBooleanProperty], thyPageIndex: ["thyPageIndex", "thyPageIndex", numberAttribute], thyPageSize: ["thyPageSize", "thyPageSize", numberAttribute], thyPageTotal: ["thyPageTotal", "thyPageTotal", numberAttribute], thyWholeRowSelect: ["thyWholeRowSelect", "thyWholeRowSelect", coerceBooleanProperty], thyHeadless: ["thyHeadless", "thyHeadless", coerceBooleanProperty], thyShowHeader: ["thyShowHeader", "thyShowHeader", coerceBooleanProperty], showTotal: ["thyShowTotal", "showTotal", coerceBooleanProperty], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger", coerceBooleanProperty], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], thyIndent: ["thyIndent", "thyIndent", numberAttribute], thyChildrenKey: "thyChildrenKey", thyHoverDisplayOperation: ["thyHoverDisplayOperation", "thyHoverDisplayOperation", coerceBooleanProperty], thyDragDisabledPredicate: "thyDragDisabledPredicate", thyColumnSkeletonTypes: "thyColumnSkeletonTypes" }, outputs: { thyOnSwitchChange: "thyOnSwitchChange", thyOnPageChange: "thyOnPageChange", thyOnPageIndexChange: "thyOnPageIndexChange", thyOnPageSizeChange: "thyOnPageSizeChange", thyOnMultiSelectChange: "thyOnMultiSelectChange", thyOnRadioSelectChange: "thyOnRadioSelectChange", thyOnDraggableChange: "thyOnDraggableChange", thyOnRowClick: "thyOnRowClick", thySortChange: "thySortChange", thyOnRowContextMenu: "thyOnRowContextMenu" }, host: { properties: { "class.thy-table-bordered": "theme === 'bordered'", "class.thy-table-boxed": "theme === 'boxed'", "class.thy-table-fixed-header": "thyHeaderFixed", "style.height": "this.thyHeight", "class.thy-table-hover-display-operation": "this.thyHoverDisplayOperation" }, classAttribute: "thy-table" }, providers: [
             {
                 provide: THY_TABLE_COLUMN_PARENT_COMPONENT,
                 useExisting: ThyTable
             },
             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    [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 }); }
+        ], 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", "cdkDropListElementContainer"], 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(),
@@ -1222,7 +1222,7 @@ __decorate([
     InputCssPixel(),
     __metadata("design:type", String)
 ], ThyTable.prototype, "thyHeight", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTable, decorators: [{
             type: Component,
             args: [{ selector: 'thy-table', providers: [
                         {
@@ -1382,8 +1382,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
             }] } });
 
 class ThyTableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0", ngImport: i0, type: ThyTableModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: ThyTableModule, imports: [CommonModule,
             FormsModule,
             ThyPaginationModule,
             ThySwitchModule,
@@ -1399,7 +1399,7 @@ class ThyTableModule {
             TableIsValidModelValuePipe,
             TableRowDragDisabledPipe,
             ThyTableSkeleton], exports: [ThyTable, ThyTableColumnComponent, ThyTableSkeleton] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTableModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTableModule, imports: [CommonModule,
             FormsModule,
             ThyPaginationModule,
             ThySwitchModule,
@@ -1413,7 +1413,7 @@ class ThyTableModule {
             ThyTable,
             ThyTableSkeleton] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ThyTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [