ngx-tethys 21.0.9 → 21.0.11

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [21.0.11](github.com/atinc/ngx-tethys/compare/21.0.10...21.0.11) (2026-08-25)
+
+
+### Bug Fixes
+
+* **button:** intercept thyDisabled clicks on native button #TINFR-3833 ([217122b](github.com/atinc/ngx-tethys/commits/217122bd652c5821d4d447c5400591c86f4c3baa)), closes [#TINFR-3833](github.com/atinc/ngx-tethys/issues/TINFR-3833)
+
+## [21.0.10](github.com/atinc/ngx-tethys/compare/21.0.9...21.0.10) (2026-08-25)
+
+
+### Bug Fixes
+
+* **button:** intercept loading clicks on native button #TINFR-3833 ([#3854](/github.com/atinc/ngx-tethys/issues/3854)) ([733849c](github.com/atinc/ngx-tethys/commits/733849c9c7d208564275629c1cedd206982fbf03)), closes [#TINFR-3833](github.com/atinc/ngx-tethys/issues/TINFR-3833)
+
+
+### Features
+
+* **action:** add thyAppearance instead of thyTheme for action #TINFR-3830 ([#3853](/github.com/atinc/ngx-tethys/issues/3853)) ([0646a16](github.com/atinc/ngx-tethys/commits/0646a1685e502b9e2ee1271c50afafcc70ca9252)), closes [#TINFR-3830](github.com/atinc/ngx-tethys/issues/TINFR-3830)
+* **button:** add thyDisabled for custom element buttons #TINFR-3833 ([#3852](/github.com/atinc/ngx-tethys/issues/3852)) ([1798ed7](github.com/atinc/ngx-tethys/commits/1798ed781a71bdba0bbe6ec6dca611a064e3ae7b)), closes [#TINFR-3833](github.com/atinc/ngx-tethys/issues/TINFR-3833)
+
 ## [21.0.9](github.com/atinc/ngx-tethys/compare/21.0.8...21.0.9) (2026-08-21)
 
 

package/button/styles/button.scss

@@ -61,6 +61,7 @@
         color: variables.$btn-disabled-color;
         background-color: variables.$btn-disabled-bg-color;
         border-color: variables.$btn-disabled-border-color; // opacity: $btn-disabled-opacity;
+        pointer-events: none;
         @include shadow.box-shadow(none);
     }
 

package/fesm2022/ngx-tethys-action.mjs

@@ -39,6 +39,7 @@ class ThyAction {
         this.feedback = signal(null, ...(ngDevMode ? [{ debugName: "feedback" }] : /* istanbul ignore next */ []));
         this.feedbackOptions = signal(null, ...(ngDevMode ? [{ debugName: "feedbackOptions" }] : /* istanbul ignore next */ []));
         this.active = computed(() => this.thyActionActive() || this.thyActive(), ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.appearance = computed(() => this.thyAppearance() || this.thyTheme(), ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
         this.hostRenderer = useHostRenderer();
         this.feedbackTimer = null;
         /**
@@ -63,8 +64,15 @@ class ThyAction {
          */
         this.thyActionActive = input(false, { ...(ngDevMode ? { debugName: "thyActionActive" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
         /**
-         * 操作图标的主题
-         * @type fill(背景色填充) | lite(简单文本颜色变化)
+         * 操作图标的外观，fill(背景色填充) | lite(简单文本颜色变化)
+         * @type fill | lite
+         * @default fill
+         */
+        this.thyAppearance = input(...(ngDevMode ? [undefined, { debugName: "thyAppearance" }] : /* istanbul ignore next */ []));
+        /**
+         * 废弃，操作图标的外观，请使用 thyAppearance 代替
+         * @type fill | lite
+         * @deprecated please use thyAppearance instead
          */
         this.thyTheme = input('fill', ...(ngDevMode ? [{ debugName: "thyTheme" }] : /* istanbul ignore next */ []));
         /**
@@ -127,7 +135,7 @@ class ThyAction {
     updateClasses() {
         const classNames = [];
         classNames.push(`action-${this.thyType()}`);
-        if (this.thyTheme() === 'lite') {
+        if (this.appearance() === 'lite') {
             classNames.push('thy-action-lite');
         }
         this.hostRenderer.updateClass(classNames);
@@ -136,7 +144,7 @@ class ThyAction {
         this.feedbackTimer?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThyAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ThyAction, isStandalone: true, selector: "thy-action, [thyAction]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActionIcon: { classPropertyName: "thyActionIcon", publicName: "thyActionIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActive: { classPropertyName: "thyActive", publicName: "thyActive", isSignal: true, isRequired: false, transformFunction: null }, thyActionActive: { classPropertyName: "thyActionActive", publicName: "thyActionActive", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyHoverIcon: { classPropertyName: "thyHoverIcon", publicName: "thyHoverIcon", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "active()", "class.thy-action-hover-icon": "thyHoverIcon()", "class.thy-action-has-feedback": "!!feedback()", "class.disabled": "thyDisabled()" }, classAttribute: "thy-action" }, ngImport: i0, template: "@if (icon() && !feedback()) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions()?.icon) {\n  <thy-icon [class]=\"feedbackOptions()?.class\" [thyIconName]=\"feedbackOptions()?.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ThyAction, isStandalone: true, selector: "thy-action, [thyAction]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActionIcon: { classPropertyName: "thyActionIcon", publicName: "thyActionIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActive: { classPropertyName: "thyActive", publicName: "thyActive", isSignal: true, isRequired: false, transformFunction: null }, thyActionActive: { classPropertyName: "thyActionActive", publicName: "thyActionActive", isSignal: true, isRequired: false, transformFunction: null }, thyAppearance: { classPropertyName: "thyAppearance", publicName: "thyAppearance", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyHoverIcon: { classPropertyName: "thyHoverIcon", publicName: "thyHoverIcon", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "active()", "class.thy-action-hover-icon": "thyHoverIcon()", "class.thy-action-has-feedback": "!!feedback()", "class.disabled": "thyDisabled()" }, classAttribute: "thy-action" }, ngImport: i0, template: "@if (icon() && !feedback()) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions()?.icon) {\n  <thy-icon [class]=\"feedbackOptions()?.class\" [thyIconName]=\"feedbackOptions()?.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThyAction, decorators: [{
             type: Component,
@@ -147,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[class.thy-action-has-feedback]': '!!feedback()',
                         '[class.disabled]': 'thyDisabled()'
                     }, imports: [ThyIcon], template: "@if (icon() && !feedback()) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions()?.icon) {\n  <thy-icon [class]=\"feedbackOptions()?.class\" [thyIconName]=\"feedbackOptions()?.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [], propDecorators: { thyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyType", required: false }] }], thyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcon", required: false }] }], thyActionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActionIcon", required: false }] }], thyActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActive", required: false }] }], thyActionActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActionActive", required: false }] }], thyTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTheme", required: false }] }], thyHoverIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyHoverIcon", required: false }] }], thyDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDisabled", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { thyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyType", required: false }] }], thyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcon", required: false }] }], thyActionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActionIcon", required: false }] }], thyActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActive", required: false }] }], thyActionActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActionActive", required: false }] }], thyAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAppearance", required: false }] }], thyTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTheme", required: false }] }], thyHoverIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyHoverIcon", required: false }] }], thyDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDisabled", required: false }] }] } });
 
 /**
  * Actions 组件

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-action.mjs","sources":["../../../src/action/action.component.ts","../../../src/action/action.component.html","../../../src/action/actions.component.ts","../../../src/action/action.module.ts","../../../src/action/ngx-tethys-action.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    Signal,\n    WritableSignal,\n    computed,\n    effect,\n    inject,\n    input,\n    signal\n} from '@angular/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { Subscription, timer } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nexport type ThyActionType = 'primary' | 'success' | 'danger' | 'warning';\n\nexport type ThyActionFeedback = 'success' | 'error';\n\nexport interface ThyActionFeedbackOptions {\n    icon?: string;\n    class?: string;\n    duration?: number;\n}\n\nconst defaultFeedbackOptions: Record<ThyActionFeedback, ThyActionFeedbackOptions> = {\n    success: {\n        icon: 'check-circle-fill',\n        class: 'text-success',\n        duration: 3000\n    },\n    error: {\n        icon: 'close-circle-fill',\n        class: 'text-danger',\n        duration: 3000\n    }\n};\n/**\n * 立即操作组件\n * @name thy-action,[thyAction]\n */\n@Component({\n    selector: 'thy-action, [thyAction]',\n    templateUrl: './action.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-action',\n        '[class.active]': 'active()',\n        '[class.thy-action-hover-icon]': 'thyHoverIcon()',\n        '[class.thy-action-has-feedback]': '!!feedback()',\n        '[class.disabled]': 'thyDisabled()'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyAction implements OnInit, AfterViewInit, OnDestroy {\n    private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private renderer = inject(Renderer2);\n    private destroyRef = inject(DestroyRef);\n\n    public readonly icon: Signal<string> = computed(() => this.thyActionIcon() || this.thyIcon());\n\n    feedback: WritableSignal<ThyActionFeedback | null> = signal(null);\n\n    feedbackOptions: WritableSignal<ThyActionFeedbackOptions | null> = signal(null);\n\n    readonly active: Signal<boolean> = computed(() => this.thyActionActive() || this.thyActive());\n\n    private hostRenderer = useHostRenderer();\n\n    private feedbackTimer: Subscription | null = null;\n\n    /**\n     * 操作图标的类型\n     * @type primary | success | danger | warning\n     */\n    readonly thyType = input<ThyActionType, ThyActionType>('primary', {\n        transform: (value: ThyActionType) => value || 'primary'\n    });\n\n    /**\n     * 操作图标，支持传参同时也支持在投影中写 thy-icon 组件\n     */\n    readonly thyIcon = input<string>('');\n\n    /**\n     * 操作图标，当 thyIcon 和其他指令参数名有冲突时使用 thyActionIcon\n     */\n    readonly thyActionIcon = input<string>('');\n\n    /**\n     * 操作的图标 Active 状态，设置为 true 时会在 Item 上添加 active class\n     */\n    readonly thyActive = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 操作的图标 Active 状态，当 thyActive 和其他指令参数名有冲突时使用 thyActionActive\n     */\n    readonly thyActionActive = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 操作图标的主题\n     * @type fill(背景色填充) | lite(简单文本颜色变化)\n     */\n    readonly thyTheme = input<'fill' | 'lite'>('fill');\n\n    /**\n     * Hover 展示的图标\n     */\n    readonly thyHoverIcon = input<string>();\n\n    /**\n     * 是否处于禁用状态\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngAfterViewInit() {\n        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);\n    }\n\n    constructor() {\n        effect(() => {\n            this.updateClasses();\n        });\n    }\n\n    setMarginRight(marginRight: string) {\n        this.elementRef.nativeElement.style.marginRight = marginRight;\n    }\n\n    /**\n     * 触发成功反馈操作\n     */\n    success(options?: ThyActionFeedbackOptions) {\n        this.setFeedback('success', options);\n    }\n\n    /**\n     * 触发失败反馈操作\n     */\n    error(options?: ThyActionFeedbackOptions) {\n        this.setFeedback('error', options);\n    }\n\n    private setFeedback(feedback: ThyActionFeedback, options: ThyActionFeedbackOptions | undefined) {\n        if (this.thyDisabled()) {\n            return;\n        }\n        options = Object.assign({}, defaultFeedbackOptions[feedback], options);\n        this.feedback.set(feedback);\n        this.feedbackOptions.set(options);\n\n        if (options.duration) {\n            if (this.feedbackTimer) {\n                this.feedbackTimer.unsubscribe();\n            }\n            this.feedbackTimer = timer(options.duration)\n                .pipe(takeUntilDestroyed(this.destroyRef))\n                .subscribe(() => {\n                    this.feedback.set(null);\n                    this.feedbackOptions.set(null);\n                });\n        }\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                // this.renderer.addClass(span, 'thy-action-wrap-span');\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n        });\n    }\n\n    private updateClasses() {\n        const classNames: string[] = [];\n        classNames.push(`action-${this.thyType()}`);\n        if (this.thyTheme() === 'lite') {\n            classNames.push('thy-action-lite');\n        }\n        this.hostRenderer.updateClass(classNames);\n    }\n\n    ngOnDestroy(): void {\n        this.feedbackTimer?.unsubscribe();\n    }\n}\n","@if (icon() && !feedback()) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions()?.icon) {\n  <thy-icon [class]=\"feedbackOptions()?.class\" [thyIconName]=\"feedbackOptions()?.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, OnInit, contentChildren, effect, input } from '@angular/core';\nimport { ThySpacingSize, getNumericSize } from 'ngx-tethys/core';\nimport { ThyAction } from './action.component';\n\n/**\n * Actions 组件\n * @name thy-actions\n */\n@Component({\n    selector: 'thy-actions',\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-actions'\n    }\n})\nexport class ThyActions implements OnInit {\n    readonly actions = contentChildren<ThyAction>(ThyAction);\n\n    /**\n     * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小\n     * @type string | number\n     */\n    readonly thySize = input<ThySpacingSize>('md');\n\n    constructor() {\n        effect(() => {\n            this.setActionsSize();\n        });\n    }\n\n    ngOnInit(): void {}\n\n    private setActionsSize() {\n        const actions: ThyAction[] = Array.from(this.actions());\n        actions.forEach((action: ThyAction, index) => {\n            // can't set marginRight value for last item\n            if (index !== actions.length - 1) {\n                action.setMarginRight(`${getNumericSize(this.thySize(), 'md')}px`);\n            }\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAction } from './action.component';\nimport { ThyActions } from './actions.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyAction, ThyActions],\n    exports: [ThyAction, ThyActions]\n})\nexport class ThyActionModule {}\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-action.mjs","sources":["../../../src/action/action.component.ts","../../../src/action/action.component.html","../../../src/action/actions.component.ts","../../../src/action/action.module.ts","../../../src/action/ngx-tethys-action.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    Signal,\n    WritableSignal,\n    computed,\n    effect,\n    inject,\n    input,\n    signal\n} from '@angular/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { Subscription, timer } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nexport type ThyActionType = 'primary' | 'success' | 'danger' | 'warning';\n\nexport type ThyActionAppearance = 'fill' | 'lite';\n\nexport type ThyActionFeedback = 'success' | 'error';\n\nexport interface ThyActionFeedbackOptions {\n    icon?: string;\n    class?: string;\n    duration?: number;\n}\n\nconst defaultFeedbackOptions: Record<ThyActionFeedback, ThyActionFeedbackOptions> = {\n    success: {\n        icon: 'check-circle-fill',\n        class: 'text-success',\n        duration: 3000\n    },\n    error: {\n        icon: 'close-circle-fill',\n        class: 'text-danger',\n        duration: 3000\n    }\n};\n/**\n * 立即操作组件\n * @name thy-action,[thyAction]\n */\n@Component({\n    selector: 'thy-action, [thyAction]',\n    templateUrl: './action.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-action',\n        '[class.active]': 'active()',\n        '[class.thy-action-hover-icon]': 'thyHoverIcon()',\n        '[class.thy-action-has-feedback]': '!!feedback()',\n        '[class.disabled]': 'thyDisabled()'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyAction implements OnInit, AfterViewInit, OnDestroy {\n    private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private renderer = inject(Renderer2);\n    private destroyRef = inject(DestroyRef);\n\n    public readonly icon: Signal<string> = computed(() => this.thyActionIcon() || this.thyIcon());\n\n    feedback: WritableSignal<ThyActionFeedback | null> = signal(null);\n\n    feedbackOptions: WritableSignal<ThyActionFeedbackOptions | null> = signal(null);\n\n    readonly active: Signal<boolean> = computed(() => this.thyActionActive() || this.thyActive());\n\n    protected readonly appearance = computed(() => this.thyAppearance() || this.thyTheme());\n\n    private hostRenderer = useHostRenderer();\n\n    private feedbackTimer: Subscription | null = null;\n\n    /**\n     * 操作图标的类型\n     * @type primary | success | danger | warning\n     */\n    readonly thyType = input<ThyActionType, ThyActionType>('primary', {\n        transform: (value: ThyActionType) => value || 'primary'\n    });\n\n    /**\n     * 操作图标，支持传参同时也支持在投影中写 thy-icon 组件\n     */\n    readonly thyIcon = input<string>('');\n\n    /**\n     * 操作图标，当 thyIcon 和其他指令参数名有冲突时使用 thyActionIcon\n     */\n    readonly thyActionIcon = input<string>('');\n\n    /**\n     * 操作的图标 Active 状态，设置为 true 时会在 Item 上添加 active class\n     */\n    readonly thyActive = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 操作的图标 Active 状态，当 thyActive 和其他指令参数名有冲突时使用 thyActionActive\n     */\n    readonly thyActionActive = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 操作图标的外观，fill(背景色填充) | lite(简单文本颜色变化)\n     * @type fill | lite\n     * @default fill\n     */\n    readonly thyAppearance = input<ThyActionAppearance>();\n\n    /**\n     * 废弃，操作图标的外观，请使用 thyAppearance 代替\n     * @type fill | lite\n     * @deprecated please use thyAppearance instead\n     */\n    readonly thyTheme = input<ThyActionAppearance>('fill');\n\n    /**\n     * Hover 展示的图标\n     */\n    readonly thyHoverIcon = input<string>();\n\n    /**\n     * 是否处于禁用状态\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngAfterViewInit() {\n        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);\n    }\n\n    constructor() {\n        effect(() => {\n            this.updateClasses();\n        });\n    }\n\n    setMarginRight(marginRight: string) {\n        this.elementRef.nativeElement.style.marginRight = marginRight;\n    }\n\n    /**\n     * 触发成功反馈操作\n     */\n    success(options?: ThyActionFeedbackOptions) {\n        this.setFeedback('success', options);\n    }\n\n    /**\n     * 触发失败反馈操作\n     */\n    error(options?: ThyActionFeedbackOptions) {\n        this.setFeedback('error', options);\n    }\n\n    private setFeedback(feedback: ThyActionFeedback, options: ThyActionFeedbackOptions | undefined) {\n        if (this.thyDisabled()) {\n            return;\n        }\n        options = Object.assign({}, defaultFeedbackOptions[feedback], options);\n        this.feedback.set(feedback);\n        this.feedbackOptions.set(options);\n\n        if (options.duration) {\n            if (this.feedbackTimer) {\n                this.feedbackTimer.unsubscribe();\n            }\n            this.feedbackTimer = timer(options.duration)\n                .pipe(takeUntilDestroyed(this.destroyRef))\n                .subscribe(() => {\n                    this.feedback.set(null);\n                    this.feedbackOptions.set(null);\n                });\n        }\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                // this.renderer.addClass(span, 'thy-action-wrap-span');\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n        });\n    }\n\n    private updateClasses() {\n        const classNames: string[] = [];\n        classNames.push(`action-${this.thyType()}`);\n        if (this.appearance() === 'lite') {\n            classNames.push('thy-action-lite');\n        }\n        this.hostRenderer.updateClass(classNames);\n    }\n\n    ngOnDestroy(): void {\n        this.feedbackTimer?.unsubscribe();\n    }\n}\n","@if (icon() && !feedback()) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions()?.icon) {\n  <thy-icon [class]=\"feedbackOptions()?.class\" [thyIconName]=\"feedbackOptions()?.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, OnInit, contentChildren, effect, input } from '@angular/core';\nimport { ThySpacingSize, getNumericSize } from 'ngx-tethys/core';\nimport { ThyAction } from './action.component';\n\n/**\n * Actions 组件\n * @name thy-actions\n */\n@Component({\n    selector: 'thy-actions',\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-actions'\n    }\n})\nexport class ThyActions implements OnInit {\n    readonly actions = contentChildren<ThyAction>(ThyAction);\n\n    /**\n     * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小\n     * @type string | number\n     */\n    readonly thySize = input<ThySpacingSize>('md');\n\n    constructor() {\n        effect(() => {\n            this.setActionsSize();\n        });\n    }\n\n    ngOnInit(): void {}\n\n    private setActionsSize() {\n        const actions: ThyAction[] = Array.from(this.actions());\n        actions.forEach((action: ThyAction, index) => {\n            // can't set marginRight value for last item\n            if (index !== actions.length - 1) {\n                action.setMarginRight(`${getNumericSize(this.thySize(), 'md')}px`);\n            }\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAction } from './action.component';\nimport { ThyActions } from './actions.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyAction, ThyActions],\n    exports: [ThyAction, ThyActions]\n})\nexport class ThyActionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-arrow-switcher.mjs

@@ -100,7 +100,7 @@ class ThyArrowSwitcher {
                 useExisting: forwardRef(() => ThyArrowSwitcher),
                 multi: true
             }
-        ], ngImport: i0, template: "@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"previousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"nextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"previousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"nextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"previousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"nextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"previousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"nextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyAppearance", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThyArrowSwitcher, decorators: [{
             type: Component,

package/fesm2022/ngx-tethys-arrow-switcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-arrow-switcher.mjs","sources":["../../../src/arrow-switcher/arrow-switcher.component.ts","../../../src/arrow-switcher/arrow-switcher.component.html","../../../src/arrow-switcher/module.ts","../../../src/arrow-switcher/ngx-tethys-arrow-switcher.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    forwardRef,\n    numberAttribute,\n    inject,\n    input,\n    output,\n    computed,\n    Signal,\n    WritableSignal,\n    signal,\n    linkedSignal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyButtonIcon } from 'ngx-tethys/button';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { ThyAction } from 'ngx-tethys/action';\n\nexport type ThyArrowSwitcherTheme = 'default' | 'lite';\nexport interface ThyArrowSwitcherEvent {\n    index: number;\n    event: Event;\n}\n\n/**\n * 上下条切换组件\n * @name thy-arrow-switcher\n * @order 10\n */\n@Component({\n    selector: 'thy-arrow-switcher',\n    templateUrl: './arrow-switcher.component.html',\n    host: {\n        class: 'thy-arrow-switcher',\n        '[class.thy-arrow-switcher-small]': 'isSmallSize()'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThyArrowSwitcher),\n            multi: true\n        }\n    ],\n    imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon]\n})\nexport class ThyArrowSwitcher implements ControlValueAccessor {\n    private cd = inject(ChangeDetectorRef);\n\n    private disabled: WritableSignal<boolean> = signal(false);\n\n    /**\n     * 点击上一条事件\n     */\n    readonly thyPrevious = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 点击下一条事件\n     */\n    readonly thyNext = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 设置上一条 Hover Tooltip 提示\n     */\n    readonly thyPreviousTooltip = input<string>();\n\n    /**\n     * 设置下一条 Hover Tooltip 提示\n     */\n    readonly thyNextTooltip = input<string>();\n\n    /**\n     * 展示主题\n     * @type default | lite\n     */\n    readonly thyTheme = input<ThyArrowSwitcherTheme>('default');\n\n    /**\n     * 总条数\n     */\n    readonly thyTotal = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 尺寸大小，默认尺寸为大号，取值为`sm`时展示小号\n     */\n    readonly thySize = input<string>();\n\n    readonly isSmallSize: Signal<boolean> = computed(() => {\n        return this.thySize() === 'sm';\n    });\n\n    protected readonly index: WritableSignal<number> = signal(0);\n\n    readonly previousDisabled = computed(() => {\n        return this.index() <= 0 || this.disabled();\n    });\n\n    readonly nextDisabled = computed(() => {\n        return this.index() >= this.thyTotal()! - 1 || this.disabled();\n    });\n\n    private onModelChange!: (value: number) => void;\n\n    private onModelTouched!: () => void;\n\n    protected readonly previousTooltip = linkedSignal(() => {\n        return this.thyPreviousTooltip();\n    });\n\n    protected readonly nextTooltip = linkedSignal(() => {\n        return this.thyNextTooltip();\n    });\n\n    public setPreviousTooltip(value: string) {\n        this.previousTooltip.set(value);\n    }\n\n    public setNextTooltip(value: string) {\n        this.nextTooltip.set(value);\n    }\n\n    writeValue(value: number): void {\n        if (value >= 0) {\n            this.index.set(value);\n        }\n        this.cd.markForCheck();\n    }\n\n    registerOnChange(fn: () => void) {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: () => void) {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(isDisable: boolean) {\n        this.disabled.set(isDisable);\n    }\n\n    onPreviousClick(event: Event) {\n        this.index.set(this.index() - 1);\n        this.onModelChange(this.index());\n\n        this.thyPrevious.emit({ index: this.index(), event });\n    }\n\n    onNextClick(event: Event) {\n        this.index.set(this.index() + 1);\n        this.onModelChange(this.index());\n\n        this.thyNext.emit({ index: this.index(), event });\n    }\n}\n","@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"previousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"nextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"previousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"nextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n","import { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyButtonModule } from 'ngx-tethys/button';\nimport { ThyArrowSwitcher } from './arrow-switcher.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\n\n@NgModule({\n    imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyActionModule, ThyTooltipModule, ThyArrowSwitcher],\n    exports: [ThyArrowSwitcher]\n})\nexport class ThyArrowSwitcherModule {}\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-arrow-switcher.mjs","sources":["../../../src/arrow-switcher/arrow-switcher.component.ts","../../../src/arrow-switcher/arrow-switcher.component.html","../../../src/arrow-switcher/module.ts","../../../src/arrow-switcher/ngx-tethys-arrow-switcher.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    forwardRef,\n    numberAttribute,\n    inject,\n    input,\n    output,\n    computed,\n    Signal,\n    WritableSignal,\n    signal,\n    linkedSignal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyButtonIcon } from 'ngx-tethys/button';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { ThyAction } from 'ngx-tethys/action';\n\nexport type ThyArrowSwitcherTheme = 'default' | 'lite';\nexport interface ThyArrowSwitcherEvent {\n    index: number;\n    event: Event;\n}\n\n/**\n * 上下条切换组件\n * @name thy-arrow-switcher\n * @order 10\n */\n@Component({\n    selector: 'thy-arrow-switcher',\n    templateUrl: './arrow-switcher.component.html',\n    host: {\n        class: 'thy-arrow-switcher',\n        '[class.thy-arrow-switcher-small]': 'isSmallSize()'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThyArrowSwitcher),\n            multi: true\n        }\n    ],\n    imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon]\n})\nexport class ThyArrowSwitcher implements ControlValueAccessor {\n    private cd = inject(ChangeDetectorRef);\n\n    private disabled: WritableSignal<boolean> = signal(false);\n\n    /**\n     * 点击上一条事件\n     */\n    readonly thyPrevious = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 点击下一条事件\n     */\n    readonly thyNext = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 设置上一条 Hover Tooltip 提示\n     */\n    readonly thyPreviousTooltip = input<string>();\n\n    /**\n     * 设置下一条 Hover Tooltip 提示\n     */\n    readonly thyNextTooltip = input<string>();\n\n    /**\n     * 展示主题\n     * @type default | lite\n     */\n    readonly thyTheme = input<ThyArrowSwitcherTheme>('default');\n\n    /**\n     * 总条数\n     */\n    readonly thyTotal = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 尺寸大小，默认尺寸为大号，取值为`sm`时展示小号\n     */\n    readonly thySize = input<string>();\n\n    readonly isSmallSize: Signal<boolean> = computed(() => {\n        return this.thySize() === 'sm';\n    });\n\n    protected readonly index: WritableSignal<number> = signal(0);\n\n    readonly previousDisabled = computed(() => {\n        return this.index() <= 0 || this.disabled();\n    });\n\n    readonly nextDisabled = computed(() => {\n        return this.index() >= this.thyTotal()! - 1 || this.disabled();\n    });\n\n    private onModelChange!: (value: number) => void;\n\n    private onModelTouched!: () => void;\n\n    protected readonly previousTooltip = linkedSignal(() => {\n        return this.thyPreviousTooltip();\n    });\n\n    protected readonly nextTooltip = linkedSignal(() => {\n        return this.thyNextTooltip();\n    });\n\n    public setPreviousTooltip(value: string) {\n        this.previousTooltip.set(value);\n    }\n\n    public setNextTooltip(value: string) {\n        this.nextTooltip.set(value);\n    }\n\n    writeValue(value: number): void {\n        if (value >= 0) {\n            this.index.set(value);\n        }\n        this.cd.markForCheck();\n    }\n\n    registerOnChange(fn: () => void) {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: () => void) {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(isDisable: boolean) {\n        this.disabled.set(isDisable);\n    }\n\n    onPreviousClick(event: Event) {\n        this.index.set(this.index() - 1);\n        this.onModelChange(this.index());\n\n        this.thyPrevious.emit({ index: this.index(), event });\n    }\n\n    onNextClick(event: Event) {\n        this.index.set(this.index() + 1);\n        this.onModelChange(this.index());\n\n        this.thyNext.emit({ index: this.index(), event });\n    }\n}\n","@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"previousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"nextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"previousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"nextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n","import { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyButtonModule } from 'ngx-tethys/button';\nimport { ThyArrowSwitcher } from './arrow-switcher.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\n\n@NgModule({\n    imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyActionModule, ThyTooltipModule, ThyArrowSwitcher],\n    exports: [ThyArrowSwitcher]\n})\nexport class ThyArrowSwitcherModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-breadcrumb.mjs

@@ -130,7 +130,7 @@ class ThyBreadcrumb {
         }, ...(ngDevMode ? [{ debugName: "processedItems" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThyBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ThyBreadcrumb, isStandalone: true, selector: "thy-breadcrumb", inputs: { thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thySeparator: { classPropertyName: "thySeparator", publicName: "thySeparator", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "thyItems", isSignal: true, isRequired: false, transformFunction: null }, thyMaxCount: { classPropertyName: "thyMaxCount", publicName: "thyMaxCount", isSignal: true, isRequired: false, transformFunction: null }, thyExpandable: { classPropertyName: "thyExpandable", publicName: "thyExpandable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-breadcrumb-separator": "!!thySeparator()", "class.thy-breadcrumb-separator-slash": "thySeparator() === \"slash\"", "class.thy-breadcrumb-separator-backslash": "thySeparator() === \"backslash\"", "class.thy-breadcrumb-separator-vertical-line": "thySeparator() === \"vertical-line\"" }, classAttribute: "thy-breadcrumb" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }], exportAs: ["ThyBreadcrumb"], ngImport: i0, template: "@if (svgIconName() || iconClasses()) {\n  <div class=\"thy-breadcrumb-icon\">\n    @if (svgIconName()) {\n      <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      <i [ngClass]=\"iconClasses()\"></i>\n    }\n  </div>\n}\n\n@for (item of processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyBreadcrumbItem, selector: "thy-breadcrumb-item,[thyBreadcrumbItem]", exportAs: ["ThyBreadcrumbItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ThyBreadcrumb, isStandalone: true, selector: "thy-breadcrumb", inputs: { thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thySeparator: { classPropertyName: "thySeparator", publicName: "thySeparator", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "thyItems", isSignal: true, isRequired: false, transformFunction: null }, thyMaxCount: { classPropertyName: "thyMaxCount", publicName: "thyMaxCount", isSignal: true, isRequired: false, transformFunction: null }, thyExpandable: { classPropertyName: "thyExpandable", publicName: "thyExpandable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-breadcrumb-separator": "!!thySeparator()", "class.thy-breadcrumb-separator-slash": "thySeparator() === \"slash\"", "class.thy-breadcrumb-separator-backslash": "thySeparator() === \"backslash\"", "class.thy-breadcrumb-separator-vertical-line": "thySeparator() === \"vertical-line\"" }, classAttribute: "thy-breadcrumb" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }], exportAs: ["ThyBreadcrumb"], ngImport: i0, template: "@if (svgIconName() || iconClasses()) {\n  <div class=\"thy-breadcrumb-icon\">\n    @if (svgIconName()) {\n      <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      <i [ngClass]=\"iconClasses()\"></i>\n    }\n  </div>\n}\n\n@for (item of processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyBreadcrumbItem, selector: "thy-breadcrumb-item,[thyBreadcrumbItem]", exportAs: ["ThyBreadcrumbItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyAppearance", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThyBreadcrumb, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-breadcrumb.mjs","sources":["../../../src/breadcrumb/breadcrumb-item.component.ts","../../../src/breadcrumb/breadcrumb.component.ts","../../../src/breadcrumb/breadcrumb.component.html","../../../src/breadcrumb/module.ts","../../../src/breadcrumb/ngx-tethys-breadcrumb.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, AfterViewInit, ElementRef, Renderer2, inject } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 面包屑 Item 组件\n * @name thy-breadcrumb-item,[thyBreadcrumbItem]\n * @order 20\n */\n@Component({\n    selector: 'thy-breadcrumb-item,[thyBreadcrumbItem]',\n    template: '<ng-content></ng-content><thy-icon class=\"separator-icon\" thyIconName=\"angle-right\"></thy-icon>',\n    exportAs: 'ThyBreadcrumbItem',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-breadcrumb-item'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyBreadcrumbItem implements AfterViewInit {\n    private renderer = inject(Renderer2);\n    private elementRef = inject(ElementRef);\n\n    ngAfterViewInit() {\n        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);\n        const link: HTMLElement = this.elementRef.nativeElement.querySelector('a');\n        if (link && link.childNodes) {\n            this.wrapSpanForText(link.childNodes);\n        }\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                this.renderer.addClass(span, 'thy-wrap-span');\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n        });\n    }\n}\n","import { Component, ChangeDetectionStrategy, TemplateRef, numberAttribute, input, contentChild, Signal, computed } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyDropdownDirective, ThyDropdownMenuComponent, ThyDropdownMenuItemDirective } from 'ngx-tethys/dropdown';\nimport { ThyAction } from 'ngx-tethys/action';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nconst THY_BREADCRUMB_ITEM_ELLIPSIS_ID = 'THY_BREADCRUMB_ITEM_ELLIPSIS_ID';\n\nconst ELLIPSIS_ITEM = { _id: THY_BREADCRUMB_ITEM_ELLIPSIS_ID };\n\n/**\n * 面包屑组件\n * @name thy-breadcrumb\n * @order 10\n */\n@Component({\n    selector: 'thy-breadcrumb',\n    templateUrl: './breadcrumb.component.html',\n    exportAs: 'ThyBreadcrumb',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-breadcrumb',\n        '[class.thy-breadcrumb-separator]': '!!thySeparator()',\n        '[class.thy-breadcrumb-separator-slash]': 'thySeparator() === \"slash\"',\n        '[class.thy-breadcrumb-separator-backslash]': 'thySeparator() === \"backslash\"',\n        '[class.thy-breadcrumb-separator-vertical-line]': 'thySeparator() === \"vertical-line\"'\n    },\n    imports: [\n        ThyIcon,\n        NgClass,\n        ThyBreadcrumbItem,\n        NgTemplateOutlet,\n        ThyAction,\n        ThyDropdownDirective,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuComponent,\n        ThyIcon\n    ]\n})\nexport class ThyBreadcrumb {\n    /**\n     * 面包屑的前缀 展示图标，如 folder-fill\n     */\n    readonly thyIcon = input<string>();\n\n    iconClasses: Signal<string[] | null> = computed(() => {\n        const icon = this.thyIcon();\n        if (icon && icon.includes('wtf')) {\n            const classes = icon.split(' ');\n            if (classes.length === 1) {\n                classes.unshift('wtf');\n            }\n            return classes;\n        } else {\n            return null;\n        }\n    });\n\n    svgIconName: Signal<string | null> = computed(() => {\n        const icon = this.thyIcon();\n        if (icon && !icon.includes('wtf')) {\n            return icon;\n        } else {\n            return null;\n        }\n    });\n\n    /**\n     * 面包屑的分隔符，不传值默认为 \">\"\n     * @type slash | backslash | vertical-line\n     */\n    readonly thySeparator = input<'slash' | 'backslash' | 'vertical-line'>();\n\n    /**\n     * 面包屑的每一项数据\n     */\n    readonly items = input<SafeAny[]>(undefined, { alias: 'thyItems' });\n\n    /**\n     * 最大显示数量，超出此数量后，面包屑会被省略, 0 表示不省略（仅当传入 thyItems 时有效）\n     */\n    readonly thyMaxCount = input(4, { transform: numberAttribute });\n\n    /**\n     * 是否可点击弹出已被省略的面包屑项（仅当传入 thyItems 时有效）\n     */\n    readonly thyExpandable = input(true, { transform: coerceBooleanProperty });\n\n    /**\n     * 面包屑的每一项模板（仅当传入 thyItems 时有效）\n     */\n    readonly itemTemplate = contentChild<TemplateRef<SafeAny>>('item');\n\n    public ellipsisItemId = THY_BREADCRUMB_ITEM_ELLIPSIS_ID;\n\n    public readonly processedItems: Signal<\n        | {\n              ellipsisItems: SafeAny[];\n              showItems: SafeAny[];\n          }\n        | undefined\n    > = computed(() => {\n        const items = this.items();\n        if (!items?.length) {\n            return;\n        }\n        const thyMaxCount = this.thyMaxCount();\n        if (thyMaxCount && items.length > thyMaxCount) {\n            const ellipsisIndex = items.length - thyMaxCount + 2;\n            return {\n                ellipsisItems: items.slice(1, ellipsisIndex),\n                showItems: [items[0], ELLIPSIS_ITEM, ...items.slice(ellipsisIndex)]\n            };\n        } else {\n            return {\n                ellipsisItems: [],\n                showItems: [...items]\n            };\n        }\n    });\n}\n","@if (svgIconName() || iconClasses()) {\n  <div class=\"thy-breadcrumb-icon\">\n    @if (svgIconName()) {\n      <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      <i [ngClass]=\"iconClasses()\"></i>\n    }\n  </div>\n}\n\n@for (item of processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyBreadcrumb } from './breadcrumb.component';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\nimport { ThyDropdownModule } from 'ngx-tethys/dropdown';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule],\n    exports: [ThyBreadcrumb, ThyBreadcrumbItem]\n})\nexport class ThyBreadcrumbModule {}\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-breadcrumb.mjs","sources":["../../../src/breadcrumb/breadcrumb-item.component.ts","../../../src/breadcrumb/breadcrumb.component.ts","../../../src/breadcrumb/breadcrumb.component.html","../../../src/breadcrumb/module.ts","../../../src/breadcrumb/ngx-tethys-breadcrumb.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, AfterViewInit, ElementRef, Renderer2, inject } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 面包屑 Item 组件\n * @name thy-breadcrumb-item,[thyBreadcrumbItem]\n * @order 20\n */\n@Component({\n    selector: 'thy-breadcrumb-item,[thyBreadcrumbItem]',\n    template: '<ng-content></ng-content><thy-icon class=\"separator-icon\" thyIconName=\"angle-right\"></thy-icon>',\n    exportAs: 'ThyBreadcrumbItem',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-breadcrumb-item'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyBreadcrumbItem implements AfterViewInit {\n    private renderer = inject(Renderer2);\n    private elementRef = inject(ElementRef);\n\n    ngAfterViewInit() {\n        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);\n        const link: HTMLElement = this.elementRef.nativeElement.querySelector('a');\n        if (link && link.childNodes) {\n            this.wrapSpanForText(link.childNodes);\n        }\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                this.renderer.addClass(span, 'thy-wrap-span');\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n        });\n    }\n}\n","import { Component, ChangeDetectionStrategy, TemplateRef, numberAttribute, input, contentChild, Signal, computed } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyDropdownDirective, ThyDropdownMenuComponent, ThyDropdownMenuItemDirective } from 'ngx-tethys/dropdown';\nimport { ThyAction } from 'ngx-tethys/action';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nconst THY_BREADCRUMB_ITEM_ELLIPSIS_ID = 'THY_BREADCRUMB_ITEM_ELLIPSIS_ID';\n\nconst ELLIPSIS_ITEM = { _id: THY_BREADCRUMB_ITEM_ELLIPSIS_ID };\n\n/**\n * 面包屑组件\n * @name thy-breadcrumb\n * @order 10\n */\n@Component({\n    selector: 'thy-breadcrumb',\n    templateUrl: './breadcrumb.component.html',\n    exportAs: 'ThyBreadcrumb',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-breadcrumb',\n        '[class.thy-breadcrumb-separator]': '!!thySeparator()',\n        '[class.thy-breadcrumb-separator-slash]': 'thySeparator() === \"slash\"',\n        '[class.thy-breadcrumb-separator-backslash]': 'thySeparator() === \"backslash\"',\n        '[class.thy-breadcrumb-separator-vertical-line]': 'thySeparator() === \"vertical-line\"'\n    },\n    imports: [\n        ThyIcon,\n        NgClass,\n        ThyBreadcrumbItem,\n        NgTemplateOutlet,\n        ThyAction,\n        ThyDropdownDirective,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuComponent,\n        ThyIcon\n    ]\n})\nexport class ThyBreadcrumb {\n    /**\n     * 面包屑的前缀 展示图标，如 folder-fill\n     */\n    readonly thyIcon = input<string>();\n\n    iconClasses: Signal<string[] | null> = computed(() => {\n        const icon = this.thyIcon();\n        if (icon && icon.includes('wtf')) {\n            const classes = icon.split(' ');\n            if (classes.length === 1) {\n                classes.unshift('wtf');\n            }\n            return classes;\n        } else {\n            return null;\n        }\n    });\n\n    svgIconName: Signal<string | null> = computed(() => {\n        const icon = this.thyIcon();\n        if (icon && !icon.includes('wtf')) {\n            return icon;\n        } else {\n            return null;\n        }\n    });\n\n    /**\n     * 面包屑的分隔符，不传值默认为 \">\"\n     * @type slash | backslash | vertical-line\n     */\n    readonly thySeparator = input<'slash' | 'backslash' | 'vertical-line'>();\n\n    /**\n     * 面包屑的每一项数据\n     */\n    readonly items = input<SafeAny[]>(undefined, { alias: 'thyItems' });\n\n    /**\n     * 最大显示数量，超出此数量后，面包屑会被省略, 0 表示不省略（仅当传入 thyItems 时有效）\n     */\n    readonly thyMaxCount = input(4, { transform: numberAttribute });\n\n    /**\n     * 是否可点击弹出已被省略的面包屑项（仅当传入 thyItems 时有效）\n     */\n    readonly thyExpandable = input(true, { transform: coerceBooleanProperty });\n\n    /**\n     * 面包屑的每一项模板（仅当传入 thyItems 时有效）\n     */\n    readonly itemTemplate = contentChild<TemplateRef<SafeAny>>('item');\n\n    public ellipsisItemId = THY_BREADCRUMB_ITEM_ELLIPSIS_ID;\n\n    public readonly processedItems: Signal<\n        | {\n              ellipsisItems: SafeAny[];\n              showItems: SafeAny[];\n          }\n        | undefined\n    > = computed(() => {\n        const items = this.items();\n        if (!items?.length) {\n            return;\n        }\n        const thyMaxCount = this.thyMaxCount();\n        if (thyMaxCount && items.length > thyMaxCount) {\n            const ellipsisIndex = items.length - thyMaxCount + 2;\n            return {\n                ellipsisItems: items.slice(1, ellipsisIndex),\n                showItems: [items[0], ELLIPSIS_ITEM, ...items.slice(ellipsisIndex)]\n            };\n        } else {\n            return {\n                ellipsisItems: [],\n                showItems: [...items]\n            };\n        }\n    });\n}\n","@if (svgIconName() || iconClasses()) {\n  <div class=\"thy-breadcrumb-icon\">\n    @if (svgIconName()) {\n      <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      <i [ngClass]=\"iconClasses()\"></i>\n    }\n  </div>\n}\n\n@for (item of processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyBreadcrumb } from './breadcrumb.component';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\nimport { ThyDropdownModule } from 'ngx-tethys/dropdown';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule],\n    exports: [ThyBreadcrumb, ThyBreadcrumbItem]\n})\nexport class ThyBreadcrumbModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAGA;;;;AAIG;MAWU,iBAAiB,CAAA;AAV9B,IAAA,WAAA,GAAA;AAWY,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAqB1C,IAAA;IAnBG,eAAe,GAAA;QACX,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;AAC9D,QAAA,MAAM,IAAI,GAAgB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC;AAC1E,QAAA,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC;QACzC;IACJ;AAEQ,IAAA,eAAe,CAAC,KAAe,EAAA;AACnC,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;AACjB,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;gBAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;gBAChD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC;gBAC7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;gBAC7C,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC;gBAC9C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;YACzC;AACJ,QAAA,CAAC,CAAC;IACN;+GAtBS,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARhB,iGAAiG,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAMjG,OAAO,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,uBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAER,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,QAAQ,EAAE,iGAAiG;AAC3G,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA;oBACD,OAAO,EAAE,CAAC,OAAO;AACpB,iBAAA;;;ACRD,MAAM,+BAA+B,GAAG,iCAAiC;AAEzE,MAAM,aAAa,GAAG,EAAE,GAAG,EAAE,+BAA+B,EAAE;AAE9D;;;;AAIG;MAyBU,aAAa,CAAA;AAxB1B,IAAA,WAAA,GAAA;AAyBI;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAElC,QAAA,IAAA,CAAA,WAAW,GAA4B,QAAQ,CAAC,MAAK;AACjD,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;YAC3B,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;gBAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC/B,gBAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,oBAAA,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC1B;AACA,gBAAA,OAAO,OAAO;YAClB;iBAAO;AACH,gBAAA,OAAO,IAAI;YACf;AACJ,QAAA,CAAC,kFAAC;AAEF,QAAA,IAAA,CAAA,WAAW,GAA0B,QAAQ,CAAC,MAAK;AAC/C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;YAC3B,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC/B,gBAAA,OAAO,IAAI;YACf;iBAAO;AACH,gBAAA,OAAO,IAAI;YACf;AACJ,QAAA,CAAC,kFAAC;AAEF;;;AAGG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAA2C;AAExE;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAY,SAAS,6EAAI,KAAK,EAAE,UAAU,EAAA,CAAG;AAEnE;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,CAAC,mFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAE/D;;AAEG;QACM,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,IAAI,qFAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;AAE1E;;AAEG;AACM,QAAA,IAAA,CAAA,YAAY,GAAG,YAAY,CAAuB,MAAM,mFAAC;QAE3D,IAAA,CAAA,cAAc,GAAG,+BAA+B;AAEvC,QAAA,IAAA,CAAA,cAAc,GAM1B,QAAQ,CAAC,MAAK;AACd,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;gBAChB;YACJ;AACA,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YACtC,IAAI,WAAW,IAAI,KAAK,CAAC,MAAM,GAAG,WAAW,EAAE;gBAC3C,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC;gBACpD,OAAO;oBACH,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC;AAC5C,oBAAA,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC;iBACrE;YACL;iBAAO;gBACH,OAAO;AACH,oBAAA,aAAa,EAAE,EAAE;AACjB,oBAAA,SAAS,EAAE,CAAC,GAAG,KAAK;iBACvB;YACL;AACJ,QAAA,CAAC,qFAAC;AACL,IAAA;+GAjFY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,uuCC1C1B,0jDAmDA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDpBQ,OAAO,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,iBAAiB,EAAA,QAAA,EAAA,yCAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,gBAAgB,oJAChB,SAAS,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,eAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,cAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACT,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpB,4BAA4B,sGAC5B,wBAAwB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAInB,aAAa,EAAA,UAAA,EAAA,CAAA;kBAxBzB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,YAEhB,eAAe,EAAA,eAAA,EACR,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,kCAAkC,EAAE,kBAAkB;AACtD,wBAAA,wCAAwC,EAAE,4BAA4B;AACtE,wBAAA,4CAA4C,EAAE,gCAAgC;AAC9E,wBAAA,gDAAgD,EAAE;qBACrD,EAAA,OAAA,EACQ;wBACL,OAAO;wBACP,OAAO;wBACP,iBAAiB;wBACjB,gBAAgB;wBAChB,SAAS;wBACT,oBAAoB;wBACpB,4BAA4B;wBAC5B,wBAAwB;wBACxB;AACH,qBAAA,EAAA,QAAA,EAAA,0jDAAA,EAAA;gkBAsD0D,MAAM,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MElFxD,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,OAAA,EAAA,CAHlB,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACjG,aAAa,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA;gHAEjC,mBAAmB,EAAA,OAAA,EAAA,CAHlB,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA;;4FAGlG,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,CAAC;AAC5G,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,iBAAiB;AAC7C,iBAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/ngx-tethys-button.mjs

@@ -1,6 +1,6 @@
 import { NgClass, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, effect, ViewEncapsulation, Component, computed, ChangeDetectionStrategy, inject, ElementRef, Renderer2, afterNextRender, NgModule } from '@angular/core';
+import { input, effect, ViewEncapsulation, Component, computed, ChangeDetectionStrategy, inject, ElementRef, Renderer2, DestroyRef, afterNextRender, NgModule } from '@angular/core';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { useHostRenderer } from '@tethys/cdk/dom';
@@ -246,6 +246,7 @@ class ThyButton {
     constructor() {
         this.elementRef = inject(ElementRef);
         this.renderer = inject(Renderer2);
+        this.destroyRef = inject(DestroyRef);
         this.hostRenderer = useHostRenderer();
         /**
          * 按钮类型，支持添加前缀`outline-`实现线框按钮，支持添加前缀`link-`实现按钮链接
@@ -288,6 +289,11 @@ class ThyButton {
          * @default false
          */
         this.thyBlock = input(false, { ...(ngDevMode ? { debugName: "thyBlock" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty$1 });
+        /**
+         * 是否禁用。用于 `thy-button` 组件；指令写法请使用原生 `disabled`
+         * @default false
+         */
+        this.thyDisabled = input(false, { ...(ngDevMode ? { debugName: "thyDisabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty$1 });
         this.isWtfIcon = computed(() => {
             const icon = this.thyIcon();
             return icon && icon.includes('wtf');
@@ -325,6 +331,7 @@ class ThyButton {
                 return type;
             }
         }, ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+        this.preventClickWhenUnavailable();
         effect(() => {
             this.updateClasses();
         });
@@ -341,6 +348,16 @@ class ThyButton {
             this.wrapSpanForText(this.nativeElement.childNodes);
         });
     }
+    preventClickWhenUnavailable() {
+        const onClick = (event) => {
+            if (this.thyDisabled() || this.thyLoading()) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+        };
+        this.nativeElement.addEventListener('click', onClick, true);
+        this.destroyRef.onDestroy(() => this.nativeElement.removeEventListener('click', onClick, true));
+    }
     wrapSpanForText(nodes) {
         nodes.forEach(node => {
             if (node.nodeName === '#text') {
@@ -353,15 +370,17 @@ class ThyButton {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThyButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ThyButton, isStandalone: true, selector: "thy-button,[thy-button],[thyButton]", inputs: { thyButton: { classPropertyName: "thyButton", publicName: "thyButton", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyLoading: { classPropertyName: "thyLoading", publicName: "thyLoading", isSignal: true, isRequired: false, transformFunction: null }, thyLoadingText: { classPropertyName: "thyLoadingText", publicName: "thyLoadingText", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyBlock: { classPropertyName: "thyBlock", publicName: "thyBlock", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.btn-block": "thyBlock()" }, classAttribute: "thy-btn btn" }, ngImport: i0, template: "@if (svgIconName()) {\n  <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n} @else {\n  @if (iconClass()) {\n    <i [ngClass]=\"iconClass()\"></i>\n  }\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ThyButton, isStandalone: true, selector: "thy-button,[thy-button],[thyButton]", inputs: { thyButton: { classPropertyName: "thyButton", publicName: "thyButton", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyLoading: { classPropertyName: "thyLoading", publicName: "thyLoading", isSignal: true, isRequired: false, transformFunction: null }, thyLoadingText: { classPropertyName: "thyLoadingText", publicName: "thyLoadingText", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyBlock: { classPropertyName: "thyBlock", publicName: "thyBlock", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.btn-block": "thyBlock()", "class.disabled": "thyDisabled()", "attr.aria-disabled": "thyDisabled() || null" }, classAttribute: "thy-btn btn" }, ngImport: i0, template: "@if (svgIconName()) {\n  <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n} @else {\n  @if (iconClass()) {\n    <i [ngClass]=\"iconClass()\"></i>\n  }\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThyButton, decorators: [{
             type: Component,
             args: [{ selector: 'thy-button,[thy-button],[thyButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-btn btn',
-                        '[class.btn-block]': 'thyBlock()'
+                        '[class.btn-block]': 'thyBlock()',
+                        '[class.disabled]': 'thyDisabled()',
+                        '[attr.aria-disabled]': 'thyDisabled() || null'
                     }, imports: [ThyIcon, NgClass], template: "@if (svgIconName()) {\n  <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n} @else {\n  @if (iconClass()) {\n    <i [ngClass]=\"iconClass()\"></i>\n  }\n}\n<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [], propDecorators: { thyButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyButton", required: false }] }], thyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyType", required: false }] }], thyLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLoading", required: false }] }], thyLoadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLoadingText", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcon", required: false }] }], thyBlock: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBlock", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { thyButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyButton", required: false }] }], thyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyType", required: false }] }], thyLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLoading", required: false }] }], thyLoadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLoadingText", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcon", required: false }] }], thyBlock: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBlock", required: false }] }], thyDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDisabled", required: false }] }] } });
 
 class ThyButtonModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }