@ng-nest/ui 19.0.9 → 20.0.0

package/drawer/index.d.ts

@@ -1,5 +1,246 @@
+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 * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XTemplate, XPosition, 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 { OverlayRef } from '@angular/cdk/overlay';
+
+declare class XDrawerPortalComponent extends BasePortalOutlet {
+    _has: boolean;
+    placement?: XDrawerAnimationState;
+    done({ toState, totalTime }: AnimationEvent): void;
+    start({ toState, totalTime }: AnimationEvent): void;
+    portalOutlet: i0.Signal<CdkPortalOutlet>;
+    animationChanged: EventEmitter<XDrawerAnimationEvent>;
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerPortalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerPortalComponent, "x-drawer-portal", never, {}, {}, never, never, true, never>;
+}
+
+declare class XDrawerRef<C> {
+    overlayRef: OverlayRef;
+    containerInstance: XDrawerPortalComponent;
+    componentInstance: C;
+    constructor(overlayRef: OverlayRef, containerInstance: XDrawerPortalComponent);
+    close(): void;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * Drawer
+ * @selector x-drawer
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/drawer" />
-export * from './public-api';
+declare const XDrawerPrefix = "x-drawer";
+declare const X_DRAWER_CONFIG_NAME = "drawer";
+declare const X_DRAWER_DATA: InjectionToken<any>;
+declare const XDrawerProperty_base: new () => {
+    config: _ng_nest_ui_core.XDrawerConfig | undefined;
+};
+/**
+ * Drawer Property
+ */
+declare class XDrawerProperty extends XDrawerProperty_base {
+    /**
+     * @zh_CN 标题
+     * @en_US Title
+     */
+    readonly title: i0.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 显示/隐藏
+     * @en_US Show/hide
+     */
+    readonly visible: i0.ModelSignal<boolean>;
+    /**
+     * @zh_CN 展示方向
+     * @en_US Display direction
+     */
+    readonly placement: i0.InputSignal<XPosition>;
+    /**
+     * @zh_CN 尺寸，支持固定值
+     * @en_US Size, supports fixed value
+     */
+    readonly size: i0.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 点击遮罩关闭
+     * @en_US Click the mask to close
+     */
+    readonly backdropClose: i0.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 是否显示背景遮罩
+     * @en_US Whether to display the background mask
+     */
+    readonly hasBackdrop: i0.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 自定义样式名
+     * @en_US Custom style name
+     */
+    readonly className: i0.InputSignal<string>;
+    /**
+     * @zh_CN 关闭的事件
+     * @en_US Closed event
+     */
+    readonly close: i0.OutputEmitterRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerProperty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerProperty, "x-drawer-property", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; }, { "visible": "visibleChange"; "close": "close"; }, never, never, true, never>;
+}
+/**
+ * Drawer Option
+ */
+interface XDrawerOption {
+    /**
+     * @zh_CN 展示方向
+     * @en_US Display direction
+     * @default 'right'
+     * @withConfig true
+     */
+    placement?: XPosition;
+    /**
+     * @zh_CN 尺寸，支持固定值
+     * @en_US Size, supports fixed value
+     * @default '30%'
+     * @withConfig true
+     */
+    size?: string;
+    /**
+     * @zh_CN 自定义样式名
+     * @en_US Custom style name
+     */
+    className?: string;
+    /**
+     * @zh_CN 点击遮罩关闭
+     * @en_US Click the mask to close
+     * @default true
+     * @withConfig true
+     */
+    backdropClose?: boolean;
+    /**
+     * @zh_CN 是否显示背景遮罩
+     * @en_US Whether to display the background mask
+     * @default true
+     * @withConfig true
+     */
+    hasBackdrop?: boolean;
+    /**
+     * @zh_CN 数据，通过 "@Inject(X_DRAWER_DATA)" 来接收数据
+     * @en_US Data. Receive data by "@Inject(X_DRAWER_DATA)"
+     */
+    data?: any;
+    /**
+     * @zh_CN 视图容器实例可以包含其他视图容器。
+     * @en_US A view container instance can contain other view containers.
+     */
+    viewContainerRef?: ViewContainerRef;
+}
+/**
+ * Drawer Container
+ * @selector x-drawer-container
+ * @decorator component
+ */
+declare const XDrawerContainerPrefix = "x-drawer-container";
+declare const X_DRAWER_CONTAINER: InjectionToken<unknown>;
+/**
+ * Drawer Container Property
+ */
+declare class XDrawerContainerProperty extends XProperty {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContainerProperty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerContainerProperty, "x-drawer-container-property", never, {}, {}, never, never, true, never>;
+}
+/**
+ * @zh_CN 创建的抽屉对象
+ * @en_US Drawer object created
+ */
+interface XDrawerPortalOverlayRef extends XPortalOverlayRef<XDrawerPortalComponent> {
+    drawerRef?: XDrawerRef<any>;
+}
+/**
+ * @zh_CN 抽屉动画状态
+ * @en_US Drawer animation status
+ */
+type XDrawerAnimationState = XPosition | 'void';
+/**
+ * @zh_CN 抽屉动画事件
+ * @en_US Drawer animation event
+ */
+interface XDrawerAnimationEvent {
+    state: XDrawerAnimationState;
+    action: 'start' | 'done';
+    totalTime: number;
+}
+
+declare class XDrawerContainerComponent extends XDrawerContainerProperty {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerContainerComponent, "x-drawer-container", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XDrawerComponent extends XDrawerProperty implements AfterViewInit, OnDestroy {
+    get getVisible(): boolean;
+    drawerTpl: i0.Signal<TemplateRef<void>>;
+    portal: XPortalOverlayRef<any>;
+    back$: Subscription | null;
+    width: i0.Signal<string>;
+    height: i0.Signal<string>;
+    private overlay;
+    private portalService;
+    private viewContainerRef;
+    private unSubject;
+    container: XDrawerContainerComponent | null;
+    hasContainer: i0.WritableSignal<boolean>;
+    classMap: i0.Signal<{
+        [x: string]: boolean;
+        "x-drawer-no-title": boolean;
+    }>;
+    visibleChanged: rxjs.Observable<boolean>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    setVisible(): void;
+    createPortal(): void;
+    portalAttached(): boolean | undefined;
+    closePortal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerComponent, "x-drawer", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XDrawerCloseDirective {
+    onCloseClick(): void;
+    drawerRef: XDrawerRef<any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerCloseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerCloseDirective, "[x-drawer-close]", never, {}, {}, never, never, true, never>;
+}
+declare class XDrawerTitleDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerTitleDirective, "[x-drawer-title]", never, {}, {}, never, never, true, never>;
+}
+declare class XDrawerContentDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerContentDirective, "[x-drawer-content], x-drawer-content", never, {}, {}, never, never, true, never>;
+}
+
+declare class XDrawerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XDrawerModule, never, [typeof XDrawerComponent, typeof XDrawerCloseDirective, typeof XDrawerTitleDirective, typeof XDrawerContentDirective, typeof XDrawerContainerComponent], [typeof XDrawerComponent, typeof XDrawerCloseDirective, typeof XDrawerTitleDirective, typeof XDrawerContentDirective, typeof XDrawerContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XDrawerModule>;
+}
+
+declare class XDrawerService {
+    default: XDrawerOption;
+    configDefault?: XDrawerConfig;
+    private portalService;
+    private configService;
+    private overlay;
+    constructor();
+    create<T>(content: TemplateRef<any> | ComponentType<T>, option?: XDrawerOption): XDrawerRef<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XDrawerService>;
+}
+
+export { XDrawerCloseDirective, XDrawerComponent, XDrawerContainerComponent, XDrawerContainerPrefix, XDrawerContainerProperty, XDrawerContentDirective, XDrawerModule, XDrawerPortalComponent, XDrawerPrefix, XDrawerProperty, XDrawerRef, XDrawerService, XDrawerTitleDirective, X_DRAWER_CONFIG_NAME, X_DRAWER_CONTAINER, X_DRAWER_DATA };
+export type { XDrawerAnimationEvent, XDrawerAnimationState, XDrawerOption, XDrawerPortalOverlayRef };

package/dropdown/index.d.ts

@@ -1,5 +1,203 @@
+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';
+import { XDataArray, XTrigger, XPlacement, XBoolean, XNumber, XSize, XPositionTopBottom } from '@ng-nest/ui/core';
+import { XListNode } from '@ng-nest/ui/list';
+import { Subject } from 'rxjs';
+import { XPortalOverlayRef, XPortalService } from '@ng-nest/ui/portal';
+
 /**
- * Generated bundle index. Do not edit.
+ * Dropdown
+ * @selector x-dropdown
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/dropdown" />
-export * from './public-api';
+declare const XDropdownPrefix = "x-dropdown";
+declare const XDropdownProperty_base: new () => {
+    config: _ng_nest_ui_core.XDropdownConfig | undefined;
+};
+/**
+ * Dropdown Property
+ */
+declare class XDropdownProperty extends XDropdownProperty_base {
+    /**
+     * @zh_CN 节点数据
+     * @en_US Node data
+     */
+    readonly data: _angular_core.InputSignalWithTransform<XDropdownNode[], XDataArray<XDropdownNode>>;
+    /**
+     * @zh_CN 触发方式
+     * @en_US Trigger method
+     */
+    readonly trigger: _angular_core.InputSignal<XTrigger>;
+    /**
+     * @zh_CN 展示位置
+     * @en_US Placement
+     */
+    readonly placement: _angular_core.InputSignal<XPlacement>;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 节点中已经包含子节点数据
+     * @en_US The node already contains child node data
+     */
+    readonly children: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 弹框的最小宽度
+     * @en_US Portal min-width
+     */
+    readonly portalMinWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 弹框的最大宽度
+     * @en_US Portal max-width
+     */
+    readonly portalMaxWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 弹框的最小高度
+     * @en_US Portal min-height
+     */
+    readonly portalMinHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 弹框的最大高度
+     * @en_US Portal max-height
+     */
+    readonly portalMaxHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN hover 延迟触发时间，只有 trigger 为 'hover' 生效
+     * @en_US Hover delay trigger time, only trigger is the 'hover'
+     */
+    readonly hoverDelay: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 当前激活的菜单
+     * @en_US The currently activated menu
+     */
+    readonly activatedId: _angular_core.ModelSignal<string | number | undefined>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    /**
+     * @zh_CN 节点点击事件
+     * @en_US Node click event
+     */
+    readonly nodeClick: _angular_core.OutputEmitterRef<XDropdownNode>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDropdownProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDropdownProperty, "x-dropdown-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; "portalMinWidth": { "alias": "portalMinWidth"; "required": false; "isSignal": true; }; "portalMaxWidth": { "alias": "portalMaxWidth"; "required": false; "isSignal": true; }; "portalMinHeight": { "alias": "portalMinHeight"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "hoverDelay": { "alias": "hoverDelay"; "required": false; "isSignal": true; }; "activatedId": { "alias": "activatedId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "activatedId": "activatedIdChange"; "nodeClick": "nodeClick"; }, never, never, true, never>;
+}
+/**
+ * @zh_CN Dropdown 数据对象
+ * @en_US Dropdown data object
+ */
+interface XDropdownNode extends XListNode {
+}
+/**
+ * @zh_CN 显示方式
+ * @en_US Display method
+ */
+type XDropdownTrigger = XTrigger;
+/**
+ * Dropdown Portal
+ * @selector x-dropdown-portal
+ * @decorator component
+ */
+declare const XDropdownPortalPrefix = "x-dropdown-portal";
+
+declare class XDropdownPortalComponent {
+    get getPlacement(): XPositionTopBottom | undefined;
+    done(): void;
+    start(): void;
+    data: _angular_core.InputSignal<XDropdownNode[]>;
+    trigger: _angular_core.InputSignal<_ng_nest_ui_core.XTrigger>;
+    placement: _angular_core.InputSignal<XPositionTopBottom | undefined>;
+    size: _angular_core.InputSignal<XSize>;
+    minWidth: _angular_core.InputSignal<string | undefined>;
+    maxWidth: _angular_core.InputSignal<string | undefined>;
+    minHeight: _angular_core.InputSignal<string | undefined>;
+    maxHeight: _angular_core.InputSignal<string | undefined>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    animating: _angular_core.OutputEmitterRef<boolean>;
+    nodeClick: _angular_core.OutputEmitterRef<XDropdownNode>;
+    portalHover: _angular_core.OutputEmitterRef<boolean>;
+    portal: XPortalOverlayRef<XDropdownPortalComponent>;
+    node: _angular_core.WritableSignal<XDropdownNode | null>;
+    openNode: _angular_core.WritableSignal<XDropdownNode | null>;
+    timeoutHide: any;
+    portalPlacement: _angular_core.WritableSignal<XPositionTopBottom | null>;
+    childAnimating: _angular_core.WritableSignal<boolean>;
+    activatedId: _angular_core.ModelSignal<any>;
+    destroy: _angular_core.WritableSignal<boolean>;
+    private unSubject;
+    private destroyRef;
+    mouseenter(): void;
+    mouseleave(): void;
+    portalService: XPortalService;
+    overlay: Overlay;
+    viewContainerRef: ViewContainerRef;
+    portalComponent: _angular_core.WritableSignal<ComponentRef<XDropdownPortalComponent> | null>;
+    portalOverlayRef: _angular_core.WritableSignal<OverlayRef | null>;
+    constructor();
+    ngOnInit(): void;
+    onNodeClick(node: XDropdownNode): void;
+    portalAttached(): boolean | undefined;
+    closePortal(): boolean;
+    createPortal(): void;
+    setPosition(config: OverlayConfig): void;
+    setInstance(): void;
+    hover(hover: boolean): void;
+    setPlacement(): _angular_cdk_overlay.PositionStrategy;
+    onEnter(node: XDropdownNode): void;
+    onLeave(): void;
+    changeOpenNode(open: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDropdownPortalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDropdownPortalComponent, "x-dropdown-portal", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "activatedId": { "alias": "activatedId"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "animating": "animating"; "nodeClick": "nodeClick"; "portalHover": "portalHover"; "activatedId": "activatedIdChange"; }, never, never, true, never>;
+}
+
+declare class XDropdownComponent extends XDropdownProperty implements OnInit, OnDestroy {
+    private unSubject;
+    private portalService;
+    private viewContainerRef;
+    private overlay;
+    dropdown: _angular_core.Signal<ElementRef<HTMLElement>>;
+    nodes: _angular_core.Signal<XDropdownNode[]>;
+    portal: XPortalOverlayRef<XDropdownPortalComponent>;
+    timeoutHide: any;
+    visible: _angular_core.WritableSignal<boolean>;
+    animating: _angular_core.WritableSignal<boolean>;
+    outsideClick: _angular_core.WritableSignal<boolean>;
+    minWidth: _angular_core.WritableSignal<string>;
+    hoverDelayUnsub: Subject<void>;
+    closeSubject: Subject<void>;
+    private realPlacement;
+    portalComponent: _angular_core.WritableSignal<ComponentRef<XDropdownPortalComponent> | null>;
+    portalOverlayRef: _angular_core.WritableSignal<OverlayRef | null>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setSubject(): void;
+    onEnter(): void;
+    onLeave(): void;
+    showPortal(): void;
+    portalAttached(): boolean | undefined;
+    closePortal(): boolean;
+    createPortal(): void;
+    setPosition(config: OverlayConfig): void;
+    setInstance(): void;
+    portalHover(hover: boolean): void;
+    setPlacement(): _angular_cdk_overlay.PositionStrategy;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDropdownComponent, "x-dropdown", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XDropdownModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDropdownModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XDropdownModule, never, [typeof XDropdownComponent], [typeof XDropdownComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XDropdownModule>;
+}
+
+export { XDropdownComponent, XDropdownModule, XDropdownPortalComponent, XDropdownPortalPrefix, XDropdownPrefix, XDropdownProperty };
+export type { XDropdownNode, XDropdownTrigger };

package/empty/index.d.ts

@@ -1,5 +1,62 @@
+import * as i0 from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XTemplate } from '@ng-nest/ui/core';
+
 /**
- * Generated bundle index. Do not edit.
+ * Empty
+ * @selector x-empty
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/empty" />
-export * from './public-api';
+declare const XEmptyPrefix = "x-empty";
+declare const XEmptyProperty_base: new () => {
+    config: _ng_nest_ui_core.XEmptyConfig | undefined;
+};
+/**
+ * Empty Property
+ */
+declare class XEmptyProperty extends XEmptyProperty_base {
+    /**
+     * @zh_CN 图片地址或自定义模板
+     * @en_US Picture address or custom template
+     * @example
+     *
+     * ```html
+     * <x-empty img="https://ngnest.com/img/logo/logo-144x144.png"></x-empty>
+     * <x-empty [img]="imgTpl"></x-empty>
+     * <ng-template #imgTpl><x-icon type="fto-user"></x-icon></ng-template>
+     * ```
+     *
+     */
+    readonly img: i0.InputSignal<XTemplate>;
+    /**
+     * @zh_CN 内容或自定义模板
+     * @en_US Content or custom template
+     * @example
+     *
+     * ```html
+     * <x-empty content="None data"></x-empty>
+     * <x-empty [content]="contentTpl"></x-empty>
+     * <ng-template #contentTpl>
+     *   <x-icon type="fto-user"></x-icon>
+     *   None data
+     * </ng-template>
+     * ```
+     *
+     */
+    readonly content: i0.InputSignal<XTemplate>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XEmptyProperty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XEmptyProperty, "x-empty-property", never, { "img": { "alias": "img"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class XEmptyComponent extends XEmptyProperty {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XEmptyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XEmptyComponent, "x-empty", never, {}, {}, never, never, true, never>;
+}
+
+declare class XEmptyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XEmptyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XEmptyModule, never, [typeof XEmptyComponent], [typeof XEmptyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XEmptyModule>;
+}
+
+export { XEmptyComponent, XEmptyModule, XEmptyPrefix, XEmptyProperty };

package/examples/index.d.ts

@@ -1,5 +1,22 @@
+import * as i0 from '@angular/core';
+
+declare class XExamplesComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XExamplesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XExamplesComponent, "x-examples", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XExamplesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XExamplesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XExamplesModule, never, [typeof XExamplesComponent], [typeof XExamplesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XExamplesModule>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * Examples
+ * @selector x-examples
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/examples" />
-export * from './public-api';
+declare const XExamplesPrefix = "x-examples";
+
+export { XExamplesComponent, XExamplesModule, XExamplesPrefix };

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { input, Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
 import { XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';
 
 /**
@@ -42,10 +42,10 @@ class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {
          */
         this.left = input(this.config?.left, { transform: XToCssPixelValue });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XAffixProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAffixProperty, decorators: [{
             type: Component,
             args: [{
                     selector: `${XAffixPrefix}-property`, template: ''
@@ -53,20 +53,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
         }] });
 
 class XAffixComponent extends XAffixProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XAffixComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XAffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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: "19.0.1", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: XAffixModule, imports: [XAffixComponent], exports: [XAffixComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: XAffixModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XAffixModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XAffixComponent],