ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-badge.mjs

@@ -17,7 +17,7 @@ class ThyBadge {
                 content = `${this.thyMaxCount()}+`;
             }
             return content;
-        });
+        }, ...(ngDevMode ? [{ debugName: "displayContent" }] : []));
         this.badgeClassName = computed(() => {
             const classes = [];
             classes.push(`thy-badge-${this.thyType()}`);
@@ -42,76 +42,76 @@ class ThyBadge {
                 classes.push(builtInBackgroundColorClass);
             }
             return classes.join(' ');
-        });
+        }, ...(ngDevMode ? [{ debugName: "badgeClassName" }] : []));
         // 是否包裹在元素上
         this.isWrapper = false;
         this.isShowBadge = computed(() => {
             return !(!this.value() && !this.thyKeepShow() && !this.thyIsDot() && !this.thyIsHollow());
-        });
+        }, ...(ngDevMode ? [{ debugName: "isShowBadge" }] : []));
         this.value = computed(() => {
             return this.thyContent() || this.thyContext() || this.thyCount();
-        });
+        }, ...(ngDevMode ? [{ debugName: "value" }] : []));
         this.textColor = computed(() => {
             return !isTextColor(this.thyTextColor()) ? this.thyTextColor() : null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "textColor" }] : []));
         this.backgroundColor = computed(() => {
             return !isTextColor(this.thyBackgroundColor()) ? this.thyBackgroundColor() : null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
         /**
          * 徽标类型
          * @type default | primary | danger | warning | success
          */
-        this.thyType = input('danger', {
-            transform: (value) => value || 'danger'
-        });
+        this.thyType = input('danger', ...(ngDevMode ? [{ debugName: "thyType", transform: (value) => value || 'danger' }] : [{
+                transform: (value) => value || 'danger'
+            }]));
         /**
          * 徽标内容数字
          * @type number
          */
-        this.thyCount = input(undefined, { transform: numberAttribute });
+        this.thyCount = input(undefined, ...(ngDevMode ? [{ debugName: "thyCount", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 徽标内容文本
          * @type string
          */
-        this.thyContent = input();
+        this.thyContent = input(...(ngDevMode ? [undefined, { debugName: "thyContent" }] : []));
         /**
          * 已废弃，徽标内容文本，命名错误，请使用 thyContent
          */
-        this.thyContext = input();
+        this.thyContext = input(...(ngDevMode ? [undefined, { debugName: "thyContext" }] : []));
         /**
          * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+
          * @type number
          */
-        this.thyMaxCount = input(undefined, { transform: numberAttribute });
+        this.thyMaxCount = input(undefined, ...(ngDevMode ? [{ debugName: "thyMaxCount", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 徽标显示的大小
          * @type md | sm | lg
          */
-        this.thySize = input('md', { transform: (value) => value || 'md' });
+        this.thySize = input('md', ...(ngDevMode ? [{ debugName: "thySize", transform: (value) => value || 'md' }] : [{ transform: (value) => value || 'md' }]));
         /**
          * 已废弃，徽标是一个实心点，已经被废弃
          * @deprecated
          */
-        this.thyIsDot = input(false, { transform: coerceBooleanProperty });
+        this.thyIsDot = input(false, ...(ngDevMode ? [{ debugName: "thyIsDot", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 已废弃，徽标是一个空心点
          * @deprecated
          */
-        this.thyIsHollow = input(false, { transform: coerceBooleanProperty });
+        this.thyIsHollow = input(false, ...(ngDevMode ? [{ debugName: "thyIsHollow", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * thyCount 为 0 时，强制显示数字 0，默认不显示
          */
-        this.thyKeepShow = input(false, { transform: coerceBooleanProperty });
+        this.thyKeepShow = input(false, ...(ngDevMode ? [{ debugName: "thyKeepShow", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...
          * @type string
          */
-        this.thyTextColor = input('');
+        this.thyTextColor = input('', ...(ngDevMode ? [{ debugName: "thyTextColor" }] : []));
         /**
          * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...
          * @type string
          */
-        this.thyBackgroundColor = input('');
+        this.thyBackgroundColor = input('', ...(ngDevMode ? [{ debugName: "thyBackgroundColor" }] : []));
         this.nativeElement = this.elementRef.nativeElement;
     }
     ngOnInit() {
@@ -123,24 +123,24 @@ class ThyBadge {
         });
         this.isWrapper = childNodeCount > 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyBadge, isStandalone: true, selector: "thy-badge,[thyBadge]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyCount: { classPropertyName: "thyCount", publicName: "thyCount", isSignal: true, isRequired: false, transformFunction: null }, thyContent: { classPropertyName: "thyContent", publicName: "thyContent", isSignal: true, isRequired: false, transformFunction: null }, thyContext: { classPropertyName: "thyContext", publicName: "thyContext", isSignal: true, isRequired: false, transformFunction: null }, thyMaxCount: { classPropertyName: "thyMaxCount", publicName: "thyMaxCount", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyIsDot: { classPropertyName: "thyIsDot", publicName: "thyIsDot", isSignal: true, isRequired: false, transformFunction: null }, thyIsHollow: { classPropertyName: "thyIsHollow", publicName: "thyIsHollow", isSignal: true, isRequired: false, transformFunction: null }, thyKeepShow: { classPropertyName: "thyKeepShow", publicName: "thyKeepShow", isSignal: true, isRequired: false, transformFunction: null }, thyTextColor: { classPropertyName: "thyTextColor", publicName: "thyTextColor", isSignal: true, isRequired: false, transformFunction: null }, thyBackgroundColor: { classPropertyName: "thyBackgroundColor", publicName: "thyBackgroundColor", isSignal: true, isRequired: false, transformFunction: null } }, 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyBadge, isStandalone: true, selector: "thy-badge,[thyBadge]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyCount: { classPropertyName: "thyCount", publicName: "thyCount", isSignal: true, isRequired: false, transformFunction: null }, thyContent: { classPropertyName: "thyContent", publicName: "thyContent", isSignal: true, isRequired: false, transformFunction: null }, thyContext: { classPropertyName: "thyContext", publicName: "thyContext", isSignal: true, isRequired: false, transformFunction: null }, thyMaxCount: { classPropertyName: "thyMaxCount", publicName: "thyMaxCount", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyIsDot: { classPropertyName: "thyIsDot", publicName: "thyIsDot", isSignal: true, isRequired: false, transformFunction: null }, thyIsHollow: { classPropertyName: "thyIsHollow", publicName: "thyIsHollow", isSignal: true, isRequired: false, transformFunction: null }, thyKeepShow: { classPropertyName: "thyKeepShow", publicName: "thyKeepShow", isSignal: true, isRequired: false, transformFunction: null }, thyTextColor: { classPropertyName: "thyTextColor", publicName: "thyTextColor", isSignal: true, isRequired: false, transformFunction: null }, thyBackgroundColor: { classPropertyName: "thyBackgroundColor", publicName: "thyBackgroundColor", isSignal: true, isRequired: false, transformFunction: null } }, 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: "19.2.8", ngImport: i0, type: ThyBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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'
                     }, 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: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyType", required: false }] }], thyCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCount", required: false }] }], thyContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyContent", required: false }] }], thyContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyContext", required: false }] }], thyMaxCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMaxCount", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyIsDot: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIsDot", required: false }] }], thyIsHollow: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIsHollow", required: false }] }], thyKeepShow: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyKeepShow", required: false }] }], thyTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTextColor", required: false }] }], thyBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBackgroundColor", required: false }] }] } });
 
 class ThyBadgeModule {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyBadgeModule, imports: [CommonModule, ThyBadge], exports: [ThyBadge] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBadgeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyBadgeModule, imports: [CommonModule, ThyBadge], exports: [ThyBadge] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBadgeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyBadge],

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, OnInit, Signal, computed, inject, input, numberAttribute } from '@angular/core';\n\nimport { coerceBooleanProperty, isUndefined } 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    imports: []\n})\nexport class ThyBadge implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    private nativeElement: any;\n\n    readonly displayContent: Signal<string | number> = computed(() => {\n        let content = this.value() as string;\n        if (this.value() && !isUndefined(this.thyMaxCount()) && (this.value() as number) > this.thyMaxCount()) {\n            content = `${this.thyMaxCount()}+`;\n        }\n        return content;\n    });\n\n    readonly badgeClassName: Signal<string> = computed(() => {\n        const classes: string[] = [];\n        classes.push(`thy-badge-${this.thyType()}`);\n        if (this.thySize()) {\n            classes.push(`thy-badge-${this.thySize()}`);\n        }\n        if (this.thyIsDot()) {\n            classes.push(`thy-badge-dot`);\n        } else if (this.thyIsHollow()) {\n            classes.push(`thy-badge-hollow`);\n        } else {\n            classes.push(`thy-badge-count`);\n        }\n        const builtInTextColorClass = isTextColor(this.thyTextColor()) ? `text-${this.thyTextColor()}` : null;\n        if (builtInTextColorClass) {\n            classes.push(builtInTextColorClass);\n        }\n        const builtInBackgroundColorClass = isTextColor(this.thyBackgroundColor()) ? `bg-${this.thyBackgroundColor()}` : null;\n        if (builtInBackgroundColorClass) {\n            classes.push(builtInBackgroundColorClass);\n        }\n        return classes.join(' ');\n    });\n\n    // 是否包裹在元素上\n    protected isWrapper = false;\n\n    public readonly isShowBadge: Signal<boolean> = computed(() => {\n        return !(!this.value() && !this.thyKeepShow() && !this.thyIsDot() && !this.thyIsHollow());\n    });\n\n    private readonly value: Signal<number | string> = computed(() => {\n        return this.thyContent() || this.thyContext() || this.thyCount();\n    });\n\n    protected readonly textColor: Signal<string> = computed(() => {\n        return !isTextColor(this.thyTextColor()) ? this.thyTextColor() : null;\n    });\n\n    protected readonly backgroundColor: Signal<string> = computed(() => {\n        return !isTextColor(this.thyBackgroundColor()) ? this.thyBackgroundColor() : null;\n    });\n\n    constructor() {\n        this.nativeElement = this.elementRef.nativeElement;\n    }\n\n    /**\n     * 徽标类型\n     * @type default | primary | danger | warning | success\n     */\n    readonly thyType = input<string, string>('danger', {\n        transform: (value: string) => value || 'danger'\n    });\n\n    /**\n     * 徽标内容数字\n     * @type number\n     */\n    readonly thyCount = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 徽标内容文本\n     * @type string\n     */\n    readonly thyContent = input<string>();\n\n    /**\n     * 已废弃，徽标内容文本，命名错误，请使用 thyContent\n     */\n    readonly thyContext = input<string>();\n\n    /**\n     * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+\n     * @type number\n     */\n    readonly thyMaxCount = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 徽标显示的大小\n     * @type md | sm | lg\n     */\n    readonly thySize = input<ThyBadgeSize, ThyBadgeSize>('md', { transform: (value: ThyBadgeSize) => value || 'md' });\n\n    /**\n     * 已废弃，徽标是一个实心点，已经被废弃\n     * @deprecated\n     */\n    readonly thyIsDot = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 已废弃，徽标是一个空心点\n     * @deprecated\n     */\n    readonly thyIsHollow = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * thyCount 为 0 时，强制显示数字 0，默认不显示\n     */\n    readonly thyKeepShow = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    readonly thyTextColor = input<string>('');\n\n    /**\n     * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    readonly thyBackgroundColor = input<string>('');\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}\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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"}
+{"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, OnInit, Signal, computed, inject, input, numberAttribute } from '@angular/core';\n\nimport { coerceBooleanProperty, isUndefined } 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    imports: []\n})\nexport class ThyBadge implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    private nativeElement: any;\n\n    readonly displayContent: Signal<string | number> = computed(() => {\n        let content = this.value() as string;\n        if (this.value() && !isUndefined(this.thyMaxCount()) && (this.value() as number) > this.thyMaxCount()) {\n            content = `${this.thyMaxCount()}+`;\n        }\n        return content;\n    });\n\n    readonly badgeClassName: Signal<string> = computed(() => {\n        const classes: string[] = [];\n        classes.push(`thy-badge-${this.thyType()}`);\n        if (this.thySize()) {\n            classes.push(`thy-badge-${this.thySize()}`);\n        }\n        if (this.thyIsDot()) {\n            classes.push(`thy-badge-dot`);\n        } else if (this.thyIsHollow()) {\n            classes.push(`thy-badge-hollow`);\n        } else {\n            classes.push(`thy-badge-count`);\n        }\n        const builtInTextColorClass = isTextColor(this.thyTextColor()) ? `text-${this.thyTextColor()}` : null;\n        if (builtInTextColorClass) {\n            classes.push(builtInTextColorClass);\n        }\n        const builtInBackgroundColorClass = isTextColor(this.thyBackgroundColor()) ? `bg-${this.thyBackgroundColor()}` : null;\n        if (builtInBackgroundColorClass) {\n            classes.push(builtInBackgroundColorClass);\n        }\n        return classes.join(' ');\n    });\n\n    // 是否包裹在元素上\n    protected isWrapper = false;\n\n    public readonly isShowBadge: Signal<boolean> = computed(() => {\n        return !(!this.value() && !this.thyKeepShow() && !this.thyIsDot() && !this.thyIsHollow());\n    });\n\n    private readonly value: Signal<number | string> = computed(() => {\n        return this.thyContent() || this.thyContext() || this.thyCount();\n    });\n\n    protected readonly textColor: Signal<string> = computed(() => {\n        return !isTextColor(this.thyTextColor()) ? this.thyTextColor() : null;\n    });\n\n    protected readonly backgroundColor: Signal<string> = computed(() => {\n        return !isTextColor(this.thyBackgroundColor()) ? this.thyBackgroundColor() : null;\n    });\n\n    constructor() {\n        this.nativeElement = this.elementRef.nativeElement;\n    }\n\n    /**\n     * 徽标类型\n     * @type default | primary | danger | warning | success\n     */\n    readonly thyType = input<string, string>('danger', {\n        transform: (value: string) => value || 'danger'\n    });\n\n    /**\n     * 徽标内容数字\n     * @type number\n     */\n    readonly thyCount = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 徽标内容文本\n     * @type string\n     */\n    readonly thyContent = input<string>();\n\n    /**\n     * 已废弃，徽标内容文本，命名错误，请使用 thyContent\n     */\n    readonly thyContext = input<string>();\n\n    /**\n     * 徽标显示的最大值, 与 thyCount 一起使用,thyCount 超过了 thyMaxCount 设置的值时，徽标内容为 thyMaxCount+\n     * @type number\n     */\n    readonly thyMaxCount = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 徽标显示的大小\n     * @type md | sm | lg\n     */\n    readonly thySize = input<ThyBadgeSize, ThyBadgeSize>('md', { transform: (value: ThyBadgeSize) => value || 'md' });\n\n    /**\n     * 已废弃，徽标是一个实心点，已经被废弃\n     * @deprecated\n     */\n    readonly thyIsDot = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 已废弃，徽标是一个空心点\n     * @deprecated\n     */\n    readonly thyIsHollow = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * thyCount 为 0 时，强制显示数字 0，默认不显示\n     */\n    readonly thyKeepShow = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 设置徽标字体的颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    readonly thyTextColor = input<string>('');\n\n    /**\n     * 设置徽标的背景颜色，支持内置颜色和自定义颜色 'primary' | '#87d068' | ...\n     * @type string\n     */\n    readonly thyBackgroundColor = input<string>('');\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}\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

@@ -34,10 +34,10 @@ class ThyBreadcrumbItem {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", 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: "19.2.8", ngImport: i0, type: ThyBreadcrumbItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBreadcrumbItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-breadcrumb-item,[thyBreadcrumbItem]',
@@ -63,7 +63,7 @@ class ThyBreadcrumb {
         /**
          * 面包屑的前缀 展示图标，如 folder-fill
          */
-        this.thyIcon = input();
+        this.thyIcon = input(...(ngDevMode ? [undefined, { debugName: "thyIcon" }] : []));
         this.iconClasses = computed(() => {
             const icon = this.thyIcon();
             if (icon && icon.includes('wtf')) {
@@ -76,7 +76,7 @@ class ThyBreadcrumb {
             else {
                 return null;
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "iconClasses" }] : []));
         this.svgIconName = computed(() => {
             const icon = this.thyIcon();
             if (icon && !icon.includes('wtf')) {
@@ -85,28 +85,28 @@ class ThyBreadcrumb {
             else {
                 return null;
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "svgIconName" }] : []));
         /**
          * 面包屑的分隔符，不传值默认为 ">"
          * @type slash | backslash | vertical-line
          */
-        this.thySeparator = input();
+        this.thySeparator = input(...(ngDevMode ? [undefined, { debugName: "thySeparator" }] : []));
         /**
          * 面包屑的每一项数据
          */
-        this.items = input(undefined, { alias: 'thyItems' });
+        this.items = input(undefined, ...(ngDevMode ? [{ debugName: "items", alias: 'thyItems' }] : [{ alias: 'thyItems' }]));
         /**
          * 最大显示数量，超出此数量后，面包屑会被省略, 0 表示不省略（仅当传入 thyItems 时有效）
          */
-        this.thyMaxCount = input(4, { transform: numberAttribute });
+        this.thyMaxCount = input(4, ...(ngDevMode ? [{ debugName: "thyMaxCount", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 是否可点击弹出已被省略的面包屑项（仅当传入 thyItems 时有效）
          */
-        this.thyExpandable = input(true, { transform: coerceBooleanProperty });
+        this.thyExpandable = input(true, ...(ngDevMode ? [{ debugName: "thyExpandable", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 面包屑的每一项模板（仅当传入 thyItems 时有效）
          */
-        this.itemTemplate = contentChild('item');
+        this.itemTemplate = contentChild('item', ...(ngDevMode ? [{ debugName: "itemTemplate" }] : []));
         this.ellipsisItemId = THY_BREADCRUMB_ITEM_ELLIPSIS_ID;
         this.processedItems = computed(() => {
             const items = this.items();
@@ -127,12 +127,12 @@ class ThyBreadcrumb {
                     showItems: [...items]
                 };
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "processedItems" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyBreadcrumb, isStandalone: true, selector: "thy-breadcrumb", inputs: { thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thySeparator: { classPropertyName: "thySeparator", publicName: "thySeparator", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "thyItems", isSignal: true, isRequired: false, transformFunction: null }, thyMaxCount: { classPropertyName: "thyMaxCount", publicName: "thyMaxCount", isSignal: true, isRequired: false, transformFunction: null }, thyExpandable: { classPropertyName: "thyExpandable", publicName: "thyExpandable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-breadcrumb-separator": "!!thySeparator()", "class.thy-breadcrumb-separator-slash": "thySeparator() === \"slash\"", "class.thy-breadcrumb-separator-backslash": "thySeparator() === \"backslash\"", "class.thy-breadcrumb-separator-vertical-line": "thySeparator() === \"vertical-line\"" }, classAttribute: "thy-breadcrumb" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }], exportAs: ["ThyBreadcrumb"], ngImport: i0, template: "@if (svgIconName() || iconClasses()) {\n  <div class=\"thy-breadcrumb-icon\">\n    @if (svgIconName()) {\n      <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      <i [ngClass]=\"iconClasses()\"></i>\n    }\n  </div>\n}\n\n@for (item of processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyBreadcrumbItem, selector: "thy-breadcrumb-item,[thyBreadcrumbItem]", exportAs: ["ThyBreadcrumbItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyBreadcrumb, isStandalone: true, selector: "thy-breadcrumb", inputs: { thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thySeparator: { classPropertyName: "thySeparator", publicName: "thySeparator", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "thyItems", isSignal: true, isRequired: false, transformFunction: null }, thyMaxCount: { classPropertyName: "thyMaxCount", publicName: "thyMaxCount", isSignal: true, isRequired: false, transformFunction: null }, thyExpandable: { classPropertyName: "thyExpandable", publicName: "thyExpandable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-breadcrumb-separator": "!!thySeparator()", "class.thy-breadcrumb-separator-slash": "thySeparator() === \"slash\"", "class.thy-breadcrumb-separator-backslash": "thySeparator() === \"backslash\"", "class.thy-breadcrumb-separator-vertical-line": "thySeparator() === \"vertical-line\"" }, classAttribute: "thy-breadcrumb" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }], exportAs: ["ThyBreadcrumb"], ngImport: i0, template: "@if (svgIconName() || iconClasses()) {\n  <div class=\"thy-breadcrumb-icon\">\n    @if (svgIconName()) {\n      <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      <i [ngClass]=\"iconClasses()\"></i>\n    }\n  </div>\n}\n\n@for (item of processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyBreadcrumbItem, selector: "thy-breadcrumb-item,[thyBreadcrumbItem]", exportAs: ["ThyBreadcrumbItem"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBreadcrumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBreadcrumb, decorators: [{
             type: Component,
             args: [{ selector: 'thy-breadcrumb', exportAs: 'ThyBreadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-breadcrumb',
@@ -151,14 +151,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         ThyDropdownMenuComponent,
                         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 processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n" }]
-        }] });
+        }], propDecorators: { thyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcon", required: false }] }], thySeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySeparator", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyItems", required: false }] }], thyMaxCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMaxCount", required: false }] }], thyExpandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyExpandable", required: false }] }], itemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }] } });
 
 class ThyBreadcrumbModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyBreadcrumbModule, imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule], exports: [ThyBreadcrumb, ThyBreadcrumbItem] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBreadcrumbModule, imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyBreadcrumbModule, imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule], exports: [ThyBreadcrumb, ThyBreadcrumbItem] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBreadcrumbModule, imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBreadcrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule],

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-breadcrumb.mjs","sources":["../../../src/breadcrumb/breadcrumb-item.component.ts","../../../src/breadcrumb/breadcrumb.component.ts","../../../src/breadcrumb/breadcrumb.component.html","../../../src/breadcrumb/module.ts","../../../src/breadcrumb/ngx-tethys-breadcrumb.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, AfterViewInit, ElementRef, Renderer2, inject } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 面包屑 Item 组件\n * @name thy-breadcrumb-item,[thyBreadcrumbItem]\n * @order 20\n */\n@Component({\n    selector: 'thy-breadcrumb-item,[thyBreadcrumbItem]',\n    template: '<ng-content></ng-content><thy-icon class=\"separator-icon\" thyIconName=\"angle-right\"></thy-icon>',\n    exportAs: 'ThyBreadcrumbItem',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-breadcrumb-item'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyBreadcrumbItem implements AfterViewInit {\n    private renderer = inject(Renderer2);\n    private elementRef = inject(ElementRef);\n\n    ngAfterViewInit() {\n        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);\n        const link: HTMLElement = this.elementRef.nativeElement.querySelector('a');\n        if (link && link.childNodes) {\n            this.wrapSpanForText(link.childNodes);\n        }\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                this.renderer.addClass(span, 'thy-wrap-span');\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n        });\n    }\n}\n","import { Component, ChangeDetectionStrategy, TemplateRef, numberAttribute, input, contentChild, Signal, computed } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyDropdownDirective, ThyDropdownMenuComponent, ThyDropdownMenuItemDirective } from 'ngx-tethys/dropdown';\nimport { ThyAction } from 'ngx-tethys/action';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nconst THY_BREADCRUMB_ITEM_ELLIPSIS_ID = 'THY_BREADCRUMB_ITEM_ELLIPSIS_ID';\n\nconst ELLIPSIS_ITEM = { _id: THY_BREADCRUMB_ITEM_ELLIPSIS_ID };\n\n/**\n * 面包屑组件\n * @name thy-breadcrumb\n * @order 10\n */\n@Component({\n    selector: 'thy-breadcrumb',\n    templateUrl: './breadcrumb.component.html',\n    exportAs: 'ThyBreadcrumb',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-breadcrumb',\n        '[class.thy-breadcrumb-separator]': '!!thySeparator()',\n        '[class.thy-breadcrumb-separator-slash]': 'thySeparator() === \"slash\"',\n        '[class.thy-breadcrumb-separator-backslash]': 'thySeparator() === \"backslash\"',\n        '[class.thy-breadcrumb-separator-vertical-line]': 'thySeparator() === \"vertical-line\"'\n    },\n    imports: [\n        ThyIcon,\n        NgClass,\n        ThyBreadcrumbItem,\n        NgTemplateOutlet,\n        ThyAction,\n        ThyDropdownDirective,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuComponent,\n        ThyIcon\n    ]\n})\nexport class ThyBreadcrumb {\n    /**\n     * 面包屑的前缀 展示图标，如 folder-fill\n     */\n    readonly thyIcon = input<string>();\n\n    iconClasses: Signal<string[]> = computed(() => {\n        const icon = this.thyIcon();\n        if (icon && icon.includes('wtf')) {\n            const classes = icon.split(' ');\n            if (classes.length === 1) {\n                classes.unshift('wtf');\n            }\n            return classes;\n        } else {\n            return null;\n        }\n    });\n\n    svgIconName: Signal<string> = computed(() => {\n        const icon = this.thyIcon();\n        if (icon && !icon.includes('wtf')) {\n            return icon;\n        } else {\n            return null;\n        }\n    });\n\n    /**\n     * 面包屑的分隔符，不传值默认为 \">\"\n     * @type slash | backslash | vertical-line\n     */\n    readonly thySeparator = input<'slash' | 'backslash' | 'vertical-line'>();\n\n    /**\n     * 面包屑的每一项数据\n     */\n    readonly items = input<SafeAny[]>(undefined, { alias: 'thyItems' });\n\n    /**\n     * 最大显示数量，超出此数量后，面包屑会被省略, 0 表示不省略（仅当传入 thyItems 时有效）\n     */\n    readonly thyMaxCount = input(4, { transform: numberAttribute });\n\n    /**\n     * 是否可点击弹出已被省略的面包屑项（仅当传入 thyItems 时有效）\n     */\n    readonly thyExpandable = input(true, { transform: coerceBooleanProperty });\n\n    /**\n     * 面包屑的每一项模板（仅当传入 thyItems 时有效）\n     */\n    readonly itemTemplate = contentChild<TemplateRef<SafeAny>>('item');\n\n    public ellipsisItemId = THY_BREADCRUMB_ITEM_ELLIPSIS_ID;\n\n    public readonly processedItems: Signal<{\n        ellipsisItems: SafeAny[];\n        showItems: SafeAny[];\n    }> = computed(() => {\n        const items = this.items();\n        if (!items?.length) {\n            return;\n        }\n        const thyMaxCount = this.thyMaxCount();\n        if (thyMaxCount && items.length > thyMaxCount) {\n            const ellipsisIndex = items.length - thyMaxCount + 2;\n            return {\n                ellipsisItems: items.slice(1, ellipsisIndex),\n                showItems: [items[0], ELLIPSIS_ITEM, ...items.slice(ellipsisIndex)]\n            };\n        } else {\n            return {\n                ellipsisItems: [],\n                showItems: [...items]\n            };\n        }\n    });\n}\n","@if (svgIconName() || iconClasses()) {\n  <div class=\"thy-breadcrumb-icon\">\n    @if (svgIconName()) {\n      <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      <i [ngClass]=\"iconClasses()\"></i>\n    }\n  </div>\n}\n\n@for (item of processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyBreadcrumb } from './breadcrumb.component';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\nimport { ThyDropdownModule } from 'ngx-tethys/dropdown';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule],\n    exports: [ThyBreadcrumb, ThyBreadcrumbItem]\n})\nexport class ThyBreadcrumbModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-breadcrumb.mjs","sources":["../../../src/breadcrumb/breadcrumb-item.component.ts","../../../src/breadcrumb/breadcrumb.component.ts","../../../src/breadcrumb/breadcrumb.component.html","../../../src/breadcrumb/module.ts","../../../src/breadcrumb/ngx-tethys-breadcrumb.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, AfterViewInit, ElementRef, Renderer2, inject } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 面包屑 Item 组件\n * @name thy-breadcrumb-item,[thyBreadcrumbItem]\n * @order 20\n */\n@Component({\n    selector: 'thy-breadcrumb-item,[thyBreadcrumbItem]',\n    template: '<ng-content></ng-content><thy-icon class=\"separator-icon\" thyIconName=\"angle-right\"></thy-icon>',\n    exportAs: 'ThyBreadcrumbItem',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-breadcrumb-item'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyBreadcrumbItem implements AfterViewInit {\n    private renderer = inject(Renderer2);\n    private elementRef = inject(ElementRef);\n\n    ngAfterViewInit() {\n        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);\n        const link: HTMLElement = this.elementRef.nativeElement.querySelector('a');\n        if (link && link.childNodes) {\n            this.wrapSpanForText(link.childNodes);\n        }\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                this.renderer.addClass(span, 'thy-wrap-span');\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n        });\n    }\n}\n","import { Component, ChangeDetectionStrategy, TemplateRef, numberAttribute, input, contentChild, Signal, computed } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyDropdownDirective, ThyDropdownMenuComponent, ThyDropdownMenuItemDirective } from 'ngx-tethys/dropdown';\nimport { ThyAction } from 'ngx-tethys/action';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nconst THY_BREADCRUMB_ITEM_ELLIPSIS_ID = 'THY_BREADCRUMB_ITEM_ELLIPSIS_ID';\n\nconst ELLIPSIS_ITEM = { _id: THY_BREADCRUMB_ITEM_ELLIPSIS_ID };\n\n/**\n * 面包屑组件\n * @name thy-breadcrumb\n * @order 10\n */\n@Component({\n    selector: 'thy-breadcrumb',\n    templateUrl: './breadcrumb.component.html',\n    exportAs: 'ThyBreadcrumb',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-breadcrumb',\n        '[class.thy-breadcrumb-separator]': '!!thySeparator()',\n        '[class.thy-breadcrumb-separator-slash]': 'thySeparator() === \"slash\"',\n        '[class.thy-breadcrumb-separator-backslash]': 'thySeparator() === \"backslash\"',\n        '[class.thy-breadcrumb-separator-vertical-line]': 'thySeparator() === \"vertical-line\"'\n    },\n    imports: [\n        ThyIcon,\n        NgClass,\n        ThyBreadcrumbItem,\n        NgTemplateOutlet,\n        ThyAction,\n        ThyDropdownDirective,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuComponent,\n        ThyIcon\n    ]\n})\nexport class ThyBreadcrumb {\n    /**\n     * 面包屑的前缀 展示图标，如 folder-fill\n     */\n    readonly thyIcon = input<string>();\n\n    iconClasses: Signal<string[]> = computed(() => {\n        const icon = this.thyIcon();\n        if (icon && icon.includes('wtf')) {\n            const classes = icon.split(' ');\n            if (classes.length === 1) {\n                classes.unshift('wtf');\n            }\n            return classes;\n        } else {\n            return null;\n        }\n    });\n\n    svgIconName: Signal<string> = computed(() => {\n        const icon = this.thyIcon();\n        if (icon && !icon.includes('wtf')) {\n            return icon;\n        } else {\n            return null;\n        }\n    });\n\n    /**\n     * 面包屑的分隔符，不传值默认为 \">\"\n     * @type slash | backslash | vertical-line\n     */\n    readonly thySeparator = input<'slash' | 'backslash' | 'vertical-line'>();\n\n    /**\n     * 面包屑的每一项数据\n     */\n    readonly items = input<SafeAny[]>(undefined, { alias: 'thyItems' });\n\n    /**\n     * 最大显示数量，超出此数量后，面包屑会被省略, 0 表示不省略（仅当传入 thyItems 时有效）\n     */\n    readonly thyMaxCount = input(4, { transform: numberAttribute });\n\n    /**\n     * 是否可点击弹出已被省略的面包屑项（仅当传入 thyItems 时有效）\n     */\n    readonly thyExpandable = input(true, { transform: coerceBooleanProperty });\n\n    /**\n     * 面包屑的每一项模板（仅当传入 thyItems 时有效）\n     */\n    readonly itemTemplate = contentChild<TemplateRef<SafeAny>>('item');\n\n    public ellipsisItemId = THY_BREADCRUMB_ITEM_ELLIPSIS_ID;\n\n    public readonly processedItems: Signal<{\n        ellipsisItems: SafeAny[];\n        showItems: SafeAny[];\n    }> = computed(() => {\n        const items = this.items();\n        if (!items?.length) {\n            return;\n        }\n        const thyMaxCount = this.thyMaxCount();\n        if (thyMaxCount && items.length > thyMaxCount) {\n            const ellipsisIndex = items.length - thyMaxCount + 2;\n            return {\n                ellipsisItems: items.slice(1, ellipsisIndex),\n                showItems: [items[0], ELLIPSIS_ITEM, ...items.slice(ellipsisIndex)]\n            };\n        } else {\n            return {\n                ellipsisItems: [],\n                showItems: [...items]\n            };\n        }\n    });\n}\n","@if (svgIconName() || iconClasses()) {\n  <div class=\"thy-breadcrumb-icon\">\n    @if (svgIconName()) {\n      <thy-icon [thyIconName]=\"svgIconName()\"></thy-icon>\n    } @else {\n      <i [ngClass]=\"iconClasses()\"></i>\n    }\n  </div>\n}\n\n@for (item of processedItems()?.showItems; track $index) {\n  <thy-breadcrumb-item class=\"thy-breadcrumb-item-ellipsis\">\n    @if (item?._id !== ellipsisItemId) {\n      <ng-container *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-container>\n    } @else {\n      <a\n        thyAction\n        href=\"javascript:;\"\n        thyActionIcon=\"more\"\n        thyActiveClass=\"active\"\n        [class.disabled]=\"!thyExpandable()\"\n        class=\"ellipsis-action ml-n1 mr-n1\"\n        [thyDropdown]=\"ellipsisList\"></a>\n    }\n  </thy-breadcrumb-item>\n}\n\n<ng-template #ellipsisList>\n  <thy-dropdown-menu thyImmediateRender>\n    @for (item of processedItems()?.ellipsisItems; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\">\n        <ng-template *ngTemplateOutlet=\"itemContentTpl; context: { $implicit: item }\"></ng-template>\n      </a>\n    }\n  </thy-dropdown-menu>\n</ng-template>\n\n<ng-template #itemContentTpl let-item>\n  @if (itemTemplate()) {\n    <ng-template *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-template>\n  } @else {\n    @if (item?.icon) {\n      <thy-icon [thyIconName]=\"item.icon\" class=\"mr-2\"></thy-icon>\n    }\n    @if (item?.name) {\n      <span>{{ item.name }}</span>\n    }\n  }\n</ng-template>\n\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyBreadcrumb } from './breadcrumb.component';\nimport { ThyBreadcrumbItem } from './breadcrumb-item.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\nimport { ThyDropdownModule } from 'ngx-tethys/dropdown';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyBreadcrumb, ThyBreadcrumbItem, ThyActionModule, ThyDropdownModule],\n    exports: [ThyBreadcrumb, ThyBreadcrumbItem]\n})\nexport class ThyBreadcrumbModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}