@ng-nest/ui 17.0.11 → 18.0.0

package/card/card.component.d.ts

@@ -1,11 +1,9 @@
-import { OnInit } from '@angular/core';
 import { XCardProperty } from './card.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XCardComponent extends XCardProperty implements OnInit {
-    configService: XConfigService;
-    ngOnInit(): void;
-    setClassMap(): void;
+export declare class XCardComponent extends XCardProperty {
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XCardComponent, "x-card", never, {}, {}, never, ["*"], true, never>;
 }

package/card/card.property.d.ts

@@ -1,4 +1,4 @@
-import { XTemplate, XProperty, XNumber, XShadow } from '@ng-nest/ui/core';
+import type { XTemplate, XNumber, XShadow } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Card
@@ -6,37 +6,78 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XCardPrefix = "x-card";
+declare const XCardProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XCardConfig | undefined;
+};
 /**
  * Card Property
  */
-export declare class XCardProperty extends XProperty {
+export declare class XCardProperty extends XCardProperty_base {
     /**
      * @zh_CN 卡片宽度
      * @en_US Card width
+     * @example
+     *
+     * ```html
+     * <x-card width="20rem">Card</div>
+     * ```
+     *
      */
-    width?: string;
+    readonly width: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 内容样式
      * @en_US Content style
+     * @example
+     *
+     * ```html
+     * <x-card [bodyStyle]="{ padding: 0 }">Card</div>
+     * ```
+     *
      */
-    bodyStyle: {
-        [property: string]: XNumber;
-    };
+    readonly bodyStyle: import("@angular/core").InputSignal<XCardBodyStyle>;
     /**
      * @zh_CN 头部模板
      * @en_US Head template
+     * @example
+     *
+     * ```html
+     * <x-card width="20rem" [header]="header">
+     *   <ng-template #header>
+     *     <span>Title</span>
+     *     <x-button type="text">action</x-button>
+     *   </ng-template>
+     *   Card
+     * </x-card>
+     * ```
+     *
      */
-    header?: XTemplate;
+    readonly header: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 阴影显示方式
      * @en_US Shadow display method
+     * @example
+     *
+     * ```html
+     * <x-card shadow="always">Always</x-card>
+     * <x-card shadow="hover">Hover</x-card>
+     * <x-card shadow="never">Never</x-card>
+     * ```
+     *
      */
-    shadow?: XCardShadow;
+    readonly shadow: import("@angular/core").InputSignal<XShadow>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCardProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XCardProperty, "x-card-property", never, { "width": { "alias": "width"; "required": false; }; "bodyStyle": { "alias": "bodyStyle"; "required": false; }; "header": { "alias": "header"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCardProperty, "x-card-property", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "bodyStyle": { "alias": "bodyStyle"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 /**
  * @zh_CN 阴影显示配置
  * @en_US Shadow display configuration
  */
 export type XCardShadow = XShadow;
+/**
+ * @zh_CN 卡片内容样式类型
+ * @en_US Card content style type
+ */
+export type XCardBodyStyle = {
+    [property: string]: XNumber;
+};
+export {};

package/carousel/carousel-panel.component.d.ts

@@ -1,25 +1,27 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { XCarouselPanelProperty } from './carousel.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XCarouselComponent } from './carousel.component';
-import { BehaviorSubject, Subject } from 'rxjs';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class XCarouselPanelComponent extends XCarouselPanelProperty implements OnInit, OnDestroy {
-    index: number;
-    width: number;
-    height: number;
-    animating: boolean;
+    get getCard(): boolean;
+    get getActivated(): boolean;
+    get getInStage(): boolean;
+    get getAnimating(): boolean;
+    get getTransform(): string;
+    index: import("@angular/core").WritableSignal<number>;
+    animating: import("@angular/core").WritableSignal<boolean>;
     preTranslate: number;
-    cardScale: number;
-    scale: number;
-    inStage: boolean;
-    updateSub: BehaviorSubject<boolean>;
+    cardScale: import("@angular/core").WritableSignal<number>;
+    scale: import("@angular/core").WritableSignal<number>;
+    translate: import("@angular/core").WritableSignal<number>;
+    translateType: import("@angular/core").WritableSignal<string>;
+    inStage: import("@angular/core").WritableSignal<boolean>;
     unSubject: Subject<void>;
     carousel: XCarouselComponent | null;
-    private renderer;
+    activeSignal: import("@angular/core").WritableSignal<boolean>;
+    card: import("@angular/core").Signal<boolean>;
     private elementRef;
-    private cdr;
-    configService: XConfigService;
     ngOnInit(): void;
     ngOnDestroy(): void;
     setActive(): void;
@@ -27,7 +29,6 @@ export declare class XCarouselPanelComponent extends XCarouselPanelProperty impl
     calcCardTranslate(index: number, activeIndex: number): number | undefined;
     update(): void;
     panelClick(): void;
-    setClass(cls: string, value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCarouselPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XCarouselPanelComponent, "x-carousel-panel", never, {}, {}, never, ["*"], true, never>;
 }

package/carousel/carousel.component.d.ts

@@ -1,33 +1,32 @@
-import { OnInit, ElementRef, SimpleChanges, OnChanges } from '@angular/core';
+import { ElementRef, SimpleChanges } from '@angular/core';
 import { XCarouselProperty } from './carousel.property';
-import { XNumber, XConfigService } from '@ng-nest/ui/core';
-import { BehaviorSubject, Subscription } from 'rxjs';
+import { Subject, Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class XCarouselComponent extends XCarouselProperty implements OnInit, OnChanges {
-    carousel: ElementRef<HTMLElement>;
-    content: ElementRef<HTMLElement>;
-    start: number;
-    before: number;
+export declare class XCarouselComponent extends XCarouselProperty {
+    carousel: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    content: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    start: import("@angular/core").WritableSignal<number>;
+    before: import("@angular/core").WritableSignal<number>;
     timer?: Subscription;
     precentTimer?: Subscription;
-    panelChanges: BehaviorSubject<any>[];
     platformId: Object;
     isBrowser: boolean;
-    percent: number;
-    count: number;
-    private _unSubject;
-    private _resizeObserver;
-    private cdr;
-    configService: XConfigService;
-    get page(): number;
-    ngOnInit(): void;
+    percent: import("@angular/core").WritableSignal<number>;
+    count: import("@angular/core").WritableSignal<number>;
+    panels: import("@angular/core").WritableSignal<object[]>;
+    private unSubject;
+    private resizeObserver;
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
+    updatePanel: Subject<void>;
+    page: import("@angular/core").Signal<number>;
     ngAfterViewInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     ngOnDestroy(): void;
-    action(index: XNumber, increase: number, event?: string): void;
+    action(index: number, increase: number, event?: string): void;
     resetInterval(): void;
     setActiveItem(index: number): void;
-    setClassMap(): void;
     getActivated(index: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCarouselComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XCarouselComponent, "x-carousel", never, {}, {}, never, ["*"], true, never>;

package/carousel/carousel.property.d.ts

@@ -1,5 +1,5 @@
-import { XProperty, XNumber, XBoolean, XShadow, XDisplayDirection, XTrigger } from '@ng-nest/ui/core';
-import { EventEmitter } from '@angular/core';
+import { XProperty } from '@ng-nest/ui/core';
+import type { XNumber, XBoolean, XShadow, XDisplayDirection, XTrigger } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Carousel
@@ -7,82 +7,212 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XCarouselPrefix = "x-carousel";
+declare const XCarouselProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XCarouselConfig | undefined;
+};
 /**
  * Carousel Property
  */
-export declare class XCarouselProperty extends XProperty {
+export declare class XCarouselProperty extends XCarouselProperty_base {
     /**
      * @zh_CN 当前激活的幻灯片索引
      * @en_US Index of the currently active slide
+     * @example
+     *
+     * ```html
+     * <x-carousel [active]="1" (activeChange)="activeChange($event)">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * <x-carousel [(active)]="active">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
+     * ```typescript
+     * active = signal(1)
+     * activeChange(active: number) {
+     *   console.log(active)
+     * }
+     * ```
+     *
      */
-    active: XNumber;
+    readonly active: import("@angular/core").ModelSignal<number>;
     /**
      * @zh_CN 幻灯片高度
      * @en_US Slide height
+     * @example
+     *
+     * ```html
+     * <x-carousel height="18rem">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    height?: string;
+    readonly height: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 切换器触发方式
      * @en_US Switcher trigger method
+     * @example
+     *
+     * ```html
+     * <x-carousel trigger="click">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    trigger?: XCarouselTrigger;
+    readonly trigger: import("@angular/core").InputSignal<XTrigger>;
     /**
-     * @zh_CN 箭头显示影藏方式
+     * @zh_CN 箭头显示隐藏方式
      * @en_US Arrow shows how to hide
+     * @example
+     *
+     * ```html
+     * <x-carousel arrow="always">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * <x-carousel arrow="never">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    arrow?: XCarouselArrow;
+    readonly arrow: import("@angular/core").InputSignal<XShadow>;
     /**
      * @zh_CN 幻灯片轮播方向
      * @en_US Slide rotation direction
+     * @example
+     *
+     * ```html
+     * <x-carousel direction="vertical">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    direction?: XCarouselDirection;
+    readonly direction: import("@angular/core").InputSignal<XDisplayDirection>;
     /**
      * @zh_CN 自动切换
      * @en_US Automatic switching
+     * @example
+     *
+     * ```html
+     * <x-carousel autoplay="false">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    autoplay: XBoolean;
+    readonly autoplay: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
-     * @zh_CN 自动切换时间间隔
-     * @en_US Automatic switching time interval
+     * @zh_CN 自动切换时间间隔，ms
+     * @en_US Automatic switching time interval. ms
+     * @example
+     *
+     * ```html
+     * <x-carousel interval="5000">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    interval: XNumber;
+    readonly interval: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
-     * @zh_CN 切换器否显示在外面
+     * @zh_CN 切换器是否显示在外面
      * @en_US Whether the switcher is displayed outside
+     * @example
+     *
+     * ```html
+     * <x-carousel outside>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    outside?: XBoolean;
+    readonly outside: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 是否以卡片的方式显示幻灯片
      * @en_US Whether to display the slideshow as a card
+     * @example
+     *
+     * ```html
+     * <x-carousel card>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    card?: XBoolean;
+    readonly card: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 显示文字
      * @en_US Display text
+     * @example
+     *
+     * ```html
+     * <x-carousel text="text info">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    text?: string;
+    readonly text: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 显示进度条
      * @en_US Show progress
+     * @example
+     *
+     * ```html
+     * <x-carousel progress>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    progress?: XBoolean;
+    readonly progress: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 进度条颜色
      * @en_US Progress color
+     * @example
+     *
+     * ```html
+     * <x-carousel progress progressColor="blue">
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    progressColor?: string;
+    readonly progressColor: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 显示当前页面
      * @en_US Show current page
+     * @example
+     *
+     * ```html
+     * <x-carousel current>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    current?: XBoolean;
-    /**
-     * @zh_CN 激活的序号改变的事件
-     * @en_US The activated sequence number changed event
-     */
-    activeChange: EventEmitter<number>;
+    readonly current: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCarouselProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XCarouselProperty, "x-carousel-property", never, { "active": { "alias": "active"; "required": false; }; "height": { "alias": "height"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "outside": { "alias": "outside"; "required": false; }; "card": { "alias": "card"; "required": false; }; "text": { "alias": "text"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "current": { "alias": "current"; "required": false; }; }, { "activeChange": "activeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCarouselProperty, "x-carousel-property", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "outside": { "alias": "outside"; "required": false; "isSignal": true; }; "card": { "alias": "card"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "progressColor": { "alias": "progressColor"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, false, never>;
 }
 /**
  * @zh_CN 指示器切换方式
@@ -112,8 +242,18 @@ export declare class XCarouselPanelProperty extends XProperty {
     /**
      * @zh_CN 激活当前幻灯片
      * @en_US Activate the current slide
+     * @example
+     *
+     * ```html
+     * <x-carousel>
+     *   <x-carousel-panel>0</x-carousel-panel>
+     *   <x-carousel-panel active>1</x-carousel-panel>
+     * </x-carousel>
+     * ```
+     *
      */
-    active?: XBoolean;
+    readonly active: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCarouselPanelProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XCarouselPanelProperty, "x-carousel-panel-property", never, { "active": { "alias": "active"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCarouselPanelProperty, "x-carousel-panel-property", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
+export {};

package/cascade/cascade-portal.component.d.ts

@@ -1,43 +1,43 @@
-import { OnInit, OnDestroy, TemplateRef } from '@angular/core';
-import { XCascadeNode, XCascadeNodeTrigger } from './cascade.property';
+import { TemplateRef, OnDestroy } from '@angular/core';
+import { XCascadeNode } from './cascade.property';
 import { XPositionTopBottom } from '@ng-nest/ui/core';
-import { Subject } from 'rxjs';
 import { XInputComponent } from '@ng-nest/ui/input';
 import * as i0 from "@angular/core";
-export declare class XCascadePortalComponent implements OnInit, OnDestroy {
-    placement: XPositionTopBottom;
+export declare class XCascadePortalComponent implements OnDestroy {
+    get getPlacement(): XPositionTopBottom | undefined;
     done(event: {
         toState: any;
     }): void;
-    start(): void;
-    nodes: XCascadeNode[][];
-    datas: XCascadeNode[];
-    selecteds: XCascadeNode[];
-    value: any;
-    valueChange: Subject<any>;
-    positionChange: Subject<any>;
-    closePortal: Function;
-    destroyPortal: Function;
-    animating: Function;
-    nodeEmit: Function;
-    values: XCascadeNode[];
-    nodeTpl: TemplateRef<any>;
-    nodeTrigger: XCascadeNodeTrigger;
-    nodeHoverDelay: number;
-    hoverDelayUnSub: Subject<void>;
-    inputCom: XInputComponent;
-    private _unSubject;
-    private ngZone;
-    private cdr;
-    ngOnInit(): void;
+    start(event: {
+        toState: any;
+    }): void;
+    value: import("@angular/core").InputSignal<any>;
+    placement: import("@angular/core").InputSignal<XPositionTopBottom | undefined>;
+    nodeTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    inputCom: import("@angular/core").InputSignal<XInputComponent | undefined>;
+    nodeTrigger: import("@angular/core").InputSignal<import("@ng-nest/ui/core").XTrigger | undefined>;
+    nodeHoverDelay: import("@angular/core").InputSignal<number>;
+    nodes: import("@angular/core").ModelSignal<XCascadeNode[][]>;
+    datas: import("@angular/core").InputSignal<XCascadeNode[]>;
+    animating: import("@angular/core").OutputEmitterRef<boolean>;
+    nodeClick: import("@angular/core").OutputEmitterRef<{
+        node: XCascadeNode;
+        nodes: XCascadeNode[];
+        label: string;
+    }>;
+    selecteds: import("@angular/core").WritableSignal<XCascadeNode[]>;
+    values: import("@angular/core").WritableSignal<XCascadeNode[]>;
+    private unSubject;
+    private hoverDelayUnSub;
+    valueChanged: import("rxjs").Subscription;
     ngOnDestroy(): void;
     init(): void;
     stopPropagation(event: Event): void;
     setDefault(): void;
     nodeMouseenter(node: XCascadeNode): void;
     nodeMouseleave(): void;
-    nodeClick(node: XCascadeNode): void;
+    onNodeClick(node: XCascadeNode): void;
     nodeExpansion(node: XCascadeNode, click?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCascadePortalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XCascadePortalComponent, "x-cascade-portal", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCascadePortalComponent, "x-cascade-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "nodeTrigger": { "alias": "nodeTrigger"; "required": false; "isSignal": true; }; "nodeHoverDelay": { "alias": "nodeHoverDelay"; "required": false; "isSignal": true; }; "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "datas": { "alias": "datas"; "required": false; "isSignal": true; }; }, { "nodes": "nodesChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
 }

package/cascade/cascade.component.d.ts

@@ -1,52 +1,47 @@
 import { XCascadePortalComponent } from './cascade-portal.component';
 import { Subject } from 'rxjs';
-import { OnInit, ChangeDetectorRef, ElementRef, SimpleChanges, OnChanges, AfterViewInit, OnDestroy } from '@angular/core';
+import { OnInit, ElementRef, SimpleChanges, OnChanges, AfterViewInit, OnDestroy, ComponentRef } from '@angular/core';
 import { XCascadeNode, XCascadeProperty } from './cascade.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XInputComponent } from '@ng-nest/ui/input';
-import { OverlayConfig } from '@angular/cdk/overlay';
+import { OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 export declare class XCascadeComponent extends XCascadeProperty implements OnInit, AfterViewInit, OnChanges, OnDestroy {
-    cascade: ElementRef<HTMLElement>;
-    inputCom: XInputComponent;
+    cascade: import("@angular/core").Signal<ElementRef<any>>;
+    inputCom: import("@angular/core").Signal<XInputComponent>;
     writeValue(value: any): void;
-    readonly: boolean;
-    clearable: boolean;
-    enter: boolean;
-    animating: boolean;
-    displayValue: any;
-    datas: XCascadeNode[];
-    nodes: XCascadeNode[];
+    clearable: import("@angular/core").WritableSignal<boolean>;
+    enter: import("@angular/core").WritableSignal<boolean>;
+    animating: import("@angular/core").WritableSignal<boolean>;
+    datas: import("@angular/core").WritableSignal<XCascadeNode[]>;
+    nodes: import("@angular/core").WritableSignal<XCascadeNode[]>;
     portal: XPortalOverlayRef<XCascadePortalComponent>;
-    icon: string;
-    box: DOMRect;
-    protalHeight: number;
-    maxNodes: number;
-    protalTobottom: boolean;
-    valueTplContext: {
-        $node: any;
-        $nodes: any;
+    icon: import("@angular/core").WritableSignal<string>;
+    displayValue: import("@angular/core").Signal<string>;
+    valueTplContextSignal: import("@angular/core").Signal<{
+        $node: null;
+        $nodes: null;
         $isValue: boolean;
-    };
-    valueChange: Subject<any>;
-    dataChange: Subject<any>;
-    positionChange: Subject<any>;
+    } | {
+        $node: XCascadeNode;
+        $nodes: XCascadeNode[];
+        $isValue: boolean;
+    }>;
     closeSubject: Subject<void>;
-    private _unSubject;
+    private unSubject;
     private document;
-    private renderer;
-    cdr: ChangeDetectorRef;
     private portalService;
     private viewContainerRef;
     private elementRef;
     private overlay;
-    configService: XConfigService;
+    private realPlacement;
+    portalComponent: import("@angular/core").WritableSignal<ComponentRef<XCascadePortalComponent> | null>;
+    portalOverlayRef: import("@angular/core").WritableSignal<OverlayRef | null>;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    setClassMap(): void;
     setData(): void;
     setSubject(): void;
     setParantScroll(): void;
@@ -64,7 +59,6 @@ export declare class XCascadeComponent extends XCascadeProperty implements OnIni
         nodes: XCascadeNode[];
         label: string;
     }): void;
-    setDisplayValue(): void;
     setPlacement(): import("@angular/cdk/overlay").PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;