ngx-tethys 18.0.8 → 18.1.0-next.1

package/fesm2022/ngx-tethys-flexible-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-flexible-text.mjs","sources":["../../../src/flexible-text/flexible-text.component.ts","../../../src/flexible-text/flexible-text.component.html","../../../src/flexible-text/flexible-text.module.ts","../../../src/flexible-text/ngx-tethys-flexible-text.ts"],"sourcesContent":["import { ContentObserver } from '@angular/cdk/observers';\nimport { AfterContentInit, Component, ElementRef, Input, NgZone, OnDestroy, OnInit, TemplateRef, numberAttribute } from '@angular/core';\nimport { ThyPlacement } from 'ngx-tethys/core';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { isUndefinedOrNull } from 'ngx-tethys/util';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { from, Observable, Subject, Subscription } from 'rxjs';\nimport { debounceTime, take, takeUntil } from 'rxjs/operators';\n\n/**\n * 文本提示组件，支持组件 thy-flexible-text 和指令 [thyFlexibleText] 两种方式\n * @name thy-flexible-text,[thyFlexibleText]\n */\n@Component({\n    selector: 'thy-flexible-text,[thyFlexibleText]',\n    exportAs: 'thyFlexibleText',\n    templateUrl: './flexible-text.component.html',\n    hostDirectives: [ThyTooltipDirective],\n    standalone: true\n})\nexport class ThyFlexibleText implements OnInit, AfterContentInit, OnDestroy {\n    isOverflow = false;\n\n    content: string | TemplateRef<HTMLElement>;\n\n    placement: ThyPlacement;\n\n    containerClass: string;\n\n    subscription: Subscription | null = null;\n\n    offset: number;\n\n    /**\n     * 触发提示方式\n     * @type hover | focus | click\n     * @default hover\n     */\n    @Input('thyTooltipTrigger') trigger: 'hover' | 'focus' | 'click';\n\n    /**\n     * 自定义class类，如果不设置默认会包含 `flexible-text-container`\n     */\n    @Input('thyContainerClass')\n    set thyContainerClass(value: string) {\n        this.containerClass = value;\n        this.updateContainerClass();\n    }\n\n    get thyContainerClass(): string {\n        return this.containerClass;\n    }\n\n    /**\n     * 需要展示的全部内容\n     * @type string | TemplateRef<HTMLElement>\n     */\n    @Input('thyTooltipContent') set thyContent(value: string | TemplateRef<HTMLElement>) {\n        this.content = value;\n        if (this.tooltipDirective) {\n            this.tooltipDirective.content = this.content;\n        }\n    }\n\n    /**\n     * tooltip 的提示位置\n     * @type top | bottom | left | right\n     * @default top\n     */\n    @Input('thyTooltipPlacement') set thyPlacement(value: ThyPlacement) {\n        this.placement = value;\n        if (this.tooltipDirective) {\n            this.tooltipDirective.placement = this.placement;\n        }\n    }\n\n    /**\n     * tooltip 偏移量\n     */\n    @Input({ alias: 'thyTooltipOffset', transform: numberAttribute }) set thyOffset(value: number) {\n        this.offset = value;\n        if (this.tooltipDirective) {\n            this.tooltipDirective.tooltipOffset = this.offset;\n        }\n    }\n\n    private destroy$ = new Subject<void>();\n\n    private hostRenderer = useHostRenderer();\n\n    constructor(\n        private elementRef: ElementRef,\n        private contentObserver: ContentObserver,\n        private ngZone: NgZone,\n        public tooltipDirective: ThyTooltipDirective\n    ) {}\n\n    static createResizeObserver(element: HTMLElement) {\n        return new Observable(observer => {\n            const resize = new ResizeObserver(entries => {\n                observer.next(entries);\n            });\n            resize.observe(element);\n            return () => {\n                resize.disconnect();\n            };\n        });\n    }\n\n    ngOnInit() {\n        this.updateContainerClass();\n        if (this.placement) {\n            this.tooltipDirective.placement = this.placement;\n        }\n        if (this.offset) {\n            this.tooltipDirective.tooltipOffset = this.offset;\n        }\n        if (this.trigger) {\n            this.tooltipDirective.trigger = this.trigger;\n        }\n        this.tooltipDirective.content = this.content;\n        this.tooltipDirective.thyTooltipDisabled = true;\n    }\n\n    ngAfterContentInit() {\n        // Note: the zone may be nooped through `BootstrapOptions` when bootstrapping the root module. This means\n        // the `onStable` will never emit any value.\n        const onStable$ = this.ngZone.isStable ? from(Promise.resolve()) : this.ngZone.onStable.pipe(take(1));\n        // Normally this isn't in the zone, but it can cause performance regressions for apps\n        // using `zone-patch-rxjs` because it'll trigger a change detection when it unsubscribes.\n        this.ngZone.runOutsideAngular(() => {\n            // Wait for the next time period to avoid blocking the js thread.\n            onStable$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n                this.contentObserver\n                    .observe(this.elementRef)\n                    .pipe(debounceTime(100), takeUntil(this.destroy$))\n                    .subscribe(() => {\n                        this.applyOverflow();\n                    });\n\n                ThyFlexibleText.createResizeObserver(this.elementRef.nativeElement)\n                    .pipe(debounceTime(100), takeUntil(this.destroy$))\n                    .subscribe(() => {\n                        this.applyOverflow();\n                    });\n            });\n        });\n    }\n\n    ngOnDestroy() {\n        this.destroy$.next();\n        this.tooltipDirective.hide();\n    }\n\n    applyOverflow() {\n        const nativeElement = this.elementRef.nativeElement;\n        if (nativeElement.clientWidth < nativeElement.scrollWidth || nativeElement.clientHeight < nativeElement.scrollHeight) {\n            this.isOverflow = true;\n        } else {\n            this.isOverflow = false;\n        }\n        this.tooltipDirective.thyTooltipDisabled = !this.isOverflow;\n    }\n\n    updateContainerClass() {\n        const containerClass = isUndefinedOrNull(this.containerClass) ? 'flexible-text-container' : this.containerClass;\n        const flexibleTextClass = {\n            'text-truncate': true,\n            [containerClass]: containerClass !== ''\n        };\n        this.hostRenderer.updateClassByMap(flexibleTextClass);\n    }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyFlexibleText } from './flexible-text.component';\nimport { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { ObserversModule } from '@angular/cdk/observers';\n\n@NgModule({\n    imports: [CommonModule, ThyTooltipModule, ObserversModule, ThyFlexibleText],\n    exports: [ThyFlexibleText]\n})\nexport class ThyFlexibleTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AASA;;;AAGG;MAQU,eAAe,CAAA;AAoBxB;;AAEG;IACH,IACI,iBAAiB,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC/B;AAED,IAAA,IAAI,iBAAiB,GAAA;QACjB,OAAO,IAAI,CAAC,cAAc,CAAC;KAC9B;AAED;;;AAGG;IACH,IAAgC,UAAU,CAAC,KAAwC,EAAA;AAC/E,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACrB,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;SAChD;KACJ;AAED;;;;AAIG;IACH,IAAkC,YAAY,CAAC,KAAmB,EAAA;AAC9D,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;SACpD;KACJ;AAED;;AAEG;IACH,IAAsE,SAAS,CAAC,KAAa,EAAA;AACzF,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;AACpB,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;SACrD;KACJ;AAMD,IAAA,WAAA,CACY,UAAsB,EACtB,eAAgC,EAChC,MAAc,EACf,gBAAqC,EAAA;QAHpC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QACtB,IAAe,CAAA,eAAA,GAAf,eAAe,CAAiB;QAChC,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QACf,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAqB;QAzEhD,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAQnB,IAAY,CAAA,YAAA,GAAwB,IAAI,CAAC;AAyDjC,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;QAE/B,IAAY,CAAA,YAAA,GAAG,eAAe,EAAE,CAAC;KAOrC;IAEJ,OAAO,oBAAoB,CAAC,OAAoB,EAAA;AAC5C,QAAA,OAAO,IAAI,UAAU,CAAC,QAAQ,IAAG;AAC7B,YAAA,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,OAAO,IAAG;AACxC,gBAAA,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC3B,aAAC,CAAC,CAAC;AACH,YAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACxB,YAAA,OAAO,MAAK;gBACR,MAAM,CAAC,UAAU,EAAE,CAAC;AACxB,aAAC,CAAC;AACN,SAAC,CAAC,CAAC;KACN;IAED,QAAQ,GAAA;QACJ,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC5B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;SACpD;AACD,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACb,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;SACrD;AACD,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;SAChD;QACD,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAC7C,QAAA,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,GAAG,IAAI,CAAC;KACnD;IAED,kBAAkB,GAAA;;;AAGd,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;;;AAGtG,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;;AAE/B,YAAA,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;AACpD,gBAAA,IAAI,CAAC,eAAe;AACf,qBAAA,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;AACxB,qBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;qBACjD,SAAS,CAAC,MAAK;oBACZ,IAAI,CAAC,aAAa,EAAE,CAAC;AACzB,iBAAC,CAAC,CAAC;gBAEP,eAAe,CAAC,oBAAoB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AAC9D,qBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;qBACjD,SAAS,CAAC,MAAK;oBACZ,IAAI,CAAC,aAAa,EAAE,CAAC;AACzB,iBAAC,CAAC,CAAC;AACX,aAAC,CAAC,CAAC;AACP,SAAC,CAAC,CAAC;KACN;IAED,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACrB,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,aAAa,GAAA;AACT,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AACpD,QAAA,IAAI,aAAa,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,IAAI,aAAa,CAAC,YAAY,GAAG,aAAa,CAAC,YAAY,EAAE;AAClH,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B;aAAM;AACH,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;SAC3B;QACD,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;KAC/D;IAED,oBAAoB,GAAA;AAChB,QAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC;AAChH,QAAA,MAAM,iBAAiB,GAAG;AACtB,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,CAAC,cAAc,GAAG,cAAc,KAAK,EAAE;SAC1C,CAAC;AACF,QAAA,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;KACzD;8GAvJQ,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,EAAA,SAAA,CAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAAA,EAAA,YAAA,EAAA,CAAA,qBAAA,EAAA,cAAA,CAAA,EAAA,SAAA,EAAA,CAAA,kBAAA,EAAA,WAAA,EA2DuB,eAAe,CAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/ElE,6BACA,EAAA,CAAA,CAAA,EAAA;;2FDmBa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qCAAqC,YACrC,iBAAiB,EAAA,cAAA,EAEX,CAAC,mBAAmB,CAAC,cACzB,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;oKAoBY,OAAO,EAAA,CAAA;sBAAlC,KAAK;uBAAC,mBAAmB,CAAA;gBAMtB,iBAAiB,EAAA,CAAA;sBADpB,KAAK;uBAAC,mBAAmB,CAAA;gBAcM,UAAU,EAAA,CAAA;sBAAzC,KAAK;uBAAC,mBAAmB,CAAA;gBAYQ,YAAY,EAAA,CAAA;sBAA7C,KAAK;uBAAC,qBAAqB,CAAA;gBAU0C,SAAS,EAAA,CAAA;sBAA9E,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;;;MErEvD,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAArB,qBAAqB,EAAA,OAAA,EAAA,CAHpB,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,CAAA,EAAA,OAAA,EAAA,CAChE,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;AAEhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAHpB,OAAA,EAAA,CAAA,YAAY,EAAE,gBAAgB,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGhD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,CAAC;oBAC3E,OAAO,EAAE,CAAC,eAAe,CAAC;AAC7B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"ngx-tethys-flexible-text.mjs","sources":["../../../src/flexible-text/flexible-text.component.ts","../../../src/flexible-text/flexible-text.component.html","../../../src/flexible-text/flexible-text.module.ts","../../../src/flexible-text/ngx-tethys-flexible-text.ts"],"sourcesContent":["import { ContentObserver } from '@angular/cdk/observers';\nimport {\n    AfterContentInit,\n    Component,\n    ElementRef,\n    Input,\n    NgZone,\n    OnDestroy,\n    OnInit,\n    TemplateRef,\n    numberAttribute,\n    inject\n} from '@angular/core';\nimport { ThyPlacement } from 'ngx-tethys/core';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { isUndefinedOrNull } from 'ngx-tethys/util';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { from, Observable, Subject, Subscription } from 'rxjs';\nimport { debounceTime, take, takeUntil } from 'rxjs/operators';\n\n/**\n * 文本提示组件，支持组件 thy-flexible-text 和指令 [thyFlexibleText] 两种方式\n * @name thy-flexible-text,[thyFlexibleText]\n */\n@Component({\n    selector: 'thy-flexible-text,[thyFlexibleText]',\n    exportAs: 'thyFlexibleText',\n    templateUrl: './flexible-text.component.html',\n    hostDirectives: [ThyTooltipDirective],\n    standalone: true\n})\nexport class ThyFlexibleText implements OnInit, AfterContentInit, OnDestroy {\n    private elementRef = inject(ElementRef);\n    private contentObserver = inject(ContentObserver);\n    private ngZone = inject(NgZone);\n    tooltipDirective = inject(ThyTooltipDirective);\n\n    isOverflow = false;\n\n    content: string | TemplateRef<HTMLElement>;\n\n    placement: ThyPlacement;\n\n    containerClass: string;\n\n    subscription: Subscription | null = null;\n\n    offset: number;\n\n    /**\n     * 触发提示方式\n     * @type hover | focus | click\n     * @default hover\n     */\n    @Input('thyTooltipTrigger') trigger: 'hover' | 'focus' | 'click';\n\n    /**\n     * 自定义class类，如果不设置默认会包含 `flexible-text-container`\n     */\n    @Input('thyContainerClass')\n    set thyContainerClass(value: string) {\n        this.containerClass = value;\n        this.updateContainerClass();\n    }\n\n    get thyContainerClass(): string {\n        return this.containerClass;\n    }\n\n    /**\n     * 需要展示的全部内容\n     * @type string | TemplateRef<HTMLElement>\n     */\n    @Input('thyTooltipContent') set thyContent(value: string | TemplateRef<HTMLElement>) {\n        this.content = value;\n        if (this.tooltipDirective) {\n            this.tooltipDirective.content = this.content;\n        }\n    }\n\n    /**\n     * tooltip 的提示位置\n     * @type top | bottom | left | right\n     * @default top\n     */\n    @Input('thyTooltipPlacement') set thyPlacement(value: ThyPlacement) {\n        this.placement = value;\n        if (this.tooltipDirective) {\n            this.tooltipDirective.placement = this.placement;\n        }\n    }\n\n    /**\n     * tooltip 偏移量\n     */\n    @Input({ alias: 'thyTooltipOffset', transform: numberAttribute }) set thyOffset(value: number) {\n        this.offset = value;\n        if (this.tooltipDirective) {\n            this.tooltipDirective.tooltipOffset = this.offset;\n        }\n    }\n\n    private destroy$ = new Subject<void>();\n\n    private hostRenderer = useHostRenderer();\n\n    static createResizeObserver(element: HTMLElement) {\n        return new Observable(observer => {\n            const resize = new ResizeObserver(entries => {\n                observer.next(entries);\n            });\n            resize.observe(element);\n            return () => {\n                resize.disconnect();\n            };\n        });\n    }\n\n    ngOnInit() {\n        this.updateContainerClass();\n        if (this.placement) {\n            this.tooltipDirective.placement = this.placement;\n        }\n        if (this.offset) {\n            this.tooltipDirective.tooltipOffset = this.offset;\n        }\n        if (this.trigger) {\n            this.tooltipDirective.trigger = this.trigger;\n        }\n        this.tooltipDirective.content = this.content;\n        this.tooltipDirective.thyTooltipDisabled = true;\n    }\n\n    ngAfterContentInit() {\n        // Note: the zone may be nooped through `BootstrapOptions` when bootstrapping the root module. This means\n        // the `onStable` will never emit any value.\n        const onStable$ = this.ngZone.isStable ? from(Promise.resolve()) : this.ngZone.onStable.pipe(take(1));\n        // Normally this isn't in the zone, but it can cause performance regressions for apps\n        // using `zone-patch-rxjs` because it'll trigger a change detection when it unsubscribes.\n        this.ngZone.runOutsideAngular(() => {\n            // Wait for the next time period to avoid blocking the js thread.\n            onStable$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n                this.contentObserver\n                    .observe(this.elementRef)\n                    .pipe(debounceTime(100), takeUntil(this.destroy$))\n                    .subscribe(() => {\n                        this.applyOverflow();\n                    });\n\n                ThyFlexibleText.createResizeObserver(this.elementRef.nativeElement)\n                    .pipe(debounceTime(100), takeUntil(this.destroy$))\n                    .subscribe(() => {\n                        this.applyOverflow();\n                    });\n            });\n        });\n    }\n\n    ngOnDestroy() {\n        this.destroy$.next();\n        this.tooltipDirective.hide();\n    }\n\n    applyOverflow() {\n        const nativeElement = this.elementRef.nativeElement;\n        if (nativeElement.clientWidth < nativeElement.scrollWidth || nativeElement.clientHeight < nativeElement.scrollHeight) {\n            this.isOverflow = true;\n        } else {\n            this.isOverflow = false;\n        }\n        this.tooltipDirective.thyTooltipDisabled = !this.isOverflow;\n    }\n\n    updateContainerClass() {\n        const containerClass = isUndefinedOrNull(this.containerClass) ? 'flexible-text-container' : this.containerClass;\n        const flexibleTextClass = {\n            'text-truncate': true,\n            [containerClass]: containerClass !== ''\n        };\n        this.hostRenderer.updateClassByMap(flexibleTextClass);\n    }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyFlexibleText } from './flexible-text.component';\nimport { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { ObserversModule } from '@angular/cdk/observers';\n\n@NgModule({\n    imports: [CommonModule, ThyTooltipModule, ObserversModule, ThyFlexibleText],\n    exports: [ThyFlexibleText]\n})\nexport class ThyFlexibleTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-form.mjs

@@ -2,17 +2,16 @@ import { ThyAlert, ThyAlertModule } from 'ngx-tethys/alert';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { ThyInputModule } from 'ngx-tethys/input';
 import { ThyTooltipDirective, ThyTooltipModule } from 'ngx-tethys/tooltip';
-import { NgClass, NgFor, NgIf, NgTemplateOutlet, CommonModule } from '@angular/common';
+import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, Directive, Input, HostBinding, ContentChildren, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, EventEmitter, Output, HostListener, forwardRef, NgModule } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { NgForm, FormGroupDirective, NgControl, NG_ASYNC_VALIDATORS, Validators, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { InjectionToken, Injectable, Optional, Inject, inject, ElementRef, Renderer2, NgZone, Directive, Input, HostBinding, ContentChildren, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, EventEmitter, Output, HostListener, forwardRef, NgModule } from '@angular/core';
+import { NgForm, FormGroupDirective, ControlContainer, NgControl, NG_ASYNC_VALIDATORS, Validators, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { helpers, isUndefinedOrNull, keycodes, coerceBooleanProperty as coerceBooleanProperty$1 } from 'ngx-tethys/util';
 import { useHostRenderer } from '@tethys/cdk/dom';
-import { of, Subject } from 'rxjs';
+import { Subject, of } from 'rxjs';
 import { debounceTime, distinctUntilChanged, filter, switchMap, takeUntil, map, catchError } from 'rxjs/operators';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i1$1 from 'ngx-tethys/core';
+import { ThyTranslate } from 'ngx-tethys/core';
 
 const THY_VALIDATOR_CONFIG = new InjectionToken('VALIDATION_CONFIG');
 const THY_FORM_CONFIG = new InjectionToken('THY_FORM_CONFIG');
@@ -153,6 +152,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class ThyFormValidatorService {
+    constructor() {
+        this.thyFormValidateLoader = inject(ThyFormValidatorLoader);
+        this.errors = [];
+        this._controls = [];
+        // 记录所有元素的验证信息
+        this.validations = {};
+        this._destroy$ = new Subject();
+    }
     _getElement(name) {
         const element = this._formElement.elements[name];
         if (element) {
@@ -278,14 +285,6 @@ class ThyFormValidatorService {
     _getValidateOn() {
         return (this._config && this._config.validateOn) || this.thyFormValidateLoader.validateOn;
     }
-    constructor(thyFormValidateLoader) {
-        this.thyFormValidateLoader = thyFormValidateLoader;
-        this.errors = [];
-        this._controls = [];
-        // 记录所有元素的验证信息
-        this.validations = {};
-        this._destroy$ = new Subject();
-    }
     initialize(ngForm, formElement) {
         this._ngForm = ngForm;
         this._formElement = formElement;
@@ -387,12 +386,12 @@ class ThyFormValidatorService {
     ngOnDestroy() {
         this._destroy$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormValidatorService, deps: [{ token: ThyFormValidatorLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormValidatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormValidatorService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormValidatorService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: ThyFormValidatorLoader }] });
+        }] });
 
 // 1. submit 按 Enter 键提交, Textare或包含[contenteditable]属性的元素 除外，需要按 Ctrl | Command + Enter 提交
 // 2. alwaysSubmit 不管是哪个元素 按 Enter 键都提交
@@ -435,13 +434,13 @@ class ThyFormDirective {
     set thyFormValidatorConfig(config) {
         this.validator.setValidatorConfig(config);
     }
-    constructor(ngForm, elementRef, renderer, ngZone, validator, config) {
-        this.ngForm = ngForm;
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.validator = validator;
-        this.config = config;
+    constructor() {
+        this.ngForm = inject(ControlContainer);
+        this.elementRef = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        this.ngZone = inject(NgZone);
+        this.validator = inject(ThyFormValidatorService);
+        this.config = inject(THY_FORM_CONFIG);
         this.initialized = false;
         this.hostRenderer = useHostRenderer();
         this.wasValidated = false;
@@ -514,7 +513,7 @@ class ThyFormDirective {
             this._unsubscribe = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormDirective, deps: [{ token: i1.ControlContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: ThyFormValidatorService }, { token: THY_FORM_CONFIG }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ThyFormDirective, isStandalone: true, selector: "[thyForm],[thy-form]", inputs: { thyLayout: "thyLayout", thyEnterKeyMode: "thyEnterKeyMode", thyFormValidatorConfig: "thyFormValidatorConfig" }, host: { properties: { "class.was-validated": "this.wasValidated" }, classAttribute: "thy-form" }, providers: [ThyFormValidatorService], queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], exportAs: ["thyForm"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormDirective, decorators: [{
@@ -528,10 +527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     },
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1.ControlContainer }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: ThyFormValidatorService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [THY_FORM_CONFIG]
-                }] }], propDecorators: { thyLayout: [{
+        }], ctorParameters: () => [], propDecorators: { thyLayout: [{
                 type: Input
             }], thyEnterKeyMode: [{
                 type: Input
@@ -552,6 +548,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 50
  */
 class ThyFormGroupError {
+    constructor() {
+        this.thyParentForm = inject(ThyFormDirective, { optional: true });
+        this.thyShowFirst = true;
+        this.isHorizontal = true;
+    }
     /**
      * @type string[]
      */
@@ -565,25 +566,18 @@ class ThyFormGroupError {
     get _isFormGroup() {
         return this.thyErrors && this.thyErrors.length > 0;
     }
-    constructor(thyParentForm) {
-        this.thyParentForm = thyParentForm;
-        this.thyShowFirst = true;
-        this.isHorizontal = true;
-    }
     ngOnInit() {
         if (this.thyParentForm) {
             this.isHorizontal = this.thyParentForm.isHorizontal;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupError, deps: [{ token: ThyFormDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyFormGroupError, isStandalone: true, selector: "thy-form-group-error", inputs: { thyShowFirst: ["thyShowFirst", "thyShowFirst", coerceBooleanProperty$1], thyErrors: "thyErrors" }, host: { properties: { "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal" } }, ngImport: i0, template: "<div [ngClass]=\"{ 'col-sm-10 offset-sm-2 col-form-control': isHorizontal }\">\n  <thy-alert *ngFor=\"let error of thyErrors\" thyType=\"danger\" [thyMessage]=\"error\"></thy-alert>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyAlert, selector: "thy-alert", inputs: ["thyType", "thyTheme", "thyMessage", "thyIcon", "thyCloseable"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupError, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyFormGroupError, isStandalone: true, selector: "thy-form-group-error", inputs: { thyShowFirst: ["thyShowFirst", "thyShowFirst", coerceBooleanProperty$1], thyErrors: "thyErrors" }, host: { properties: { "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal" } }, ngImport: i0, template: "<div [ngClass]=\"{ 'col-sm-10 offset-sm-2 col-form-control': isHorizontal }\">\n  @for (error of thyErrors; track $index) {\n    <thy-alert thyType=\"danger\" [thyMessage]=\"error\"></thy-alert>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyAlert, selector: "thy-alert", inputs: ["thyType", "thyTheme", "thyMessage", "thyIcon", "thyCloseable"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupError, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-form-group-error', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgFor, ThyAlert], template: "<div [ngClass]=\"{ 'col-sm-10 offset-sm-2 col-form-control': isHorizontal }\">\n  <thy-alert *ngFor=\"let error of thyErrors\" thyType=\"danger\" [thyMessage]=\"error\"></thy-alert>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: ThyFormDirective, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { thyShowFirst: [{
+            args: [{ selector: 'thy-form-group-error', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, ThyAlert], template: "<div [ngClass]=\"{ 'col-sm-10 offset-sm-2 col-form-control': isHorizontal }\">\n  @for (error of thyErrors; track $index) {\n    <thy-alert thyType=\"danger\" [thyMessage]=\"error\"></thy-alert>\n  }\n</div>\n" }]
+        }], propDecorators: { thyShowFirst: [{
                 type: Input,
                 args: [{ transform: coerceBooleanProperty$1 }]
             }], thyErrors: [{
@@ -601,6 +595,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 45
  */
 class ThyFormGroupLabelDirective {
+    constructor() {
+        this.thyTranslate = inject(ThyTranslate);
+        this.labelRequired = false;
+        this._isFormGroupLabel = true;
+    }
     set thyLabelText(value) {
         this.labelText = value;
     }
@@ -612,12 +611,7 @@ class ThyFormGroupLabelDirective {
     set thyLabelRequired(value) {
         this.labelRequired = value;
     }
-    constructor(thyTranslate) {
-        this.thyTranslate = thyTranslate;
-        this.labelRequired = false;
-        this._isFormGroupLabel = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupLabelDirective, deps: [{ token: i1$1.ThyTranslate }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.0", type: ThyFormGroupLabelDirective, isStandalone: true, selector: "[thyFormGroupLabel]", inputs: { thyLabelText: "thyLabelText", thyLabelTranslateKey: "thyLabelTranslateKey", thyLabelRequired: ["thyLabelRequired", "thyLabelRequired", coerceBooleanProperty$1] }, host: { properties: { "class.label-required": "this.labelRequired", "class.col-form-label": "this._isFormGroupLabel" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupLabelDirective, decorators: [{
@@ -626,7 +620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     selector: '[thyFormGroupLabel]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$1.ThyTranslate }], propDecorators: { labelRequired: [{
+        }], propDecorators: { labelRequired: [{
                 type: HostBinding,
                 args: ['class.label-required']
             }], _isFormGroupLabel: [{
@@ -650,6 +644,17 @@ const internalIconMap = {
  * @order 40
  */
 class ThyFormGroup {
+    constructor() {
+        this.thyParentForm = inject(ThyFormDirective, { optional: true });
+        this.thyTranslate = inject(ThyTranslate);
+        this.labelRequired = false;
+        this.labelPaddingTopClear = false;
+        this.tipMode = 'default';
+        this._rowFill = false;
+        this._isFormGroup = true;
+        this.isHorizontal = true;
+        this.hasFeedback = false;
+    }
     /**
      * Label 文本
      */
@@ -717,29 +722,16 @@ class ThyFormGroup {
     set thyRowFill(value) {
         this._rowFill = value;
     }
-    constructor(thyParentForm, thyTranslate) {
-        this.thyParentForm = thyParentForm;
-        this.thyTranslate = thyTranslate;
-        this.labelRequired = false;
-        this.labelPaddingTopClear = false;
-        this.tipMode = 'default';
-        this._rowFill = false;
-        this._isFormGroup = true;
-        this.isHorizontal = true;
-        this.hasFeedback = false;
-    }
     ngOnInit() {
         this.isHorizontal = this.thyParentForm ? this.thyParentForm.isHorizontal : true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroup, deps: [{ token: ThyFormDirective, optional: true }, { token: i1$1.ThyTranslate }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyFormGroup, isStandalone: true, selector: "thy-form-group", inputs: { thyLabelText: "thyLabelText", thyLabelTextTranslateKey: "thyLabelTextTranslateKey", thyLabelRequired: ["thyLabelRequired", "thyLabelRequired", coerceBooleanProperty$1], thyLabelPaddingTopClear: ["thyLabelPaddingTopClear", "thyLabelPaddingTopClear", coerceBooleanProperty$1], thyFeedbackIcon: "thyFeedbackIcon", thyTipsMode: "thyTipsMode", thyTips: "thyTips", thyTipsTranslateKey: "thyTipsTranslateKey", thyRowFill: ["thyRowFill", "thyRowFill", coerceBooleanProperty$1] }, host: { properties: { "class.row-fill": "this._rowFill", "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal", "class.has-feedback": "this.hasFeedback" } }, queries: [{ propertyName: "contentTemplateRef", first: true, predicate: ["formGroup"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"contentTemplate || contentTemplateRef; else defaultTpl\">\n  <ng-container [ngTemplateOutlet]=\"contentTemplate || contentTemplateRef\"></ng-container>\n  <ng-container *ngIf=\"feedbackSvgIconName; else iconFont\">\n    <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackSvgIconName\"></thy-icon>\n  </ng-container>\n</ng-container>\n<ng-template #defaultTpl>\n  <label\n    *ngIf=\"!(!isHorizontal && !labelText)\"\n    class=\"form-label \"\n    [ngClass]=\"{\n      'col-sm-2 col-form-label': isHorizontal,\n      'pt-0': labelPaddingTopClear\n    }\"\n  >\n    <span\n      [ngClass]=\"{\n        'label-required': labelRequired\n      }\"\n      >{{ labelText }}</span\n    >\n    <thy-icon class=\"label-tips-icon\" *ngIf=\"tipMode === 'label' && tips\" thyIconName=\"question-circle\" [thyTooltip]=\"tips\"></thy-icon>\n  </label>\n  <div [ngClass]=\"{ 'col-sm-10 col-form-control': isHorizontal, 'position-relative': !isHorizontal }\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"feedbackSvgIconName; else iconFont\">\n      <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackSvgIconName\"></thy-icon>\n    </ng-container>\n    <span *ngIf=\"tipMode === 'default' && tips\" class=\"form-text text-desc\">{{ tips }}</span>\n  </div>\n</ng-template>\n\n<ng-template #iconFont>\n  <span *ngIf=\"feedbackIcon\" class=\"form-control-feedback {{ feedbackIcon }}\"></span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyFormGroup, isStandalone: true, selector: "thy-form-group", inputs: { thyLabelText: "thyLabelText", thyLabelTextTranslateKey: "thyLabelTextTranslateKey", thyLabelRequired: ["thyLabelRequired", "thyLabelRequired", coerceBooleanProperty$1], thyLabelPaddingTopClear: ["thyLabelPaddingTopClear", "thyLabelPaddingTopClear", coerceBooleanProperty$1], thyFeedbackIcon: "thyFeedbackIcon", thyTipsMode: "thyTipsMode", thyTips: "thyTips", thyTipsTranslateKey: "thyTipsTranslateKey", thyRowFill: ["thyRowFill", "thyRowFill", coerceBooleanProperty$1] }, host: { properties: { "class.row-fill": "this._rowFill", "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal", "class.has-feedback": "this.hasFeedback" } }, queries: [{ propertyName: "contentTemplateRef", first: true, predicate: ["formGroup"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "@if (contentTemplate || contentTemplateRef) {\n  <ng-container [ngTemplateOutlet]=\"contentTemplate || contentTemplateRef\"></ng-container>\n  @if (feedbackSvgIconName) {\n    <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackSvgIconName\"></thy-icon>\n  } @else {\n    @if (feedbackIcon) {\n      <span class=\"form-control-feedback {{ feedbackIcon }}\"></span>\n    }\n  }\n} @else {\n  @if (!(!isHorizontal && !labelText)) {\n    <label\n      class=\"form-label \"\n    [ngClass]=\"{\n      'col-sm-2 col-form-label': isHorizontal,\n      'pt-0': labelPaddingTopClear\n    }\"\n      >\n      <span\n      [ngClass]=\"{\n        'label-required': labelRequired\n      }\"\n        >{{ labelText }}</span\n        >\n        @if (tipMode === 'label' && tips) {\n          <thy-icon class=\"label-tips-icon\" thyIconName=\"question-circle\" [thyTooltip]=\"tips\"></thy-icon>\n        }\n      </label>\n    }\n    <div [ngClass]=\"{ 'col-sm-10 col-form-control': isHorizontal, 'position-relative': !isHorizontal }\">\n      <ng-content></ng-content>\n      @if (feedbackSvgIconName) {\n        <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackSvgIconName\"></thy-icon>\n      } @else {\n        @if (feedbackIcon) {\n          <span class=\"form-control-feedback {{ feedbackIcon }}\"></span>\n        }\n      }\n      @if (tipMode === 'default' && tips) {\n        <span class=\"form-text text-desc\">{{ tips }}</span>\n      }\n    </div>\n  }\n\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgTemplateOutlet, ThyIcon, NgClass, ThyTooltipDirective], template: "<ng-container *ngIf=\"contentTemplate || contentTemplateRef; else defaultTpl\">\n  <ng-container [ngTemplateOutlet]=\"contentTemplate || contentTemplateRef\"></ng-container>\n  <ng-container *ngIf=\"feedbackSvgIconName; else iconFont\">\n    <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackSvgIconName\"></thy-icon>\n  </ng-container>\n</ng-container>\n<ng-template #defaultTpl>\n  <label\n    *ngIf=\"!(!isHorizontal && !labelText)\"\n    class=\"form-label \"\n    [ngClass]=\"{\n      'col-sm-2 col-form-label': isHorizontal,\n      'pt-0': labelPaddingTopClear\n    }\"\n  >\n    <span\n      [ngClass]=\"{\n        'label-required': labelRequired\n      }\"\n      >{{ labelText }}</span\n    >\n    <thy-icon class=\"label-tips-icon\" *ngIf=\"tipMode === 'label' && tips\" thyIconName=\"question-circle\" [thyTooltip]=\"tips\"></thy-icon>\n  </label>\n  <div [ngClass]=\"{ 'col-sm-10 col-form-control': isHorizontal, 'position-relative': !isHorizontal }\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"feedbackSvgIconName; else iconFont\">\n      <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackSvgIconName\"></thy-icon>\n    </ng-container>\n    <span *ngIf=\"tipMode === 'default' && tips\" class=\"form-text text-desc\">{{ tips }}</span>\n  </div>\n</ng-template>\n\n<ng-template #iconFont>\n  <span *ngIf=\"feedbackIcon\" class=\"form-control-feedback {{ feedbackIcon }}\"></span>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: ThyFormDirective, decorators: [{
-                    type: Optional
-                }] }, { type: i1$1.ThyTranslate }], propDecorators: { _rowFill: [{
+            args: [{ selector: 'thy-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet, ThyIcon, NgClass, ThyTooltipDirective], template: "@if (contentTemplate || contentTemplateRef) {\n  <ng-container [ngTemplateOutlet]=\"contentTemplate || contentTemplateRef\"></ng-container>\n  @if (feedbackSvgIconName) {\n    <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackSvgIconName\"></thy-icon>\n  } @else {\n    @if (feedbackIcon) {\n      <span class=\"form-control-feedback {{ feedbackIcon }}\"></span>\n    }\n  }\n} @else {\n  @if (!(!isHorizontal && !labelText)) {\n    <label\n      class=\"form-label \"\n    [ngClass]=\"{\n      'col-sm-2 col-form-label': isHorizontal,\n      'pt-0': labelPaddingTopClear\n    }\"\n      >\n      <span\n      [ngClass]=\"{\n        'label-required': labelRequired\n      }\"\n        >{{ labelText }}</span\n        >\n        @if (tipMode === 'label' && tips) {\n          <thy-icon class=\"label-tips-icon\" thyIconName=\"question-circle\" [thyTooltip]=\"tips\"></thy-icon>\n        }\n      </label>\n    }\n    <div [ngClass]=\"{ 'col-sm-10 col-form-control': isHorizontal, 'position-relative': !isHorizontal }\">\n      <ng-content></ng-content>\n      @if (feedbackSvgIconName) {\n        <thy-icon class=\"form-control-feedback\" [thyIconName]=\"feedbackSvgIconName\"></thy-icon>\n      } @else {\n        @if (feedbackIcon) {\n          <span class=\"form-control-feedback {{ feedbackIcon }}\"></span>\n        }\n      }\n      @if (tipMode === 'default' && tips) {\n        <span class=\"form-text text-desc\">{{ tips }}</span>\n      }\n    </div>\n  }\n\n" }]
+        }], propDecorators: { _rowFill: [{
                 type: HostBinding,
                 args: ['class.row-fill']
             }], _isFormGroup: [{
@@ -786,8 +778,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 15
  */
 class ThyFormSubmitDirective {
-    constructor(thyFormDirective) {
-        this.thyFormDirective = thyFormDirective;
+    constructor() {
+        this.thyFormDirective = inject(ThyFormDirective);
         /**
          * Form 验证通过的提交函数
          */
@@ -801,7 +793,7 @@ class ThyFormSubmitDirective {
     onSubmit($event) {
         this.thyFormDirective.submit($event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormSubmitDirective, deps: [{ token: ThyFormDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormSubmitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ThyFormSubmitDirective, isStandalone: true, selector: "[thyFormSubmit],[thy-form-submit]", outputs: { thyFormSubmit: "thyFormSubmit" }, host: { listeners: { "click": "onSubmit($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormSubmitDirective, decorators: [{
@@ -810,7 +802,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     selector: '[thyFormSubmit],[thy-form-submit]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: ThyFormDirective }], propDecorators: { thyFormSubmit: [{
+        }], propDecorators: { thyFormSubmit: [{
                 type: Output
             }], onSubmit: [{
                 type: HostListener,
@@ -823,16 +815,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 55
  */
 class ThyFormGroupFooter {
-    get align() {
-        return !!this.thyAlign ? this.thyAlign : this.defaultConfig.footerAlign;
-    }
-    constructor(thyParentForm, defaultConfig) {
-        this.thyParentForm = thyParentForm;
-        this.defaultConfig = defaultConfig;
+    constructor() {
+        this.thyParentForm = inject(ThyFormDirective, { optional: true });
+        this.defaultConfig = inject(THY_FORM_CONFIG);
         this._isFormGroup = true;
         this.isHorizontal = true;
         this.footerClassMap = {};
     }
+    get align() {
+        return !!this.thyAlign ? this.thyAlign : this.defaultConfig.footerAlign;
+    }
     ngOnInit() {
         if (this.thyParentForm) {
             this.isHorizontal = this.thyParentForm.isHorizontal;
@@ -846,18 +838,13 @@ class ThyFormGroupFooter {
             [`form-group-footer-align-${this.align}`]: true
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupFooter, deps: [{ token: ThyFormDirective, optional: true }, { token: THY_FORM_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ThyFormGroupFooter, isStandalone: true, selector: "thy-form-group-footer", inputs: { thyAlign: "thyAlign" }, host: { properties: { "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal" } }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"footerClassMap\">\n  <div class=\"btn-pair form-footer-actions\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"form-footer-description\" *ngIf=\"description\">\n    <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyFormGroupFooter, isStandalone: true, selector: "thy-form-group-footer", inputs: { thyAlign: "thyAlign" }, host: { properties: { "class.form-group": "this._isFormGroup", "class.row": "this.isHorizontal" } }, queries: [{ propertyName: "description", first: true, predicate: ["description"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"footerClassMap\">\n  <div class=\"btn-pair form-footer-actions\">\n    <ng-content></ng-content>\n  </div>\n\n  @if (description) {\n    <div class=\"form-footer-description\">\n      <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyFormGroupFooter, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-form-group-footer', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgIf, NgTemplateOutlet], template: "<div [ngClass]=\"footerClassMap\">\n  <div class=\"btn-pair form-footer-actions\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"form-footer-description\" *ngIf=\"description\">\n    <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: ThyFormDirective, decorators: [{
-                    type: Optional
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [THY_FORM_CONFIG]
-                }] }], propDecorators: { _isFormGroup: [{
+            args: [{ selector: 'thy-form-group-footer', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<div [ngClass]=\"footerClassMap\">\n  <div class=\"btn-pair form-footer-actions\">\n    <ng-content></ng-content>\n  </div>\n\n  @if (description) {\n    <div class=\"form-footer-description\">\n      <ng-container [ngTemplateOutlet]=\"description\"></ng-container>\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { _isFormGroup: [{
                 type: HostBinding,
                 args: ['class.form-group']
             }], isHorizontal: [{
@@ -876,9 +863,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 20
  */
 class ThyUniqueCheckValidator {
-    constructor(elementRef, thyForm) {
-        this.elementRef = elementRef;
-        this.thyForm = thyForm;
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.thyForm = inject(ThyFormDirective, { optional: true });
     }
     validate(ctrl) {
         return this.thyUniqueCheck(ctrl.value).pipe(map((failed) => {
@@ -890,7 +877,7 @@ class ThyUniqueCheckValidator {
             return failed ? { thyUniqueCheck: failed } : null;
         }), catchError(() => of(null)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyUniqueCheckValidator, deps: [{ token: i0.ElementRef }, { token: ThyFormDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyUniqueCheckValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ThyUniqueCheckValidator, isStandalone: true, selector: "[thyUniqueCheck]", inputs: { thyUniqueCheck: "thyUniqueCheck" }, providers: [
             {
                 provide: NG_ASYNC_VALIDATORS,
@@ -912,9 +899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     ],
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ThyFormDirective, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { thyUniqueCheck: [{
+        }], propDecorators: { thyUniqueCheck: [{
                 type: Input
             }] } });