@ng-nest/ui 20.1.7 → 20.2.1

package/auto-complete/index.d.ts

@@ -100,6 +100,13 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      * @en_US Display Border
      */
     readonly bordered: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 输入框样式
+     * @en_US Input Style
+     */
+    readonly inputStyle: _angular_core.InputSignal<{
+        [style: string]: any;
+    } | undefined>;
     /**
      * @zh_CN 下拉框的最大高度
      * @en_US The biggest height of the drop-down box
@@ -246,7 +253,7 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      */
     readonly nodeEmit: _angular_core.OutputEmitterRef<XAutoCompleteNode>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompleteProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlySelect": { "alias": "onlySelect"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "nodeEmit": "nodeEmit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlySelect": { "alias": "onlySelect"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "nodeEmit": "nodeEmit"; }, never, never, true, never>;
 }
 /**
  * AutoComplete Option
@@ -432,7 +439,8 @@ interface XAutoCompleteNode extends XParentIdentityProperty<XAutoCompleteNode> {
 declare const XAutoCompletePortalPrefix = "x-auto-complete-portal";
 
 declare class XAutoCompletePortalComponent implements OnInit {
-    get getPlacement(): XPositionTopBottom | undefined;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     list: _angular_core.Signal<XListComponent>;

package/cascade/index.d.ts

@@ -437,7 +437,8 @@ type XCascadeVariant = XVariant;
 declare const XCascadePortalPrefix = "x-cascade-portal";
 
 declare class XCascadePortalComponent implements OnInit {
-    get getPlacement(): XPositionTopBottom | undefined;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     value: _angular_core.InputSignal<any>;

package/checkbox/index.d.ts

@@ -333,7 +333,7 @@ declare class XCheckboxComponent extends XCheckboxProperty implements OnChanges,
     labelMapSignal: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    checkboxType: _angular_core.Signal<"initial" | "button" | "icon" | "tag">;
+    checkboxType: _angular_core.Signal<"button" | "icon" | "tag" | "initial">;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/collapse/index.d.ts

@@ -2,7 +2,6 @@ import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XBoolean, XTemplate, XProperty } from '@ng-nest/ui/core';
-import { AnimationEvent } from '@angular/animations';
 
 /**
  * Collapse
@@ -181,9 +180,7 @@ declare class XCollapseComponent extends XCollapseProperty {
 declare class XCollapsePanelComponent extends XCollapsePanelProperty implements OnInit {
     index: _angular_core.WritableSignal<number>;
     collapseComponent: XCollapseComponent | null;
-    show: _angular_core.WritableSignal<boolean>;
     activeSignal: _angular_core.WritableSignal<boolean>;
-    done(event: AnimationEvent): void;
     ngOnInit(): void;
     headerClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XCollapsePanelComponent, never>;

package/color-picker/index.d.ts

@@ -354,7 +354,8 @@ type XColorPickerVariant = XVariant;
 declare const XColorPickerPortalPrefix = "x-color-picker-portal";
 
 declare class XColorPickerPortalComponent implements OnInit, OnChanges, AfterViewInit {
-    get getPlacement(): XPositionTopBottom | undefined;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     panelRef: _angular_core.Signal<ElementRef<any>>;

package/core/index.d.ts

@@ -1,4 +1,3 @@
-import { AnimationTriggerMetadata } from '@angular/animations';
 import { Observable, Subject, BehaviorSubject } from 'rxjs';
 import * as i0 from '@angular/core';
 import { TemplateRef, SimpleChange, InputSignal, WritableSignal, Renderer2, InjectionToken, RendererFactory2 } from '@angular/core';
@@ -99,69 +98,6 @@ declare function XKebabToCamel(str: string): string;
  */
 declare function XSleep(time: number): Promise<unknown>;
 
-/**
- * @zh_CN 动画执行时间
- * @en_US Animation execution time
- */
-declare enum XDuration {
-    Slow = "0.3s",
-    Base = "0.2s",
-    Fast = "0.1s"
-}
-
-/**
- * @zh_CN 淡入淡出动画
- * @en_US Fade into the animation
- */
-declare const XFadeAnimation: AnimationTriggerMetadata;
-
-/**
- * @zh_CN 抽屉动画
- * @en_US Drawer animation
- */
-declare const XSlideAnimation: AnimationTriggerMetadata;
-
-/**
- * @zh_CN 放置动画
- * @en_US Drop animation
- */
-declare const XDropAnimation: AnimationTriggerMetadata;
-
-/**
- * @zh_CN 移入移出动画
- * @en_US Move in the animation
- */
-declare const XMoveAnimation: AnimationTriggerMetadata;
-declare const XMoveBoxAnimation: AnimationTriggerMetadata;
-
-/**
- * @zh_CN 弹框连接时的动画，只处理 Y 轴
- * @en_US The animation when the bomb frame is connected, only the y-axis
- */
-declare const XConnectBaseAnimation: AnimationTriggerMetadata;
-/**
- * @zh_CN 弹框连接时的动画，缩放
- * @en_US The animation when the bomb frame is connected, zoomed in
- */
-declare const XBaseAnimation: AnimationTriggerMetadata;
-
-/**
- * @zh_CN Badge 动画
- * @en_US Badge animation
- */
-declare const XBadgeAnimation: AnimationTriggerMetadata;
-/**
- * @zh_CN Badge 独立存在时的动画
- * @en_US The animation when Badge exists independently
- */
-declare const XBadgeStandaloneAnimation: AnimationTriggerMetadata;
-
-/**
- * @zh_CN 透明度淡入淡出动画
- * @en_US The transparency fades into the animation
- */
-declare const XOpacityAnimation: AnimationTriggerMetadata;
-
 /**
  * @zh_CN data 数据类型
  * 通用的泛型数据类型，一般是指数组、可订阅对象并且流数据为数组类型、函数等
@@ -1481,6 +1417,7 @@ interface XDialogConfig {
     resizable?: boolean;
     maximize?: boolean;
     hasBackdrop?: boolean;
+    keyboard?: boolean;
     className?: string;
     buttonsCenter?: boolean;
 }
@@ -1735,6 +1672,7 @@ interface XTableConfig {
     bodyInnerHTML?: boolean;
     virtualScroll?: boolean;
     rowHeight?: number;
+    headerHeight?: number;
     itemSize?: number;
     bordered?: boolean;
     allowSelectRow?: boolean;
@@ -2049,5 +1987,5 @@ declare class XInnerHTMLComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<XInnerHTMLComponent, "[x-inner-html], x-inner-html", never, { "html": { "alias": "html"; "required": true; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XBadgeAnimation, XBadgeStandaloneAnimation, XBaseAnimation, XCamelToKebab, XChunk, XClamp, XClearClass, XClearClassSignal, XCloneDeep, XComputed, XComputedStyle, XConfigService, XConnectBaseAnimation, XDataConvert, XDateQuarter, XDateWeek, XDateWeekYear, XDateYearQuarter, XDateYearWeek, XDrop, XDropAnimation, XDuration, XFadeAnimation, XFileSize, XFillDefault, XGetChildren, XGroupBy, XGuid, XHasChildren, XHasIn, XHttpService, XIdentity, XInnerHTMLComponent, XInputBoolean, XInputCssPixelValue, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsInputSignal, XIsNil, XIsNotNil, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XKebabToCamel, XMixColors, XMoveAnimation, XMoveBoxAnimation, XOpacityAnimation, XOrderBy, XParentPath, XParents, XPreloadingStrategyService, XProperty, XPropertyFunction, XRemove, XRemoveNgTag, XRepositoryAbstract, XRepositoryService, XRequestAnimationFrame, XResize, XReuseStrategyService, XSetData, XSetFlex, XSleep, XSlideAnimation, XStorageService, XStripTags, XThemeService, XToBoolean, XToCssPixelValue, XToCssPx, XToCssRem, XToDataArray, XToDataConvert, XToDate, XToHex, XToNumber, XToRgb, XToString, XWarnIconTypeNotFound, XWarnSVGTagNotFound, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_LIGHT_COLORS, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, X_THEME_VARS, X_THEME_VARS_KEYS };
+export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XCamelToKebab, XChunk, XClamp, XClearClass, XClearClassSignal, XCloneDeep, XComputed, XComputedStyle, XConfigService, XDataConvert, XDateQuarter, XDateWeek, XDateWeekYear, XDateYearQuarter, XDateYearWeek, XDrop, XFileSize, XFillDefault, XGetChildren, XGroupBy, XGuid, XHasChildren, XHasIn, XHttpService, XIdentity, XInnerHTMLComponent, XInputBoolean, XInputCssPixelValue, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsInputSignal, XIsNil, XIsNotNil, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XKebabToCamel, XMixColors, XOrderBy, XParentPath, XParents, XPreloadingStrategyService, XProperty, XPropertyFunction, XRemove, XRemoveNgTag, XRepositoryAbstract, XRepositoryService, XRequestAnimationFrame, XResize, XReuseStrategyService, XSetData, XSetFlex, XSleep, XStorageService, XStripTags, XThemeService, XToBoolean, XToCssPixelValue, XToCssPx, XToCssRem, XToDataArray, XToDataConvert, XToDate, XToHex, XToNumber, XToRgb, XToString, XWarnIconTypeNotFound, XWarnSVGTagNotFound, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_LIGHT_COLORS, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, X_THEME_VARS, X_THEME_VARS_KEYS };
 export type { XAffixConfig, XAlertConfig, XAlign, XAnchorConfig, XAsideConfig, XAttachmentsConfig, XAutoCompleteConfig, XAvatarConfig, XBackTopConfig, XBadgeConfgig, XBoolean, XBubbleConfig, XBubblesConfig, XButtonConfig, XButtonsConfig, XCalendarConfig, XCardConfig, XCarouselConfig, XCascadeConfig, XCheckboxConfig, XClassMap, XColConfig, XCollapseConfig, XColorConfig, XColorPickerConfig, XColors, XColorsTheme, XCommentConfig, XComponentConfig, XComponentConfigKey, XConfig, XConfigKey, XContainerConfig, XController, XCorner, XCountdownConfig, XCoversationsConfig, XCrumbComfig, XData, XDataArray, XDate, XDatePickerConfig, XDateRangeConfig, XDescriptionConfig, XDialogConfig, XDirection, XDisplayDirection, XDrawerConfig, XDropdownConfig, XEffect, XEmptyConfig, XFileCardConfig, XFilter, XFindConfig, XFit, XFloatLabel, XFooterConfig, XFormConfig, XGroupItem, XHeaderConfig, XHighlightConfig, XIconConfig, XId, XIdentityProperty, XImageConfig, XInnerConfig, XInputConfig, XInputGroupConfig, XInputNumberConfig, XJustify, XKeywordConfig, XLinkConfig, XListConfig, XListOptionConfig, XLoadingConfig, XMenuConfig, XMessageBoxConfig, XMessageConfig, XNotificationConfig, XNumber, XOperation, XOutletConfig, XPageHeaderConfig, XPaginationConfig, XParentIdentityProperty, XPatternConfig, XPlace, XPlacement, XPopconfirmConfig, XPopoverConfig, XPortalConfig, XPosition, XPositionLeftRight, XPositionTopBottom, XProgressConfing, XPromptsConfig, XPropDecorator, XQuery, XRGBColor, XRadioConfig, XRateConfig, XRepositoryInput, XResizeObserver, XResizeObserverEntry, XResponseSize, XResultConfig, XResultList, XRippleConfig, XRouteReuseStorage, XRowConfig, XSelectConfig, XSenderConfig, XShadow, XShape, XSize, XSkeletonConfig, XSliderConfig, XSliderSelectConfig, XSort, XStatisticConfig, XStatus, XStepsConfig, XStyle, XStyleMap, XSuggestionConfig, XSwitchConfig, XTableConfig, XTableViewConfig, XTabsConfig, XTagConfig, XTemplate, XTextAlign, XTextRetractConfig, XTextareaConfig, XTheme, XThemeConfig, XThemeKey, XThoughtChainConfig, XTimeAgoConfig, XTimePickerConfig, XTimeRangeConfig, XTimelineConfig, XTooltipConfig, XTransferConfig, XTreeConfig, XTreeFileConfig, XTreeSelectConfig, XTrigger, XType, XTypeFunc, XUploadConfig, XVariant, XVarsTheme, XWelcomeConfig };

package/date-picker/index.d.ts

@@ -103,6 +103,13 @@ declare class XDatePickerProperty extends XDatePickerProperty_base {
      * @en_US Display Border
      */
     readonly bordered: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 输入框样式
+     * @en_US Input Style
+     */
+    readonly inputStyle: _angular_core.InputSignal<{
+        [style: string]: any;
+    } | undefined>;
     /**
      * @zh_CN 快捷选择按钮，自定义或直接设置今天（today）,昨天（yesterday）,明天（tomorrow）
      * @en_US Quick selection button, support today, yesterday, tomorrow
@@ -239,7 +246,7 @@ declare class XDatePickerProperty extends XDatePickerProperty_base {
      */
     readonly nodeEmit: _angular_core.OutputEmitterRef<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDatePickerProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDatePickerProperty, "x-date-picker-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "extraFooter": { "alias": "extraFooter"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "nodeEmit": "nodeEmit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDatePickerProperty, "x-date-picker-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "extraFooter": { "alias": "extraFooter"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "nodeEmit": "nodeEmit"; }, never, never, true, never>;
 }
 /**
  * DatePicker Option
@@ -501,6 +508,13 @@ declare class XDateRangeProperty extends XDateRangeProperty_base {
      * @en_US Display Border
      */
     readonly bordered: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 输入框样式
+     * @en_US Input Style
+     */
+    readonly inputStyle: _angular_core.InputSignal<{
+        [style: string]: any;
+    } | undefined>;
     /**
      * @zh_CN 快捷选择按钮，自定义或直接设置本周（thisWeek）、上周（lastWeek）、下周（nextWeek）、本月（thisMonth）、上一月（lastMonth）、下一月（nextMonth）、本年（thisYear）、去年（lastYear）、明年（nextYear）
      * @en_US Quick selection button, support thisWeek, lastWeek, nextWeek, thisMonth, lastMonth, nextMonth, thisYear, lastYear, nextYear
@@ -622,7 +636,7 @@ declare class XDateRangeProperty extends XDateRangeProperty_base {
      */
     readonly nodeEmit: _angular_core.OutputEmitterRef<number[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDateRangeProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDateRangeProperty, "x-date-range-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "extraFooter": { "alias": "extraFooter"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "nodeEmit": "nodeEmit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDateRangeProperty, "x-date-range-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "extraFooter": { "alias": "extraFooter"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "nodeEmit": "nodeEmit"; }, never, never, true, never>;
 }
 /**
  * DateRange Option
@@ -1395,7 +1409,8 @@ declare class XPickerYearProperty extends XProperty {
 }
 
 declare class XDatePickerPortalComponent implements AfterViewInit {
-    get getPlacement(): XPositionTopBottom | undefined;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     private i18n;
@@ -1805,7 +1820,8 @@ declare class XPickerDateComponent extends XPickerDateProperty implements OnChan
 }
 
 declare class XDateRangePortalComponent implements AfterViewInit {
-    get getPlacement(): XPositionTopBottom | undefined;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     datePipe: DatePipe;

package/dialog/index.d.ts

@@ -6,7 +6,6 @@ import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XTemplate, XPlace, XNumber, XStatus, XBoolean, XEffect, XProperty, XConfigService, XDialogConfig } from '@ng-nest/ui/core';
 import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, ComponentType } from '@angular/cdk/portal';
-import { AnimationEvent } from '@angular/animations';
 import * as i1 from '@angular/cdk/drag-drop';
 import { CdkDragHandle, CdkDrag, CdkDragEnd } from '@angular/cdk/drag-drop';
 import { OverlayRef, BlockScrollStrategy } from '@angular/cdk/overlay';
@@ -56,6 +55,7 @@ declare class XDialogRef<C> {
     fullscreen: boolean;
     dragHandleRefs: (XDialogDragHandleDirective | CdkDragHandle)[];
     afterClose: Subject<any>;
+    unsubject: Subject<void>;
     private _isFristFullscreen;
     constructor(overlayRef: OverlayRef, containerInstance: XDialogPortalComponent, renderer: Renderer2, portalService: XPortalService);
     close(result?: any): void;
@@ -64,9 +64,10 @@ declare class XDialogRef<C> {
 
 declare class XDialogPortalComponent extends BasePortalOutlet {
     placement: _angular_core.ModelSignal<XDialogAnimationState>;
-    get getPlacement(): XDialogAnimationState;
-    done({ toState, totalTime }: AnimationEvent): void;
-    start({ toState, totalTime }: AnimationEvent): void;
+    get enimateEnter(): string;
+    get enimateLeave(): string;
+    done(event: AnimationEvent): void;
+    start(event: AnimationEvent): void;
     renderer: Renderer2;
     changeDetectorRef: ChangeDetectorRef;
     portalOutlet: _angular_core.Signal<CdkPortalOutlet>;
@@ -93,6 +94,7 @@ declare class XDialogPortalComponent extends BasePortalOutlet {
         [key: string]: any;
     };
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
     attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
     onDragEnded(event: CdkDragEnd): void;
@@ -231,6 +233,11 @@ declare class XDialogProperty extends XDialogProperty_base {
      * @en_US Whether to display the background mask
      */
     readonly hasBackdrop: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 是否支持键盘 esc 关闭
+     * @en_US Whether to support keyboard esc to close
+     */
+    readonly keyboard: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 自定义样式名
      * @en_US Custom style name
@@ -282,7 +289,7 @@ declare class XDialogProperty extends XDialogProperty_base {
      */
     readonly closeDone: _angular_core.OutputEmitterRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogProperty, "x-dialog-property", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "offsetLeft": { "alias": "offsetLeft"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "showConfirm": { "alias": "showConfirm"; "required": false; "isSignal": true; }; "confirmText": { "alias": "confirmText"; "required": false; "isSignal": true; }; "backdropClose": { "alias": "backdropClose"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "buttonsCenter": { "alias": "buttonsCenter"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "maximize": { "alias": "maximize"; "required": false; "isSignal": true; }; "beforeClose": { "alias": "beforeClose"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "cancel": "cancel"; "confirm": "confirm"; "close": "close"; "showDone": "showDone"; "closeDone": "closeDone"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogProperty, "x-dialog-property", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "offsetLeft": { "alias": "offsetLeft"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "showConfirm": { "alias": "showConfirm"; "required": false; "isSignal": true; }; "confirmText": { "alias": "confirmText"; "required": false; "isSignal": true; }; "backdropClose": { "alias": "backdropClose"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "buttonsCenter": { "alias": "buttonsCenter"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "maximize": { "alias": "maximize"; "required": false; "isSignal": true; }; "beforeClose": { "alias": "beforeClose"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "cancel": "cancel"; "confirm": "confirm"; "close": "close"; "showDone": "showDone"; "closeDone": "closeDone"; }, never, never, true, never>;
 }
 /**
  * Dialog Container
@@ -376,6 +383,13 @@ interface XDialogRefOption {
      * @withConfig true
      */
     minHeight?: string;
+    /**
+     * @zh_CN 是否支持键盘 esc 关闭
+     * @en_US Whether to support keyboard esc to close
+     * @default true
+     * @withConfig true
+     */
+    keyboard?: boolean;
     /**
      * @zh_CN 数据，通过 "@Inject(X_DIALOG_DATA)" 来接收数据
      * @en_US Data. Receive data by "@Inject(X_DIALOG_DATA)"
@@ -397,9 +411,8 @@ type XDialogAnimationState = XPlace | 'void';
  * @en_US Dialog animation Event
  */
 interface XDialogAnimationEvent {
-    state: XDialogAnimationState;
-    action: 'start' | 'done';
-    totalTime: number;
+    animationName: string;
+    action: 'start' | 'end';
 }
 /**
  * @zh_CN 关闭的回调函数类型
@@ -438,16 +451,19 @@ declare class XDialogContainerComponent extends XDialogContainerProperty {
 }
 
 declare class XDialogComponent extends XDialogProperty implements OnInit, AfterViewInit {
+    private static dialogOverlayRefs;
     private viewContainerRef;
     private protalService;
     private overlay;
     private i18n;
     private unSubject;
+    private document;
     get getVisible(): boolean;
     clsName: string;
     dialogTpl: _angular_core.Signal<TemplateRef<void>>;
     dialogRef: XDialogOverlayRef;
     backdropClick$: Subscription;
+    keyboard$: Subscription;
     scrollStrategy: BlockScrollStrategy;
     locale: _angular_core.Signal<XI18nDialog | {
         cancelText: string;
@@ -494,9 +510,7 @@ declare class XDialogComponent extends XDialogProperty implements OnInit, AfterV
     onSize(): void;
     onMaximize(): void;
     onMinimize(): void;
-    moveDone($event: {
-        toState: string;
-    }): void;
+    moveDone($event: AnimationEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogComponent, "x-dialog", never, {}, {}, never, ["*"], true, never>;
 }
@@ -514,7 +528,9 @@ declare class XDialogService {
     private configService;
     private overlay;
     private rendererFactory;
+    private document;
     private renderer;
+    private dialogRefs;
     constructor();
     create<T>(content: TemplateRef<any> | ComponentType<T>, option?: XDialogRefOption): XDialogRef<T>;
     private setMaximize;

package/drawer/index.d.ts

@@ -1,25 +1,23 @@
 import * as rxjs from 'rxjs';
 import { Subscription } from 'rxjs';
 import * as i0 from '@angular/core';
-import { EventEmitter, ComponentRef, EmbeddedViewRef, InjectionToken, ViewContainerRef, AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
+import { InjectionToken, ViewContainerRef, AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XTemplate, XPosition, XNumber, XBoolean, XProperty, XDrawerConfig } from '@ng-nest/ui/core';
+import { XPosition, XTemplate, XNumber, XBoolean, XProperty, XDrawerConfig } from '@ng-nest/ui/core';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
-import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, ComponentType } from '@angular/cdk/portal';
-import { AnimationEvent } from '@angular/animations';
+import { Portal, CdkPortalOutlet, ComponentType } from '@angular/cdk/portal';
 import { OverlayRef } from '@angular/cdk/overlay';
 
-declare class XDrawerPortalComponent extends BasePortalOutlet {
+declare class XDrawerPortalComponent {
     _has: boolean;
-    placement?: XDrawerAnimationState;
-    done({ toState, totalTime }: AnimationEvent): void;
-    start({ toState, totalTime }: AnimationEvent): void;
+    placement: i0.InputSignal<XPosition | undefined>;
+    portal: Portal<any>;
+    get animateEnter(): string;
+    get animateLeave(): string;
     portalOutlet: i0.Signal<CdkPortalOutlet>;
-    animationChanged: EventEmitter<XDrawerAnimationEvent>;
-    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
-    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerPortalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerPortalComponent, "x-drawer-portal", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerPortalComponent, "x-drawer-portal", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class XDrawerRef<C> {

package/dropdown/index.d.ts

@@ -113,7 +113,8 @@ type XDropdownTrigger = XTrigger;
 declare const XDropdownPortalPrefix = "x-dropdown-portal";
 
 declare class XDropdownPortalComponent {
-    get getPlacement(): XPositionTopBottom | undefined;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     data: _angular_core.InputSignal<XDropdownNode[]>;

package/fesm2022/ng-nest-ui-affix.mjs

@@ -42,29 +42,29 @@ class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {
          */
         this.left = input(this.config?.left, ...(ngDevMode ? [{ debugName: "left", transform: XToCssPixelValue }] : [{ transform: XToCssPixelValue }]));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: XAffixProperty, isStandalone: true, selector: "x-affix-property", inputs: { top: { classPropertyName: "top", publicName: "top", isSignal: true, isRequired: false, transformFunction: null }, left: { classPropertyName: "left", publicName: "left", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XAffixProperty, isStandalone: true, selector: "x-affix-property", inputs: { top: { classPropertyName: "top", publicName: "top", isSignal: true, isRequired: false, transformFunction: null }, left: { classPropertyName: "left", publicName: "left", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XAffixProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XAffixPrefix}-property`, template: '' }]
-        }] });
+        }], propDecorators: { top: [{ type: i0.Input, args: [{ isSignal: true, alias: "top", required: false }] }], left: [{ type: i0.Input, args: [{ isSignal: true, alias: "left", required: false }] }] } });
 
 class XAffixComponent extends XAffixProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: XAffixComponent, isStandalone: true, selector: "x-affix", usesInheritance: true, ngImport: i0, template: "<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0}.x-affix{position:sticky;display:inline-block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XAffixComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: XAffixComponent, isStandalone: true, selector: "x-affix", usesInheritance: true, ngImport: i0, template: "<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0}.x-affix{position:sticky;display:inline-block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XAffixComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XAffixPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0}.x-affix{position:sticky;display:inline-block}\n"] }]
         }] });
 
 class XAffixModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: XAffixModule, imports: [XAffixComponent], exports: [XAffixComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.5", ngImport: i0, type: XAffixModule, imports: [XAffixComponent], exports: [XAffixComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XAffixModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XAffixModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XAffixComponent],