ngx-tethys 19.1.0-next.0 → 19.1.0-next.10

package/date-picker/year-picker.component.d.ts

@@ -11,13 +11,12 @@ export declare class ThyYearPicker extends BasePicker {
     protected elementRef: ElementRef;
     /**
      * 展示的年份格式
-     * @type string
      */
-    thyFormat: string;
+    readonly thyFormat: import("@angular/core").ModelSignal<string>;
     isRange: boolean;
     endPanelMode: ThyPanelMode;
     private hostRenderer;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyYearPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyYearPicker, "thy-year-picker", ["thyYearPicker"], { "thyFormat": { "alias": "thyFormat"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyYearPicker, "thy-year-picker", ["thyYearPicker"], { "thyFormat": { "alias": "thyFormat"; "required": false; "isSignal": true; }; }, { "thyFormat": "thyFormatChange"; }, never, never, true, never>;
 }

package/dropdown/dropdown-active.directive.d.ts

@@ -1,4 +1,4 @@
-import { QueryList, AfterContentInit, OnInit } from '@angular/core';
+import { AfterContentInit, OnInit, QueryList, Signal } from '@angular/core';
 import { ThyDropdownDirective } from './dropdown.directive';
 import * as i0 from "@angular/core";
 /**
@@ -7,15 +7,14 @@ import * as i0 from "@angular/core";
  * @order 60
  */
 export declare class ThyDropdownActiveDirective implements OnInit, AfterContentInit {
-    private elementRef;
     private trigger;
-    classes: string[];
+    readonly classes: Signal<string[]>;
     private hostRenderer;
     /**
      * 设置 Active 样式类，可以是一个或多个CSS类
      * @type string[] | string
      */
-    set thyDropdownActive(data: string[] | string);
+    readonly thyDropdownActive: import("@angular/core").InputSignal<string | string[]>;
     /**
      * @private
      */
@@ -24,5 +23,5 @@ export declare class ThyDropdownActiveDirective implements OnInit, AfterContentI
     ngAfterContentInit(): void;
     update(active: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDropdownActiveDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropdownActiveDirective, "[thyDropdownActive]", never, { "thyDropdownActive": { "alias": "thyDropdownActive"; "required": false; }; }, {}, ["triggers"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropdownActiveDirective, "[thyDropdownActive]", never, { "thyDropdownActive": { "alias": "thyDropdownActive"; "required": false; "isSignal": true; }; }, {}, ["triggers"], never, true, never>;
 }

package/dropdown/dropdown-menu-item.directive.d.ts

@@ -1,6 +1,5 @@
 import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-tethys/util";
 export type ThyDropdownMenuItemType = 'default' | 'danger' | 'success' | '';
 /**
  * 菜单项
@@ -9,21 +8,17 @@ export type ThyDropdownMenuItemType = 'default' | 'danger' | 'success' | '';
  */
 export declare class ThyDropdownMenuItemDirective implements OnInit {
     private elementRef;
-    className: boolean;
-    disabled: boolean;
-    danger: boolean;
-    success: boolean;
+    readonly danger: import("@angular/core").Signal<boolean>;
+    readonly success: import("@angular/core").Signal<boolean>;
     /**
      * 菜单项类型
      * @type 'default' | 'danger' | 'success' | ''
-     * @default default
      */
-    set thyType(value: ThyDropdownMenuItemType);
+    readonly thyType: import("@angular/core").InputSignal<ThyDropdownMenuItemType>;
     /**
      * 菜单项是否处于禁用状态
-     * @default false
      */
-    set thyDisabled(value: boolean);
+    readonly thyDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     onClick(event: Event): void;
     private hostRenderer;
     ngOnInit(): void;
@@ -31,8 +26,7 @@ export declare class ThyDropdownMenuItemDirective implements OnInit {
     getElement(): HTMLElement;
     bindMouseenterEvent(): import("rxjs").Observable<Event>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDropdownMenuItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropdownMenuItemDirective, "[thyDropdownMenuItem]", never, { "thyType": { "alias": "thyType"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_thyDisabled: i1.ThyBooleanInput;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropdownMenuItemDirective, "[thyDropdownMenuItem]", never, { "thyType": { "alias": "thyType"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * 设置为菜单项图标
@@ -93,11 +87,9 @@ export declare class ThyDropdownMenuItemActiveDirective {
     /**
      * 是否激活
      * @type boolean | string
-     * @default false
      */
-    thyDropdownMenuItemActive: boolean;
+    readonly thyDropdownMenuItemActive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDropdownMenuItemActiveDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropdownMenuItemActiveDirective, "[thyDropdownMenuItemActive]", never, { "thyDropdownMenuItemActive": { "alias": "thyDropdownMenuItemActive"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_thyDropdownMenuItemActive: i1.ThyBooleanInput;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropdownMenuItemActiveDirective, "[thyDropdownMenuItemActive]", never, { "thyDropdownMenuItemActive": { "alias": "thyDropdownMenuItemActive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/dropdown/dropdown-menu.component.d.ts

@@ -1,7 +1,5 @@
 import { TemplateRef } from '@angular/core';
-import { SafeAny } from 'ngx-tethys/types';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-tethys/util";
 export type ThyDropdownMenuDividerType = 'default' | 'crossing' | '';
 export declare const THY_DROPDOWN_DEFAULT_WIDTH = "240px";
 /**
@@ -18,22 +16,18 @@ export declare class ThyDropdownAbstractMenu {
  * @order 20
  */
 export declare class ThyDropdownMenuComponent {
-    get template(): TemplateRef<any>;
-    templateRef: TemplateRef<SafeAny>;
+    readonly templateRef: import("@angular/core").Signal<TemplateRef<any>>;
     /**
      * 设置菜单宽度
-     * @default 240px
      */
-    thyWidth: number | string;
+    readonly thyWidth: import("@angular/core").InputSignalWithTransform<string, string | number>;
     /**
      * 是否直接渲染 dropdown-menu 中的元素
-     * @default false
      */
-    thyImmediateRender: boolean;
+    readonly thyImmediateRender: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDropdownMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyDropdownMenuComponent, "thy-dropdown-menu", never, { "thyWidth": { "alias": "thyWidth"; "required": false; }; "thyImmediateRender": { "alias": "thyImmediateRender"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_thyImmediateRender: i1.ThyBooleanInput;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyDropdownMenuComponent, "thy-dropdown-menu", never, { "thyWidth": { "alias": "thyWidth"; "required": false; "isSignal": true; }; "thyImmediateRender": { "alias": "thyImmediateRender"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * 下拉菜单分组
@@ -41,14 +35,13 @@ export declare class ThyDropdownMenuComponent {
  * @order 50
  */
 export declare class ThyDropdownMenuGroup {
-    title: string;
     /**
      * 分组标题
      */
-    set thyTitle(value: string);
+    readonly thyTitle: import("@angular/core").InputSignal<string>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDropdownMenuGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyDropdownMenuGroup, "thy-dropdown-menu-group", never, { "thyTitle": { "alias": "thyTitle"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyDropdownMenuGroup, "thy-dropdown-menu-group", never, { "thyTitle": { "alias": "thyTitle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /**
  * 下拉菜单分割线

package/dropdown/dropdown-submenu.component.d.ts

@@ -10,16 +10,14 @@ export declare class ThyDropdownSubmenu implements OnInit {
     private dropdownMenuItem;
     private elementRef;
     private readonly destroyRef;
-    private direction;
     /**
      * 菜单方向
      * @type left | right | auto
-     * @default right
      */
-    set thyDirection(value: ThyDropdownSubmenuDirection);
+    readonly thyDirection: import("@angular/core").InputSignalWithTransform<ThyDropdownSubmenuDirection, ThyDropdownSubmenuDirection>;
     ngOnInit(): void;
     private updateClassByDirection;
     private updateVerticalDirection;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDropdownSubmenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyDropdownSubmenu, "[thyDropdownSubmenu],thy-dropdown-submenu", never, { "thyDirection": { "alias": "thyDirection"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyDropdownSubmenu, "[thyDropdownSubmenu],thy-dropdown-submenu", never, { "thyDirection": { "alias": "thyDirection"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/dropdown/dropdown.directive.d.ts

@@ -1,11 +1,10 @@
 import { ComponentType, OverlayRef } from '@angular/cdk/overlay';
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { ThyOverlayDirectiveBase, ThyOverlayTrigger, ThyPlacement } from 'ngx-tethys/core';
+import { OnInit, Signal, TemplateRef } from '@angular/core';
+import { ThyOverlayDirectiveBase, ThyPlacement } from 'ngx-tethys/core';
 import { ThyPopoverConfig } from 'ngx-tethys/popover';
 import { SafeAny } from 'ngx-tethys/types';
 import { ThyDropdownMenuComponent } from './dropdown-menu.component';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-tethys/util";
 export type ThyDropdownTrigger = 'click' | 'hover';
 type ThyDropdownMenu = ThyDropdownMenuComponent | TemplateRef<SafeAny> | ComponentType<SafeAny>;
 /**
@@ -16,72 +15,63 @@ type ThyDropdownMenu = ThyDropdownMenuComponent | TemplateRef<SafeAny> | Compone
 export declare class ThyDropdownDirective extends ThyOverlayDirectiveBase implements OnInit {
     private viewContainerRef;
     private popover;
-    menu: ThyDropdownMenu;
+    readonly menu: Signal<ThyDropdownMenu>;
     private popoverRef;
-    private innerPanelClassList;
     popoverOpened: boolean;
     /**
      * Dropdown 下拉菜单，支持 thy-dropdown-menu 组件、TemplateRef 和自定义菜单组件
      */
-    set thyDropdownMenu(menu: ThyDropdownMenu);
+    readonly thyDropdownMenu: import("@angular/core").InputSignal<ThyDropdownMenu>;
     /**
      * Dropdown 下拉菜单组件，和 thyDropdownMenu 参与相同，快捷传下拉菜单组件参数
      */
-    set thyDropdown(menu: ThyDropdownMenu);
+    readonly thyDropdown: import("@angular/core").InputSignal<ThyDropdownMenu>;
     /**
      * 下拉菜单触发方式
      * @type 'hover' | 'focus' | 'click' | string
      * @default click
      */
-    set thyTrigger(value: ThyOverlayTrigger | string);
+    readonly thyTrigger: import("@angular/core").InputSignal<string>;
     /**
      * 打开延迟毫秒
-     * @default 100
      */
-    set thyShowDelay(value: number);
+    readonly thyShowDelay: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * 关闭延迟毫秒
-     * @default 100
      */
-    set thyHideDelay(value: number);
+    readonly thyHideDelay: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * 弹出菜单后的当前触发元素的激活样式类
      */
-    thyActiveClass: string;
+    readonly thyActiveClass: import("@angular/core").InputSignalWithTransform<string, string>;
     /**
      * 弹出框的参数，底层使用 Popover 组件, 默认为`{ placement: "bottomLeft", insideClosable: true, minWidth: "240px", outsideClosable: true }`
-     * @default { placement: "bottomLeft", insideClosable: true, minWidth: "240px", outsideClosable: true }
      */
-    thyPopoverOptions: Pick<ThyPopoverConfig, 'placement' | 'height' | 'insideClosable' | 'minWidth' | 'outsideClosable'>;
+    readonly thyPopoverOptions: import("@angular/core").InputSignal<Pick<ThyPopoverConfig<unknown>, "height" | "minWidth" | "placement" | "insideClosable" | "outsideClosable">>;
     /**
      * 弹出框的显示位置，会覆盖 thyPopoverOptions 中的 placement，`top` | `topLeft` | `topRight` | `bottom` | `bottomLeft` | `bottomRight` | `left` | `leftTop` | `leftBottom` | `right` | `rightTop` | `rightBottom`
      * @default bottomLeft
      */
-    thyPlacement: ThyPlacement;
+    readonly thyPlacement: import("@angular/core").InputSignal<ThyPlacement>;
     /**
      * 点击 dropdown-menu 内部是否关闭弹出框，会覆盖 thyPopoverOptions 中的 insideClosable
-     * @default true
      */
-    thyMenuInsideClosable: boolean;
+    readonly thyMenuInsideClosable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 弹出框 overlay panel 的类名
      * @type string | string[]
      */
-    set thyPanelClass(value: string | string[]);
-    get thyPanelClass(): string | string[];
+    readonly thyPanelClass: import("@angular/core").InputSignalWithTransform<string | string[], string | string[]>;
     /**
      * 菜单 Active 事件，打开菜单返回 true，关闭返回 false
      */
-    thyActiveChange: EventEmitter<boolean>;
+    readonly thyActiveChange: import("@angular/core").OutputEmitterRef<boolean>;
     constructor();
     ngOnInit(): void;
     createOverlay(): OverlayRef;
     show(delay?: number): void;
     hide(delay?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropdownDirective, "[thyDropdown]", never, { "thyDropdownMenu": { "alias": "thyDropdownMenu"; "required": false; }; "thyDropdown": { "alias": "thyDropdown"; "required": false; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; }; "thyShowDelay": { "alias": "thyShowDelay"; "required": false; }; "thyHideDelay": { "alias": "thyHideDelay"; "required": false; }; "thyActiveClass": { "alias": "thyActiveClass"; "required": false; }; "thyPopoverOptions": { "alias": "thyPopoverOptions"; "required": false; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; }; "thyMenuInsideClosable": { "alias": "thyMenuInsideClosable"; "required": false; }; "thyPanelClass": { "alias": "thyPanelClass"; "required": false; }; }, { "thyActiveChange": "thyActiveChange"; }, never, never, true, never>;
-    static ngAcceptInputType_thyShowDelay: unknown;
-    static ngAcceptInputType_thyHideDelay: unknown;
-    static ngAcceptInputType_thyMenuInsideClosable: i1.ThyBooleanInput;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropdownDirective, "[thyDropdown]", never, { "thyDropdownMenu": { "alias": "thyDropdownMenu"; "required": false; "isSignal": true; }; "thyDropdown": { "alias": "thyDropdown"; "required": false; "isSignal": true; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; "isSignal": true; }; "thyShowDelay": { "alias": "thyShowDelay"; "required": false; "isSignal": true; }; "thyHideDelay": { "alias": "thyHideDelay"; "required": false; "isSignal": true; }; "thyActiveClass": { "alias": "thyActiveClass"; "required": false; "isSignal": true; }; "thyPopoverOptions": { "alias": "thyPopoverOptions"; "required": false; "isSignal": true; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; "isSignal": true; }; "thyMenuInsideClosable": { "alias": "thyMenuInsideClosable"; "required": false; "isSignal": true; }; "thyPanelClass": { "alias": "thyPanelClass"; "required": false; "isSignal": true; }; }, { "thyActiveChange": "thyActiveChange"; }, never, never, true, never>;
 }
 export {};

package/empty/empty.component.d.ts

@@ -81,7 +81,8 @@ export declare class ThyEmpty implements AfterViewInit {
      */
     readonly extraTemplateRef: Signal<TemplateRef<any>>;
     protected readonly presetSvg: Signal<import("@angular/platform-browser").SafeHtml>;
-    protected readonly displayText: Signal<any>;
+    protected readonly displayText: import("@angular/core").WritableSignal<any>;
+    setMessage(text: string): void;
     constructor();
     private _calculatePosition;
     updateClass(): void;

package/fesm2022/ngx-tethys-action.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, ChangeDetectorRef, computed, input, ChangeDetectionStrategy, Component, contentChildren, effect, NgModule } from '@angular/core';
+import { inject, ElementRef, Renderer2, ChangeDetectorRef, computed, input, effect, ChangeDetectionStrategy, Component, contentChildren, NgModule } from '@angular/core';
 import { useHostRenderer } from '@tethys/cdk/dom';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
@@ -24,6 +24,12 @@ const defaultFeedbackOptions = {
  * @name thy-action,[thyAction]
  */
 class ThyAction {
+    ngOnInit() {
+        this.updateClasses();
+    }
+    ngAfterViewInit() {
+        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);
+    }
     constructor() {
         this.elementRef = inject(ElementRef);
         this.renderer = inject(Renderer2);
@@ -31,13 +37,14 @@ class ThyAction {
         this.icon = computed(() => this.thyActionIcon() || this.thyIcon());
         this.feedback = null;
         this.active = computed(() => this.thyActionActive() || this.thyActive());
-        this.type = computed(() => this.thyType() || 'primary');
         this.hostRenderer = useHostRenderer();
         /**
          * 操作图标的类型
          * @type primary | success | danger | warning
          */
-        this.thyType = input('primary');
+        this.thyType = input('primary', {
+            transform: (value) => value || 'primary'
+        });
         /**
          * 操作图标，支持传参同时也支持在投影中写 thy-icon 组件
          */
@@ -67,17 +74,9 @@ class ThyAction {
          * 是否处于禁用状态
          */
         this.thyDisabled = input(false, { transform: coerceBooleanProperty });
-    }
-    ngOnInit() {
-        this.updateClasses();
-    }
-    ngAfterViewInit() {
-        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);
-    }
-    ngOnChanges(changes) {
-        if ((changes.thyType && !changes.thyType.firstChange) || (changes.thyTheme && !changes.thyTheme.firstChange)) {
+        effect(() => {
             this.updateClasses();
-        }
+        });
     }
     setMarginRight(marginRight) {
         this.elementRef.nativeElement.style.marginRight = marginRight;
@@ -126,7 +125,7 @@ class ThyAction {
     }
     updateClasses() {
         let classNames = [];
-        classNames.push(`action-${this.type()}`);
+        classNames.push(`action-${this.thyType()}`);
         if (this.thyTheme() === 'lite') {
             classNames.push('thy-action-lite');
         }
@@ -136,7 +135,7 @@ class ThyAction {
         this.feedbackTimer?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAction, isStandalone: true, selector: "thy-action, [thyAction]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActionIcon: { classPropertyName: "thyActionIcon", publicName: "thyActionIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActive: { classPropertyName: "thyActive", publicName: "thyActive", isSignal: true, isRequired: false, transformFunction: null }, thyActionActive: { classPropertyName: "thyActionActive", publicName: "thyActionActive", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyHoverIcon: { classPropertyName: "thyHoverIcon", publicName: "thyHoverIcon", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "active()", "class.thy-action-hover-icon": "thyHoverIcon()", "class.thy-action-has-feedback": "!!feedback", "class.disabled": "thyDisabled()" }, classAttribute: "thy-action" }, usesOnChanges: true, ngImport: i0, template: "@if (icon() && !feedback) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></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: ThyAction, isStandalone: true, selector: "thy-action, [thyAction]", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActionIcon: { classPropertyName: "thyActionIcon", publicName: "thyActionIcon", isSignal: true, isRequired: false, transformFunction: null }, thyActive: { classPropertyName: "thyActive", publicName: "thyActive", isSignal: true, isRequired: false, transformFunction: null }, thyActionActive: { classPropertyName: "thyActionActive", publicName: "thyActionActive", isSignal: true, isRequired: false, transformFunction: null }, thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyHoverIcon: { classPropertyName: "thyHoverIcon", publicName: "thyHoverIcon", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "active()", "class.thy-action-hover-icon": "thyHoverIcon()", "class.thy-action-has-feedback": "!!feedback", "class.disabled": "thyDisabled()" }, classAttribute: "thy-action" }, ngImport: i0, template: "@if (icon() && !feedback) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></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: ThyAction, decorators: [{
             type: Component,
@@ -147,7 +146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.thy-action-has-feedback]': '!!feedback',
                         '[class.disabled]': 'thyDisabled()'
                     }, imports: [ThyIcon], template: "@if (icon() && !feedback) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n" }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Actions 组件

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-action.mjs","sources":["../../../src/action/action.component.ts","../../../src/action/action.component.html","../../../src/action/actions.component.ts","../../../src/action/action.module.ts","../../../src/action/ngx-tethys-action.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    Signal,\n    SimpleChanges,\n    computed,\n    inject,\n    input\n} from '@angular/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { Subscription, timer } from 'rxjs';\n\nexport type ThyActionType = 'primary' | 'success' | 'danger' | 'warning';\n\nexport type ThyActionFeedback = 'success' | 'error';\n\nexport interface ThyActionFeedbackOptions {\n    icon?: string;\n    class?: string;\n    duration?: number;\n}\n\nconst defaultFeedbackOptions: Record<ThyActionFeedback, ThyActionFeedbackOptions> = {\n    success: {\n        icon: 'check-circle-fill',\n        class: 'text-success',\n        duration: 3000\n    },\n    error: {\n        icon: 'close-circle-fill',\n        class: 'text-danger',\n        duration: 3000\n    }\n};\n/**\n * 立即操作组件\n * @name thy-action,[thyAction]\n */\n@Component({\n    selector: 'thy-action, [thyAction]',\n    templateUrl: './action.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-action',\n        '[class.active]': 'active()',\n        '[class.thy-action-hover-icon]': 'thyHoverIcon()',\n        '[class.thy-action-has-feedback]': '!!feedback',\n        '[class.disabled]': 'thyDisabled()'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyAction implements OnInit, AfterViewInit, OnChanges, OnDestroy {\n    private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private renderer = inject(Renderer2);\n    private cdr = inject(ChangeDetectorRef);\n\n    public icon: Signal<string> = computed(() => this.thyActionIcon() || this.thyIcon());\n\n    feedback: ThyActionFeedback = null;\n\n    feedbackOptions: ThyActionFeedbackOptions;\n\n    active: Signal<boolean> = computed(() => this.thyActionActive() || this.thyActive());\n\n    private type: Signal<string> = computed(() => this.thyType() || 'primary');\n\n    private hostRenderer = useHostRenderer();\n\n    private feedbackTimer: Subscription;\n\n    /**\n     * 操作图标的类型\n     * @type primary | success | danger | warning\n     */\n    readonly thyType = input<ThyActionType>('primary');\n\n    /**\n     * 操作图标，支持传参同时也支持在投影中写 thy-icon 组件\n     */\n    readonly thyIcon = input<string>('');\n\n    /**\n     * 操作图标，当 thyIcon 和其他指令参数名有冲突时使用 thyActionIcon\n     */\n    readonly thyActionIcon = input<string>('');\n\n    /**\n     * 操作的图标 Active 状态，设置为 true 时会在 Item 上添加 active class\n     */\n    readonly thyActive = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 操作的图标 Active 状态，当 thyActive 和其他指令参数名有冲突时使用 thyActionActive\n     */\n    readonly thyActionActive = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 操作图标的主题\n     * @type fill(背景色填充) | lite(简单文本颜色变化)\n     */\n    readonly thyTheme = input<'fill' | 'lite'>('fill');\n\n    /**\n     * Hover 展示的图标\n     */\n    readonly thyHoverIcon = input<string>();\n\n    /**\n     * 是否处于禁用状态\n     */\n    readonly thyDisabled = input<boolean, boolean | string | number>(false, { transform: coerceBooleanProperty });\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngAfterViewInit() {\n        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if ((changes.thyType && !changes.thyType.firstChange) || (changes.thyTheme && !changes.thyTheme.firstChange)) {\n            this.updateClasses();\n        }\n    }\n\n    setMarginRight(marginRight: string) {\n        this.elementRef.nativeElement.style.marginRight = marginRight;\n    }\n\n    /**\n     * 触发成功反馈操作\n     */\n    success(options?: ThyActionFeedbackOptions) {\n        this.setFeedback('success', options);\n    }\n\n    /**\n     * 触发失败反馈操作\n     */\n    error(options?: ThyActionFeedbackOptions) {\n        this.setFeedback('error', options);\n    }\n\n    private setFeedback(feedback: ThyActionFeedback, options: ThyActionFeedbackOptions) {\n        if (this.thyDisabled()) {\n            return;\n        }\n        options = Object.assign({}, defaultFeedbackOptions[feedback], options);\n        this.feedback = feedback;\n        this.feedbackOptions = options;\n        this.cdr.markForCheck();\n        if (options.duration) {\n            if (this.feedbackTimer) {\n                this.feedbackTimer.unsubscribe();\n            }\n            this.feedbackTimer = timer(options.duration).subscribe(() => {\n                this.feedback = null;\n                this.feedbackOptions = null;\n                this.cdr.markForCheck();\n            });\n        }\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                // this.renderer.addClass(span, 'thy-action-wrap-span');\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n        });\n    }\n\n    private updateClasses() {\n        let classNames: string[] = [];\n        classNames.push(`action-${this.type()}`);\n        if (this.thyTheme() === 'lite') {\n            classNames.push('thy-action-lite');\n        }\n        this.hostRenderer.updateClass(classNames);\n    }\n\n    ngOnDestroy(): void {\n        this.feedbackTimer?.unsubscribe();\n    }\n}\n","@if (icon() && !feedback) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, OnInit, contentChildren, effect, input } from '@angular/core';\nimport { ThySpacingSize, getNumericSize } from 'ngx-tethys/core';\nimport { ThyAction } from './action.component';\n\n/**\n * Actions 组件\n * @name thy-actions\n */\n@Component({\n    selector: 'thy-actions',\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-actions'\n    }\n})\nexport class ThyActions implements OnInit {\n    readonly actions = contentChildren<ThyAction>(ThyAction);\n\n    /**\n     * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小\n     * @type string | number\n     */\n    readonly thySize = input<ThySpacingSize>('md');\n\n    constructor() {\n        effect(() => {\n            this.setActionsSize();\n        });\n    }\n\n    ngOnInit(): void {}\n\n    private setActionsSize() {\n        const actions: ThyAction[] = Array.from(this.actions());\n        actions.forEach((action: ThyAction, index) => {\n            // can't set marginRight value for last item\n            if (index !== actions.length - 1) {\n                action.setMarginRight(getNumericSize(this.thySize(), 'md') + 'px');\n            }\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAction } from './action.component';\nimport { ThyActions } from './actions.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyAction, ThyActions],\n    exports: [ThyAction, ThyActions]\n})\nexport class ThyActionModule {}\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-action.mjs","sources":["../../../src/action/action.component.ts","../../../src/action/action.component.html","../../../src/action/actions.component.ts","../../../src/action/action.module.ts","../../../src/action/ngx-tethys-action.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    Signal,\n    computed,\n    effect,\n    inject,\n    input\n} from '@angular/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyIcon } from 'ngx-tethys/icon';\n\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { Subscription, timer } from 'rxjs';\n\nexport type ThyActionType = 'primary' | 'success' | 'danger' | 'warning';\n\nexport type ThyActionFeedback = 'success' | 'error';\n\nexport interface ThyActionFeedbackOptions {\n    icon?: string;\n    class?: string;\n    duration?: number;\n}\n\nconst defaultFeedbackOptions: Record<ThyActionFeedback, ThyActionFeedbackOptions> = {\n    success: {\n        icon: 'check-circle-fill',\n        class: 'text-success',\n        duration: 3000\n    },\n    error: {\n        icon: 'close-circle-fill',\n        class: 'text-danger',\n        duration: 3000\n    }\n};\n/**\n * 立即操作组件\n * @name thy-action,[thyAction]\n */\n@Component({\n    selector: 'thy-action, [thyAction]',\n    templateUrl: './action.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-action',\n        '[class.active]': 'active()',\n        '[class.thy-action-hover-icon]': 'thyHoverIcon()',\n        '[class.thy-action-has-feedback]': '!!feedback',\n        '[class.disabled]': 'thyDisabled()'\n    },\n    imports: [ThyIcon]\n})\nexport class ThyAction implements OnInit, AfterViewInit, OnDestroy {\n    private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private renderer = inject(Renderer2);\n    private cdr = inject(ChangeDetectorRef);\n\n    public readonly icon: Signal<string> = computed(() => this.thyActionIcon() || this.thyIcon());\n\n    feedback: ThyActionFeedback = null;\n\n    feedbackOptions: ThyActionFeedbackOptions;\n\n    readonly active: Signal<boolean> = computed(() => this.thyActionActive() || this.thyActive());\n\n    private hostRenderer = useHostRenderer();\n\n    private feedbackTimer: Subscription;\n\n    /**\n     * 操作图标的类型\n     * @type primary | success | danger | warning\n     */\n    readonly thyType = input<ThyActionType, ThyActionType>('primary', {\n        transform: (value: ThyActionType) => value || 'primary'\n    });\n\n    /**\n     * 操作图标，支持传参同时也支持在投影中写 thy-icon 组件\n     */\n    readonly thyIcon = input<string>('');\n\n    /**\n     * 操作图标，当 thyIcon 和其他指令参数名有冲突时使用 thyActionIcon\n     */\n    readonly thyActionIcon = input<string>('');\n\n    /**\n     * 操作的图标 Active 状态，设置为 true 时会在 Item 上添加 active class\n     */\n    readonly thyActive = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 操作的图标 Active 状态，当 thyActive 和其他指令参数名有冲突时使用 thyActionActive\n     */\n    readonly thyActionActive = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 操作图标的主题\n     * @type fill(背景色填充) | lite(简单文本颜色变化)\n     */\n    readonly thyTheme = input<'fill' | 'lite'>('fill');\n\n    /**\n     * Hover 展示的图标\n     */\n    readonly thyHoverIcon = input<string>();\n\n    /**\n     * 是否处于禁用状态\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngAfterViewInit() {\n        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);\n    }\n\n    constructor() {\n        effect(() => {\n            this.updateClasses();\n        });\n    }\n\n    setMarginRight(marginRight: string) {\n        this.elementRef.nativeElement.style.marginRight = marginRight;\n    }\n\n    /**\n     * 触发成功反馈操作\n     */\n    success(options?: ThyActionFeedbackOptions) {\n        this.setFeedback('success', options);\n    }\n\n    /**\n     * 触发失败反馈操作\n     */\n    error(options?: ThyActionFeedbackOptions) {\n        this.setFeedback('error', options);\n    }\n\n    private setFeedback(feedback: ThyActionFeedback, options: ThyActionFeedbackOptions) {\n        if (this.thyDisabled()) {\n            return;\n        }\n        options = Object.assign({}, defaultFeedbackOptions[feedback], options);\n        this.feedback = feedback;\n        this.feedbackOptions = options;\n        this.cdr.markForCheck();\n        if (options.duration) {\n            if (this.feedbackTimer) {\n                this.feedbackTimer.unsubscribe();\n            }\n            this.feedbackTimer = timer(options.duration).subscribe(() => {\n                this.feedback = null;\n                this.feedbackOptions = null;\n                this.cdr.markForCheck();\n            });\n        }\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                // this.renderer.addClass(span, 'thy-action-wrap-span');\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n        });\n    }\n\n    private updateClasses() {\n        let classNames: string[] = [];\n        classNames.push(`action-${this.thyType()}`);\n        if (this.thyTheme() === 'lite') {\n            classNames.push('thy-action-lite');\n        }\n        this.hostRenderer.updateClass(classNames);\n    }\n\n    ngOnDestroy(): void {\n        this.feedbackTimer?.unsubscribe();\n    }\n}\n","@if (icon() && !feedback) {\n  <thy-icon [thyIconName]=\"icon()\"></thy-icon>\n}\n@if (feedbackOptions?.icon) {\n  <thy-icon [class]=\"feedbackOptions.class\" [thyIconName]=\"feedbackOptions.icon\"></thy-icon>\n}\n@if (thyHoverIcon()) {\n  <thy-icon class=\"hover-icon\" [thyIconName]=\"thyHoverIcon()\"></thy-icon>\n}\n<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, OnInit, contentChildren, effect, input } from '@angular/core';\nimport { ThySpacingSize, getNumericSize } from 'ngx-tethys/core';\nimport { ThyAction } from './action.component';\n\n/**\n * Actions 组件\n * @name thy-actions\n */\n@Component({\n    selector: 'thy-actions',\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-actions'\n    }\n})\nexport class ThyActions implements OnInit {\n    readonly actions = contentChildren<ThyAction>(ThyAction);\n\n    /**\n     * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小\n     * @type string | number\n     */\n    readonly thySize = input<ThySpacingSize>('md');\n\n    constructor() {\n        effect(() => {\n            this.setActionsSize();\n        });\n    }\n\n    ngOnInit(): void {}\n\n    private setActionsSize() {\n        const actions: ThyAction[] = Array.from(this.actions());\n        actions.forEach((action: ThyAction, index) => {\n            // can't set marginRight value for last item\n            if (index !== actions.length - 1) {\n                action.setMarginRight(getNumericSize(this.thySize(), 'md') + 'px');\n            }\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAction } from './action.component';\nimport { ThyActions } from './actions.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyAction, ThyActions],\n    exports: [ThyAction, ThyActions]\n})\nexport class ThyActionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-affix.mjs

@@ -1,7 +1,7 @@
 import { Platform, PlatformModule } from '@angular/cdk/platform';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, NgZone, Renderer2, viewChild, input, numberAttribute, output, ElementRef, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { inject, NgZone, Renderer2, viewChild, input, numberAttribute, output, computed, ElementRef, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { ThyScrollService } from 'ngx-tethys/core';
 import { dom, shallowEqual } from 'ngx-tethys/util';
 import { Subscription, ReplaySubject, Subject, merge, fromEvent } from 'rxjs';
@@ -26,10 +26,6 @@ const THY_AFFIX_DEFAULT_SCROLL_TIME = 20;
  * @order 10
  */
 class ThyAffix {
-    get container() {
-        const el = this.thyContainer();
-        return (typeof el === 'string' ? this.document.querySelector(el) : el) || window;
-    }
     constructor() {
         this.scrollService = inject(ThyScrollService);
         this.ngZone = inject(NgZone);
@@ -57,20 +53,20 @@ class ThyAffix {
         this.positionChangeSubscription = Subscription.EMPTY;
         this.offsetChanged$ = new ReplaySubject(1);
         this.destroy$ = new Subject();
+        this.container = computed(() => {
+            const el = this.thyContainer();
+            return (typeof el === 'string' ? this.document.querySelector(el) : el) || window;
+        });
         const el = inject(ElementRef);
         const document = inject(DOCUMENT);
         // The wrapper would stay at the original position as a placeholder.
         this.placeholderNode = el.nativeElement;
         this.document = document;
-    }
-    ngOnChanges(changes) {
-        const { thyOffsetBottom, thyOffsetTop, thyContainer } = changes;
-        if (thyOffsetBottom || thyOffsetTop) {
-            this.offsetChanged$.next(undefined);
-        }
-        if (thyContainer) {
-            this.registerListeners();
-        }
+        effect(() => {
+            if (this.thyOffsetBottom() || this.thyOffsetTop()) {
+                this.offsetChanged$.next(undefined);
+            }
+        });
     }
     ngAfterViewInit() {
         this.registerListeners();
@@ -81,7 +77,7 @@ class ThyAffix {
     registerListeners() {
         this.removeListeners();
         this.positionChangeSubscription = this.ngZone.runOutsideAngular(() => {
-            return merge(...Object.keys(AffixRespondEvents).map(evName => fromEvent(this.container, evName)), this.offsetChanged$.pipe(takeUntil(this.destroy$), map(() => ({}))))
+            return merge(...Object.keys(AffixRespondEvents).map(evName => fromEvent(this.container(), evName)), this.offsetChanged$.pipe(takeUntil(this.destroy$), map(() => ({}))))
                 .pipe(auditTime(THY_AFFIX_DEFAULT_SCROLL_TIME))
                 .subscribe(e => this.updatePosition(e));
         });
@@ -110,7 +106,7 @@ class ThyAffix {
     }
     setAffixStyle(e, affixStyle) {
         const originalAffixStyle = this.affixStyle;
-        const isWindow = this.container === window;
+        const isWindow = this.container() === window;
         if (e.type === 'scroll' && originalAffixStyle && affixStyle && isWindow) {
             return;
         }
@@ -159,7 +155,7 @@ class ThyAffix {
         if (!this.platform.isBrowser) {
             return;
         }
-        const containerNode = this.container;
+        const containerNode = this.container();
         let offsetTop = this.thyOffsetTop();
         const scrollTop = this.scrollService.getScroll(containerNode, true);
         const elementOffset = this.getOffset(this.placeholderNode, containerNode);
@@ -233,7 +229,7 @@ class ThyAffix {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAffix, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.8", type: ThyAffix, isStandalone: true, selector: "thy-affix", inputs: { thyContainer: { classPropertyName: "thyContainer", publicName: "thyContainer", isSignal: true, isRequired: false, transformFunction: null }, thyOffsetTop: { classPropertyName: "thyOffsetTop", publicName: "thyOffsetTop", isSignal: true, isRequired: false, transformFunction: null }, thyOffsetBottom: { classPropertyName: "thyOffsetBottom", publicName: "thyOffsetBottom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyChange: "thyChange" }, viewQueries: [{ propertyName: "fixedElement", first: true, predicate: ["fixedElement"], descendants: true, isSignal: true }], exportAs: ["thyAffix"], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.8", type: ThyAffix, isStandalone: true, selector: "thy-affix", inputs: { thyContainer: { classPropertyName: "thyContainer", publicName: "thyContainer", isSignal: true, isRequired: false, transformFunction: null }, thyOffsetTop: { classPropertyName: "thyOffsetTop", publicName: "thyOffsetTop", isSignal: true, isRequired: false, transformFunction: null }, thyOffsetBottom: { classPropertyName: "thyOffsetBottom", publicName: "thyOffsetBottom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyChange: "thyChange" }, viewQueries: [{ propertyName: "fixedElement", first: true, predicate: ["fixedElement"], descendants: true, isSignal: true }], exportAs: ["thyAffix"], ngImport: i0, template: `
         <div #fixedElement>
             <ng-content></ng-content>
         </div>