ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-timeline.mjs

@@ -15,7 +15,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 class ThyTimelineItem {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
-        this.template = viewChild('timelineItem');
+        this.template = viewChild('timelineItem', ...(ngDevMode ? [{ debugName: "template" }] : []));
         this.isLast = false;
         this.isFirst = false;
         this.reverse = false;
@@ -24,34 +24,34 @@ class ThyTimelineItem {
          * @type primary | success | warning | danger | info
          * @default primary
          */
-        this.thyColor = input('primary');
+        this.thyColor = input('primary', ...(ngDevMode ? [{ debugName: "thyColor" }] : []));
         /**
          * 自定义节点位置
          * @type left | right | center
          */
-        this.thyPosition = input(undefined);
+        this.thyPosition = input(undefined, ...(ngDevMode ? [{ debugName: "thyPosition" }] : []));
         /**
          * 自定义时间轴点模板
          * @type TemplateRef
          */
-        this.dot = contentChild('dot');
+        this.dot = contentChild('dot', ...(ngDevMode ? [{ debugName: "dot" }] : []));
         /**
          * 自定义另一侧的模板
          * @type TemplateRef
          */
-        this.description = contentChild('description');
+        this.description = contentChild('description', ...(ngDevMode ? [{ debugName: "description" }] : []));
     }
     detectChanges() {
         this.cdr.detectChanges();
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTimelineItem, isStandalone: true, selector: "thy-timeline-item", inputs: { thyColor: { classPropertyName: "thyColor", publicName: "thyColor", isSignal: true, isRequired: false, transformFunction: null }, thyPosition: { classPropertyName: "thyPosition", publicName: "thyPosition", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "dot", first: true, predicate: ["dot"], descendants: true, isSignal: true }, { propertyName: "description", first: true, predicate: ["description"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["timelineItem"], descendants: true, isSignal: true }], exportAs: ["ThyTimelineItem"], ngImport: i0, template: "<ng-template #timelineItem>\n  <div\n    class=\"thy-timeline-item\"\n    [class.thy-timeline-item-reverse-last]=\"isLast && reverse\"\n    [class.thy-timeline-item-last]=\"isLast\"\n    [class.thy-timeline-item-reverse-first]=\"isFirst && reverse\"\n    [class.thy-timeline-item-right]=\"(thyPosition() || position) === 'right'\"\n    [class.thy-timeline-item-left]=\"(thyPosition() || position) === 'left'\">\n    <div class=\"thy-timeline-item-tail\"></div>\n    <div\n      class=\"thy-timeline-item-dot\"\n      [class.thy-timeline-item-dot-primary]=\"thyColor() === 'primary'\"\n      [class.thy-timeline-item-dot-success]=\"thyColor() === 'success'\"\n      [class.thy-timeline-item-dot-warning]=\"thyColor() === 'warning'\"\n      [class.thy-timeline-item-dot-danger]=\"thyColor() === 'danger'\"\n      [class.thy-timeline-item-dot-info]=\"thyColor() === 'info'\"\n      [class.thy-timeline-item-dot-custom]=\"!!dot()\">\n      @if (dot()) {\n        <ng-template [ngTemplateOutlet]=\"dot()\"></ng-template>\n      }\n    </div>\n    <div class=\"thy-timeline-item-content\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"thy-timeline-item-content-other-side\">\n      @if (description()) {\n        <ng-template [ngTemplateOutlet]=\"description()\"></ng-template>\n      }\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyTimelineItem, isStandalone: true, selector: "thy-timeline-item", inputs: { thyColor: { classPropertyName: "thyColor", publicName: "thyColor", isSignal: true, isRequired: false, transformFunction: null }, thyPosition: { classPropertyName: "thyPosition", publicName: "thyPosition", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "dot", first: true, predicate: ["dot"], descendants: true, isSignal: true }, { propertyName: "description", first: true, predicate: ["description"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["timelineItem"], descendants: true, isSignal: true }], exportAs: ["ThyTimelineItem"], ngImport: i0, template: "<ng-template #timelineItem>\n  <div\n    class=\"thy-timeline-item\"\n    [class.thy-timeline-item-reverse-last]=\"isLast && reverse\"\n    [class.thy-timeline-item-last]=\"isLast\"\n    [class.thy-timeline-item-reverse-first]=\"isFirst && reverse\"\n    [class.thy-timeline-item-right]=\"(thyPosition() || position) === 'right'\"\n    [class.thy-timeline-item-left]=\"(thyPosition() || position) === 'left'\">\n    <div class=\"thy-timeline-item-tail\"></div>\n    <div\n      class=\"thy-timeline-item-dot\"\n      [class.thy-timeline-item-dot-primary]=\"thyColor() === 'primary'\"\n      [class.thy-timeline-item-dot-success]=\"thyColor() === 'success'\"\n      [class.thy-timeline-item-dot-warning]=\"thyColor() === 'warning'\"\n      [class.thy-timeline-item-dot-danger]=\"thyColor() === 'danger'\"\n      [class.thy-timeline-item-dot-info]=\"thyColor() === 'info'\"\n      [class.thy-timeline-item-dot-custom]=\"!!dot()\">\n      @if (dot()) {\n        <ng-template [ngTemplateOutlet]=\"dot()\"></ng-template>\n      }\n    </div>\n    <div class=\"thy-timeline-item-content\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"thy-timeline-item-content-other-side\">\n      @if (description()) {\n        <ng-template [ngTemplateOutlet]=\"description()\"></ng-template>\n      }\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineItem, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'thy-timeline-item', exportAs: 'ThyTimelineItem', imports: [NgTemplateOutlet], template: "<ng-template #timelineItem>\n  <div\n    class=\"thy-timeline-item\"\n    [class.thy-timeline-item-reverse-last]=\"isLast && reverse\"\n    [class.thy-timeline-item-last]=\"isLast\"\n    [class.thy-timeline-item-reverse-first]=\"isFirst && reverse\"\n    [class.thy-timeline-item-right]=\"(thyPosition() || position) === 'right'\"\n    [class.thy-timeline-item-left]=\"(thyPosition() || position) === 'left'\">\n    <div class=\"thy-timeline-item-tail\"></div>\n    <div\n      class=\"thy-timeline-item-dot\"\n      [class.thy-timeline-item-dot-primary]=\"thyColor() === 'primary'\"\n      [class.thy-timeline-item-dot-success]=\"thyColor() === 'success'\"\n      [class.thy-timeline-item-dot-warning]=\"thyColor() === 'warning'\"\n      [class.thy-timeline-item-dot-danger]=\"thyColor() === 'danger'\"\n      [class.thy-timeline-item-dot-info]=\"thyColor() === 'info'\"\n      [class.thy-timeline-item-dot-custom]=\"!!dot()\">\n      @if (dot()) {\n        <ng-template [ngTemplateOutlet]=\"dot()\"></ng-template>\n      }\n    </div>\n    <div class=\"thy-timeline-item-content\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"thy-timeline-item-content-other-side\">\n      @if (description()) {\n        <ng-template [ngTemplateOutlet]=\"description()\"></ng-template>\n      }\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { template: [{ type: i0.ViewChild, args: ['timelineItem', { isSignal: true }] }], thyColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyColor", required: false }] }], thyPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPosition", required: false }] }], dot: [{ type: i0.ContentChild, args: ['dot', { isSignal: true }] }], description: [{ type: i0.ContentChild, args: ['description', { isSignal: true }] }] } });
 
 class ThyTimelineService {
     constructor() {
@@ -60,10 +60,10 @@ class ThyTimelineService {
     markForCheck() {
         this.check$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineService, decorators: [{
             type: Injectable
         }] });
 
@@ -86,23 +86,23 @@ class ThyTimeline {
          * 节点排序是否倒序
          * @default false
          */
-        this.thyReverse = input(false, { transform: coerceBooleanProperty });
+        this.thyReverse = input(false, ...(ngDevMode ? [{ debugName: "thyReverse", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 改变时间轴和内容的相对位置
          * @type left | right | center
          * @default left
          */
-        this.thyMode = input('left');
+        this.thyMode = input('left', ...(ngDevMode ? [{ debugName: "thyMode" }] : []));
         /**
          * 时间轴的方向
          * @type horizontal | vertical
          */
-        this.thyDirection = input('vertical');
+        this.thyDirection = input('vertical', ...(ngDevMode ? [{ debugName: "thyDirection" }] : []));
         this.timelineItems = [];
-        this.templateTimeline = signal(false);
+        this.templateTimeline = signal(false, ...(ngDevMode ? [{ debugName: "templateTimeline" }] : []));
         this.horizontal = computed(() => {
             return this.thyDirection() === 'horizontal' ? true : false;
-        });
+        }, ...(ngDevMode ? [{ debugName: "horizontal" }] : []));
         this.rightTimeline = computed(() => {
             const thyMode = this.thyMode();
             const horizontal = this.horizontal();
@@ -115,15 +115,15 @@ class ThyTimeline {
                     return false;
                 }
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "rightTimeline" }] : []));
         this.centerTimeline = computed(() => {
             const thyMode = this.thyMode();
             const horizontal = this.horizontal();
             if (thyMode && !horizontal) {
                 return thyMode === 'center';
             }
-        });
-        this.listOfItems = contentChildren(ThyTimelineItem);
+        }, ...(ngDevMode ? [{ debugName: "centerTimeline" }] : []));
+        this.listOfItems = contentChildren(ThyTimelineItem, ...(ngDevMode ? [{ debugName: "listOfItems" }] : []));
         this.takeUntilDestroyed = takeUntilDestroyed();
         effect(() => {
             this.updateChildren();
@@ -155,8 +155,8 @@ class ThyTimeline {
         }
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTimeline, isStandalone: true, selector: "thy-timeline", inputs: { thyReverse: { classPropertyName: "thyReverse", publicName: "thyReverse", isSignal: true, isRequired: false, transformFunction: null }, thyMode: { classPropertyName: "thyMode", publicName: "thyMode", isSignal: true, isRequired: false, transformFunction: null }, thyDirection: { classPropertyName: "thyDirection", publicName: "thyDirection", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-timeline-right": "rightTimeline()", "class.thy-timeline-center": "centerTimeline()", "class.thy-timeline-template": "templateTimeline()", "class.thy-timeline-horizontal": "horizontal()" }, classAttribute: "thy-timeline" }, providers: [ThyTimelineService], queries: [{ propertyName: "listOfItems", predicate: ThyTimelineItem, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyTimeline, isStandalone: true, selector: "thy-timeline", inputs: { thyReverse: { classPropertyName: "thyReverse", publicName: "thyReverse", isSignal: true, isRequired: false, transformFunction: null }, thyMode: { classPropertyName: "thyMode", publicName: "thyMode", isSignal: true, isRequired: false, transformFunction: null }, thyDirection: { classPropertyName: "thyDirection", publicName: "thyDirection", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-timeline-right": "rightTimeline()", "class.thy-timeline-center": "centerTimeline()", "class.thy-timeline-template": "templateTimeline()", "class.thy-timeline-horizontal": "horizontal()" }, classAttribute: "thy-timeline" }, providers: [ThyTimelineService], queries: [{ propertyName: "listOfItems", predicate: ThyTimelineItem, isSignal: true }], ngImport: i0, template: `
         <ng-container>
             @for (item of timelineItems; track $index) {
                 <ng-template [ngTemplateOutlet]="item.template()"></ng-template>
@@ -167,7 +167,7 @@ class ThyTimeline {
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimeline, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimeline, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -193,17 +193,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     },
                     imports: [NgTemplateOutlet]
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyReverse: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyReverse", required: false }] }], thyMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMode", required: false }] }], thyDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDirection", required: false }] }], listOfItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ThyTimelineItem), { isSignal: true }] }] } });
 function getTimelineItemPosition(index, mode) {
     return mode === 'left' ? 'left' : mode === 'right' ? 'right' : mode === 'center' && index % 2 === 0 ? 'left' : 'right';
 }
 
 class ThyTimelineModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineModule, imports: [CommonModule, ThySharedModule, ThyIconModule, ThyTimeline, ThyTimelineItem], exports: [ThyTimeline, ThyTimelineItem] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineModule, imports: [CommonModule, ThySharedModule, ThyIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineModule, imports: [CommonModule, ThySharedModule, ThyIconModule, ThyTimeline, ThyTimelineItem], exports: [ThyTimeline, ThyTimelineItem] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineModule, imports: [CommonModule, ThySharedModule, ThyIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTimelineModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThySharedModule, ThyIconModule, ThyTimeline, ThyTimelineItem],

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-timeline.mjs","sources":["../../../src/timeline/timeline-item.component.ts","../../../src/timeline/timeline-item.component.html","../../../src/timeline/timeline.service.ts","../../../src/timeline/timeline.component.ts","../../../src/timeline/timeline.module.ts","../../../src/timeline/ngx-tethys-timeline.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    TemplateRef,\n    ChangeDetectorRef,\n    ChangeDetectionStrategy,\n    inject,\n    input,\n    viewChild,\n    contentChild\n} from '@angular/core';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyTimeMode } from './timeline.type';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport type thyColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';\n\n/**\n * 时间轴节点组件\n * @name thy-timeline-item\n * @order 20\n */\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'thy-timeline-item',\n    templateUrl: './timeline-item.component.html',\n    exportAs: 'ThyTimelineItem',\n    imports: [NgTemplateOutlet]\n})\nexport class ThyTimelineItem implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n\n    readonly template = viewChild<TemplateRef<void>>('timelineItem');\n\n    public isLast = false;\n\n    public isFirst = false;\n\n    public position: ThyTimeMode;\n\n    public reverse: Boolean = false;\n\n    /**\n     * 指定圆圈颜色\n     * @type primary | success | warning | danger | info\n     * @default primary\n     */\n    readonly thyColor = input<thyColor>('primary');\n\n    /**\n     * 自定义节点位置\n     * @type left | right | center\n     */\n    readonly thyPosition = input<ThyTimeMode>(undefined);\n\n    /**\n     * 自定义时间轴点模板\n     * @type TemplateRef\n     */\n    readonly dot = contentChild<TemplateRef<SafeAny>>('dot');\n\n    /**\n     * 自定义另一侧的模板\n     * @type TemplateRef\n     */\n    readonly description = contentChild<TemplateRef<SafeAny>>('description');\n\n    constructor() {}\n\n    detectChanges(): void {\n        this.cdr.detectChanges();\n    }\n\n    ngOnInit() {}\n}\n","<ng-template #timelineItem>\n  <div\n    class=\"thy-timeline-item\"\n    [class.thy-timeline-item-reverse-last]=\"isLast && reverse\"\n    [class.thy-timeline-item-last]=\"isLast\"\n    [class.thy-timeline-item-reverse-first]=\"isFirst && reverse\"\n    [class.thy-timeline-item-right]=\"(thyPosition() || position) === 'right'\"\n    [class.thy-timeline-item-left]=\"(thyPosition() || position) === 'left'\">\n    <div class=\"thy-timeline-item-tail\"></div>\n    <div\n      class=\"thy-timeline-item-dot\"\n      [class.thy-timeline-item-dot-primary]=\"thyColor() === 'primary'\"\n      [class.thy-timeline-item-dot-success]=\"thyColor() === 'success'\"\n      [class.thy-timeline-item-dot-warning]=\"thyColor() === 'warning'\"\n      [class.thy-timeline-item-dot-danger]=\"thyColor() === 'danger'\"\n      [class.thy-timeline-item-dot-info]=\"thyColor() === 'info'\"\n      [class.thy-timeline-item-dot-custom]=\"!!dot()\">\n      @if (dot()) {\n        <ng-template [ngTemplateOutlet]=\"dot()\"></ng-template>\n      }\n    </div>\n    <div class=\"thy-timeline-item-content\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"thy-timeline-item-content-other-side\">\n      @if (description()) {\n        <ng-template [ngTemplateOutlet]=\"description()\"></ng-template>\n      }\n    </div>\n  </div>\n</ng-template>\n","import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Injectable()\nexport class ThyTimelineService {\n    check$ = new Subject<void>();\n    markForCheck(): void {\n        this.check$.next();\n    }\n}\n","import {\n    Component,\n    OnInit,\n    ChangeDetectorRef,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    inject,\n    input,\n    effect,\n    computed,\n    signal,\n    WritableSignal,\n    contentChildren\n} from '@angular/core';\nimport { ThyTimelineItem } from './timeline-item.component';\nimport { ThyTimelineService } from './timeline.service';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\nimport { ThyTimeMode } from './timeline.type';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nexport enum ThyTimeModes {\n    left = 'left',\n    right = 'right',\n    center = 'center'\n}\n\nexport type ThyTimeDirection = 'horizontal' | 'vertical';\n\n/**\n * 时间轴组件\n * @name thy-timeline\n * @order 10\n */\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    selector: 'thy-timeline',\n    providers: [ThyTimelineService],\n    template: `\n        <ng-container>\n            @for (item of timelineItems; track $index) {\n                <ng-template [ngTemplateOutlet]=\"item.template()\"></ng-template>\n            }\n            <ng-template>\n                <ng-content></ng-content>\n            </ng-template>\n        </ng-container>\n    `,\n    host: {\n        class: 'thy-timeline',\n        '[class.thy-timeline-right]': `rightTimeline()`,\n        '[class.thy-timeline-center]': `centerTimeline()`,\n        '[class.thy-timeline-template]': `templateTimeline()`,\n        '[class.thy-timeline-horizontal]': `horizontal()`\n    },\n    imports: [NgTemplateOutlet]\n})\nexport class ThyTimeline implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n\n    private timelineService = inject(ThyTimelineService);\n\n    /**\n     * 节点排序是否倒序\n     * @default false\n     */\n    readonly thyReverse = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 改变时间轴和内容的相对位置\n     * @type left | right | center\n     * @default left\n     */\n    readonly thyMode = input<ThyTimeMode>('left');\n\n    /**\n     * 时间轴的方向\n     * @type horizontal | vertical\n     */\n    readonly thyDirection = input<ThyTimeDirection>('vertical');\n\n    public timelineItems: ThyTimelineItem[] = [];\n\n    public templateTimeline: WritableSignal<boolean> = signal(false);\n\n    public horizontal = computed(() => {\n        return this.thyDirection() === 'horizontal' ? true : false;\n    });\n\n    public rightTimeline = computed(() => {\n        const thyMode = this.thyMode();\n        const horizontal = this.horizontal();\n        const templateTimeline = this.templateTimeline();\n        if (thyMode && !horizontal) {\n            if (thyMode === 'right') {\n                return !templateTimeline;\n            } else {\n                return false;\n            }\n        }\n    });\n\n    public centerTimeline = computed(() => {\n        const thyMode = this.thyMode();\n        const horizontal = this.horizontal();\n        if (thyMode && !horizontal) {\n            return thyMode === 'center';\n        }\n    });\n\n    readonly listOfItems = contentChildren(ThyTimelineItem);\n\n    private takeUntilDestroyed = takeUntilDestroyed();\n\n    constructor() {\n        effect(() => {\n            this.updateChildren();\n        });\n    }\n\n    ngOnInit() {\n        this.timelineService.check$.pipe(this.takeUntilDestroyed).subscribe(() => {\n            this.cdr.markForCheck();\n        });\n    }\n\n    private updateChildren(): void {\n        const listOfItems = this.listOfItems();\n        const thyReverse = this.thyReverse();\n        if (listOfItems && listOfItems.length) {\n            const length = listOfItems.length;\n            listOfItems.forEach((item, index) => {\n                item.isLast = !thyReverse ? index === length - 1 : index === 0;\n                item.isFirst = thyReverse ? index === length - 1 : index === 0;\n                item.reverse = thyReverse;\n                if (!this.horizontal()) {\n                    item.position = getTimelineItemPosition(index, this.thyMode());\n                }\n                if (item.description() || (item.thyPosition() && !this.horizontal())) {\n                    this.templateTimeline.set(true);\n                }\n                item.detectChanges();\n            });\n            this.timelineItems = this.thyReverse() ? [...listOfItems].reverse() : [...listOfItems];\n        }\n        this.cdr.markForCheck();\n    }\n}\n\nfunction getTimelineItemPosition(index: number, mode: ThyTimeMode): ThyTimeMode | undefined {\n    return mode === 'left' ? 'left' : mode === 'right' ? 'right' : mode === 'center' && index % 2 === 0 ? 'left' : 'right';\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyTimeline } from './timeline.component';\nimport { ThyTimelineItem } from './timeline-item.component';\n\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyIconModule, ThyTimeline, ThyTimelineItem],\n    exports: [ThyTimeline, ThyTimelineItem],\n    providers: []\n})\nexport class ThyTimelineModule {}\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-timeline.mjs","sources":["../../../src/timeline/timeline-item.component.ts","../../../src/timeline/timeline-item.component.html","../../../src/timeline/timeline.service.ts","../../../src/timeline/timeline.component.ts","../../../src/timeline/timeline.module.ts","../../../src/timeline/ngx-tethys-timeline.ts"],"sourcesContent":["import {\n    Component,\n    OnInit,\n    TemplateRef,\n    ChangeDetectorRef,\n    ChangeDetectionStrategy,\n    inject,\n    input,\n    viewChild,\n    contentChild\n} from '@angular/core';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyTimeMode } from './timeline.type';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport type thyColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';\n\n/**\n * 时间轴节点组件\n * @name thy-timeline-item\n * @order 20\n */\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'thy-timeline-item',\n    templateUrl: './timeline-item.component.html',\n    exportAs: 'ThyTimelineItem',\n    imports: [NgTemplateOutlet]\n})\nexport class ThyTimelineItem implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n\n    readonly template = viewChild<TemplateRef<void>>('timelineItem');\n\n    public isLast = false;\n\n    public isFirst = false;\n\n    public position: ThyTimeMode;\n\n    public reverse: Boolean = false;\n\n    /**\n     * 指定圆圈颜色\n     * @type primary | success | warning | danger | info\n     * @default primary\n     */\n    readonly thyColor = input<thyColor>('primary');\n\n    /**\n     * 自定义节点位置\n     * @type left | right | center\n     */\n    readonly thyPosition = input<ThyTimeMode>(undefined);\n\n    /**\n     * 自定义时间轴点模板\n     * @type TemplateRef\n     */\n    readonly dot = contentChild<TemplateRef<SafeAny>>('dot');\n\n    /**\n     * 自定义另一侧的模板\n     * @type TemplateRef\n     */\n    readonly description = contentChild<TemplateRef<SafeAny>>('description');\n\n    constructor() {}\n\n    detectChanges(): void {\n        this.cdr.detectChanges();\n    }\n\n    ngOnInit() {}\n}\n","<ng-template #timelineItem>\n  <div\n    class=\"thy-timeline-item\"\n    [class.thy-timeline-item-reverse-last]=\"isLast && reverse\"\n    [class.thy-timeline-item-last]=\"isLast\"\n    [class.thy-timeline-item-reverse-first]=\"isFirst && reverse\"\n    [class.thy-timeline-item-right]=\"(thyPosition() || position) === 'right'\"\n    [class.thy-timeline-item-left]=\"(thyPosition() || position) === 'left'\">\n    <div class=\"thy-timeline-item-tail\"></div>\n    <div\n      class=\"thy-timeline-item-dot\"\n      [class.thy-timeline-item-dot-primary]=\"thyColor() === 'primary'\"\n      [class.thy-timeline-item-dot-success]=\"thyColor() === 'success'\"\n      [class.thy-timeline-item-dot-warning]=\"thyColor() === 'warning'\"\n      [class.thy-timeline-item-dot-danger]=\"thyColor() === 'danger'\"\n      [class.thy-timeline-item-dot-info]=\"thyColor() === 'info'\"\n      [class.thy-timeline-item-dot-custom]=\"!!dot()\">\n      @if (dot()) {\n        <ng-template [ngTemplateOutlet]=\"dot()\"></ng-template>\n      }\n    </div>\n    <div class=\"thy-timeline-item-content\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"thy-timeline-item-content-other-side\">\n      @if (description()) {\n        <ng-template [ngTemplateOutlet]=\"description()\"></ng-template>\n      }\n    </div>\n  </div>\n</ng-template>\n","import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Injectable()\nexport class ThyTimelineService {\n    check$ = new Subject<void>();\n    markForCheck(): void {\n        this.check$.next();\n    }\n}\n","import {\n    Component,\n    OnInit,\n    ChangeDetectorRef,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    inject,\n    input,\n    effect,\n    computed,\n    signal,\n    WritableSignal,\n    contentChildren\n} from '@angular/core';\nimport { ThyTimelineItem } from './timeline-item.component';\nimport { ThyTimelineService } from './timeline.service';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\nimport { ThyTimeMode } from './timeline.type';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nexport enum ThyTimeModes {\n    left = 'left',\n    right = 'right',\n    center = 'center'\n}\n\nexport type ThyTimeDirection = 'horizontal' | 'vertical';\n\n/**\n * 时间轴组件\n * @name thy-timeline\n * @order 10\n */\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    selector: 'thy-timeline',\n    providers: [ThyTimelineService],\n    template: `\n        <ng-container>\n            @for (item of timelineItems; track $index) {\n                <ng-template [ngTemplateOutlet]=\"item.template()\"></ng-template>\n            }\n            <ng-template>\n                <ng-content></ng-content>\n            </ng-template>\n        </ng-container>\n    `,\n    host: {\n        class: 'thy-timeline',\n        '[class.thy-timeline-right]': `rightTimeline()`,\n        '[class.thy-timeline-center]': `centerTimeline()`,\n        '[class.thy-timeline-template]': `templateTimeline()`,\n        '[class.thy-timeline-horizontal]': `horizontal()`\n    },\n    imports: [NgTemplateOutlet]\n})\nexport class ThyTimeline implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n\n    private timelineService = inject(ThyTimelineService);\n\n    /**\n     * 节点排序是否倒序\n     * @default false\n     */\n    readonly thyReverse = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 改变时间轴和内容的相对位置\n     * @type left | right | center\n     * @default left\n     */\n    readonly thyMode = input<ThyTimeMode>('left');\n\n    /**\n     * 时间轴的方向\n     * @type horizontal | vertical\n     */\n    readonly thyDirection = input<ThyTimeDirection>('vertical');\n\n    public timelineItems: ThyTimelineItem[] = [];\n\n    public templateTimeline: WritableSignal<boolean> = signal(false);\n\n    public horizontal = computed(() => {\n        return this.thyDirection() === 'horizontal' ? true : false;\n    });\n\n    public rightTimeline = computed(() => {\n        const thyMode = this.thyMode();\n        const horizontal = this.horizontal();\n        const templateTimeline = this.templateTimeline();\n        if (thyMode && !horizontal) {\n            if (thyMode === 'right') {\n                return !templateTimeline;\n            } else {\n                return false;\n            }\n        }\n    });\n\n    public centerTimeline = computed(() => {\n        const thyMode = this.thyMode();\n        const horizontal = this.horizontal();\n        if (thyMode && !horizontal) {\n            return thyMode === 'center';\n        }\n    });\n\n    readonly listOfItems = contentChildren(ThyTimelineItem);\n\n    private takeUntilDestroyed = takeUntilDestroyed();\n\n    constructor() {\n        effect(() => {\n            this.updateChildren();\n        });\n    }\n\n    ngOnInit() {\n        this.timelineService.check$.pipe(this.takeUntilDestroyed).subscribe(() => {\n            this.cdr.markForCheck();\n        });\n    }\n\n    private updateChildren(): void {\n        const listOfItems = this.listOfItems();\n        const thyReverse = this.thyReverse();\n        if (listOfItems && listOfItems.length) {\n            const length = listOfItems.length;\n            listOfItems.forEach((item, index) => {\n                item.isLast = !thyReverse ? index === length - 1 : index === 0;\n                item.isFirst = thyReverse ? index === length - 1 : index === 0;\n                item.reverse = thyReverse;\n                if (!this.horizontal()) {\n                    item.position = getTimelineItemPosition(index, this.thyMode());\n                }\n                if (item.description() || (item.thyPosition() && !this.horizontal())) {\n                    this.templateTimeline.set(true);\n                }\n                item.detectChanges();\n            });\n            this.timelineItems = this.thyReverse() ? [...listOfItems].reverse() : [...listOfItems];\n        }\n        this.cdr.markForCheck();\n    }\n}\n\nfunction getTimelineItemPosition(index: number, mode: ThyTimeMode): ThyTimeMode | undefined {\n    return mode === 'left' ? 'left' : mode === 'right' ? 'right' : mode === 'center' && index % 2 === 0 ? 'left' : 'right';\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyTimeline } from './timeline.component';\nimport { ThyTimelineItem } from './timeline-item.component';\n\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyIconModule, ThyTimeline, ThyTimelineItem],\n    exports: [ThyTimeline, ThyTimelineItem],\n    providers: []\n})\nexport class ThyTimelineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-tooltip.mjs

@@ -115,10 +115,10 @@ class ThyTooltip {
         this.updateClasses();
         // this.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTooltip, isStandalone: true, selector: "thy-tooltip", host: { listeners: { "@state.start": "animationStart()", "@state.done": "animationDone($event)" }, properties: { "@state": "visibility", "class.thy-tooltip": "this.addTooltipContainerClass" } }, ngImport: i0, template: "<div class=\"thy-tooltip-arrow\"></div>\n<div class=\"thy-tooltip-content\">\n  @if (isTemplateRef) {\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: data }\"></ng-container>\n  } @else {\n    {{ content }}\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [thyTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyTooltip, isStandalone: true, selector: "thy-tooltip", host: { listeners: { "@state.start": "animationStart()", "@state.done": "animationDone($event)" }, properties: { "@state": "visibility", "class.thy-tooltip": "this.addTooltipContainerClass" } }, ngImport: i0, template: "<div class=\"thy-tooltip-arrow\"></div>\n<div class=\"thy-tooltip-content\">\n  @if (isTemplateRef) {\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: data }\"></ng-container>\n  } @else {\n    {{ content }}\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [thyTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltip, decorators: [{
             type: Component,
             args: [{ selector: 'thy-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [thyTooltipAnimations.tooltipState], host: {
                         '[@state]': 'visibility',
@@ -301,10 +301,10 @@ class ThyTooltipService {
         const tooltipRef = new ThyTooltipRef(host, config, this.overlay, this.scrollDispatcher, this.ngZone);
         return tooltipRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -345,31 +345,31 @@ class ThyTooltipDirective extends ThyOverlayDirectiveBase {
          * 提示消息，可以是文本，也可以是一个模板
          * @type string | TemplateRef<T>
          */
-        this.thyTooltipContent = input(undefined, { alias: 'thyTooltip' });
+        this.thyTooltipContent = input(undefined, ...(ngDevMode ? [{ debugName: "thyTooltipContent", alias: 'thyTooltip' }] : [{ alias: 'thyTooltip' }]));
         this.content = linkedSignal(() => {
             const value = this.thyTooltipContent();
             return this.getValidContent(value);
-        });
+        }, ...(ngDevMode ? [{ debugName: "content" }] : []));
         /**
          * 指定提示的位置
          * @type ThyPlacement
          */
-        this.thyPlacement = input('top', { alias: 'thyTooltipPlacement' });
+        this.thyPlacement = input('top', ...(ngDevMode ? [{ debugName: "thyPlacement", alias: 'thyTooltipPlacement' }] : [{ alias: 'thyTooltipPlacement' }]));
         this.placement = linkedSignal(() => {
             return this.thyPlacement();
-        });
+        }, ...(ngDevMode ? [{ debugName: "placement" }] : []));
         /**
          * 提示内容自定义样式
          */
-        this.thyTooltipClass = input();
+        this.thyTooltipClass = input(...(ngDevMode ? [undefined, { debugName: "thyTooltipClass" }] : []));
         /**
          * 显示提示内容延迟毫秒
          */
-        this.thyTooltipShowDelay = input(undefined, { transform: numberAttribute });
+        this.thyTooltipShowDelay = input(undefined, ...(ngDevMode ? [{ debugName: "thyTooltipShowDelay", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 隐藏提示内容延迟毫秒
          */
-        this.thyTooltipHideDelay = input(undefined, { transform: numberAttribute });
+        this.thyTooltipHideDelay = input(undefined, ...(ngDevMode ? [{ debugName: "thyTooltipHideDelay", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 触发提示方式
          * <br/>`hover` 鼠标移入，显示提示；鼠标移出，隐藏提示；显示提示时，滚动页面，会隐藏提示。
@@ -378,31 +378,31 @@ class ThyTooltipDirective extends ThyOverlayDirectiveBase {
          *
          * @type hover | focus | click
          */
-        this.thyTooltipTrigger = input('hover');
+        this.thyTooltipTrigger = input('hover', ...(ngDevMode ? [{ debugName: "thyTooltipTrigger" }] : []));
         /**
          * 设置是否禁用提示
          * @default false
          */
-        this.thyTooltipDisabled = input(undefined, { transform: coerceBooleanProperty });
+        this.thyTooltipDisabled = input(undefined, ...(ngDevMode ? [{ debugName: "thyTooltipDisabled", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         this.toolTipDisabled = linkedSignal(() => {
             return this.thyTooltipDisabled();
-        });
+        }, ...(ngDevMode ? [{ debugName: "toolTipDisabled" }] : []));
         /**
          * 传入 template 时，需要注入给 template 的上下文数据
          */
-        this.data = input(undefined, { alias: 'thyTooltipTemplateContext' });
+        this.data = input(undefined, ...(ngDevMode ? [{ debugName: "data", alias: 'thyTooltipTemplateContext' }] : [{ alias: 'thyTooltipTemplateContext' }]));
         /**
          * 偏移量
          */
-        this.thyTooltipOffset = input(undefined, { alias: 'thyTooltipOffset', transform: numberAttribute });
+        this.thyTooltipOffset = input(undefined, ...(ngDevMode ? [{ debugName: "thyTooltipOffset", alias: 'thyTooltipOffset', transform: numberAttribute }] : [{ alias: 'thyTooltipOffset', transform: numberAttribute }]));
         this.tooltipOffset = linkedSignal(() => {
             return this.thyTooltipOffset();
-        });
+        }, ...(ngDevMode ? [{ debugName: "tooltipOffset" }] : []));
         /**
          * hover 触发方式下 鼠标移入Tooltip是否固定 Tooltip
          * @default false
          */
-        this.tooltipPin = input(undefined, { alias: 'thyTooltipPin', transform: coerceBooleanProperty });
+        this.tooltipPin = input(undefined, ...(ngDevMode ? [{ debugName: "tooltipPin", alias: 'thyTooltipPin', transform: coerceBooleanProperty }] : [{ alias: 'thyTooltipPin', transform: coerceBooleanProperty }]));
         effect(() => {
             const value = this.content();
             if (!value && this.tooltipRef?.isTooltipVisible()) {
@@ -459,20 +459,20 @@ class ThyTooltipDirective extends ThyOverlayDirectiveBase {
     ngOnDestroy() {
         this.tooltipRef?.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyTooltipDirective, isStandalone: true, selector: "[thyTooltip],[thy-tooltip]", inputs: { thyTooltipContent: { classPropertyName: "thyTooltipContent", publicName: "thyTooltip", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyTooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipClass: { classPropertyName: "thyTooltipClass", publicName: "thyTooltipClass", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipShowDelay: { classPropertyName: "thyTooltipShowDelay", publicName: "thyTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipHideDelay: { classPropertyName: "thyTooltipHideDelay", publicName: "thyTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipTrigger: { classPropertyName: "thyTooltipTrigger", publicName: "thyTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipDisabled: { classPropertyName: "thyTooltipDisabled", publicName: "thyTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "thyTooltipTemplateContext", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipOffset: { classPropertyName: "thyTooltipOffset", publicName: "thyTooltipOffset", isSignal: true, isRequired: false, transformFunction: null }, tooltipPin: { classPropertyName: "tooltipPin", publicName: "thyTooltipPin", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["thyTooltip"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ThyTooltipDirective, isStandalone: true, selector: "[thyTooltip],[thy-tooltip]", inputs: { thyTooltipContent: { classPropertyName: "thyTooltipContent", publicName: "thyTooltip", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyTooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipClass: { classPropertyName: "thyTooltipClass", publicName: "thyTooltipClass", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipShowDelay: { classPropertyName: "thyTooltipShowDelay", publicName: "thyTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipHideDelay: { classPropertyName: "thyTooltipHideDelay", publicName: "thyTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipTrigger: { classPropertyName: "thyTooltipTrigger", publicName: "thyTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipDisabled: { classPropertyName: "thyTooltipDisabled", publicName: "thyTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "thyTooltipTemplateContext", isSignal: true, isRequired: false, transformFunction: null }, thyTooltipOffset: { classPropertyName: "thyTooltipOffset", publicName: "thyTooltipOffset", isSignal: true, isRequired: false, transformFunction: null }, tooltipPin: { classPropertyName: "tooltipPin", publicName: "thyTooltipPin", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["thyTooltip"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[thyTooltip],[thy-tooltip]', exportAs: 'thyTooltip' }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyTooltipContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltip", required: false }] }], thyPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipPlacement", required: false }] }], thyTooltipClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipClass", required: false }] }], thyTooltipShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipShowDelay", required: false }] }], thyTooltipHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipHideDelay", required: false }] }], thyTooltipTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipTrigger", required: false }] }], thyTooltipDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipDisabled", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipTemplateContext", required: false }] }], thyTooltipOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipOffset", required: false }] }], tooltipPin: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTooltipPin", required: false }] }] } });
 
 class ThyTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipModule, imports: [A11yModule, CommonModule, OverlayModule, ThyTooltipDirective, ThyTooltip], exports: [ThyTooltipDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipModule, providers: [THY_TOOLTIP_DEFAULT_CONFIG_PROVIDER], imports: [A11yModule, CommonModule, OverlayModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipModule, imports: [A11yModule, CommonModule, OverlayModule, ThyTooltipDirective, ThyTooltip], exports: [ThyTooltipDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipModule, providers: [THY_TOOLTIP_DEFAULT_CONFIG_PROVIDER], imports: [A11yModule, CommonModule, OverlayModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [A11yModule, CommonModule, OverlayModule, ThyTooltipDirective, ThyTooltip],