@ng-nest/ui 20.0.6 → 20.1.0

package/core/index.d.ts

@@ -2,7 +2,6 @@ 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';
-import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { DetachedRouteHandle, RouteReuseStrategy, ActivatedRouteSnapshot, PreloadingStrategy, Route } from '@angular/router';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import { Platform } from '@angular/cdk/platform';
@@ -472,6 +471,30 @@ type XPosition = XPositionTopBottom | XPositionLeftRight;
  * - `'text'` : Text
  */
 type XType = 'initial' | 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'text';
+/**
+ * @zh_CN 输入框形态变体
+ * - `'outlined'` : 默认
+ * - `'filled'` : 填充
+ * - `'borderless'` : 无边框
+ * - `'underlined'` : 下划线
+ * @en_US Input box variant
+ * - `'outlined'` : Outlined
+ * - `'filled'` : Filled
+ * - `'borderless'` : Borderless
+ * - `'underlined'` : Underlined
+ */
+type XVariant = 'outlined' | 'filled' | 'borderless' | 'underlined' | 'fixed-filled';
+/**
+ * @zh_CN 浮动标签
+ * - `'over'` : 默认
+ * - `'in'` : 填充
+ * - `'on'` : 无边框
+ * @en_US Float label
+ * - `'over'` : Over
+ * - `'in'` : In
+ * - `'on'` : On
+ */
+type XFloatLabel = 'over' | 'in' | 'on';
 /**
  * @zh_CN 状态类型
  * @en_US Status type
@@ -1235,6 +1258,7 @@ interface XComponentConfig {
     steps?: XStepsConfig;
     switch?: XSwitchConfig;
     table?: XTableConfig;
+    tableView?: XTableViewConfig;
     tabs?: XTabsConfig;
     tag?: XTagConfig;
     textRetract?: XTextRetractConfig;
@@ -1283,10 +1307,14 @@ interface XAvatarConfig {
     backgroundColor?: string;
 }
 interface XAutoCompleteConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
+    variant?: XVariant;
     placement?: XPositionTopBottom;
     debounceTime?: number;
     size?: XSize;
     bordered?: boolean;
+    portalMaxHeight?: string;
     caseSensitive?: boolean;
     onlySelect?: boolean;
 }
@@ -1326,6 +1354,9 @@ interface XCarouselConfig {
     direction?: XDisplayDirection;
 }
 interface XCascadeConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
+    variant?: XVariant;
     placement?: XCorner;
     size?: XSize;
     clearable?: boolean;
@@ -1349,6 +1380,9 @@ interface XColorConfig {
     amounts?: number[];
 }
 interface XColorPickerConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
+    variant?: XVariant;
     placement?: XCorner;
     size?: XSize;
     bordered?: boolean;
@@ -1373,6 +1407,9 @@ interface XCrumbComfig {
     separator?: string;
 }
 interface XDatePickerConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
+    variant?: XVariant;
     format?: string;
     clearable?: boolean;
     placement?: XCorner;
@@ -1380,6 +1417,9 @@ interface XDatePickerConfig {
     bordered?: boolean;
 }
 interface XDateRangeConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
+    variant?: XVariant;
     format?: string;
     clearable?: boolean;
     placement?: XCorner;
@@ -1457,6 +1497,9 @@ interface XInnerConfig {
     padding?: string;
 }
 interface XInputConfig {
+    floatFixed?: boolean;
+    floatLabel?: XFloatLabel;
+    variant?: XVariant;
     clearable?: boolean;
     iconLayout?: XPositionLeftRight;
     size?: XSize;
@@ -1470,6 +1513,7 @@ interface XInputGroupConfig {
     compact?: boolean;
 }
 interface XInputNumberConfig {
+    variant?: XVariant;
     size?: XSize;
     bordered?: boolean;
     hiddenButton?: boolean;
@@ -1595,6 +1639,9 @@ interface XRateConfig {
 interface XResultConfig {
 }
 interface XSelectConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
+    variant?: XVariant;
     placement?: XPositionTopBottom;
     clearable?: boolean;
     size?: XSize;
@@ -1674,6 +1721,8 @@ interface XTableConfig {
     simpleIndexWidth?: string;
     inputIndexSizeSureType?: 'enter' | 'blur' | 'both';
 }
+interface XTableViewConfig {
+}
 interface XTabsConfig {
     size?: XSize;
     trigger?: XTrigger;
@@ -1694,6 +1743,9 @@ interface XThemeConfig {
 interface XTimeAgoConfig {
 }
 interface XTimePickerConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
+    variant?: XVariant;
     format?: string;
     placement?: XCorner;
     size?: XSize;
@@ -1737,6 +1789,7 @@ interface XTreeConfig {
     includeChildren?: boolean;
 }
 interface XTextareaConfig {
+    variant?: XVariant;
     clearable?: boolean;
     iconLayout?: XPositionLeftRight;
 }
@@ -1745,6 +1798,9 @@ interface XTreeFileConfig {
     spacing?: string;
 }
 interface XTreeSelectConfig {
+    floatLabel?: XFloatLabel;
+    floatFixed?: boolean;
+    variant?: XVariant;
     placement?: XPositionTopBottom;
     clearable?: boolean;
     size?: XSize;
@@ -1785,8 +1841,8 @@ declare class XConfigService {
     getConfigForComponent<T extends XComponentConfigKey>(componentName: T): XComponentConfig[T];
     getConfigChangeEventForComponent(componentName: XComponentConfigKey): Observable<void>;
     set<T extends XComponentConfigKey>(componentName: T, value: XComponentConfig[T]): void;
-    setDarkTheme(): _ng_nest_ui_core.XColorsTheme;
-    setLightTheme(): _ng_nest_ui_core.XColorsTheme;
+    setDarkTheme(): XColorsTheme;
+    setLightTheme(): XColorsTheme;
     setTheme(theme?: XTheme): void;
     setInitialTheme(theme?: XTheme): void;
     getTheme(includesAll?: boolean): XTheme;
@@ -1806,7 +1862,7 @@ declare class XProperty {
  */
 declare function XPropertyFunction<T extends XComponentConfigKey>(configName: T): {
     new (): {
-        config: _ng_nest_ui_core.XComponentConfig[T];
+        config: XComponentConfig[T];
     };
 };
 
@@ -1816,6 +1872,12 @@ declare function XPropertyFunction<T extends XComponentConfigKey>(configName: T)
  */
 declare function XToCssPx(csspx: string, fontSize: number): number;
 
+/**
+ * @zh_CN 转换 css 为 rem 宽度
+ * @en_US Convert CSS to pixel width
+ */
+declare function XToCssRem(css: string, fontSize: number): number;
+
 interface XRouteReuseStorage {
     id: string;
     handle: DetachedRouteHandle;
@@ -1915,5 +1977,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, 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, 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, XAutoCompleteConfig, XAvatarConfig, XBackTopConfig, XBadgeConfgig, XBoolean, XButtonConfig, XButtonsConfig, XCalendarConfig, XCardConfig, XCarouselConfig, XCascadeConfig, XCheckboxConfig, XClassMap, XColConfig, XCollapseConfig, XColorConfig, XColorPickerConfig, XColors, XColorsTheme, XCommentConfig, XComponentConfig, XComponentConfigKey, XConfig, XConfigKey, XContainerConfig, XController, XCorner, XCountdownConfig, XCrumbComfig, XData, XDataArray, XDate, XDatePickerConfig, XDateRangeConfig, XDescriptionConfig, XDialogConfig, XDirection, XDisplayDirection, XDrawerConfig, XDropdownConfig, XEffect, XEmptyConfig, XFilter, XFindConfig, XFit, 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, XPropDecorator, XQuery, XRGBColor, XRadioConfig, XRateConfig, XRepositoryInput, XResizeObserver, XResizeObserverEntry, XResponseSize, XResultConfig, XResultList, XRippleConfig, XRouteReuseStorage, XRowConfig, XSelectConfig, XShadow, XShape, XSize, XSkeletonConfig, XSliderConfig, XSliderSelectConfig, XSort, XStatisticConfig, XStatus, XStepsConfig, XStyle, XStyleMap, XSwitchConfig, XTableConfig, XTabsConfig, XTagConfig, XTemplate, XTextAlign, XTextRetractConfig, XTextareaConfig, XTheme, XThemeConfig, XThemeKey, XTimeAgoConfig, XTimePickerConfig, XTimeRangeConfig, XTimelineConfig, XTooltipConfig, XTransferConfig, XTreeConfig, XTreeFileConfig, XTreeSelectConfig, XTrigger, XType, XTypeFunc, XUploadConfig, XVarsTheme };
+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, 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 type { XAffixConfig, XAlertConfig, XAlign, XAnchorConfig, XAsideConfig, XAutoCompleteConfig, XAvatarConfig, XBackTopConfig, XBadgeConfgig, XBoolean, XButtonConfig, XButtonsConfig, XCalendarConfig, XCardConfig, XCarouselConfig, XCascadeConfig, XCheckboxConfig, XClassMap, XColConfig, XCollapseConfig, XColorConfig, XColorPickerConfig, XColors, XColorsTheme, XCommentConfig, XComponentConfig, XComponentConfigKey, XConfig, XConfigKey, XContainerConfig, XController, XCorner, XCountdownConfig, XCrumbComfig, XData, XDataArray, XDate, XDatePickerConfig, XDateRangeConfig, XDescriptionConfig, XDialogConfig, XDirection, XDisplayDirection, XDrawerConfig, XDropdownConfig, XEffect, XEmptyConfig, 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, XPropDecorator, XQuery, XRGBColor, XRadioConfig, XRateConfig, XRepositoryInput, XResizeObserver, XResizeObserverEntry, XResponseSize, XResultConfig, XResultList, XRippleConfig, XRouteReuseStorage, XRowConfig, XSelectConfig, XShadow, XShape, XSize, XSkeletonConfig, XSliderConfig, XSliderSelectConfig, XSort, XStatisticConfig, XStatus, XStepsConfig, XStyle, XStyleMap, XSwitchConfig, XTableConfig, XTableViewConfig, XTabsConfig, XTagConfig, XTemplate, XTextAlign, XTextRetractConfig, XTextareaConfig, XTheme, XThemeConfig, XThemeKey, XTimeAgoConfig, XTimePickerConfig, XTimeRangeConfig, XTimelineConfig, XTooltipConfig, XTransferConfig, XTreeConfig, XTreeFileConfig, XTreeSelectConfig, XTrigger, XType, XTypeFunc, XUploadConfig, XVariant, XVarsTheme };

package/date-picker/index.d.ts

@@ -1,16 +1,16 @@
-import * as _angular_cdk_overlay from '@angular/cdk/overlay';
-import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
+import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, AfterViewInit, OnInit, OnChanges, ComponentRef, SimpleChanges, OnDestroy, ElementRef, PipeTransform } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XCorner, XData, XIdentityProperty, XProperty, XPositionTopBottom, XDate } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XVariant, XCorner, XData, XIdentityProperty, XFloatLabel, XProperty, XPositionTopBottom, XDate } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XI18nDatePicker, XI18nService } from '@ng-nest/ui/i18n';
 import { XInputComponent, XInputGroupComponent } from '@ng-nest/ui/input';
 import { XTimePickerFrameComponent } from '@ng-nest/ui/time-picker';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
+import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 import { DatePipe, LowerCasePipe } from '@angular/common';
 
 /**
@@ -48,7 +48,7 @@ declare const XDatePickerProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -78,6 +78,11 @@ declare class XDatePickerProperty extends XDatePickerProperty_base {
      * @en_US Select type
      */
     readonly type: _angular_core.InputSignal<XDatePickerType>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    readonly variant: _angular_core.InputSignal<XVariant>;
     /**
      * @zh_CN 格式化类型
      * @en_US Format type
@@ -118,6 +123,16 @@ declare class XDatePickerProperty extends XDatePickerProperty_base {
      * @en_US Disabled time
      */
     readonly disabledTime: _angular_core.InputSignal<XDatePickerDisabledTime | undefined>;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    readonly floatLabel: _angular_core.InputSignal<XFloatLabel | null>;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    readonly floatFixed: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -132,7 +147,7 @@ declare class XDatePickerProperty extends XDatePickerProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -224,7 +239,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; }; "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; }; "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; }; "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
@@ -235,6 +250,21 @@ interface XDatePickerOption extends XFormOption {
      * @en_US Select type
      */
     type?: XDatePickerType;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    variant?: XDatePickerVariant;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    floatLabel?: XDatePickerFloatLabel;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    floatFixed?: boolean;
     /**
      * @zh_CN 格式化类型
      * @en_US Format type
@@ -416,7 +446,7 @@ declare const XDateRangeProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -446,6 +476,11 @@ declare class XDateRangeProperty extends XDateRangeProperty_base {
      * @en_US Select type
      */
     readonly type: _angular_core.InputSignal<XDatePickerType>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    readonly variant: _angular_core.InputSignal<XVariant>;
     /**
      * @zh_CN 格式化类型
      * @en_US Format type
@@ -486,6 +521,16 @@ declare class XDateRangeProperty extends XDateRangeProperty_base {
      * @en_US Disabled time
      */
     readonly disabledTime: _angular_core.InputSignal<XDatePickerDisabledTime | undefined>;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    readonly floatLabel: _angular_core.InputSignal<XFloatLabel | null>;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    readonly floatFixed: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -500,7 +545,7 @@ declare class XDateRangeProperty extends XDateRangeProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -577,7 +622,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; }; "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; }; "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; }; "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
@@ -588,6 +633,21 @@ interface XDateRangeOption extends XFormOption {
      * @en_US Select type
      */
     type?: XDatePickerType;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    variant?: XDatePickerVariant;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    floatLabel?: XDatePickerFloatLabel;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    floatFixed?: boolean;
     /**
      * @zh_CN 格式化类型
      * @en_US Format type
@@ -782,6 +842,16 @@ type XDatePickerType = 'date' | 'week' | 'month' | 'quarter' | 'year' | 'date-ti
  * @en_US Date data type
  */
 type XDatePickerModelType = 'date' | 'number' | 'string';
+/**
+ * @zh_CN 输入框形态变体
+ * @en_US Input box variant
+ */
+type XDatePickerVariant = XVariant;
+/**
+ * @zh_CN 浮动标签类型
+ * @en_US Float label type
+ */
+type XDatePickerFloatLabel = XFloatLabel;
 /**
  * DatePicker Portal
  * @selector x-date-picker-portal
@@ -1520,7 +1590,7 @@ declare class XDatePickerComponent extends XDatePickerProperty implements OnInit
     onNodeClick(date: Date, sure?: boolean): void;
     onInput(): void;
     setDisplayValue(dateNumber: number | string): void;
-    setPlacement(): _angular_cdk_overlay.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay_module_d.PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDatePickerComponent, never>;
@@ -1979,7 +2049,7 @@ declare class XDateRangeComponent extends XDateRangeProperty implements OnInit,
     onInput(): void;
     onFocus(type: 'start' | 'end'): void;
     setDisplayValue(dateNumber: (number | null)[]): void;
-    setPlacement(): _angular_cdk_overlay.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay_module_d.PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDateRangeComponent, never>;
@@ -2083,4 +2153,4 @@ declare class XDateQuarterPipe implements PipeTransform {
 }
 
 export { XDatePickerComponent, XDatePickerModule, XDatePickerPortalComponent, XDatePickerPortalPrefix, XDatePickerPrefix, XDatePickerProperty, XDateQuarterPipe, XDateQuarterPrefix, XDateRangeComponent, XDateRangePortalComponent, XDateRangePortalPrefix, XDateRangePrefix, XDateRangeProperty, XPickerDateComponent, XPickerDatePrefix, XPickerDateProperty, XPickerMonthComponent, XPickerMonthPrefix, XPickerMonthProperty, XPickerQuarterComponent, XPickerQuarterPrefix, XPickerQuarterProperty, XPickerYearComponent, XPickerYearPrefix, XPickerYearProperty };
-export type { XDateCell, XDatePickerDisabledDate, XDatePickerDisabledTime, XDatePickerDisabledTimeFn, XDatePickerModelType, XDatePickerOption, XDatePickerPreset, XDatePickerRangType, XDatePickerType, XDateRangeOption, XDateRangePreset };
+export type { XDateCell, XDatePickerDisabledDate, XDatePickerDisabledTime, XDatePickerDisabledTimeFn, XDatePickerFloatLabel, XDatePickerModelType, XDatePickerOption, XDatePickerPreset, XDatePickerRangType, XDatePickerType, XDatePickerVariant, XDateRangeOption, XDateRangePreset };

package/dropdown/index.d.ts

@@ -1,5 +1,4 @@
-import * as _angular_cdk_overlay from '@angular/cdk/overlay';
-import { Overlay, OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
+import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
 import * as _angular_core from '@angular/core';
 import { ViewContainerRef, ComponentRef, OnInit, OnDestroy, ElementRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
@@ -7,6 +6,7 @@ import { XDataArray, XTrigger, XPlacement, XBoolean, XNumber, XSize, XPositionTo
 import { XListNode } from '@ng-nest/ui/list';
 import { Subject } from 'rxjs';
 import { XPortalOverlayRef, XPortalService } from '@ng-nest/ui/portal';
+import { Overlay, OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 
 /**
  * Dropdown
@@ -149,7 +149,7 @@ declare class XDropdownPortalComponent {
     setPosition(config: OverlayConfig): void;
     setInstance(): void;
     hover(hover: boolean): void;
-    setPlacement(): _angular_cdk_overlay.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay_module_d.PositionStrategy;
     onEnter(node: XDropdownNode): void;
     onLeave(): void;
     changeOpenNode(open: boolean): void;
@@ -188,7 +188,7 @@ declare class XDropdownComponent extends XDropdownProperty implements OnInit, On
     setPosition(config: OverlayConfig): void;
     setInstance(): void;
     portalHover(hover: boolean): void;
-    setPlacement(): _angular_cdk_overlay.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay_module_d.PositionStrategy;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDropdownComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDropdownComponent, "x-dropdown", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -27,7 +27,7 @@ class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {
          * ```
          *
          */
-        this.top = input(this.config?.top, { transform: XToCssPixelValue });
+        this.top = input(this.config?.top, ...(ngDevMode ? [{ debugName: "top", transform: XToCssPixelValue }] : [{ transform: XToCssPixelValue }]));
         /**
          * @zh_CN 左边距离
          * @en_US Distance from left
@@ -40,12 +40,12 @@ class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {
          * ```
          *
          */
-        this.left = input(this.config?.left, { transform: XToCssPixelValue });
+        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.0.0", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.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.2.4", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", 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.0.0", ngImport: i0, type: XAffixProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XAffixProperty, decorators: [{
             type: Component,
             args: [{
                     selector: `${XAffixPrefix}-property`, template: ''
@@ -53,20 +53,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
         }] });
 
 class XAffixComponent extends XAffixProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAffixComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.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.2.4", ngImport: i0, type: XAffixComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", 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.0.0", ngImport: i0, type: XAffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", 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.0.0", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: XAffixModule, imports: [XAffixComponent], exports: [XAffixComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAffixModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: XAffixModule, imports: [XAffixComponent], exports: [XAffixComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XAffixModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAffixModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XAffixModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XAffixComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-affix.mjs","sources":["../../../../lib/ng-nest/ui/affix/affix.property.ts","../../../../lib/ng-nest/ui/affix/affix.component.ts","../../../../lib/ng-nest/ui/affix/affix.component.html","../../../../lib/ng-nest/ui/affix/affix.module.ts","../../../../lib/ng-nest/ui/affix/ng-nest-ui-affix.ts"],"sourcesContent":["import { XNumber, XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\n\r\n/**\r\n * Affix\r\n * @selector x-affix\r\n * @decorator component\r\n */\r\nexport const XAffixPrefix = 'x-affix';\r\nexport const X_AFFIX_CONFIG_NAME = 'affix';\r\n\r\n/**\r\n * Affix Property\r\n */\r\n@Component({\r\n    selector: `${XAffixPrefix}-property`, template: ''\r\n})\r\nexport class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 顶部距离\r\n   * @en_US Distance from top\r\n   * @example\r\n   * \r\n   * ```html\r\n   * <x-affix top=\"5rem\">\r\n   *   <div>有垂直滚动条，我与顶部距离5rem</div>\r\n   * </x-affix>\r\n   * ```\r\n   * \r\n   */\r\n  readonly top = input<string, XNumber>(this.config?.top!, { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 左边距离\r\n   * @en_US Distance from left\r\n   * @example\r\n   * \r\n   * ```html\r\n   * <x-affix left=\"5rem\">\r\n   *   <div>有横向滚动条，我与左边距离5rem</div>\r\n   * </x-affix>\r\n   * ```\r\n   * \r\n   */\r\n  readonly left = input<string, XNumber>(this.config?.left!, { transform: XToCssPixelValue });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XAffixPrefix, XAffixProperty } from './affix.property';\r\n\r\n@Component({\r\n  selector: `${XAffixPrefix}`,\r\n  templateUrl: './affix.component.html',\r\n  styleUrls: ['./affix.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAffixComponent extends XAffixProperty {}\r\n","<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XAffixComponent } from './affix.component';\r\n\r\n@NgModule({\r\n  exports: [XAffixComponent],\r\n  imports: [XAffixComponent]\r\n})\r\nexport class XAffixModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACI,MAAM,YAAY,GAAG;AACrB,MAAM,mBAAmB,GAAG;AAEnC;;AAEG;MAIU,cAAe,SAAQ,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;AAH1E,IAAA,WAAA,GAAA;;AAIE;;;;;;;;;;;AAWG;AACM,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,GAAI,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACzF;;;;;;;;;;;AAWG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,IAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC5F;iIA3BY,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,sVAFyB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAEzC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAH1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAG,EAAA,YAAY,WAAW,EAAE,QAAQ,EAAE;AACnD,iBAAA;;;ACNK,MAAO,eAAgB,SAAQ,cAAc,CAAA;iIAAtC,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,0FCV5B,2HAGA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDOa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;+BACE,CAAG,EAAA,YAAY,EAAE,EAGZ,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2HAAA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA;;;MEDpC,YAAY,CAAA;iIAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAZ,YAAY,EAAA,OAAA,EAAA,CAFb,eAAe,CAAA,EAAA,OAAA,EAAA,CADf,eAAe,CAAA,EAAA,CAAA,CAAA;kIAGd,YAAY,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,eAAe;AAC1B,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"ng-nest-ui-affix.mjs","sources":["../../../../lib/ng-nest/ui/affix/affix.property.ts","../../../../lib/ng-nest/ui/affix/affix.component.ts","../../../../lib/ng-nest/ui/affix/affix.component.html","../../../../lib/ng-nest/ui/affix/affix.module.ts","../../../../lib/ng-nest/ui/affix/ng-nest-ui-affix.ts"],"sourcesContent":["import { XNumber, XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\n\r\n/**\r\n * Affix\r\n * @selector x-affix\r\n * @decorator component\r\n */\r\nexport const XAffixPrefix = 'x-affix';\r\nexport const X_AFFIX_CONFIG_NAME = 'affix';\r\n\r\n/**\r\n * Affix Property\r\n */\r\n@Component({\r\n    selector: `${XAffixPrefix}-property`, template: ''\r\n})\r\nexport class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 顶部距离\r\n   * @en_US Distance from top\r\n   * @example\r\n   * \r\n   * ```html\r\n   * <x-affix top=\"5rem\">\r\n   *   <div>有垂直滚动条，我与顶部距离5rem</div>\r\n   * </x-affix>\r\n   * ```\r\n   * \r\n   */\r\n  readonly top = input<string, XNumber>(this.config?.top!, { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 左边距离\r\n   * @en_US Distance from left\r\n   * @example\r\n   * \r\n   * ```html\r\n   * <x-affix left=\"5rem\">\r\n   *   <div>有横向滚动条，我与左边距离5rem</div>\r\n   * </x-affix>\r\n   * ```\r\n   * \r\n   */\r\n  readonly left = input<string, XNumber>(this.config?.left!, { transform: XToCssPixelValue });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XAffixPrefix, XAffixProperty } from './affix.property';\r\n\r\n@Component({\r\n  selector: `${XAffixPrefix}`,\r\n  templateUrl: './affix.component.html',\r\n  styleUrls: ['./affix.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAffixComponent extends XAffixProperty {}\r\n","<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XAffixComponent } from './affix.component';\r\n\r\n@NgModule({\r\n  exports: [XAffixComponent],\r\n  imports: [XAffixComponent]\r\n})\r\nexport class XAffixModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACI,MAAM,YAAY,GAAG;AACrB,MAAM,mBAAmB,GAAG;AAEnC;;AAEG;MAIU,cAAe,SAAQ,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;AAH1E,IAAA,WAAA,GAAA;;AAIE;;;;;;;;;;;AAWG;AACM,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,GAAI,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,KAAA,EAAI,SAAS,EAAE,gBAAgB,OAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AACzF;;;;;;;;;;;AAWG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,IAAK,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAI,SAAS,EAAE,gBAAgB,OAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAC5F,IAAA;iIA3BY,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,sVAFyB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAEzC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAH1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAA,EAAG,YAAY,WAAW,EAAE,QAAQ,EAAE;AACnD,iBAAA;;;ACNK,MAAO,eAAgB,SAAQ,cAAc,CAAA;iIAAtC,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,0FCV5B,2HAGA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDOa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;+BACE,CAAA,EAAG,YAAY,EAAE,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2HAAA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA;;;MEDpC,YAAY,CAAA;iIAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAZ,YAAY,EAAA,OAAA,EAAA,CAFb,eAAe,CAAA,EAAA,OAAA,EAAA,CADf,eAAe,CAAA,EAAA,CAAA,CAAA;kIAGd,YAAY,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,eAAe;AAC1B,iBAAA;;;ACND;;AAEG;;;;"}