ngx-tethys 19.0.13 → 19.1.0-next.0

package/fesm2022/ngx-tethys-timeline.mjs

@@ -1,25 +1,11 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, ChangeDetectorRef, ContentChild, Input, HostBinding, ViewChild, ChangeDetectionStrategy, Component, ContentChildren, ViewEncapsulation, NgModule } from '@angular/core';
+import { inject, ChangeDetectorRef, viewChild, input, contentChild, ChangeDetectionStrategy, Component, Injectable, signal, computed, contentChildren, effect, ViewEncapsulation, NgModule } from '@angular/core';
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import { ThySharedModule } from 'ngx-tethys/shared';
 import { ThyIconModule } from 'ngx-tethys/icon';
-import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
-
-class ThyTimelineService {
-    constructor() {
-        this.check$ = new Subject();
-    }
-    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 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineService, decorators: [{
-            type: Injectable
-        }] });
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 /**
  * 时间轴节点组件
@@ -29,52 +15,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 class ThyTimelineItem {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
-        this.timelineService = inject(ThyTimelineService);
-        this.color = 'primary';
+        this.template = viewChild('timelineItem');
         this.isLast = false;
         this.isFirst = false;
         this.reverse = false;
-    }
-    /**
-     * 指定圆圈颜色
-     * @type primary | success | warning | danger | info
-     * @default primary
-     */
-    set thyColor(value) {
-        if (value) {
-            this.color = value;
-        }
+        /**
+         * 指定圆圈颜色
+         * @type primary | success | warning | danger | info
+         * @default primary
+         */
+        this.thyColor = input('primary');
+        /**
+         * 自定义节点位置
+         * @type left | right | center
+         */
+        this.thyPosition = input(undefined);
+        /**
+         * 自定义时间轴点模板
+         * @type TemplateRef
+         */
+        this.dot = contentChild('dot');
+        /**
+         * 自定义另一侧的模板
+         * @type TemplateRef
+         */
+        this.description = contentChild('description');
     }
     detectChanges() {
         this.cdr.detectChanges();
     }
-    ngOnChanges(changes) {
-        this.timelineService.markForCheck();
-    }
     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: "thyColor", thyPosition: "thyPosition" }, host: { properties: { "class": "this.className" } }, queries: [{ propertyName: "dot", first: true, predicate: ["dot"], descendants: true }, { propertyName: "description", first: true, predicate: ["description"], descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["timelineItem"], descendants: true }], exportAs: ["ThyTimelineItem"], usesOnChanges: true, 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    >\n    <div class=\"thy-timeline-item-tail\"></div>\n    <div\n      class=\"thy-timeline-item-dot\"\n      [class.thy-timeline-item-dot-primary]=\"color === 'primary'\"\n      [class.thy-timeline-item-dot-success]=\"color === 'success'\"\n      [class.thy-timeline-item-dot-warning]=\"color === 'warning'\"\n      [class.thy-timeline-item-dot-danger]=\"color === 'danger'\"\n      [class.thy-timeline-item-dot-info]=\"color === 'info'\"\n      [class.thy-timeline-item-dot-custom]=\"!!dot\"\n      >\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.ɵ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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", 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    >\n    <div class=\"thy-timeline-item-tail\"></div>\n    <div\n      class=\"thy-timeline-item-dot\"\n      [class.thy-timeline-item-dot-primary]=\"color === 'primary'\"\n      [class.thy-timeline-item-dot-success]=\"color === 'success'\"\n      [class.thy-timeline-item-dot-warning]=\"color === 'warning'\"\n      [class.thy-timeline-item-dot-danger]=\"color === 'danger'\"\n      [class.thy-timeline-item-dot-info]=\"color === 'info'\"\n      [class.thy-timeline-item-dot-custom]=\"!!dot\"\n      >\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" }]
-        }], propDecorators: { template: [{
-                type: ViewChild,
-                args: ['timelineItem', { static: false }]
-            }], className: [{
-                type: HostBinding,
-                args: ['class']
-            }], thyColor: [{
-                type: Input
-            }], thyPosition: [{
-                type: Input
-            }], dot: [{
-                type: ContentChild,
-                args: ['dot', { static: false }]
-            }], description: [{
-                type: ContentChild,
-                args: ['description', { static: false }]
-            }] } });
+            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: () => [] });
+
+class ThyTimelineService {
+    constructor() {
+        this.check$ = new Subject();
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTimelineService, decorators: [{
+            type: Injectable
+        }] });
 
 var ThyTimeModes;
 (function (ThyTimeModes) {
@@ -91,79 +82,84 @@ class ThyTimeline {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
         this.timelineService = inject(ThyTimelineService);
+        /**
+         * 节点排序是否倒序
+         * @default false
+         */
+        this.thyReverse = input(false, { transform: coerceBooleanProperty });
+        /**
+         * 改变时间轴和内容的相对位置
+         * @type left | right | center
+         * @default left
+         */
+        this.thyMode = input('left');
         /**
          * 时间轴的方向
          * @type horizontal | vertical
          */
-        this.thyDirection = 'vertical';
+        this.thyDirection = input('vertical');
         this.timelineItems = [];
-        this.destroy$ = new Subject();
-        this.isTimeline = true;
-        this.rightTimeline = false;
-        this.centerTimeline = false;
-        this.templateTimeline = false;
-        this.horizontal = false;
-    }
-    ngOnChanges(changes) {
-        const { thyMode, thyReverse } = changes;
-        if (thyMode && !this.horizontal) {
-            if (thyMode.currentValue === 'right') {
-                this.rightTimeline = !this.templateTimeline;
-                this.centerTimeline = false;
-            }
-            else if (thyMode.currentValue === 'center') {
-                this.centerTimeline = true;
-                this.rightTimeline = false;
+        this.templateTimeline = signal(false);
+        this.horizontal = computed(() => {
+            return this.thyDirection() === 'horizontal' ? true : false;
+        });
+        this.rightTimeline = computed(() => {
+            const thyMode = this.thyMode();
+            const horizontal = this.horizontal();
+            const templateTimeline = this.templateTimeline();
+            if (thyMode && !horizontal) {
+                if (thyMode === 'right') {
+                    return !templateTimeline;
+                }
+                else {
+                    return false;
+                }
             }
-            else {
-                this.rightTimeline = false;
-                this.centerTimeline = false;
+        });
+        this.centerTimeline = computed(() => {
+            const thyMode = this.thyMode();
+            const horizontal = this.horizontal();
+            if (thyMode && !horizontal) {
+                return thyMode === 'center';
             }
-        }
-        if ((simpleChangeActivated(thyMode) && !this.horizontal) || simpleChangeActivated(thyReverse)) {
+        });
+        this.listOfItems = contentChildren(ThyTimelineItem);
+        this.takeUntilDestroyed = takeUntilDestroyed();
+        effect(() => {
             this.updateChildren();
-        }
+        });
     }
     ngOnInit() {
-        this.horizontal = this.thyDirection === 'horizontal' ? true : false;
-        this.timelineService.check$.pipe(takeUntil(this.destroy$)).subscribe(() => {
+        this.timelineService.check$.pipe(this.takeUntilDestroyed).subscribe(() => {
             this.cdr.markForCheck();
         });
     }
-    ngAfterContentInit() {
-        this.updateChildren();
-        this.listOfItems.changes.subscribe(() => {
-            this.updateChildren();
-        });
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
     updateChildren() {
-        if (this.listOfItems && this.listOfItems.length) {
-            const length = this.listOfItems.length;
-            this.listOfItems.forEach((item, index) => {
-                item.isLast = !this.thyReverse ? index === length - 1 : index === 0;
-                item.isFirst = this.thyReverse ? index === length - 1 : index === 0;
-                item.reverse = this.thyReverse;
-                if (!this.horizontal) {
-                    item.position = getTimelineItemPosition(index, this.thyMode);
+        const listOfItems = this.listOfItems();
+        const thyReverse = this.thyReverse();
+        if (listOfItems && listOfItems.length) {
+            const length = listOfItems.length;
+            listOfItems.forEach((item, index) => {
+                item.isLast = !thyReverse ? index === length - 1 : index === 0;
+                item.isFirst = thyReverse ? index === length - 1 : index === 0;
+                item.reverse = thyReverse;
+                if (!this.horizontal()) {
+                    item.position = getTimelineItemPosition(index, this.thyMode());
                 }
-                if (item.description || (item.thyPosition && !this.horizontal)) {
-                    this.templateTimeline = true;
+                if (item.description() || (item.thyPosition() && !this.horizontal())) {
+                    this.templateTimeline.set(true);
                 }
                 item.detectChanges();
             });
-            this.timelineItems = this.thyReverse ? this.listOfItems.toArray().reverse() : this.listOfItems.toArray();
+            this.timelineItems = this.thyReverse() ? [...listOfItems].reverse() : [...listOfItems];
         }
         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: ["thyReverse", "thyReverse", coerceBooleanProperty], thyMode: "thyMode", thyDirection: "thyDirection" }, host: { properties: { "class.thy-timeline": "this.isTimeline", "class.thy-timeline-right": "this.rightTimeline", "class.thy-timeline-center": "this.centerTimeline", "class.thy-timeline-template": "this.templateTimeline", "class.thy-timeline-horizontal": "this.horizontal" } }, providers: [ThyTimelineService], queries: [{ propertyName: "listOfItems", predicate: ThyTimelineItem }], usesOnChanges: true, ngImport: i0, template: `
+    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: `
         <ng-container>
             @for (item of timelineItems; track $index) {
-                <ng-template [ngTemplateOutlet]="item.template"></ng-template>
+                <ng-template [ngTemplateOutlet]="item.template()"></ng-template>
             }
             <ng-template>
                 <ng-content></ng-content>
@@ -181,44 +177,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     template: `
         <ng-container>
             @for (item of timelineItems; track $index) {
-                <ng-template [ngTemplateOutlet]="item.template"></ng-template>
+                <ng-template [ngTemplateOutlet]="item.template()"></ng-template>
             }
             <ng-template>
                 <ng-content></ng-content>
             </ng-template>
         </ng-container>
     `,
+                    host: {
+                        class: 'thy-timeline',
+                        '[class.thy-timeline-right]': `rightTimeline()`,
+                        '[class.thy-timeline-center]': `centerTimeline()`,
+                        '[class.thy-timeline-template]': `templateTimeline()`,
+                        '[class.thy-timeline-horizontal]': `horizontal()`
+                    },
                     imports: [NgTemplateOutlet]
                 }]
-        }], propDecorators: { thyReverse: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyMode: [{
-                type: Input
-            }], thyDirection: [{
-                type: Input
-            }], isTimeline: [{
-                type: HostBinding,
-                args: [`class.thy-timeline`]
-            }], rightTimeline: [{
-                type: HostBinding,
-                args: [`class.thy-timeline-right`]
-            }], centerTimeline: [{
-                type: HostBinding,
-                args: [`class.thy-timeline-center`]
-            }], templateTimeline: [{
-                type: HostBinding,
-                args: [`class.thy-timeline-template`]
-            }], horizontal: [{
-                type: HostBinding,
-                args: [`class.thy-timeline-horizontal`]
-            }], listOfItems: [{
-                type: ContentChildren,
-                args: [ThyTimelineItem]
-            }] } });
-function simpleChangeActivated(simpleChange) {
-    return !!(simpleChange && (simpleChange.previousValue !== simpleChange.currentValue || simpleChange.isFirstChange()));
-}
+        }], ctorParameters: () => [] });
 function getTimelineItemPosition(index, mode) {
     return mode === 'left' ? 'left' : mode === 'right' ? 'right' : mode === 'center' && index % 2 === 0 ? 'left' : 'right';
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-timeline.mjs","sources":["../../../src/timeline/timeline.service.ts","../../../src/timeline/timeline-item.component.ts","../../../src/timeline/timeline-item.component.html","../../../src/timeline/timeline.component.ts","../../../src/timeline/timeline.module.ts","../../../src/timeline/ngx-tethys-timeline.ts"],"sourcesContent":["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    Input,\n    HostBinding,\n    OnInit,\n    OnChanges,\n    ContentChild,\n    TemplateRef,\n    ViewChild,\n    ChangeDetectorRef,\n    ChangeDetectionStrategy,\n    SimpleChanges,\n    inject\n} from '@angular/core';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyTimeMode } from './timeline.type';\nimport { ThyTimelineService } from './timeline.service';\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, OnChanges {\n    private cdr = inject(ChangeDetectorRef);\n    private timelineService = inject(ThyTimelineService);\n\n    @ViewChild('timelineItem', { static: false }) template: TemplateRef<void>;\n\n    @HostBinding('class') className: string;\n\n    public color: thyColor = 'primary';\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    @Input()\n    set thyColor(value: thyColor) {\n        if (value) {\n            this.color = value;\n        }\n    }\n\n    /**\n     * 自定义节点位置\n     * @type left | right | center\n     */\n    @Input() thyPosition: ThyTimeMode;\n\n    /**\n     * 自定义时间轴点模板\n     * @type TemplateRef\n     */\n    @ContentChild('dot', { static: false }) dot: TemplateRef<SafeAny>;\n\n    /**\n     * 自定义另一侧的模板\n     * @type TemplateRef\n     */\n    @ContentChild('description', { static: false }) description: TemplateRef<SafeAny>;\n\n    detectChanges(): void {\n        this.cdr.detectChanges();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this.timelineService.markForCheck();\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    >\n    <div class=\"thy-timeline-item-tail\"></div>\n    <div\n      class=\"thy-timeline-item-dot\"\n      [class.thy-timeline-item-dot-primary]=\"color === 'primary'\"\n      [class.thy-timeline-item-dot-success]=\"color === 'success'\"\n      [class.thy-timeline-item-dot-warning]=\"color === 'warning'\"\n      [class.thy-timeline-item-dot-danger]=\"color === 'danger'\"\n      [class.thy-timeline-item-dot-info]=\"color === 'info'\"\n      [class.thy-timeline-item-dot-custom]=\"!!dot\"\n      >\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 {\n    Component,\n    Input,\n    HostBinding,\n    ContentChildren,\n    QueryList,\n    AfterContentInit,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    SimpleChanges,\n    SimpleChange,\n    ChangeDetectorRef,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    inject\n} from '@angular/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { ThyTimelineItem } from './timeline-item.component';\nimport { ThyTimelineService } from './timeline.service';\nimport { Subject } from 'rxjs';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { ThyTimeMode } from './timeline.type';\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    imports: [NgTemplateOutlet]\n})\nexport class ThyTimeline implements OnInit, AfterContentInit, OnChanges, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private timelineService = inject(ThyTimelineService);\n\n    /**\n     * 节点排序是否倒序\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyReverse: boolean;\n\n    /**\n     * 改变时间轴和内容的相对位置\n     * @type left | right | center\n     * @default left\n     */\n    @Input() thyMode: ThyTimeMode;\n\n    /**\n     * 时间轴的方向\n     * @type horizontal | vertical\n     */\n    @Input() thyDirection: ThyTimeDirection = 'vertical';\n\n    public timelineItems: ThyTimelineItem[] = [];\n\n    private destroy$ = new Subject<void>();\n\n    @HostBinding(`class.thy-timeline`) isTimeline = true;\n    @HostBinding(`class.thy-timeline-right`) rightTimeline = false;\n    @HostBinding(`class.thy-timeline-center`) centerTimeline = false;\n    @HostBinding(`class.thy-timeline-template`) templateTimeline = false;\n    @HostBinding(`class.thy-timeline-horizontal`) horizontal = false;\n\n    @ContentChildren(ThyTimelineItem)\n    listOfItems: QueryList<ThyTimelineItem>;\n\n    ngOnChanges(changes: SimpleChanges): void {\n        const { thyMode, thyReverse } = changes;\n        if (thyMode && !this.horizontal) {\n            if (thyMode.currentValue === 'right') {\n                this.rightTimeline = !this.templateTimeline;\n                this.centerTimeline = false;\n            } else if (thyMode.currentValue === 'center') {\n                this.centerTimeline = true;\n                this.rightTimeline = false;\n            } else {\n                this.rightTimeline = false;\n                this.centerTimeline = false;\n            }\n        }\n        if ((simpleChangeActivated(thyMode) && !this.horizontal) || simpleChangeActivated(thyReverse)) {\n            this.updateChildren();\n        }\n    }\n\n    ngOnInit() {\n        this.horizontal = this.thyDirection === 'horizontal' ? true : false;\n        this.timelineService.check$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.cdr.markForCheck();\n        });\n    }\n\n    ngAfterContentInit() {\n        this.updateChildren();\n        this.listOfItems.changes.subscribe(() => {\n            this.updateChildren();\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    private updateChildren(): void {\n        if (this.listOfItems && this.listOfItems.length) {\n            const length = this.listOfItems.length;\n            this.listOfItems.forEach((item, index) => {\n                item.isLast = !this.thyReverse ? index === length - 1 : index === 0;\n                item.isFirst = this.thyReverse ? index === length - 1 : index === 0;\n                item.reverse = this.thyReverse;\n                if (!this.horizontal) {\n                    item.position = getTimelineItemPosition(index, this.thyMode);\n                }\n                if (item.description || (item.thyPosition && !this.horizontal)) {\n                    this.templateTimeline = true;\n                }\n                item.detectChanges();\n            });\n            this.timelineItems = this.thyReverse ? this.listOfItems.toArray().reverse() : this.listOfItems.toArray();\n        }\n        this.cdr.markForCheck();\n    }\n}\nfunction simpleChangeActivated(simpleChange?: SimpleChange): boolean {\n    return !!(simpleChange && (simpleChange.previousValue !== simpleChange.currentValue || simpleChange.isFirstChange()));\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-typography.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component, inject, ElementRef, Directive, NgModule } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, inject, ElementRef, effect, Directive, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { isThemeColor, isTextColor, isBgColor } from 'ngx-tethys/core';
@@ -11,19 +11,22 @@ import { useHostRenderer } from '@tethys/cdk/dom';
  * @order 10
  */
 class ThyText {
-    constructor() { }
+    constructor() {
+        /**
+         * 前置图标
+         */
+        this.thyIcon = input(undefined);
+    }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyText, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyText, isStandalone: true, selector: "thy-text, [thyText]:not(thy-divider)", inputs: { thyIcon: "thyIcon" }, host: { classAttribute: "thy-text" }, ngImport: i0, template: "@if (thyIcon) {\n  <thy-icon [thyIconName]=\"thyIcon\"></thy-icon>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyText, isStandalone: true, selector: "thy-text, [thyText]:not(thy-divider)", inputs: { thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "thy-text" }, ngImport: i0, template: "@if (thyIcon()) {\n  <thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyText, decorators: [{
             type: Component,
             args: [{ selector: 'thy-text, [thyText]:not(thy-divider)', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-text'
-                    }, imports: [ThyIcon], template: "@if (thyIcon) {\n  <thy-icon [thyIconName]=\"thyIcon\"></thy-icon>\n}\n<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [], propDecorators: { thyIcon: [{
-                type: Input
-            }] } });
+                    }, imports: [ThyIcon], template: "@if (thyIcon()) {\n  <thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n" }]
+        }], ctorParameters: () => [] });
 
 /**
  * @name thyTextColor
@@ -34,15 +37,17 @@ class ThyTextColorDirective {
         this.elementRef = inject(ElementRef);
         this.color = '';
         this.hostRenderer = useHostRenderer();
-    }
-    /**
-     * @type ThyThemeColor | ThyTextColor | string
-     * @description 文本颜色，支持设置主题色和自定义颜色值，主题色为 `default`、`primary`、`success`、`info`、`warning`、`danger`、`light`、`secondary`、`muted`、`desc`、`placeholder`
-     */
-    set thyTextColor(value) {
-        this.clearColor();
-        this.color = value;
-        this.setColor();
+        /**
+         * @type ThyThemeColor | ThyTextColor | string
+         * @description 文本颜色，支持设置主题色和自定义颜色值，主题色为 `default`、`primary`、`success`、`info`、`warning`、`danger`、`light`、`secondary`、`muted`、`desc`、`placeholder`
+         */
+        this.thyTextColor = input(undefined);
+        effect(() => {
+            const color = this.thyTextColor();
+            this.clearColor();
+            this.color = color;
+            this.setColor();
+        });
     }
     ngOnInit() { }
     setColor() {
@@ -60,7 +65,7 @@ class ThyTextColorDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTextColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyTextColorDirective, isStandalone: true, selector: "[thyTextColor]", inputs: { thyTextColor: "thyTextColor" }, exportAs: ["thyTextColor"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyTextColorDirective, isStandalone: true, selector: "[thyTextColor]", inputs: { thyTextColor: { classPropertyName: "thyTextColor", publicName: "thyTextColor", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["thyTextColor"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTextColorDirective, decorators: [{
             type: Directive,
@@ -68,9 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     selector: '[thyTextColor]',
                     exportAs: 'thyTextColor'
                 }]
-        }], propDecorators: { thyTextColor: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 /**
  * @name thyBgColor
@@ -81,15 +84,17 @@ class ThyBackgroundColorDirective {
         this.elementRef = inject(ElementRef);
         this.bgColor = '';
         this.hostRenderer = useHostRenderer();
-    }
-    /**
-     *  @type ThyThemeColor | ThyBgColor | string
-     *  @description 背景颜色，支持设置主题色和自定义颜色值，主题色为 `primary`、`success`、`info`、`danger`、`warning`、`dark`、`secondary`、`light`、`lighter`、`bright`、`content`、`white`、`transparent`
-     */
-    set thyBgColor(value) {
-        this.clearBgColor();
-        this.bgColor = value;
-        this.setBgColor();
+        /**
+         *  @type ThyThemeColor | ThyBgColor | string
+         *  @description 背景颜色，支持设置主题色和自定义颜色值，主题色为 `primary`、`success`、`info`、`danger`、`warning`、`dark`、`secondary`、`light`、`lighter`、`bright`、`content`、`white`、`transparent`
+         */
+        this.thyBgColor = input(undefined);
+        effect(() => {
+            const bgColor = this.thyBgColor();
+            this.clearBgColor();
+            this.bgColor = bgColor;
+            this.setBgColor();
+        });
     }
     setBgColor() {
         if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {
@@ -106,7 +111,7 @@ class ThyBackgroundColorDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBackgroundColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyBackgroundColorDirective, isStandalone: true, selector: "[thyBgColor]", inputs: { thyBgColor: "thyBgColor" }, exportAs: ["thyBgColor"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyBackgroundColorDirective, isStandalone: true, selector: "[thyBgColor]", inputs: { thyBgColor: { classPropertyName: "thyBgColor", publicName: "thyBgColor", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["thyBgColor"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyBackgroundColorDirective, decorators: [{
             type: Directive,
@@ -114,9 +119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     selector: '[thyBgColor]',
                     exportAs: 'thyBgColor'
                 }]
-        }], propDecorators: { thyBgColor: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class ThyTypographyModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-typography.mjs","sources":["../../../src/typography/text/text.component.ts","../../../src/typography/text/text.component.html","../../../src/typography/text-color.directive.ts","../../../src/typography/bg-color.directive.ts","../../../src/typography/module.ts","../../../src/typography/ngx-tethys-typography.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 文本组件\n * @name thy-text,[thyText]\n * @order 10\n */\n@Component({\n    selector: 'thy-text, [thyText]:not(thy-divider)',\n    templateUrl: './text.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-text'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyText implements OnInit {\n    /**\n     * 前置图标\n     */\n    @Input() thyIcon: string;\n\n    constructor() {}\n\n    ngOnInit(): void {}\n}\n","@if (thyIcon) {\n  <thy-icon [thyIconName]=\"thyIcon\"></thy-icon>\n}\n<ng-content></ng-content>\n","import { Directive, ElementRef, Input, OnInit, inject } from '@angular/core';\nimport { isTextColor, isThemeColor, ThyTextColor, ThyThemeColor } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\n\n/**\n * @name thyTextColor\n * @order 20\n */\n@Directive({\n    selector: '[thyTextColor]',\n    exportAs: 'thyTextColor'\n})\nexport class ThyTextColorDirective implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    private color: ThyThemeColor | ThyTextColor | string = '';\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     * @type ThyThemeColor | ThyTextColor | string\n     * @description 文本颜色，支持设置主题色和自定义颜色值，主题色为 `default`、`primary`、`success`、`info`、`warning`、`danger`、`light`、`secondary`、`muted`、`desc`、`placeholder`\n     */\n    @Input() set thyTextColor(value: ThyThemeColor | ThyTextColor | string) {\n        this.clearColor();\n        this.color = value;\n        this.setColor();\n    }\n\n    ngOnInit(): void {}\n\n    private setColor() {\n        if (isThemeColor(this.color) || isTextColor(this.color)) {\n            this.hostRenderer.addClass(`text-${this.color}`);\n        } else {\n            this.hostRenderer.setStyle('color', this.color);\n        }\n    }\n\n    private clearColor() {\n        this.hostRenderer.setStyle('color', '');\n        if (isThemeColor(this.color) || isTextColor(this.color)) {\n            this.hostRenderer.removeClass(`text-${this.color}`);\n        }\n    }\n}\n","import { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { isBgColor, isThemeColor, ThyBgColor, ThyThemeColor } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\n\n/**\n * @name thyBgColor\n * @order 30\n */\n@Directive({\n    selector: '[thyBgColor]',\n    exportAs: 'thyBgColor'\n})\nexport class ThyBackgroundColorDirective {\n    private elementRef = inject(ElementRef);\n\n    private bgColor: ThyThemeColor | ThyBgColor | string = '';\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     *  @type ThyThemeColor | ThyBgColor | string\n     *  @description 背景颜色，支持设置主题色和自定义颜色值，主题色为 `primary`、`success`、`info`、`danger`、`warning`、`dark`、`secondary`、`light`、`lighter`、`bright`、`content`、`white`、`transparent`\n     */\n    @Input() set thyBgColor(value: ThyThemeColor | ThyBgColor | string) {\n        this.clearBgColor();\n        this.bgColor = value;\n        this.setBgColor();\n    }\n\n    private setBgColor() {\n        if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {\n            this.hostRenderer.addClass(`bg-${this.bgColor}`);\n        } else {\n            this.hostRenderer.setStyle('background-color', this.bgColor);\n        }\n    }\n\n    private clearBgColor() {\n        this.hostRenderer.setStyle('background-color', '');\n        if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {\n            this.hostRenderer.removeClass(`bg-${this.bgColor}`);\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyText } from './text/text.component';\nimport { ThyTextColorDirective } from './text-color.directive';\nimport { ThyBackgroundColorDirective } from './bg-color.directive';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyText, ThyTextColorDirective, ThyBackgroundColorDirective],\n    exports: [ThyText, ThyTextColorDirective, ThyBackgroundColorDirective],\n    providers: []\n})\nexport class ThyTypographyModule {}\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-typography.mjs","sources":["../../../src/typography/text/text.component.ts","../../../src/typography/text/text.component.html","../../../src/typography/text-color.directive.ts","../../../src/typography/bg-color.directive.ts","../../../src/typography/module.ts","../../../src/typography/ngx-tethys-typography.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnInit, input } from '@angular/core';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\n/**\n * 文本组件\n * @name thy-text,[thyText]\n * @order 10\n */\n@Component({\n    selector: 'thy-text, [thyText]:not(thy-divider)',\n    templateUrl: './text.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-text'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyText implements OnInit {\n    /**\n     * 前置图标\n     */\n    readonly thyIcon = input<string>(undefined);\n\n    constructor() {}\n\n    ngOnInit(): void {}\n}\n","@if (thyIcon()) {\n  <thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n","import { Directive, ElementRef, OnInit, effect, inject, input } from '@angular/core';\nimport { isTextColor, isThemeColor, ThyTextColor, ThyThemeColor } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\n\n/**\n * @name thyTextColor\n * @order 20\n */\n@Directive({\n    selector: '[thyTextColor]',\n    exportAs: 'thyTextColor'\n})\nexport class ThyTextColorDirective implements OnInit {\n    private elementRef = inject(ElementRef);\n\n    private color: ThyThemeColor | ThyTextColor | string = '';\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     * @type ThyThemeColor | ThyTextColor | string\n     * @description 文本颜色，支持设置主题色和自定义颜色值，主题色为 `default`、`primary`、`success`、`info`、`warning`、`danger`、`light`、`secondary`、`muted`、`desc`、`placeholder`\n     */\n    readonly thyTextColor = input<ThyThemeColor | ThyTextColor | string>(undefined);\n\n    constructor() {\n        effect(() => {\n            const color = this.thyTextColor();\n            this.clearColor();\n            this.color = color;\n            this.setColor();\n        });\n    }\n\n    ngOnInit(): void {}\n\n    private setColor() {\n        if (isThemeColor(this.color) || isTextColor(this.color)) {\n            this.hostRenderer.addClass(`text-${this.color}`);\n        } else {\n            this.hostRenderer.setStyle('color', this.color);\n        }\n    }\n\n    private clearColor() {\n        this.hostRenderer.setStyle('color', '');\n        if (isThemeColor(this.color) || isTextColor(this.color)) {\n            this.hostRenderer.removeClass(`text-${this.color}`);\n        }\n    }\n}\n","import { Directive, ElementRef, effect, inject, input } from '@angular/core';\nimport { isBgColor, isThemeColor, ThyBgColor, ThyThemeColor } from 'ngx-tethys/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\n\n/**\n * @name thyBgColor\n * @order 30\n */\n@Directive({\n    selector: '[thyBgColor]',\n    exportAs: 'thyBgColor'\n})\nexport class ThyBackgroundColorDirective {\n    private elementRef = inject(ElementRef);\n\n    private bgColor: ThyThemeColor | ThyBgColor | string = '';\n\n    private hostRenderer = useHostRenderer();\n\n    /**\n     *  @type ThyThemeColor | ThyBgColor | string\n     *  @description 背景颜色，支持设置主题色和自定义颜色值，主题色为 `primary`、`success`、`info`、`danger`、`warning`、`dark`、`secondary`、`light`、`lighter`、`bright`、`content`、`white`、`transparent`\n     */\n    readonly thyBgColor = input<ThyThemeColor | ThyBgColor | string>(undefined);\n\n    constructor() {\n        effect(() => {\n            const bgColor = this.thyBgColor();\n            this.clearBgColor();\n            this.bgColor = bgColor;\n            this.setBgColor();\n        });\n    }\n\n    private setBgColor() {\n        if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {\n            this.hostRenderer.addClass(`bg-${this.bgColor}`);\n        } else {\n            this.hostRenderer.setStyle('background-color', this.bgColor);\n        }\n    }\n\n    private clearBgColor() {\n        this.hostRenderer.setStyle('background-color', '');\n        if (isThemeColor(this.bgColor) || isBgColor(this.bgColor)) {\n            this.hostRenderer.removeClass(`bg-${this.bgColor}`);\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyText } from './text/text.component';\nimport { ThyTextColorDirective } from './text-color.directive';\nimport { ThyBackgroundColorDirective } from './bg-color.directive';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyText, ThyTextColorDirective, ThyBackgroundColorDirective],\n    exports: [ThyText, ThyTextColorDirective, ThyBackgroundColorDirective],\n    providers: []\n})\nexport class ThyTypographyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}