ngx-tethys 18.0.8 → 18.1.0-next.1

package/fesm2022/ngx-tethys-back-top.mjs

@@ -1,12 +1,11 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, HostBinding, Input, Output, ViewChild, NgModule } from '@angular/core';
-import { DOCUMENT, NgIf, NgTemplateOutlet, CommonModule } from '@angular/common';
+import { inject, ChangeDetectorRef, NgZone, EventEmitter, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { DOCUMENT, NgTemplateOutlet, CommonModule } from '@angular/common';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { BehaviorSubject, Subject, Observable, fromEvent, EMPTY } from 'rxjs';
-import * as i2 from '@angular/cdk/platform';
+import { Platform } from '@angular/cdk/platform';
 import { switchMap, takeUntil, throttleTime } from 'rxjs/operators';
-import * as i1 from 'ngx-tethys/core';
-import { fadeMotion } from 'ngx-tethys/core';
+import { ThyScrollService, fadeMotion } from 'ngx-tethys/core';
 
 /**
  * 回到顶部组件
@@ -17,12 +16,12 @@ class ThyBackTop {
     set backTop(backTop) {
         this.backTop$.next(backTop);
     }
-    constructor(doc, thyScrollService, platform, cdr, zone) {
-        this.doc = doc;
-        this.thyScrollService = thyScrollService;
-        this.platform = platform;
-        this.cdr = cdr;
-        this.zone = zone;
+    constructor() {
+        this.doc = inject(DOCUMENT);
+        this.thyScrollService = inject(ThyScrollService);
+        this.platform = inject(Platform);
+        this.cdr = inject(ChangeDetectorRef);
+        this.zone = inject(NgZone);
         this.classNames = true;
         /**
          * 滚动高度达到此参数值才出现 thy-back-top
@@ -48,6 +47,7 @@ class ThyBackTop {
         this.destroy$ = new Subject();
         this.scrollListenerDestroy$ = new Subject();
         this.target = null;
+        const zone = this.zone;
         this.backTop$
             .pipe(switchMap(backTop => backTop
             ? new Observable(subscriber => zone.runOutsideAngular(() => fromEvent(backTop.nativeElement, 'click').subscribe(subscriber)))
@@ -100,16 +100,13 @@ class ThyBackTop {
             this.registerScrollEvent();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBackTop, deps: [{ token: DOCUMENT }, { token: i1.ThyScrollService }, { token: i2.Platform }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyBackTop, isStandalone: true, selector: "thy-back-top,[thyBackTop]", inputs: { thyTemplate: "thyTemplate", thyContainer: "thyContainer", thyVisibilityHeight: ["thyVisibilityHeight", "thyVisibilityHeight", numberAttribute] }, outputs: { thyClick: "thyClick", visibleChange: "visibleChange" }, host: { properties: { "class.thy-back-top-container": "this.classNames" } }, viewQueries: [{ propertyName: "backTop", first: true, predicate: ["backTop"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"thy-back-top\" #backTop @fadeMotion *ngIf=\"visible\">\n  <ng-template #defaultContent>\n    <div class=\"thy-back-top-content\">\n      <thy-icon class=\"back-top-icon text-muted font-size-lg\" thyIconName=\"arrow-up\"></thy-icon>\n    </div>\n  </ng-template>\n  <ng-template [ngTemplateOutlet]=\"thyTemplate || defaultContent\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [fadeMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBackTop, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyBackTop, isStandalone: true, selector: "thy-back-top,[thyBackTop]", inputs: { thyTemplate: "thyTemplate", thyContainer: "thyContainer", thyVisibilityHeight: ["thyVisibilityHeight", "thyVisibilityHeight", numberAttribute] }, outputs: { thyClick: "thyClick", visibleChange: "visibleChange" }, host: { properties: { "class.thy-back-top-container": "this.classNames" } }, viewQueries: [{ propertyName: "backTop", first: true, predicate: ["backTop"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (visible) {\n  <div class=\"thy-back-top\" #backTop @fadeMotion>\n    <ng-template #defaultContent>\n      <div class=\"thy-back-top-content\">\n        <thy-icon class=\"back-top-icon text-muted font-size-lg\" thyIconName=\"arrow-up\"></thy-icon>\n      </div>\n    </ng-template>\n    <ng-template [ngTemplateOutlet]=\"thyTemplate || defaultContent\"></ng-template>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [fadeMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBackTop, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-back-top,[thyBackTop]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [fadeMotion], standalone: true, imports: [NgIf, ThyIcon, NgTemplateOutlet], template: "<div class=\"thy-back-top\" #backTop @fadeMotion *ngIf=\"visible\">\n  <ng-template #defaultContent>\n    <div class=\"thy-back-top-content\">\n      <thy-icon class=\"back-top-icon text-muted font-size-lg\" thyIconName=\"arrow-up\"></thy-icon>\n    </div>\n  </ng-template>\n  <ng-template [ngTemplateOutlet]=\"thyTemplate || defaultContent\"></ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i1.ThyScrollService }, { type: i2.Platform }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { classNames: [{
+            args: [{ selector: 'thy-back-top,[thyBackTop]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [fadeMotion], standalone: true, imports: [ThyIcon, NgTemplateOutlet], template: "@if (visible) {\n  <div class=\"thy-back-top\" #backTop @fadeMotion>\n    <ng-template #defaultContent>\n      <div class=\"thy-back-top-content\">\n        <thy-icon class=\"back-top-icon text-muted font-size-lg\" thyIconName=\"arrow-up\"></thy-icon>\n      </div>\n    </ng-template>\n    <ng-template [ngTemplateOutlet]=\"thyTemplate || defaultContent\"></ng-template>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { classNames: [{
                 type: HostBinding,
                 args: ['class.thy-back-top-container']
             }], thyTemplate: [{

package/fesm2022/ngx-tethys-back-top.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-back-top.mjs","sources":["../../../src/back-top/back-top.component.ts","../../../src/back-top/back-top.component.html","../../../src/back-top/back-top.module.ts","../../../src/back-top/ngx-tethys-back-top.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    TemplateRef,\n    EventEmitter,\n    Output,\n    HostBinding,\n    NgZone,\n    ChangeDetectorRef,\n    OnDestroy,\n    OnChanges,\n    Inject,\n    ViewChild,\n    ElementRef,\n    numberAttribute\n} from '@angular/core';\nimport { Subject, fromEvent, BehaviorSubject, EMPTY, Observable } from 'rxjs';\nimport { Platform } from '@angular/cdk/platform';\nimport { throttleTime, takeUntil, switchMap } from 'rxjs/operators';\nimport { DOCUMENT, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { fadeMotion, ThyScrollService } from 'ngx-tethys/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 回到顶部组件\n * @name thy-back-top\n */\n@Component({\n    selector: 'thy-back-top,[thyBackTop]',\n    templateUrl: './back-top.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    animations: [fadeMotion],\n    standalone: true,\n    imports: [NgIf, ThyIcon, NgTemplateOutlet]\n})\nexport class ThyBackTop implements OnInit, OnDestroy, OnChanges {\n    @HostBinding('class.thy-back-top-container') classNames = true;\n\n    /**\n     * 自定义按钮显示模板\n     */\n    @Input() thyTemplate?: TemplateRef<void>;\n\n    /**\n     * 指定对哪个 DOM 元素返回顶部\n     * @type string | HTMLElement\n     * @default window\n     */\n    @Input() thyContainer?: string | HTMLElement;\n\n    /**\n     * 滚动高度达到此参数值才出现 thy-back-top\n     * @type number\n     */\n    @Input({ transform: numberAttribute }) thyVisibilityHeight = 400;\n\n    /**\n     * 点击按钮的回调函数\n     */\n    @Output() readonly thyClick: EventEmitter<boolean> = new EventEmitter();\n\n    /**\n     * 监听按钮显示状态的回调函数\n     */\n    @Output() public visibleChange: EventEmitter<boolean> = new EventEmitter();\n\n    /** The native `<div class=\"thy-back-top\"></div>` element. */\n    @ViewChild('backTop', { static: false })\n    set backTop(backTop: ElementRef<HTMLElement> | undefined) {\n        this.backTop$.next(backTop);\n    }\n\n    public visible = false;\n\n    /**\n     * The subject used to store the native `<div class=\"thy-back-top\"></div>` since\n     * it's located within the `ngIf` directive. It might be set asynchronously whenever the condition\n     * is met. Having subject makes the code reactive and cancellable (e.g. event listeners will be\n     * automatically removed and re-added through the `switchMap` below).\n     */\n    private backTop$ = new BehaviorSubject<ElementRef<HTMLElement> | undefined>(undefined);\n\n    private destroy$ = new Subject<void>();\n    private scrollListenerDestroy$ = new Subject<void>();\n\n    private target: HTMLElement | null = null;\n\n    constructor(\n        @Inject(DOCUMENT) private doc: any,\n        private thyScrollService: ThyScrollService,\n        private platform: Platform,\n        private cdr: ChangeDetectorRef,\n        private zone: NgZone\n    ) {\n        this.backTop$\n            .pipe(\n                switchMap(backTop =>\n                    backTop\n                        ? new Observable(subscriber =>\n                              zone.runOutsideAngular(() => fromEvent(backTop.nativeElement, 'click').subscribe(subscriber))\n                          )\n                        : EMPTY\n                ),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(() => {\n                this.thyScrollService.scrollTo(this.getTarget(), 0);\n                if (this.thyClick.observers.length) {\n                    zone.run(() => this.thyClick.emit(true));\n                }\n            });\n    }\n\n    ngOnInit(): void {\n        this.registerScrollEvent();\n    }\n\n    private getTarget(): HTMLElement | Window {\n        return this.target || window;\n    }\n\n    private handleScroll(): void {\n        if (this.visible === this.thyScrollService.getScroll(this.getTarget()) > this.thyVisibilityHeight) {\n            return;\n        }\n        this.visible = !this.visible;\n        this.cdr.detectChanges();\n        if (this.visibleChange.observers.length > 0) {\n            this.zone.run(() => {\n                this.visibleChange.emit(this.visible);\n            });\n        }\n    }\n\n    private registerScrollEvent(): void {\n        if (!this.platform.isBrowser) {\n            return;\n        }\n        this.scrollListenerDestroy$.next();\n        this.handleScroll();\n        this.zone.runOutsideAngular(() => {\n            fromEvent(this.getTarget(), 'scroll', { passive: true })\n                .pipe(throttleTime(50), takeUntil(this.scrollListenerDestroy$))\n                .subscribe(() => this.handleScroll());\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.scrollListenerDestroy$.next();\n    }\n\n    ngOnChanges(changes: any): void {\n        const { thyContainer } = changes;\n        if (thyContainer) {\n            this.target = typeof this.thyContainer === 'string' ? this.doc.querySelector(this.thyContainer) : this.thyContainer;\n            this.registerScrollEvent();\n        }\n    }\n}\n","<div class=\"thy-back-top\" #backTop @fadeMotion *ngIf=\"visible\">\n  <ng-template #defaultContent>\n    <div class=\"thy-back-top-content\">\n      <thy-icon class=\"back-top-icon text-muted font-size-lg\" thyIconName=\"arrow-up\"></thy-icon>\n    </div>\n  </ng-template>\n  <ng-template [ngTemplateOutlet]=\"thyTemplate || defaultContent\"></ng-template>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyBackTop } from './back-top.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyBackTop],\n    exports: [ThyBackTop]\n})\nexport class ThyBackTopModule {}\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-back-top.mjs","sources":["../../../src/back-top/back-top.component.ts","../../../src/back-top/back-top.component.html","../../../src/back-top/back-top.module.ts","../../../src/back-top/ngx-tethys-back-top.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    TemplateRef,\n    EventEmitter,\n    Output,\n    HostBinding,\n    NgZone,\n    ChangeDetectorRef,\n    OnDestroy,\n    OnChanges,\n    ViewChild,\n    ElementRef,\n    numberAttribute,\n    inject\n} from '@angular/core';\nimport { Subject, fromEvent, BehaviorSubject, EMPTY, Observable } from 'rxjs';\nimport { Platform } from '@angular/cdk/platform';\nimport { throttleTime, takeUntil, switchMap } from 'rxjs/operators';\nimport { DOCUMENT, NgTemplateOutlet } from '@angular/common';\nimport { fadeMotion, ThyScrollService } from 'ngx-tethys/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 回到顶部组件\n * @name thy-back-top\n */\n@Component({\n    selector: 'thy-back-top,[thyBackTop]',\n    templateUrl: './back-top.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    animations: [fadeMotion],\n    standalone: true,\n    imports: [ThyIcon, NgTemplateOutlet]\n})\nexport class ThyBackTop implements OnInit, OnDestroy, OnChanges {\n    private doc = inject(DOCUMENT);\n    private thyScrollService = inject(ThyScrollService);\n    private platform = inject(Platform);\n    private cdr = inject(ChangeDetectorRef);\n    private zone = inject(NgZone);\n\n    @HostBinding('class.thy-back-top-container') classNames = true;\n\n    /**\n     * 自定义按钮显示模板\n     */\n    @Input() thyTemplate?: TemplateRef<void>;\n\n    /**\n     * 指定对哪个 DOM 元素返回顶部\n     * @type string | HTMLElement\n     * @default window\n     */\n    @Input() thyContainer?: string | HTMLElement;\n\n    /**\n     * 滚动高度达到此参数值才出现 thy-back-top\n     * @type number\n     */\n    @Input({ transform: numberAttribute }) thyVisibilityHeight = 400;\n\n    /**\n     * 点击按钮的回调函数\n     */\n    @Output() readonly thyClick: EventEmitter<boolean> = new EventEmitter();\n\n    /**\n     * 监听按钮显示状态的回调函数\n     */\n    @Output() public visibleChange: EventEmitter<boolean> = new EventEmitter();\n\n    /** The native `<div class=\"thy-back-top\"></div>` element. */\n    @ViewChild('backTop', { static: false })\n    set backTop(backTop: ElementRef<HTMLElement> | undefined) {\n        this.backTop$.next(backTop);\n    }\n\n    public visible = false;\n\n    /**\n     * The subject used to store the native `<div class=\"thy-back-top\"></div>` since\n     * it's located within the `ngIf` directive. It might be set asynchronously whenever the condition\n     * is met. Having subject makes the code reactive and cancellable (e.g. event listeners will be\n     * automatically removed and re-added through the `switchMap` below).\n     */\n    private backTop$ = new BehaviorSubject<ElementRef<HTMLElement> | undefined>(undefined);\n\n    private destroy$ = new Subject<void>();\n    private scrollListenerDestroy$ = new Subject<void>();\n\n    private target: HTMLElement | null = null;\n\n    constructor() {\n        const zone = this.zone;\n\n        this.backTop$\n            .pipe(\n                switchMap(backTop =>\n                    backTop\n                        ? new Observable(subscriber =>\n                              zone.runOutsideAngular(() => fromEvent(backTop.nativeElement, 'click').subscribe(subscriber))\n                          )\n                        : EMPTY\n                ),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(() => {\n                this.thyScrollService.scrollTo(this.getTarget(), 0);\n                if (this.thyClick.observers.length) {\n                    zone.run(() => this.thyClick.emit(true));\n                }\n            });\n    }\n\n    ngOnInit(): void {\n        this.registerScrollEvent();\n    }\n\n    private getTarget(): HTMLElement | Window {\n        return this.target || window;\n    }\n\n    private handleScroll(): void {\n        if (this.visible === this.thyScrollService.getScroll(this.getTarget()) > this.thyVisibilityHeight) {\n            return;\n        }\n        this.visible = !this.visible;\n        this.cdr.detectChanges();\n        if (this.visibleChange.observers.length > 0) {\n            this.zone.run(() => {\n                this.visibleChange.emit(this.visible);\n            });\n        }\n    }\n\n    private registerScrollEvent(): void {\n        if (!this.platform.isBrowser) {\n            return;\n        }\n        this.scrollListenerDestroy$.next();\n        this.handleScroll();\n        this.zone.runOutsideAngular(() => {\n            fromEvent(this.getTarget(), 'scroll', { passive: true })\n                .pipe(throttleTime(50), takeUntil(this.scrollListenerDestroy$))\n                .subscribe(() => this.handleScroll());\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.scrollListenerDestroy$.next();\n    }\n\n    ngOnChanges(changes: any): void {\n        const { thyContainer } = changes;\n        if (thyContainer) {\n            this.target = typeof this.thyContainer === 'string' ? this.doc.querySelector(this.thyContainer) : this.thyContainer;\n            this.registerScrollEvent();\n        }\n    }\n}\n","@if (visible) {\n  <div class=\"thy-back-top\" #backTop @fadeMotion>\n    <ng-template #defaultContent>\n      <div class=\"thy-back-top-content\">\n        <thy-icon class=\"back-top-icon text-muted font-size-lg\" thyIconName=\"arrow-up\"></thy-icon>\n      </div>\n    </ng-template>\n    <ng-template [ngTemplateOutlet]=\"thyTemplate || defaultContent\"></ng-template>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyBackTop } from './back-top.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyBackTop],\n    exports: [ThyBackTop]\n})\nexport class ThyBackTopModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-badge.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { numberAttribute, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
-import { NgIf, CommonModule } from '@angular/common';
+import { inject, ElementRef, numberAttribute, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { isTextColor } from 'ngx-tethys/core';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
 
@@ -9,8 +9,8 @@ import { coerceBooleanProperty } from 'ngx-tethys/util';
  * @name thy-badge,[thyBadge]
  */
 class ThyBadge {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor() {
+        this.elementRef = inject(ElementRef);
         this.displayContent = '';
         this.badgeClassName = '';
         this.initialized = false;
@@ -200,16 +200,16 @@ class ThyBadge {
             this.isShowBadge = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBadge, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyBadge, isStandalone: true, selector: "thy-badge,[thyBadge]", inputs: { thyType: "thyType", thyCount: ["thyCount", "thyCount", numberAttribute], thyContent: "thyContent", thyContext: "thyContext", thyMaxCount: ["thyMaxCount", "thyMaxCount", numberAttribute], thySize: "thySize", thyIsDot: ["thyIsDot", "thyIsDot", coerceBooleanProperty], thyIsHollow: ["thyIsHollow", "thyIsHollow", coerceBooleanProperty], thyKeepShow: ["thyKeepShow", "thyKeepShow", coerceBooleanProperty], thyTextColor: "thyTextColor", thyBackgroundColor: "thyBackgroundColor" }, host: { properties: { "class.thy-badge-wrapper": "isWrapper" }, classAttribute: "thy-badge-container" }, ngImport: i0, template: "<div *ngIf=\"isShowBadge\" class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n  <span>{{ displayContent }}</span>\n</div>\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyBadge, isStandalone: true, selector: "thy-badge,[thyBadge]", inputs: { thyType: "thyType", thyCount: ["thyCount", "thyCount", numberAttribute], thyContent: "thyContent", thyContext: "thyContext", thyMaxCount: ["thyMaxCount", "thyMaxCount", numberAttribute], thySize: "thySize", thyIsDot: ["thyIsDot", "thyIsDot", coerceBooleanProperty], thyIsHollow: ["thyIsHollow", "thyIsHollow", coerceBooleanProperty], thyKeepShow: ["thyKeepShow", "thyKeepShow", coerceBooleanProperty], thyTextColor: "thyTextColor", thyBackgroundColor: "thyBackgroundColor" }, host: { properties: { "class.thy-badge-wrapper": "isWrapper" }, classAttribute: "thy-badge-container" }, ngImport: i0, template: "@if (isShowBadge) {\n  <div class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n    <span>{{ displayContent }}</span>\n  </div>\n}\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBadge, decorators: [{
             type: Component,
             args: [{ selector: 'thy-badge,[thyBadge]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-badge-container',
                         '[class.thy-badge-wrapper]': 'isWrapper'
-                    }, standalone: true, imports: [NgIf], template: "<div *ngIf=\"isShowBadge\" class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n  <span>{{ displayContent }}</span>\n</div>\n<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { thyType: [{
+                    }, standalone: true, imports: [], template: "@if (isShowBadge) {\n  <div class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n    <span>{{ displayContent }}</span>\n  </div>\n}\n<ng-content></ng-content>\n" }]
+        }], ctorParameters: () => [], propDecorators: { thyType: [{
                 type: Input
             }], thyCount: [{
                 type: Input,

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-badge.mjs","sources":["../../../src/badge/badge.component.ts","../../../src/badge/badge.component.html","../../../src/badge/badge.module.ts","../../../src/badge/ngx-tethys-badge.ts"],"sourcesContent":["import { isTextColor } from 'ngx-tethys/core';\n\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit, numberAttribute } from '@angular/core';\nimport { NgIf } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyBadgeSize = 'md' | 'sm' | 'lg';\n\n/**\n * 徽标组件，支持组件`thy-badge`和`thyBadge`指令两种使用方式\n * @name thy-badge,[thyBadge]\n */\n@Component({\n    selector: 'thy-badge,[thyBadge]',\n    templateUrl: './badge.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-badge-container',\n        '[class.thy-badge-wrapper]': 'isWrapper'\n    },\n    standalone: true,\n    imports: [NgIf]\n})\nexport class ThyBadge implements OnInit {\n    displayContent = '';\n\n    badgeClassName = '';\n\n    private nativeElement: any;\n\n    private initialized = false;\n\n    // 是否包裹在元素上\n    protected isWrapper = false;\n\n    public isShowBadge = true;\n\n    private keepShowValue = false;\n\n    private value: number | string = '';\n\n    private valueHasBeenSet = false;\n\n    private maxCount: number;\n\n    private type: string;\n\n    private size: ThyBadgeSize;\n\n    private isDot: boolean;\n\n    private isHollow: boolean;\n\n    protected textColor: string;\n\n    protected builtInTextColorClass: string;\n\n    protected backgroundColor: string;\n\n    protected builtInBackgroundColorClass: string;\n\n    protected supClasses: string[] = [];\n\n    constructor(private elementRef: ElementRef) {\n        this.nativeElement = this.elementRef.nativeElement;\n    }\n\n    /**\n     * 徽标类型\n     * @type default | primary | danger | warning | success\n     * @default danger\n     */\n    @Input()\n    set thyType(value: string) {\n        this.type = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标内容数字\n     * @type number\n     */\n    @Input({ transform: numberAttribute })\n    set thyCount(value: number) {\n        this.value = value;\n        this.valueHasBeenSet = true;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标内容文本\n     * @type string\n     */\n    @Input()\n    set thyContent(value: string) {\n        this.value = value;\n        this.valueHasBeenSet = true;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标内容文本，命名错误，请使用 thyContent\n     * @deprecated\n     */\n    @Input()\n    set thyContext(value: string) {\n        this.thyContent = value;\n    }\n\n    /**\n     * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+\n     * @type number\n     */\n    @Input({ transform: numberAttribute })\n    set thyMaxCount(value: number) {\n        this.maxCount = value;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标显示的大小\n     * @type md | sm | lg\n     * @default md\n     */\n    @Input()\n    set thySize(value: ThyBadgeSize) {\n        this.size = value;\n\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标是一个实心点，已经被废弃\n     * @deprecated\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyIsDot(value: boolean) {\n        this.isDot = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标是一个空心点\n     * @deprecated\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyIsHollow(value: boolean) {\n        this.isHollow = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * thyCount 为 0 时，强制显示数字 0，默认不显示\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyKeepShow(value: boolean) {\n        this.keepShowValue = value;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n        }\n    }\n\n    /**\n     * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    @Input()\n    set thyTextColor(value: string) {\n        if (isTextColor(value)) {\n            this.builtInTextColorClass = `text-${value}`;\n            this.textColor = null;\n        } else {\n            this.textColor = value;\n            this.builtInTextColorClass = null;\n        }\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    @Input()\n    set thyBackgroundColor(value: string) {\n        if (isTextColor(value)) {\n            this.builtInBackgroundColorClass = `bg-${value}`;\n            this.backgroundColor = null;\n        } else {\n            this.backgroundColor = value;\n            this.builtInBackgroundColorClass = null;\n        }\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    ngOnInit() {\n        let childNodeCount = 0;\n        this.nativeElement.childNodes.forEach((n: HTMLElement) => {\n            if (['#comment'].indexOf(n.nodeName) < 0) {\n                childNodeCount++;\n            }\n        });\n        this.isWrapper = childNodeCount > 0;\n\n        this.combineBadgeClasses();\n\n        if (this.valueHasBeenSet) {\n            this.combineBadgeDisplayContent();\n        }\n\n        this.initialized = true;\n    }\n\n    private combineBadgeClasses() {\n        const classes: string[] = [];\n        classes.push(`thy-badge-${this.type || 'danger'}`);\n        if (this.size) {\n            classes.push(`thy-badge-${this.size}`);\n        }\n        if (this.isDot) {\n            classes.push(`thy-badge-dot`);\n        } else if (this.isHollow) {\n            classes.push(`thy-badge-hollow`);\n        } else {\n            classes.push(`thy-badge-count`);\n        }\n\n        if (this.builtInTextColorClass) {\n            classes.push(this.builtInTextColorClass);\n        }\n        if (this.builtInBackgroundColorClass) {\n            classes.push(this.builtInBackgroundColorClass);\n        }\n        this.badgeClassName = classes.join(' ');\n    }\n\n    private combineBadgeDisplayContent() {\n        this.displayContent = this.value as string;\n        if (this.value && this.maxCount != undefined && (this.value as number) > this.maxCount) {\n            this.displayContent = `${this.maxCount}+`;\n        }\n\n        if (!this.value && !this.keepShowValue) {\n            this.isShowBadge = false;\n        } else {\n            this.isShowBadge = true;\n        }\n    }\n}\n","<div *ngIf=\"isShowBadge\" class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n  <span>{{ displayContent }}</span>\n</div>\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyBadge } from './badge.component';\n\n@NgModule({\n    imports: [CommonModule, ThyBadge],\n    exports: [ThyBadge]\n})\nexport class ThyBadgeModule {\n    constructor() {}\n}\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-badge.mjs","sources":["../../../src/badge/badge.component.ts","../../../src/badge/badge.component.html","../../../src/badge/badge.module.ts","../../../src/badge/ngx-tethys-badge.ts"],"sourcesContent":["import { isTextColor } from 'ngx-tethys/core';\n\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit, numberAttribute, inject } from '@angular/core';\n\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyBadgeSize = 'md' | 'sm' | 'lg';\n\n/**\n * 徽标组件，支持组件`thy-badge`和`thyBadge`指令两种使用方式\n * @name thy-badge,[thyBadge]\n */\n@Component({\n    selector: 'thy-badge,[thyBadge]',\n    templateUrl: './badge.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-badge-container',\n        '[class.thy-badge-wrapper]': 'isWrapper'\n    },\n    standalone: true,\n    imports: []\n})\nexport class ThyBadge implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    displayContent = '';\n\n    badgeClassName = '';\n\n    private nativeElement: any;\n\n    private initialized = false;\n\n    // 是否包裹在元素上\n    protected isWrapper = false;\n\n    public isShowBadge = true;\n\n    private keepShowValue = false;\n\n    private value: number | string = '';\n\n    private valueHasBeenSet = false;\n\n    private maxCount: number;\n\n    private type: string;\n\n    private size: ThyBadgeSize;\n\n    private isDot: boolean;\n\n    private isHollow: boolean;\n\n    protected textColor: string;\n\n    protected builtInTextColorClass: string;\n\n    protected backgroundColor: string;\n\n    protected builtInBackgroundColorClass: string;\n\n    protected supClasses: string[] = [];\n\n    constructor() {\n        this.nativeElement = this.elementRef.nativeElement;\n    }\n\n    /**\n     * 徽标类型\n     * @type default | primary | danger | warning | success\n     * @default danger\n     */\n    @Input()\n    set thyType(value: string) {\n        this.type = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标内容数字\n     * @type number\n     */\n    @Input({ transform: numberAttribute })\n    set thyCount(value: number) {\n        this.value = value;\n        this.valueHasBeenSet = true;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标内容文本\n     * @type string\n     */\n    @Input()\n    set thyContent(value: string) {\n        this.value = value;\n        this.valueHasBeenSet = true;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标内容文本，命名错误，请使用 thyContent\n     * @deprecated\n     */\n    @Input()\n    set thyContext(value: string) {\n        this.thyContent = value;\n    }\n\n    /**\n     * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+\n     * @type number\n     */\n    @Input({ transform: numberAttribute })\n    set thyMaxCount(value: number) {\n        this.maxCount = value;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 徽标显示的大小\n     * @type md | sm | lg\n     * @default md\n     */\n    @Input()\n    set thySize(value: ThyBadgeSize) {\n        this.size = value;\n\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标是一个实心点，已经被废弃\n     * @deprecated\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyIsDot(value: boolean) {\n        this.isDot = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 已废弃，徽标是一个空心点\n     * @deprecated\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyIsHollow(value: boolean) {\n        this.isHollow = value;\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * thyCount 为 0 时，强制显示数字 0，默认不显示\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyKeepShow(value: boolean) {\n        this.keepShowValue = value;\n        if (this.initialized) {\n            this.combineBadgeDisplayContent();\n        }\n    }\n\n    /**\n     * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    @Input()\n    set thyTextColor(value: string) {\n        if (isTextColor(value)) {\n            this.builtInTextColorClass = `text-${value}`;\n            this.textColor = null;\n        } else {\n            this.textColor = value;\n            this.builtInTextColorClass = null;\n        }\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    /**\n     * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    @Input()\n    set thyBackgroundColor(value: string) {\n        if (isTextColor(value)) {\n            this.builtInBackgroundColorClass = `bg-${value}`;\n            this.backgroundColor = null;\n        } else {\n            this.backgroundColor = value;\n            this.builtInBackgroundColorClass = null;\n        }\n        if (this.initialized) {\n            this.combineBadgeClasses();\n        }\n    }\n\n    ngOnInit() {\n        let childNodeCount = 0;\n        this.nativeElement.childNodes.forEach((n: HTMLElement) => {\n            if (['#comment'].indexOf(n.nodeName) < 0) {\n                childNodeCount++;\n            }\n        });\n        this.isWrapper = childNodeCount > 0;\n\n        this.combineBadgeClasses();\n\n        if (this.valueHasBeenSet) {\n            this.combineBadgeDisplayContent();\n        }\n\n        this.initialized = true;\n    }\n\n    private combineBadgeClasses() {\n        const classes: string[] = [];\n        classes.push(`thy-badge-${this.type || 'danger'}`);\n        if (this.size) {\n            classes.push(`thy-badge-${this.size}`);\n        }\n        if (this.isDot) {\n            classes.push(`thy-badge-dot`);\n        } else if (this.isHollow) {\n            classes.push(`thy-badge-hollow`);\n        } else {\n            classes.push(`thy-badge-count`);\n        }\n\n        if (this.builtInTextColorClass) {\n            classes.push(this.builtInTextColorClass);\n        }\n        if (this.builtInBackgroundColorClass) {\n            classes.push(this.builtInBackgroundColorClass);\n        }\n        this.badgeClassName = classes.join(' ');\n    }\n\n    private combineBadgeDisplayContent() {\n        this.displayContent = this.value as string;\n        if (this.value && this.maxCount != undefined && (this.value as number) > this.maxCount) {\n            this.displayContent = `${this.maxCount}+`;\n        }\n\n        if (!this.value && !this.keepShowValue) {\n            this.isShowBadge = false;\n        } else {\n            this.isShowBadge = true;\n        }\n    }\n}\n","@if (isShowBadge) {\n  <div class=\"thy-badge {{ badgeClassName }}\" [style.color]=\"textColor\" [style.backgroundColor]=\"backgroundColor\">\n    <span>{{ displayContent }}</span>\n  </div>\n}\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyBadge } from './badge.component';\n\n@NgModule({\n    imports: [CommonModule, ThyBadge],\n    exports: [ThyBadge]\n})\nexport class ThyBadgeModule {\n    constructor() {}\n}\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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, numberAttribute, Input, ContentChild, NgModule } from '@angular/core';
-import { NgIf, NgFor, NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
+import { inject, Renderer2, ElementRef, Component, ChangeDetectionStrategy, ChangeDetectorRef, numberAttribute, Input, ContentChild, NgModule } from '@angular/core';
+import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { ThyDropdownDirective, ThyDropdownMenuItemDirective, ThyDropdownMenuComponent, ThyDropdownMenuItemNameDirective, ThyDropdownModule } from 'ngx-tethys/dropdown';
 import { ThyAction, ThyActionModule } from 'ngx-tethys/action';
@@ -12,9 +12,9 @@ import { coerceBooleanProperty } from 'ngx-tethys/util';
  * @order 20
  */
 class ThyBreadcrumbItem {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.elementRef = inject(ElementRef);
     }
     ngAfterViewInit() {
         this.wrapSpanForText(this.elementRef.nativeElement.childNodes);
@@ -34,7 +34,7 @@ class ThyBreadcrumbItem {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBreadcrumbItem, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ThyBreadcrumbItem, isStandalone: true, selector: "thy-breadcrumb-item,[thyBreadcrumbItem]", host: { classAttribute: "thy-breadcrumb-item" }, exportAs: ["ThyBreadcrumbItem"], ngImport: i0, template: '<ng-content></ng-content><thy-icon class="separator-icon" thyIconName="angle-right"></thy-icon>', isInline: true, 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: "18.2.0", ngImport: i0, type: ThyBreadcrumbItem, decorators: [{
@@ -50,7 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     standalone: true,
                     imports: [ThyIcon]
                 }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
+        }] });
 
 const THY_BREADCRUMB_ITEM_ELLIPSIS_ID = 'THY_BREADCRUMB_ITEM_ELLIPSIS_ID';
 const ELLIPSIS_ITEM = { _id: THY_BREADCRUMB_ITEM_ELLIPSIS_ID };
@@ -60,14 +60,8 @@ const ELLIPSIS_ITEM = { _id: THY_BREADCRUMB_ITEM_ELLIPSIS_ID };
  * @order 10
  */
 class ThyBreadcrumb {
-    /**
-     * 面包屑的前缀 展示图标，如 folder-fill
-     */
-    set thyIcon(icon) {
-        this.setIcon(icon);
-    }
-    constructor(cdr) {
-        this.cdr = cdr;
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
         /**
          * 最大显示数量，超出此数量后，面包屑会被省略, 0 表示不省略（仅当传入 thyItems 时有效）
          */
@@ -78,6 +72,12 @@ class ThyBreadcrumb {
         this.thyExpandable = true;
         this.ellipsisItemId = THY_BREADCRUMB_ITEM_ELLIPSIS_ID;
     }
+    /**
+     * 面包屑的前缀 展示图标，如 folder-fill
+     */
+    set thyIcon(icon) {
+        this.setIcon(icon);
+    }
     ngOnInit() {
         this.resetItems();
     }
@@ -118,8 +118,8 @@ class ThyBreadcrumb {
             this.ellipsisItems = [];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBreadcrumb, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyBreadcrumb, isStandalone: true, selector: "thy-breadcrumb", inputs: { thyIcon: "thyIcon", thySeparator: "thySeparator", items: ["thyItems", "items"], thyMaxCount: ["thyMaxCount", "thyMaxCount", numberAttribute], thyExpandable: ["thyExpandable", "thyExpandable", coerceBooleanProperty] }, 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 }], exportAs: ["ThyBreadcrumb"], usesOnChanges: true, ngImport: i0, template: "<div class=\"thy-breadcrumb-icon\" *ngIf=\"svgIconName || iconClasses\">\n  <thy-icon *ngIf=\"svgIconName; else iconFont\" [thyIconName]=\"svgIconName\"></thy-icon>\n  <ng-template #iconFont>\n    <i [ngClass]=\"iconClasses\"></i>\n  </ng-template>\n</div>\n\n<ng-container *ngFor=\"let item of showItems\">\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    <ng-container *ngIf=\"item?._id !== ellipsisItemId; else ellipsisTpl\">\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    </ng-container>\n    <ng-template #ellipsisTpl>\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\"\n      ></a>\n    </ng-template>\n  </thy-breadcrumb-item>\n</ng-container>\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    <a thyDropdownMenuItem *ngFor=\"let item of ellipsisItems\" href=\"javascript:;\">\n      <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n    </a>\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  <ng-container *ngIf=\"itemTemplate; else defaultItemTpl\">\n    <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n  </ng-container>\n  <ng-template #defaultItemTpl>\n    <thy-icon *ngIf=\"item?.icon\" [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    <span *ngIf=\"item?.name\">{{ item.name }}</span>\n  </ng-template>\n</ng-template>\n\n<ng-content></ng-content>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyBreadcrumb, isStandalone: true, selector: "thy-breadcrumb", inputs: { thyIcon: "thyIcon", thySeparator: "thySeparator", items: ["thyItems", "items"], thyMaxCount: ["thyMaxCount", "thyMaxCount", numberAttribute], thyExpandable: ["thyExpandable", "thyExpandable", coerceBooleanProperty] }, 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 }], exportAs: ["ThyBreadcrumb"], usesOnChanges: true, 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 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 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyBreadcrumb, decorators: [{
             type: Component,
@@ -130,8 +130,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         '[class.thy-breadcrumb-separator-backslash]': 'thySeparator === "backslash"',
                         '[class.thy-breadcrumb-separator-vertical-line]': 'thySeparator === "vertical-line"'
                     }, standalone: true, imports: [
-                        NgIf,
-                        NgFor,
                         ThyIcon,
                         NgClass,
                         ThyBreadcrumbItem,
@@ -142,8 +140,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         ThyDropdownMenuItemNameDirective,
                         ThyDropdownMenuComponent,
                         ThyIcon
-                    ], template: "<div class=\"thy-breadcrumb-icon\" *ngIf=\"svgIconName || iconClasses\">\n  <thy-icon *ngIf=\"svgIconName; else iconFont\" [thyIconName]=\"svgIconName\"></thy-icon>\n  <ng-template #iconFont>\n    <i [ngClass]=\"iconClasses\"></i>\n  </ng-template>\n</div>\n\n<ng-container *ngFor=\"let item of showItems\">\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    <ng-container *ngIf=\"item?._id !== ellipsisItemId; else ellipsisTpl\">\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    </ng-container>\n    <ng-template #ellipsisTpl>\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\"\n      ></a>\n    </ng-template>\n  </thy-breadcrumb-item>\n</ng-container>\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    <a thyDropdownMenuItem *ngFor=\"let item of ellipsisItems\" href=\"javascript:;\">\n      <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n    </a>\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  <ng-container *ngIf=\"itemTemplate; else defaultItemTpl\">\n    <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n  </ng-container>\n  <ng-template #defaultItemTpl>\n    <thy-icon *ngIf=\"item?.icon\" [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    <span *ngIf=\"item?.name\">{{ item.name }}</span>\n  </ng-template>\n</ng-template>\n\n<ng-content></ng-content>" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { thyIcon: [{
+                    ], 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 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 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" }]
+        }], propDecorators: { thyIcon: [{
                 type: Input
             }], thySeparator: [{
                 type: Input

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 } 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    standalone: true,\n    imports: [ThyIcon]\n})\nexport class ThyBreadcrumbItem implements AfterViewInit {\n    constructor(\n        private renderer: Renderer2,\n        private elementRef: ElementRef\n    ) {}\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 {\n    Component,\n    ChangeDetectionStrategy,\n    Input,\n    ContentChild,\n    TemplateRef,\n    numberAttribute,\n    OnChanges,\n    SimpleChanges,\n    OnInit,\n    ChangeDetectorRef\n} from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgIf, NgClass, NgTemplateOutlet, NgFor } from '@angular/common';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { SafeAny } from 'ngx-tethys/types';\nimport {\n    ThyDropdownDirective,\n    ThyDropdownMenuComponent,\n    ThyDropdownMenuItemDirective,\n    ThyDropdownMenuItemNameDirective\n} 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    standalone: true,\n    imports: [\n        NgIf,\n        NgFor,\n        ThyIcon,\n        NgClass,\n        ThyBreadcrumbItem,\n        NgTemplateOutlet,\n        ThyAction,\n        ThyDropdownDirective,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuItemNameDirective,\n        ThyDropdownMenuComponent,\n        ThyIcon\n    ]\n})\nexport class ThyBreadcrumb implements OnInit, OnChanges {\n    iconClasses: string[];\n    svgIconName: string;\n\n    /**\n     * 面包屑的前缀 展示图标，如 folder-fill\n     */\n    @Input()\n    set thyIcon(icon: string) {\n        this.setIcon(icon);\n    }\n\n    /**\n     * 面包屑的分隔符，不传值默认为 \">\"\n     * @type slash | backslash | vertical-line\n     */\n    @Input() thySeparator: 'slash' | 'backslash' | 'vertical-line';\n\n    /**\n     * 面包屑的每一项数据\n     */\n    @Input({ alias: 'thyItems' }) items: SafeAny[];\n\n    /**\n     * 最大显示数量，超出此数量后，面包屑会被省略, 0 表示不省略（仅当传入 thyItems 时有效）\n     */\n    @Input({ transform: numberAttribute }) thyMaxCount = 4;\n\n    /**\n     * 是否可点击弹出已被省略的面包屑项（仅当传入 thyItems 时有效）\n     */\n    @Input({ transform: coerceBooleanProperty }) thyExpandable = true;\n\n    /**\n     * 面包屑的每一项模板（仅当传入 thyItems 时有效）\n     */\n    @ContentChild('item') itemTemplate: TemplateRef<SafeAny>;\n\n    public ellipsisItemId = THY_BREADCRUMB_ITEM_ELLIPSIS_ID;\n\n    public ellipsisItems: SafeAny[];\n\n    public showItems: SafeAny[];\n\n    constructor(private cdr: ChangeDetectorRef) {}\n\n    ngOnInit() {\n        this.resetItems();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if ((changes.items && !changes.items.firstChange) || (changes.thyMaxCount && !changes.thyMaxCount.firstChange)) {\n            this.resetItems();\n        }\n    }\n\n    private setIcon(icon: string) {\n        if (icon) {\n            if (icon.includes('wtf')) {\n                const classes = icon.split(' ');\n                if (classes.length === 1) {\n                    classes.unshift('wtf');\n                }\n                this.iconClasses = classes;\n            } else {\n                this.svgIconName = icon;\n            }\n        } else {\n            this.iconClasses = null;\n            this.svgIconName = null;\n        }\n    }\n\n    private resetItems() {\n        if (!this.items?.length) {\n            return;\n        }\n        if (this.thyMaxCount && this.items.length > this.thyMaxCount) {\n            const ellipsisIndex = this.items.length - this.thyMaxCount + 2;\n            this.ellipsisItems = this.items.slice(1, ellipsisIndex);\n            this.showItems = [this.items[0], ELLIPSIS_ITEM, ...this.items.slice(ellipsisIndex)];\n        } else {\n            this.showItems = [...this.items];\n            this.ellipsisItems = [];\n        }\n    }\n}\n","<div class=\"thy-breadcrumb-icon\" *ngIf=\"svgIconName || iconClasses\">\n  <thy-icon *ngIf=\"svgIconName; else iconFont\" [thyIconName]=\"svgIconName\"></thy-icon>\n  <ng-template #iconFont>\n    <i [ngClass]=\"iconClasses\"></i>\n  </ng-template>\n</div>\n\n<ng-container *ngFor=\"let item of showItems\">\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    <ng-container *ngIf=\"item?._id !== ellipsisItemId; else ellipsisTpl\">\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    </ng-container>\n    <ng-template #ellipsisTpl>\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\"\n      ></a>\n    </ng-template>\n  </thy-breadcrumb-item>\n</ng-container>\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    <a thyDropdownMenuItem *ngFor=\"let item of ellipsisItems\" href=\"javascript:;\">\n      <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n    </a>\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  <ng-container *ngIf=\"itemTemplate; else defaultItemTpl\">\n    <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n  </ng-container>\n  <ng-template #defaultItemTpl>\n    <thy-icon *ngIf=\"item?.icon\" [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    <span *ngIf=\"item?.name\">{{ item.name }}</span>\n  </ng-template>\n</ng-template>\n\n<ng-content></ng-content>","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;MAYU,iBAAiB,CAAA;IAC1B,WACY,CAAA,QAAmB,EACnB,UAAsB,EAAA;QADtB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QACnB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;KAC9B;IAEJ,eAAe,GAAA;QACX,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;AAC/D,QAAA,MAAM,IAAI,GAAgB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAC3E,QAAA,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACzC;KACJ;AAEO,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,CAAC;gBACjD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAC9C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;gBAC9C,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC/C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aACzC;AACL,SAAC,CAAC,CAAC;KACN;8GAxBQ,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjB,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,EAThB,iGAAiG,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAOjG,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,EAAA;;2FAER,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,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,qBAAqB;AAC/B,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,OAAO,CAAC;AACrB,iBAAA,CAAA;;;ACOD,MAAM,+BAA+B,GAAG,iCAAiC,CAAC;AAE1E,MAAM,aAAa,GAAG,EAAE,GAAG,EAAE,+BAA+B,EAAE,CAAC;AAE/D;;;;AAIG;MA6BU,aAAa,CAAA;AAItB;;AAEG;IACH,IACI,OAAO,CAAC,IAAY,EAAA;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;KACtB;AAkCD,IAAA,WAAA,CAAoB,GAAsB,EAAA;QAAtB,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;AArB1C;;AAEG;QACoC,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC;AAEvD;;AAEG;QAC0C,IAAa,CAAA,aAAA,GAAG,IAAI,CAAC;QAO3D,IAAc,CAAA,cAAA,GAAG,+BAA+B,CAAC;KAMV;IAE9C,QAAQ,GAAA;QACJ,IAAI,CAAC,UAAU,EAAE,CAAC;KACrB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;QAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,MAAM,OAAO,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;YAC5G,IAAI,CAAC,UAAU,EAAE,CAAC;SACrB;KACJ;AAEO,IAAA,OAAO,CAAC,IAAY,EAAA;QACxB,IAAI,IAAI,EAAE;AACN,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACtB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAChC,gBAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,oBAAA,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;iBAC1B;AACD,gBAAA,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;aAC9B;iBAAM;AACH,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aAC3B;SACJ;aAAM;AACH,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SAC3B;KACJ;IAEO,UAAU,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;YACrB,OAAO;SACV;AACD,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;AAC1D,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;AAC/D,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;YACxD,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;SACvF;aAAM;YACH,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACjC,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;SAC3B;KACJ;8GArFQ,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EA0BF,eAAe,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAKf,qBAAqB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gCAAA,EAAA,gBAAA,EAAA,sCAAA,EAAA,4BAAA,EAAA,0CAAA,EAAA,gCAAA,EAAA,8CAAA,EAAA,oCAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7F7C,srDA4CyB,EDIjB,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,EACJ,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,KAAK,EACL,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,sMACP,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,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,SAAS,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,eAAA,EAAA,WAAA,EAAA,iBAAA,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,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAE5B,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,EAAA;;2FAInB,aAAa,EAAA,UAAA,EAAA,CAAA;kBA5BzB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,YAEhB,eAAe,EAAA,eAAA,EACR,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,kCAAkC,EAAE,gBAAgB;AACpD,wBAAA,wCAAwC,EAAE,0BAA0B;AACpE,wBAAA,4CAA4C,EAAE,8BAA8B;AAC5E,wBAAA,gDAAgD,EAAE,kCAAkC;AACvF,qBAAA,EAAA,UAAA,EACW,IAAI,EACP,OAAA,EAAA;wBACL,IAAI;wBACJ,KAAK;wBACL,OAAO;wBACP,OAAO;wBACP,iBAAiB;wBACjB,gBAAgB;wBAChB,SAAS;wBACT,oBAAoB;wBACpB,4BAA4B;wBAC5B,gCAAgC;wBAChC,wBAAwB;wBACxB,OAAO;AACV,qBAAA,EAAA,QAAA,EAAA,srDAAA,EAAA,CAAA;sFAUG,OAAO,EAAA,CAAA;sBADV,KAAK;gBASG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBAKwB,KAAK,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAA;gBAKW,WAAW,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;gBAKQ,aAAa,EAAA,CAAA;sBAAzD,KAAK;uBAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;gBAKrB,YAAY,EAAA,CAAA;sBAAjC,YAAY;uBAAC,MAAM,CAAA;;;MEtFX,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAHlB,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,CACjG,EAAA,OAAA,EAAA,CAAA,aAAa,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAEjC,mBAAmB,EAAA,OAAA,EAAA,CAHlB,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGlG,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,CAAC;AAC9C,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
+{"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    standalone: true,\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 {\n    Component,\n    ChangeDetectionStrategy,\n    Input,\n    ContentChild,\n    TemplateRef,\n    numberAttribute,\n    OnChanges,\n    SimpleChanges,\n    OnInit,\n    ChangeDetectorRef,\n    inject\n} 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 {\n    ThyDropdownDirective,\n    ThyDropdownMenuComponent,\n    ThyDropdownMenuItemDirective,\n    ThyDropdownMenuItemNameDirective\n} 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    standalone: true,\n    imports: [\n        ThyIcon,\n        NgClass,\n        ThyBreadcrumbItem,\n        NgTemplateOutlet,\n        ThyAction,\n        ThyDropdownDirective,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuItemNameDirective,\n        ThyDropdownMenuComponent,\n        ThyIcon\n    ]\n})\nexport class ThyBreadcrumb implements OnInit, OnChanges {\n    private cdr = inject(ChangeDetectorRef);\n\n    iconClasses: string[];\n    svgIconName: string;\n\n    /**\n     * 面包屑的前缀 展示图标，如 folder-fill\n     */\n    @Input()\n    set thyIcon(icon: string) {\n        this.setIcon(icon);\n    }\n\n    /**\n     * 面包屑的分隔符，不传值默认为 \">\"\n     * @type slash | backslash | vertical-line\n     */\n    @Input() thySeparator: 'slash' | 'backslash' | 'vertical-line';\n\n    /**\n     * 面包屑的每一项数据\n     */\n    @Input({ alias: 'thyItems' }) items: SafeAny[];\n\n    /**\n     * 最大显示数量，超出此数量后，面包屑会被省略, 0 表示不省略（仅当传入 thyItems 时有效）\n     */\n    @Input({ transform: numberAttribute }) thyMaxCount = 4;\n\n    /**\n     * 是否可点击弹出已被省略的面包屑项（仅当传入 thyItems 时有效）\n     */\n    @Input({ transform: coerceBooleanProperty }) thyExpandable = true;\n\n    /**\n     * 面包屑的每一项模板（仅当传入 thyItems 时有效）\n     */\n    @ContentChild('item') itemTemplate: TemplateRef<SafeAny>;\n\n    public ellipsisItemId = THY_BREADCRUMB_ITEM_ELLIPSIS_ID;\n\n    public ellipsisItems: SafeAny[];\n\n    public showItems: SafeAny[];\n\n    ngOnInit() {\n        this.resetItems();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if ((changes.items && !changes.items.firstChange) || (changes.thyMaxCount && !changes.thyMaxCount.firstChange)) {\n            this.resetItems();\n        }\n    }\n\n    private setIcon(icon: string) {\n        if (icon) {\n            if (icon.includes('wtf')) {\n                const classes = icon.split(' ');\n                if (classes.length === 1) {\n                    classes.unshift('wtf');\n                }\n                this.iconClasses = classes;\n            } else {\n                this.svgIconName = icon;\n            }\n        } else {\n            this.iconClasses = null;\n            this.svgIconName = null;\n        }\n    }\n\n    private resetItems() {\n        if (!this.items?.length) {\n            return;\n        }\n        if (this.thyMaxCount && this.items.length > this.thyMaxCount) {\n            const ellipsisIndex = this.items.length - this.thyMaxCount + 2;\n            this.ellipsisItems = this.items.slice(1, ellipsisIndex);\n            this.showItems = [this.items[0], ELLIPSIS_ITEM, ...this.items.slice(ellipsisIndex)];\n        } else {\n            this.showItems = [...this.items];\n            this.ellipsisItems = [];\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 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 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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"}

package/fesm2022/ngx-tethys-button.mjs

@@ -1,6 +1,6 @@
-import { NgIf, NgClass, CommonModule } from '@angular/common';
+import { NgClass, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, Input, HostBinding, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, Input, HostBinding, ChangeDetectionStrategy, inject, ElementRef, Renderer2, NgModule } from '@angular/core';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { useHostRenderer } from '@tethys/cdk/dom';
@@ -215,11 +215,11 @@ class ThyButtonIcon {
         this.initialized = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyButtonIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyButtonIcon, isStandalone: true, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: { thySize: "thySize", thyIcon: "thyIcon", thyButtonIcon: "thyButtonIcon", thyShape: "thyShape", thyLight: ["thyLight", "thyLight", coerceBooleanProperty$1], thyActive: ["thyActive", "thyActive", coerceBooleanProperty$1], thyTheme: "thyTheme", thyColor: "thyColor" }, host: { properties: { "class.btn": "this._isBtn", "class.btn-icon": "this._isBtnIcon", "class.btn-icon-light": "this._isLighted", "class.btn-icon-active": "this._isActive" } }, ngImport: i0, template: "<thy-icon *ngIf=\"svgIconName; else iconFont\" [thyIconName]=\"svgIconName\" [style.color]=\"thyColor\" [style.borderColor]=\"thyColor\"></thy-icon>\n<ng-template #iconFont>\n  <i [ngClass]=\"iconClasses\" *ngIf=\"iconClasses\" [style.color]=\"thyColor\" [style.borderColor]=\"thyColor\"></i>\n</ng-template>\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "18.2.0", type: ThyButtonIcon, isStandalone: true, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: { thySize: "thySize", thyIcon: "thyIcon", thyButtonIcon: "thyButtonIcon", thyShape: "thyShape", thyLight: ["thyLight", "thyLight", coerceBooleanProperty$1], thyActive: ["thyActive", "thyActive", coerceBooleanProperty$1], thyTheme: "thyTheme", thyColor: "thyColor" }, host: { properties: { "class.btn": "this._isBtn", "class.btn-icon": "this._isBtnIcon", "class.btn-icon-light": "this._isLighted", "class.btn-icon-active": "this._isActive" } }, ngImport: i0, template: "@if (svgIconName) {\n  <thy-icon [thyIconName]=\"svgIconName\" [style.color]=\"thyColor\" [style.borderColor]=\"thyColor\"></thy-icon>\n} @else {\n  @if (iconClasses) {\n    <i [ngClass]=\"iconClasses\" [style.color]=\"thyColor\" [style.borderColor]=\"thyColor\"></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: "18.2.0", ngImport: i0, type: ThyButtonIcon, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-button-icon,[thy-button-icon],[thyButtonIcon]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ThyIcon, NgClass], template: "<thy-icon *ngIf=\"svgIconName; else iconFont\" [thyIconName]=\"svgIconName\" [style.color]=\"thyColor\" [style.borderColor]=\"thyColor\"></thy-icon>\n<ng-template #iconFont>\n  <i [ngClass]=\"iconClasses\" *ngIf=\"iconClasses\" [style.color]=\"thyColor\" [style.borderColor]=\"thyColor\"></i>\n</ng-template>\n<ng-content></ng-content>\n" }]
+            args: [{ selector: 'thy-button-icon,[thy-button-icon],[thyButtonIcon]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyIcon, NgClass], template: "@if (svgIconName) {\n  <thy-icon [thyIconName]=\"svgIconName\" [style.color]=\"thyColor\" [style.borderColor]=\"thyColor\"></thy-icon>\n} @else {\n  @if (iconClasses) {\n    <i [ngClass]=\"iconClasses\" [style.color]=\"thyColor\" [style.borderColor]=\"thyColor\"></i>\n  }\n}\n<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { thySize: [{
                 type: Input
             }], thyIcon: [{
@@ -274,6 +274,14 @@ const iconOnlyClass = 'thy-btn-icon-only';
  * @order 10
  */
 class ThyButton {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        this._initialized = false;
+        // 圆角方形
+        this._isRadiusSquare = false;
+        this.hostRenderer = useHostRenderer();
+    }
     get nativeElement() {
         return this.elementRef.nativeElement;
     }
@@ -401,14 +409,6 @@ class ThyButton {
         }
         this.hostRenderer.updateClass(classNames);
     }
-    constructor(elementRef, renderer) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this._initialized = false;
-        // 圆角方形
-        this._isRadiusSquare = false;
-        this.hostRenderer = useHostRenderer();
-    }
     ngOnInit() {
         this.updateClasses();
         this._initialized = true;
@@ -433,15 +433,15 @@ class ThyButton {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyButton, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyButton, isStandalone: true, selector: "thy-button,[thy-button],[thyButton]", inputs: { thyButton: "thyButton", thyType: "thyType", thyLoading: ["thyLoading", "thyLoading", coerceBooleanProperty$1], thyLoadingText: "thyLoadingText", thySize: "thySize", thyIcon: "thyIcon", thyBlock: ["thyBlock", "thyBlock", coerceBooleanProperty$1] }, host: { properties: { "class.btn-block": "this.thyBlock" }, classAttribute: "thy-btn btn" }, ngImport: i0, template: "<thy-icon *ngIf=\"svgIconName; else iconFont\" [thyIconName]=\"svgIconName\"></thy-icon>\n<ng-template #iconFont>\n  <i [ngClass]=\"iconClass\" *ngIf=\"iconClass\"></i>\n</ng-template>\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyButton, isStandalone: true, selector: "thy-button,[thy-button],[thyButton]", inputs: { thyButton: "thyButton", thyType: "thyType", thyLoading: ["thyLoading", "thyLoading", coerceBooleanProperty$1], thyLoadingText: "thyLoadingText", thySize: "thySize", thyIcon: "thyIcon", thyBlock: ["thyBlock", "thyBlock", coerceBooleanProperty$1] }, host: { properties: { "class.btn-block": "this.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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'
-                    }, standalone: true, imports: [NgIf, ThyIcon, NgClass], template: "<thy-icon *ngIf=\"svgIconName; else iconFont\" [thyIconName]=\"svgIconName\"></thy-icon>\n<ng-template #iconFont>\n  <i [ngClass]=\"iconClass\" *ngIf=\"iconClass\"></i>\n</ng-template>\n<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { thyButton: [{
+                    }, standalone: true, 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" }]
+        }], propDecorators: { thyButton: [{
                 type: Input
             }], thyType: [{
                 type: Input