ngx-tethys 19.0.13 → 19.1.0-next.0

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-switch.mjs","sources":["../../../src/switch/switch.component.ts","../../../src/switch/switch.component.html","../../../src/switch/switch.module.ts","../../../src/switch/ngx-tethys-switch.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Input,\n    OnInit,\n    Output,\n    ViewChild,\n    inject\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\n/**\n * 开关组件\n * @name thy-switch\n * @order 10\n */\n@Component({\n    selector: 'thy-switch',\n    templateUrl: './switch.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThySwitch),\n            multi: true\n        }\n    ],\n    imports: [NgClass],\n    host: {\n        class: 'thy-switch',\n        '[class.thy-switch-xs]': 'size === \"xs\"',\n        '[class.thy-switch-sm]': 'size === \"sm\"'\n    }\n})\nexport class ThySwitch extends TabIndexDisabledControlValueAccessorMixin implements OnInit, ControlValueAccessor {\n    cdr = inject(ChangeDetectorRef);\n\n    public model: boolean;\n\n    public type?: string = 'primary';\n\n    public size?: string = '';\n\n    public disabled?: boolean = false;\n\n    public loading: boolean = false;\n\n    public classNames: string[];\n\n    public typeArray: string[] = ['primary', 'info', 'warning', 'danger'];\n\n    public sizeArray: string[] = ['', 'sm', 'xs'];\n\n    public loadingCircle: {\n        viewBox?: string;\n        cx?: number;\n        cy?: number;\n        r?: number;\n        dasharray?: string;\n    } = {};\n\n    private initialized = false;\n\n    private loadingInitialized = false;\n\n    private isDisabledFirstChange = true;\n\n    @ViewChild('switch', { static: true }) switchElementRef: ElementRef;\n\n    /**\n     * 类型，目前分为: 'primary' |'info' | 'warning' | 'danger'\n     */\n    @Input()\n    set thyType(value: string) {\n        if (!this.typeArray.includes(value)) {\n            value = 'primary';\n        }\n        this.type = value;\n        if (this.initialized) {\n            this.setClassNames();\n        }\n    }\n\n    /**\n     * 大小\n     * @type xs | sm | md\n     * @default md\n     */\n    @Input()\n    set thySize(value: string) {\n        if (!this.sizeArray.includes(value)) {\n            value = '';\n        }\n        this.size = value;\n        if (this.initialized) {\n            this.setClassNames();\n        }\n\n        if (this.loadingInitialized) {\n            this.setLoadingCircle();\n        }\n    }\n\n    /**\n     * 是否属于禁用状态\n     */\n    @Input({ transform: coerceBooleanProperty })\n    override set thyDisabled(value: boolean) {\n        this.disabled = value;\n        this.setClassNames();\n    }\n    override get thyDisabled(): boolean {\n        return this.disabled;\n    }\n\n    /**\n     * 是否加载中\n     */\n    @Input({ transform: coerceBooleanProperty }) set thyLoading(value: boolean) {\n        this.loading = value;\n        if (this.initialized) {\n            this.setClassNames();\n        }\n\n        if (this.loading && !this.loadingInitialized) {\n            this.setLoadingCircle();\n            this.loadingInitialized = true;\n        }\n    }\n\n    /**\n     * 数据变化的回调事件，即将被弃用，请使用 ngModelChange\n     * @deprecated\n     */\n    @Output() thyChange: EventEmitter<Event> = new EventEmitter<Event>();\n\n    constructor() {\n        super();\n    }\n\n    ngOnInit() {\n        this.setClassNames();\n        this.initialized = true;\n    }\n\n    public onModelChange: Function = () => {};\n\n    public onModelTouched: Function = () => {};\n\n    writeValue(value: boolean) {\n        this.model = value;\n        this.cdr.markForCheck();\n        // this.setClassNames();\n    }\n\n    registerOnChange(fn: Function): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: Function): void {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = (this.isDisabledFirstChange && this.thyDisabled) || isDisabled;\n        this.isDisabledFirstChange = false;\n        this.setClassNames();\n    }\n\n    toggle(event: Event) {\n        this.model = !this.model;\n        this.onModelChange(this.model);\n        this.onModelTouched();\n        this.thyChange.emit(event);\n    }\n\n    setClassNames() {\n        this.classNames = [`thy-switch-${this.type}`];\n        if (this.size) {\n            this.classNames.push(`thy-switch-${this.size}`);\n        }\n        if (this.disabled || this.loading) {\n            this.classNames.push(`thy-switch-disabled`);\n            if (this.model) {\n                this.classNames.push(`thy-switch-disabled-true`);\n            }\n        }\n        this.cdr.markForCheck();\n    }\n\n    setLoadingCircle() {\n        const svgSize = {\n            ['xs']: 12,\n            ['sm']: 16,\n            ['']: 20\n        };\n\n        const circleSize = svgSize[this.size];\n        const centerPoint = circleSize / 2;\n        const r = circleSize / 4;\n\n        this.loadingCircle = {\n            viewBox: `0 0 ${circleSize} ${circleSize}`,\n            cx: centerPoint,\n            cy: centerPoint,\n            r: r,\n            dasharray: `${2 * Math.PI * r * 0.75} ${2 * Math.PI * r * 0.25}`\n        };\n        this.cdr.markForCheck();\n    }\n}\n","<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    @if (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    }\n  </span>\n</label>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThySwitch } from './switch.component';\n\n@NgModule({\n    imports: [CommonModule, ThySwitch],\n    exports: [ThySwitch]\n})\nexport class ThySwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-switch.mjs","sources":["../../../src/switch/switch.component.ts","../../../src/switch/switch.component.html","../../../src/switch/switch.module.ts","../../../src/switch/ngx-tethys-switch.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    inject,\n    viewChild,\n    input,\n    computed,\n    signal,\n    output,\n    effect\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nconst supportedTypes: string[] = ['primary', 'info', 'warning', 'danger'];\n\nconst supportedSizes: string[] = ['', 'sm', 'xs'];\n\n/**\n * 开关组件\n * @name thy-switch\n * @order 10\n */\n@Component({\n    selector: 'thy-switch',\n    templateUrl: './switch.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ThySwitch), multi: true }],\n    imports: [NgClass],\n    host: { class: 'thy-switch', '[class.thy-switch-xs]': 'size() === \"xs\"', '[class.thy-switch-sm]': 'size() === \"sm\"' }\n})\nexport class ThySwitch extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor {\n    /**\n     * 类型，目前分为: 'primary' |'info' | 'warning' | 'danger'\n     */\n    readonly thyType = input<string>('primary');\n\n    /**\n     * 大小\n     * @type xs | sm | md\n     * @default md\n     */\n    readonly thySize = input<string>('');\n\n    /**\n     * 是否属于禁用状态\n     */\n    readonly inputDisabled = input(false, { transform: coerceBooleanProperty, alias: `thyDisabled` });\n\n    /**\n     * 是否加载中\n     */\n    readonly thyLoading = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 数据变化的回调事件，即将被弃用，请使用 ngModelChange\n     * @deprecated\n     */\n    thyChange = output<Event>();\n\n    model = signal<boolean>(false);\n\n    disabled = signal(false);\n\n    get thyDisabled() {\n        return this.disabled() as boolean;\n    }\n\n    readonly type = computed(() => {\n        if (!supportedTypes.includes(this.thyType())) {\n            return 'primary';\n        } else {\n            return this.thyType();\n        }\n    });\n\n    readonly size = computed(() => {\n        if (!supportedSizes.includes(this.thySize())) {\n            return '';\n        } else {\n            return this.thySize();\n        }\n    });\n\n    readonly classNames = computed(() => {\n        const classList = [`thy-switch-${this.type()}`];\n        if (this.size()) {\n            classList.push(`thy-switch-${this.size()}`);\n        }\n        if (this.disabled() || this.thyLoading()) {\n            classList.push(`thy-switch-disabled`);\n            if (this.model()) {\n                classList.push(`thy-switch-disabled-true`);\n            }\n        }\n        return classList;\n    });\n\n    readonly loadingCircle = computed(() => {\n        const svgSize: Record<string, number> = { xs: 12, sm: 16 };\n        const circleSize = svgSize[this.size()] ?? 20;\n        const centerPoint = circleSize / 2;\n        const r = circleSize / 4;\n        return {\n            viewBox: `0 0 ${circleSize} ${circleSize}`,\n            cx: centerPoint,\n            cy: centerPoint,\n            r: r,\n            dasharray: `${2 * Math.PI * r * 0.75} ${2 * Math.PI * r * 0.25}`\n        };\n    });\n\n    onModelChange: Function = () => {};\n\n    onModelTouched: Function = () => {};\n\n    readonly switchElementRef = viewChild<string, ElementRef<HTMLElement>>('switch', { read: ElementRef<HTMLElement> });\n\n    private cdr = inject(ChangeDetectorRef);\n\n    constructor() {\n        super();\n\n        effect(() => {\n            this.disabled.set(this.inputDisabled());\n        });\n    }\n\n    writeValue(value: boolean) {\n        this.model.set(value);\n        this.cdr.markForCheck();\n    }\n\n    registerOnChange(fn: Function): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: Function): void {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled.set(isDisabled);\n    }\n\n    toggle(event: Event) {\n        this.model.set(!this.model());\n        this.onModelChange(this.model());\n        this.onModelTouched();\n        this.thyChange?.emit(event);\n    }\n}\n","<label #switch class=\"thy-switch\" [ngClass]=\"classNames()\">\n  <input\n    type=\"checkbox\"\n    [attr.tabindex]=\"-1\"\n    [disabled]=\"disabled() || thyLoading()\"\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    @if (thyLoading()) {\n      @let circleConfig = loadingCircle();\n      <svg [attr.viewBox]=\"circleConfig?.viewBox\" [class.mb-1]=\"size() === 'xs'\">\n        <circle\n          class=\"thy-switch-loading\"\n          [style.transform-origin]=\"circleConfig?.cx + 'px ' + circleConfig?.cy + 'px'\"\n          [attr.cx]=\"circleConfig?.cx\"\n          [attr.cy]=\"circleConfig?.cy\"\n          [attr.r]=\"circleConfig?.r\"\n          [attr.stroke]=\"model() ? 'rgba(102,152,255,1)' : 'rgba(202,202,202,1)'\"\n          stroke-width=\"1\"\n          [attr.stroke-dasharray]=\"circleConfig?.dasharray\"\n          fill=\"white\" />\n      </svg>\n    }\n  </span>\n</label>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThySwitch } from './switch.component';\n\n@NgModule({\n    imports: [CommonModule, ThySwitch],\n    exports: [ThySwitch]\n})\nexport class ThySwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-table.mjs

@@ -1200,7 +1200,7 @@ class ThyTable {
                 useExisting: ThyTable
             },
             UpdateHostClassService
-        ], queries: [{ propertyName: "emptyTemplate", first: true, predicate: ["empty"], descendants: true }, { propertyName: "groupTemplate", first: true, predicate: ["group"], descendants: true, static: true }, { propertyName: "listOfColumnComponents", predicate: ThyTableColumnComponent }], viewQueries: [{ propertyName: "tableElementRef", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "rows", predicate: ["rows"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"thy-table-body\"\n  cdkScrollable\n  [ngClass]=\"{\n    'thy-table-fixed': hasFixed,\n    'thy-table-bordered-theme': theme === 'bordered' && hasFixed,\n    'thy-table-body-empty': loadingDone && model?.length === 0 && groups?.length === 0\n  }\">\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      @for (column of columns; track $index) {\n        <col [width]=\"column.width\" [ngStyle]=\"{ minWidth: hasFixed ? column.width : column.minWidth }\" />\n      }\n    </colgroup>\n\n    @if (!thyHeadless) {\n      <thead>\n        <tr>\n          @for (column of columns; track $index) {\n            <th\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              @if (!column.headerTemplateRef) {\n                <span>{{ column.title }}</span>\n              }\n              @if (column.headerTemplateRef) {\n                <ng-template [ngTemplateOutlet]=\"column.headerTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: column }\"></ng-template>\n              }\n              @if (column.sortable) {\n                <thy-icon [ngClass]=\"['thy-table-column-sortable-icon', 'px-1', column.sortDirection]\" thyIconName=\"sort-vertical-tt\">\n                </thy-icon>\n              }\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n\n    @if (loadingDone) {\n      <tbody\n        thyDragDrop\n        cdkDropList\n        [cdkDropListDisabled]=\"!draggable\"\n        [cdkDropListSortPredicate]=\"dropListEnterPredicate\"\n        (cdkDropListDropped)=\"onDragDropped($event)\">\n        <!-- group -->\n        @if (mode === 'group') {\n          @for (group of groups; track group.id) {\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                  @if (draggable && !(group | tableRowDragDisabled: thyDragDisabledPredicate)) {\n                    <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n                  }\n                  <thy-icon class=\"expand-icon\" [thyIconName]=\"group.expand ? 'angle-down' : 'angle-right'\"></thy-icon>\n                  @if (groupTemplate) {\n                    <ng-template\n                      [ngTemplateOutlet]=\"groupTemplate\"\n                      [ngTemplateOutletContext]=\"{ $implicit: group.origin, group: group.origin }\"></ng-template>\n                  }\n                </div>\n              </td>\n            </tr>\n            @if (group.children?.length && group.expand) {\n              @for (row of group.children; track $index; let i = $index) {\n                <ng-template\n                  [ngTemplateOutlet]=\"trTemplate\"\n                  [ngTemplateOutletContext]=\"{\n                    row: row,\n                    index: i,\n                    level: 0\n                  }\"></ng-template>\n              }\n            }\n          }\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        @if (mode === 'list') {\n          @for (row of model; track $index; let i = $index) {\n            <tr\n              #rows\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          }\n        }\n        @if (mode === 'tree') {\n          @for (row of model; track trackByFn(i, row); let i = $index) {\n            <ng-template [ngTemplateOutlet]=\"trTemplate\" [ngTemplateOutletContext]=\"{ row: row, index: i, level: 0 }\"></ng-template>\n          }\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          @if (mode === 'tree' && isExpanded(row)) {\n            @for (child of row[thyChildrenKey]; track trackByFn(j, child); let j = $index) {\n              <ng-template\n                [ngTemplateOutlet]=\"trTemplate\"\n                [ngTemplateOutletContext]=\"{ row: child, index: j, level: level + 1 }\"></ng-template>\n            }\n          }\n        </ng-template>\n        <ng-template #tdsTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n          @for (column of columns; track $index; let j = $index) {\n            <td\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\n                  ? tdIndentComputed(level, column)\n                  : { left: column.left + 'px', right: column.right + 'px' }\n              \">\n              @if (j === 0 && draggable && !(row | tableRowDragDisabled: thyDragDisabledPredicate)) {\n                <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n              }\n              <!--template-->\n              @if (isTemplateRef(column.cellTemplateRef)) {\n                @if (mode === 'tree' && column.expand) {\n                  <thy-icon\n                    class=\"tree-expand-icon cursor-pointer\"\n                    [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n                    [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n                    [style.left.px]=\"iconIndentComputed(level)\"></thy-icon>\n                }\n                <ng-template [ngTemplateOutlet]=\"column.cellTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: row }\"></ng-template>\n              }\n              <!--not template-->\n              @if (!isTemplateRef(column.cellTemplateRef)) {\n                <!-- default -->\n                @if (column.model && !column.type) {\n                  @if (mode === 'tree' && column.expand) {\n                    <thy-icon\n                      class=\"tree-expand-icon cursor-pointer\"\n                      [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n                      [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n                      [style.marginLeft.px]=\"iconIndentComputed(level)\"></thy-icon>\n                  }\n                  @if (getModelValue(row, column.model) | isValidModelValue) {\n                    {{ getModelValue(row, column.model) }}\n                  } @else {\n                    @if (column.defaultText) {\n                      <div class=\"text-desc\">\n                        {{ column.defaultText }}\n                      </div>\n                    }\n                  }\n                  <ng-template #default>\n                    @if (column.defaultText) {\n                      <div class=\"text-desc\">\n                        {{ column.defaultText }}\n                      </div>\n                    }\n                  </ng-template>\n                }\n                <!-- index -->\n                @if (column.type === customType.index) {\n                  {{ i + 1 }}\n                }\n                <!-- checkbox -->\n                @if (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                }\n                <!-- radio -->\n                @if (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                }\n                <!-- switch -->\n                @if (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                }\n              }\n            </td>\n          }\n        </ng-template>\n      </tbody>\n    }\n  </table>\n\n  @if (loadingDone && model.length === 0 && groups.length === 0) {\n    <div class=\"thy-table-empty clear-hover\">\n      @if (emptyTemplate) {\n        <ng-template [ngTemplateOutlet]=\"emptyTemplate\"></ng-template>\n      } @else {\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      }\n    </div>\n  }\n\n  @if (!loadingDone) {\n    <thy-table-skeleton\n      [thyRowCount]=\"6\"\n      [thyHeadless]=\"true\"\n      [thyTheme]=\"theme\"\n      [thySize]=\"size\"\n      [thyMinWidth]=\"thyMinWidth\"\n      [thyColumns]=\"skeletonColumns\">\n    </thy-table-skeleton>\n  }\n\n  @if (pagination.total > pagination.size) {\n    <div class=\"thy-table-footer\" [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  }\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: 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", "cdkDragScale"], 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: i1.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: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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]=\"{\n    'thy-table-fixed': hasFixed,\n    'thy-table-bordered-theme': theme === 'bordered' && hasFixed,\n    'thy-table-body-empty': loadingDone && model?.length === 0 && groups?.length === 0\n  }\">\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      @for (column of columns; track $index) {\n        <col [width]=\"column.width\" [ngStyle]=\"{ minWidth: hasFixed ? column.width : column.minWidth }\" />\n      }\n    </colgroup>\n\n    @if (!thyHeadless) {\n      <thead>\n        <tr>\n          @for (column of columns; track $index) {\n            <th\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              @if (!column.headerTemplateRef) {\n                <span>{{ column.title }}</span>\n              }\n              @if (column.headerTemplateRef) {\n                <ng-template [ngTemplateOutlet]=\"column.headerTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: column }\"></ng-template>\n              }\n              @if (column.sortable) {\n                <thy-icon [ngClass]=\"['thy-table-column-sortable-icon', 'px-1', column.sortDirection]\" thyIconName=\"sort-vertical-tt\">\n                </thy-icon>\n              }\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n\n    @if (loadingDone) {\n      <tbody\n        thyDragDrop\n        cdkDropList\n        [cdkDropListDisabled]=\"!draggable\"\n        [cdkDropListSortPredicate]=\"dropListEnterPredicate\"\n        (cdkDropListDropped)=\"onDragDropped($event)\">\n        <!-- group -->\n        @if (mode === 'group') {\n          @for (group of groups; track group.id) {\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                  @if (draggable && !(group | tableRowDragDisabled: thyDragDisabledPredicate)) {\n                    <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n                  }\n                  <thy-icon class=\"expand-icon\" [thyIconName]=\"group.expand ? 'angle-down' : 'angle-right'\"></thy-icon>\n                  @if (groupTemplate) {\n                    <ng-template\n                      [ngTemplateOutlet]=\"groupTemplate\"\n                      [ngTemplateOutletContext]=\"{ $implicit: group.origin, group: group.origin }\"></ng-template>\n                  }\n                </div>\n              </td>\n            </tr>\n            @if (group.children?.length && group.expand) {\n              @for (row of group.children; track $index; let i = $index) {\n                <ng-template\n                  [ngTemplateOutlet]=\"trTemplate\"\n                  [ngTemplateOutletContext]=\"{\n                    row: row,\n                    index: i,\n                    level: 0\n                  }\"></ng-template>\n              }\n            }\n          }\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        @if (mode === 'list') {\n          @for (row of model; track $index; let i = $index) {\n            <tr\n              #rows\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          }\n        }\n        @if (mode === 'tree') {\n          @for (row of model; track trackByFn(i, row); let i = $index) {\n            <ng-template [ngTemplateOutlet]=\"trTemplate\" [ngTemplateOutletContext]=\"{ row: row, index: i, level: 0 }\"></ng-template>\n          }\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          @if (mode === 'tree' && isExpanded(row)) {\n            @for (child of row[thyChildrenKey]; track trackByFn(j, child); let j = $index) {\n              <ng-template\n                [ngTemplateOutlet]=\"trTemplate\"\n                [ngTemplateOutletContext]=\"{ row: child, index: j, level: level + 1 }\"></ng-template>\n            }\n          }\n        </ng-template>\n        <ng-template #tdsTemplate let-row=\"row\" let-i=\"index\" let-level=\"level\">\n          @for (column of columns; track $index; let j = $index) {\n            <td\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\n                  ? tdIndentComputed(level, column)\n                  : { left: column.left + 'px', right: column.right + 'px' }\n              \">\n              @if (j === 0 && draggable && !(row | tableRowDragDisabled: thyDragDisabledPredicate)) {\n                <thy-icon class=\"table-draggable-icon\" thyIconName=\"drag\"></thy-icon>\n              }\n              <!--template-->\n              @if (isTemplateRef(column.cellTemplateRef)) {\n                @if (mode === 'tree' && column.expand) {\n                  <thy-icon\n                    class=\"tree-expand-icon cursor-pointer\"\n                    [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n                    [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n                    [style.left.px]=\"iconIndentComputed(level)\"></thy-icon>\n                }\n                <ng-template [ngTemplateOutlet]=\"column.cellTemplateRef\" [ngTemplateOutletContext]=\"{ $implicit: row }\"></ng-template>\n              }\n              <!--not template-->\n              @if (!isTemplateRef(column.cellTemplateRef)) {\n                <!-- default -->\n                @if (column.model && !column.type) {\n                  @if (mode === 'tree' && column.expand) {\n                    <thy-icon\n                      class=\"tree-expand-icon cursor-pointer\"\n                      [thyIconName]=\"isExpanded(row) ? 'angle-down' : 'angle-right'\"\n                      [style.visibility]=\"showExpand(row) ? 'visible' : 'hidden'\"\n                      [style.marginLeft.px]=\"iconIndentComputed(level)\"></thy-icon>\n                  }\n                  @if (getModelValue(row, column.model) | isValidModelValue) {\n                    {{ getModelValue(row, column.model) }}\n                  } @else {\n                    @if (column.defaultText) {\n                      <div class=\"text-desc\">\n                        {{ column.defaultText }}\n                      </div>\n                    }\n                  }\n                  <ng-template #default>\n                    @if (column.defaultText) {\n                      <div class=\"text-desc\">\n                        {{ column.defaultText }}\n                      </div>\n                    }\n                  </ng-template>\n                }\n                <!-- index -->\n                @if (column.type === customType.index) {\n                  {{ i + 1 }}\n                }\n                <!-- checkbox -->\n                @if (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                }\n                <!-- radio -->\n                @if (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                }\n                <!-- switch -->\n                @if (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                }\n              }\n            </td>\n          }\n        </ng-template>\n      </tbody>\n    }\n  </table>\n\n  @if (loadingDone && model.length === 0 && groups.length === 0) {\n    <div class=\"thy-table-empty clear-hover\">\n      @if (emptyTemplate) {\n        <ng-template [ngTemplateOutlet]=\"emptyTemplate\"></ng-template>\n      } @else {\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      }\n    </div>\n  }\n\n  @if (!loadingDone) {\n    <thy-table-skeleton\n      [thyRowCount]=\"6\"\n      [thyHeadless]=\"true\"\n      [thyTheme]=\"theme\"\n      [thySize]=\"size\"\n      [thyMinWidth]=\"thyMinWidth\"\n      [thyColumns]=\"skeletonColumns\">\n    </thy-table-skeleton>\n  }\n\n  @if (pagination.total > pagination.size) {\n    <div class=\"thy-table-footer\" [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  }\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: 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", "cdkDragScale"], 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: i1.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: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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", "selectedPageSize"], outputs: ["thyPageIndexChange", "thyPageChanged", "thyPageSizeChanged", "selectedPageSizeChange"] }, { kind: "pipe", type: TableIsValidModelValuePipe, name: "isValidModelValue" }, { kind: "pipe", type: TableRowDragDisabledPipe, name: "tableRowDragDisabled" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputCssPixel(),