@ng-nest/ui 20.1.0 → 20.1.2

package/alert/index.d.ts

@@ -80,6 +80,20 @@ declare class XAlertProperty extends XAlertProperty_base {
      *
      */
     readonly effect: _angular_core.InputSignal<XEffect>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Variant
+     * @example
+     *
+     * ```html
+     * <x-alert variant="outlined" > </x-alert>
+     * <x-alert variant="filled" > </x-alert>
+     * <x-alert variant="shadow" > </x-alert>
+     * <x-alert variant="borderless" > </x-alert>
+     * ```
+     *
+     */
+    readonly variant: _angular_core.InputSignal<XAlertVariant>;
     /**
      * @zh_CN 隐藏关闭按钮
      * @en_US Hide close button
@@ -306,7 +320,7 @@ declare class XAlertProperty extends XAlertProperty_base {
      */
     readonly resizing: _angular_core.OutputEmitterRef<XResizableEvent>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAlertProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAlertProperty, "x-alert-property", never, { "hide": { "alias": "hide"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "disabledAnimation": { "alias": "disabledAnimation"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "manual": { "alias": "manual"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "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; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; "isSignal": true; }; "dragFreeDragPosition": { "alias": "dragFreeDragPosition"; "required": false; "isSignal": true; }; "operationTpl": { "alias": "operationTpl"; "required": false; "isSignal": true; }; }, { "close": "close"; "dragEnded": "dragEnded"; "resizing": "resizing"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAlertProperty, "x-alert-property", never, { "hide": { "alias": "hide"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "disabledAnimation": { "alias": "disabledAnimation"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "manual": { "alias": "manual"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "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; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; "isSignal": true; }; "dragFreeDragPosition": { "alias": "dragFreeDragPosition"; "required": false; "isSignal": true; }; "operationTpl": { "alias": "operationTpl"; "required": false; "isSignal": true; }; }, { "close": "close"; "dragEnded": "dragEnded"; "resizing": "resizing"; }, never, never, true, never>;
 }
 /**
  * Alert Option
@@ -387,6 +401,11 @@ interface XAlertOption {
  * @en_US Type
  */
 type XAlertType = XStatus;
+/**
+ * @zh_CN 形态变体
+ * @en_US Variant
+ */
+type XAlertVariant = 'outlined' | 'filled' | 'shadow' | 'borderless';
 /**
  * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置
  * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users
@@ -423,4 +442,4 @@ declare class XAlertModule {
 }
 
 export { XAlertComponent, XAlertModule, XAlertPrefix, XAlertProperty, X_ALERT_CONFIG_NAME };
-export type { XAlertDragFreeDragPosition, XAlertOption, XAlertType };
+export type { XAlertDragFreeDragPosition, XAlertOption, XAlertType, XAlertVariant };

package/auto-complete/index.d.ts

@@ -1,4 +1,5 @@
-import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, OnInit, OnChanges, ComponentRef, SimpleChanges } from '@angular/core';
 import * as rxjs from 'rxjs';
@@ -8,7 +9,6 @@ import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XDat
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XListComponent } from '@ng-nest/ui/list';
-import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 
 /**
  * AutoComplete
@@ -501,7 +501,7 @@ declare class XAutoCompleteComponent extends XAutoCompleteProperty implements On
     createPortal(): void;
     setPosition(config: OverlayConfig): void;
     onNodeClick(node: XAutoCompleteNode): void;
-    setPlacement(): _angular_cdk_overlay_module_d.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay.PositionStrategy;
     setPortal(): void;
     setSearchNodes(value: string | number): void;
     modelChange(value: string | number): void;

package/avatar/index.d.ts

@@ -118,8 +118,70 @@ declare class XAvatarProperty extends XAvatarProperty_base {
      *
      */
     readonly backgroundColor: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 文字颜色
+     * @en_US color
+     * @example
+     *
+     * ```html
+     * <x-avatar label="ng-nest" color="#FFFFFF"></x-avatar>
+     * <x-avatar label="ng-nest" color="#333333"></x-avatar>
+     * ```
+     *
+     */
+    readonly color: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAvatarProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAvatarProperty, "x-avatar-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAvatarProperty, "x-avatar-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Avatar Option
+ */
+interface XAvatarOption {
+    /**
+     * @zh_CN 显示字符
+     * @en_US Display characters
+     */
+    label?: XTemplate;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size?: XAvatarSize;
+    /**
+     * @zh_CN 显示图标
+     * @en_US Show icon
+     */
+    icon?: string;
+    /**
+     * @zh_CN 形状
+     * @en_US Shape
+     */
+    shape?: XAvatarShape;
+    /**
+     * @zh_CN 图片地址
+     * @en_US The map's address
+     */
+    src?: string;
+    /**
+     * @zh_CN 图片适应方式
+     * @en_US Image adaptation method
+     */
+    fit?: XAvatarFit;
+    /**
+     * @zh_CN 字符类型的时候左右边距
+     * @en_US When the character type is the left and right distance
+     */
+    gap?: string;
+    /**
+     * @zh_CN 背景颜色
+     * @en_US Background color
+     */
+    backgroundColor?: string;
+    /**
+     * @zh_CN 文字颜色
+     * @en_US color
+     */
+    color?: string;
 }
 /**
  * @zh_CN 头像形状
@@ -197,4 +259,4 @@ declare class XAvatarModule {
 }
 
 export { XAvatarComponent, XAvatarGroupComponent, XAvatarGroupPrefix, XAvatarGroupProperty, XAvatarModule, XAvatarPrefix, XAvatarProperty, X_AVATAR_CONFIG_NAME };
-export type { XAvatarFit, XAvatarShape, XAvatarSize };
+export type { XAvatarFit, XAvatarOption, XAvatarShape, XAvatarSize };

package/bubble/index.d.ts

@@ -0,0 +1,190 @@
+import * as _angular_platform_browser from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as _angular_core from '@angular/core';
+import { Renderer2, ElementRef, SimpleChanges } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XTemplate, XSize, XBoolean, XNumber } from '@ng-nest/ui/core';
+import { XAvatarOption } from '@ng-nest/ui/avatar';
+import * as rxjs from 'rxjs';
+
+declare const XBubbleProperty_base: new () => {
+    config: _ng_nest_ui_core.XBubbleConfig | undefined;
+};
+/**
+ * Bubble Property
+ */
+declare class XBubbleProperty extends XBubbleProperty_base {
+    /**
+     * @zh_CN 气泡内容
+     * @en_US Bubble content
+     */
+    readonly content: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 头像
+     * @en_US Avatar
+     */
+    readonly avatar: _angular_core.InputSignal<XBubbleAvatarOption | undefined>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Bubble variant
+     */
+    readonly variant: _angular_core.InputSignal<XBubbleVariant>;
+    /**
+     * @zh_CN 位置
+     * @en_US Bubble placement
+     */
+    readonly placement: _angular_core.InputSignal<XBubblePlacement>;
+    /**
+     * @zh_CN 气泡头部内容
+     * @en_US Bubble header content
+     */
+    readonly header: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 气泡底部内容
+     * @en_US Bubble header content
+     */
+    readonly footer: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 加载中
+     * @en_US Loading
+     */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 内容输出打字机效果
+     * @en_US Typing effect
+     */
+    readonly typing: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 打字机输出速度
+     * @en_US Typing speed
+     */
+    readonly speed: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 内容渲染器，可自定义内容的渲染方式，如 HTML、Markdown
+     * @en_US Content renderer, can customize content rendering, such as HTML, Markdown
+     */
+    readonly renderer: _angular_core.InputSignal<XBubbleContentRenderer | undefined>;
+    /**
+     * @zh_CN 是否显示打字机光标
+     * @en_US Whether to show the typing cursor
+     */
+    readonly showCursor: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubbleProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubbleProperty, "x-bubble-property", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "typing": { "alias": "typing"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "renderer": { "alias": "renderer"; "required": false; "isSignal": true; }; "showCursor": { "alias": "showCursor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * @zh_CN 头像配置，继承了组件 Avatar 相关属性
+ * @en_US Avatar settings
+ */
+interface XBubbleAvatarOption extends XAvatarOption {
+    /**
+     * @zh_CN 是否显示头像
+     * @en_US Whether to show the avatar
+     */
+    hidden?: boolean;
+}
+declare const XBubblesProperty_base: new () => {
+    config: _ng_nest_ui_core.XBubblesConfig | undefined;
+};
+/**
+ * Bubbles Property
+ */
+declare class XBubblesProperty extends XBubblesProperty_base {
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize | undefined>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Bubble variant
+     */
+    readonly variant: _angular_core.InputSignal<XBubbleVariant | undefined>;
+    /**
+     * @zh_CN 滚动条滚动事件，自动获取父级可滚动的元素
+     * @en_US Scroll event of the scroll bar, automatically obtaining the scrollable element of the parent
+     */
+    readonly scrollChange: _angular_core.OutputEmitterRef<Event>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubblesProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubblesProperty, "x-bubbles-property", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "scrollChange": "scrollChange"; }, never, never, true, never>;
+}
+/**
+ * @zh_CN 形态变体
+ * @en_US Bubble variant
+ */
+type XBubbleVariant = 'outlined' | 'filled' | 'shadow' | 'borderless';
+/**
+ * @zh_CN 位置
+ * @en_US Bubble placement
+ */
+type XBubblePlacement = 'start' | 'end';
+/**
+ * @zh_CN 内容渲染函数
+ * @en_US Bubble content renderer
+ */
+type XBubbleContentRenderer = (content: string) => string | undefined;
+
+declare class XBubbleComponent extends XBubbleProperty {
+    sanitizer: DomSanitizer;
+    renderer2: Renderer2;
+    private bubbles;
+    contentRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    classMap: _angular_core.Signal<{
+        [x: string]: boolean;
+        "x-bubble-cursor": boolean;
+        "x-bubble-typing": boolean;
+    }>;
+    typedContent: _angular_core.WritableSignal<string>;
+    pendingContent: _angular_core.WritableSignal<string>;
+    pendingContentObserver: rxjs.Observable<string>;
+    private typingInterval;
+    sizeSignal: _angular_core.Signal<_ng_nest_ui_core.XSize>;
+    variantSignal: _angular_core.Signal<XBubbleVariant>;
+    isTemplate: _angular_core.Signal<boolean>;
+    isString: _angular_core.Signal<boolean>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    get renderedContent(): _angular_platform_browser.SafeHtml;
+    private startTyping;
+    private stopTyping;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubbleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubbleComponent, "x-bubble", never, {}, {}, never, never, true, never>;
+}
+
+declare class XBubblesComponent extends XBubblesProperty {
+    elementRef: ElementRef<any>;
+    renderer: Renderer2;
+    private parentScrollElement;
+    private isFollowing;
+    private removeScrollListener;
+    private contentMutationObserver;
+    private typingObserver;
+    private $destroy;
+    bubbles: _angular_core.Signal<readonly XBubbleComponent[]>;
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    private stepScroll;
+    private getParentScrollElement;
+    private observeContentChanges;
+    private startTypingObserver;
+    private stopTypingObserver;
+    scrollToBottom(): void;
+    scrollToTop(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubblesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubblesComponent, "x-bubbles", never, {}, {}, ["bubbles"], ["*"], true, never>;
+}
+
+declare class XBubbleModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubbleModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XBubbleModule, never, [typeof XBubbleComponent, typeof XBubblesComponent], [typeof XBubbleComponent, typeof XBubblesComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XBubbleModule>;
+}
+
+export { XBubbleComponent, XBubbleModule, XBubblesComponent };

package/calendar/index.d.ts

@@ -1,3 +1,4 @@
+import * as _ng_nest_ui_calendar from '@ng-nest/ui/calendar';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
@@ -143,7 +144,7 @@ declare class XCalendarComponent extends XCalendarProperty {
         label: string;
         id: string;
     }[];
-    modelSignal: _angular_core.WritableSignal<XCalendarModel>;
+    modelSignal: _angular_core.WritableSignal<_ng_nest_ui_calendar.XCalendarModel>;
     locale: _angular_core.Signal<XI18nCalendar | {
         month: string;
         year: string;

package/cascade/index.d.ts

@@ -1,4 +1,5 @@
-import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, OnInit, AfterViewInit, OnChanges, OnDestroy, ElementRef, ComponentRef, SimpleChanges } from '@angular/core';
 import * as rxjs from 'rxjs';
@@ -8,7 +9,6 @@ import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XDat
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
-import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 
 /**
  * Cascade
@@ -519,7 +519,7 @@ declare class XCascadeComponent extends XCascadeProperty implements OnInit, Afte
         nodes: XCascadeNode[];
         label: string;
     }): void;
-    setPlacement(): _angular_cdk_overlay_module_d.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay.PositionStrategy;
     setPortal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XCascadeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XCascadeComponent, "x-cascade", never, {}, {}, never, never, true, never>;

package/color-picker/index.d.ts

@@ -1,4 +1,5 @@
-import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, OnInit, OnChanges, AfterViewInit, ElementRef, SimpleChanges, OnDestroy, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
@@ -10,7 +11,6 @@ import { XSliderSelectComponent } from '@ng-nest/ui/slider-select';
 import { CdkDragMove } from '@angular/cdk/drag-drop';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
-import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 
 /**
  * ColorPicker
@@ -505,7 +505,7 @@ declare class XColorPickerComponent extends XColorPickerProperty implements OnIn
     setParantScroll(): void;
     setInstance(): void;
     onNodeClick(color: string): void;
-    setPlacement(): _angular_cdk_overlay_module_d.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay.PositionStrategy;
     setPortal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XColorPickerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XColorPickerComponent, "x-color-picker", never, {}, {}, never, ["[xColorPickerPanel]"], true, never>;

package/core/index.d.ts

@@ -2,6 +2,7 @@ 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';
@@ -1197,6 +1198,8 @@ interface XComponentConfig {
     badge?: XBadgeConfgig;
     button?: XButtonConfig;
     buttons?: XButtonsConfig;
+    bubble?: XBubbleConfig;
+    bubbles?: XBubblesConfig;
     calendar?: XCalendarConfig;
     card?: XCardConfig;
     carousel?: XCarouselConfig;
@@ -1250,6 +1253,7 @@ interface XComponentConfig {
     rate?: XRateConfig;
     result?: XResultConfig;
     select?: XSelectConfig;
+    sender?: XSenderConfig;
     skeleton?: XSkeletonConfig;
     slider?: XSliderConfig;
     sliderSelect?: XSliderSelectConfig;
@@ -1283,6 +1287,7 @@ interface XAffixConfig {
 interface XAlertConfig {
     effect?: XEffect;
     hideClose?: boolean;
+    variant?: 'outlined' | 'filled' | 'shadow' | 'borderless';
     showIcon?: boolean;
     disabledAnimation?: boolean;
     draggable?: boolean;
@@ -1305,6 +1310,7 @@ interface XAvatarConfig {
     fit?: XFit;
     gap?: string;
     backgroundColor?: string;
+    color?: string;
 }
 interface XAutoCompleteConfig {
     floatLabel?: XFloatLabel;
@@ -1342,6 +1348,14 @@ interface XButtonsConfig {
     boxShadow?: boolean;
     round?: boolean;
 }
+interface XBubbleConfig {
+    variant?: 'outlined' | 'filled' | 'shadow' | 'borderless';
+    size?: XSize;
+}
+interface XBubblesConfig {
+    variant?: 'outlined' | 'filled' | 'shadow' | 'borderless';
+    size?: XSize;
+}
 interface XCalendarConfig {
 }
 interface XCardConfig {
@@ -1655,6 +1669,9 @@ interface XSelectConfig {
     maxTagContent?: XTemplate;
     virtualScroll?: boolean;
 }
+interface XSenderConfig {
+    submitType?: 'enter' | 'shiftEnter';
+}
 interface XSkeletonConfig {
 }
 interface XSliderConfig {
@@ -1841,8 +1858,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(): XColorsTheme;
-    setLightTheme(): XColorsTheme;
+    setDarkTheme(): _ng_nest_ui_core.XColorsTheme;
+    setLightTheme(): _ng_nest_ui_core.XColorsTheme;
     setTheme(theme?: XTheme): void;
     setInitialTheme(theme?: XTheme): void;
     getTheme(includesAll?: boolean): XTheme;
@@ -1862,7 +1879,7 @@ declare class XProperty {
  */
 declare function XPropertyFunction<T extends XComponentConfigKey>(configName: T): {
     new (): {
-        config: XComponentConfig[T];
+        config: _ng_nest_ui_core.XComponentConfig[T];
     };
 };
 
@@ -1978,4 +1995,4 @@ declare class XInnerHTMLComponent {
 }
 
 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 };
+export type { XAffixConfig, XAlertConfig, XAlign, XAnchorConfig, XAsideConfig, 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, 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, XSenderConfig, 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,4 +1,5 @@
-import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 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';
@@ -10,7 +11,6 @@ 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';
 
 /**
@@ -1590,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_module_d.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay.PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDatePickerComponent, never>;
@@ -2049,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_module_d.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay.PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDateRangeComponent, never>;

package/dropdown/index.d.ts

@@ -1,4 +1,5 @@
-import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { Overlay, OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 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';
@@ -6,7 +7,6 @@ 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_module_d.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay.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_module_d.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay.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

@@ -42,31 +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.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 }); }
+    /** @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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XAffixProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixProperty, decorators: [{
             type: Component,
-            args: [{
-                    selector: `${XAffixPrefix}-property`, template: ''
-                }]
+            args: [{ selector: `${XAffixPrefix}-property`, template: '' }]
         }] });
 
 class XAffixComponent extends XAffixProperty {
-    /** @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 }); }
+    /** @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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XAffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", 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.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 }); }
+    /** @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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XAffixModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XAffixModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XAffixComponent],