import * as _angular_core from '@angular/core';
import { TemplateRef, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
import { XIdentityProperty, XTemplate, XDataArray, XBoolean, XTrigger, XJustify, XSize, XNumber, XPosition } from '@ng-nest/ui/core';
import { Subject } from 'rxjs';

/**
 * Slider
 * @selector x-slider
 * @decorator component
 */
declare const XSliderPrefix = "x-slider";
declare const XSliderProperty_base: new () => {
    config: _ng_nest_ui_core.XSliderConfig | undefined;
};
/**
 * Slider Property
 */
declare class XSliderProperty extends XSliderProperty_base {
    /**
     * @zh_CN 节点数据
     * @en_US Node data
     */
    readonly data: _angular_core.InputSignalWithTransform<XSliderNode[], XDataArray<XSliderNode>>;
    /**
     * @zh_CN 滑动动画
     * @en_US Sliding animation
     */
    readonly animated: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 当前激活的索引
     * @en_US Currently active index
     */
    readonly activatedIndex: _angular_core.ModelSignal<number>;
    /**
     * @zh_CN 触发方式
     * @en_US Trigger mode
     */
    readonly trigger: _angular_core.InputSignal<XTrigger>;
    /**
     * @zh_CN 排列方式
     * @en_US Arrangement
     */
    readonly layout: _angular_core.InputSignal<XSliderLayout>;
    /**
     * @zh_CN 对齐方式
     * @en_US Alignment
     */
    readonly justify: _angular_core.InputSignal<XJustify>;
    /**
     * @zh_CN 节点文字对齐方式
     * @en_US Node text alignment
     */
    readonly nodeJustify: _angular_core.InputSignal<XJustify>;
    /**
     * @zh_CN 节点自定义模板
     * @en_US Node custom template
     */
    readonly nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
    /**
     * @zh_CN 尺寸
     * @en_US Size
     */
    readonly size: _angular_core.InputSignal<XSize>;
    /**
     * @zh_CN 节点显示不下的时候显示展开所有的按钮，排列方式为 row 的时候生效
     * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row
     */
    readonly showExpand: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 节点显示不下的时候显示左右/上下的箭头
     * @en_US Nodes can't show the show about/of the up and down arrow
     */
    readonly autoShowArrow: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 展开所有弹框的最大高度
     * @en_US Expand the maximum height of all bomb frames
     */
    readonly expandMaxHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
    /**
     * @zh_CN 显示描点
     * @en_US Show anchor
     */
    readonly showAnchor: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 激活节点改变事件
     * @en_US Activate node change event
     */
    readonly indexChange: _angular_core.OutputEmitterRef<number>;
    /**
     * @zh_CN 激活节点改变事件
     * @en_US Activate node change event
     */
    readonly nodeChange: _angular_core.OutputEmitterRef<XSliderNode>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSliderProperty, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSliderProperty, "x-slider-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "activatedIndex": { "alias": "activatedIndex"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "nodeJustify": { "alias": "nodeJustify"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "autoShowArrow": { "alias": "autoShowArrow"; "required": false; "isSignal": true; }; "expandMaxHeight": { "alias": "expandMaxHeight"; "required": false; "isSignal": true; }; "showAnchor": { "alias": "showAnchor"; "required": false; "isSignal": true; }; }, { "activatedIndex": "activatedIndexChange"; "indexChange": "indexChange"; "nodeChange": "nodeChange"; }, never, never, true, never>;
}
/**
 * @zh_CN Slider 数据对象
 * @en_US Slider data object
 */
interface XSliderNode extends XIdentityProperty {
    /**
     * @zh_CN 标题，支持模板
     * @en_US Title, support template
     */
    label?: XTemplate;
    /**
     * @zh_CN 禁用节点
     * @en_US Node disabled
     */
    disabled?: boolean;
}
/**
 * @zh_CN 触发方式
 * @en_US Trigger method
 */
type XSliderTrigger = XTrigger;
/**
 * @zh_CN 布局方式
 * @en_US Layout
 */
type XSliderLayout = 'row' | 'column';

declare class XSliderComponent extends XSliderProperty implements OnDestroy, AfterViewInit {
    sliderScroll: _angular_core.Signal<ElementRef<any>>;
    sliderNodes: _angular_core.Signal<ElementRef<any>>;
    activated: _angular_core.WritableSignal<XSliderNode | null>;
    showArrow: _angular_core.WritableSignal<boolean>;
    activatedId: _angular_core.WritableSignal<string>;
    timeoutHide: any;
    hoverDelay: number;
    hoverDelayUnsub: Subject<void>;
    offset: _angular_core.WritableSignal<number>;
    transform: _angular_core.Signal<string>;
    direction: _angular_core.WritableSignal<XPosition>;
    maxOffset: _angular_core.WritableSignal<number>;
    dir: _angular_core.Signal<"X" | "Y">;
    sizeName: _angular_core.Signal<"Width" | "Height">;
    highlightBox: _angular_core.Signal<{
        width?: undefined;
        height?: undefined;
        left?: undefined;
        top?: undefined;
    } | {
        width: string;
        height: string;
        left: string;
        top: string;
    }>;
    resizeChanged: _angular_core.WritableSignal<DOMRectReadOnly | null>;
    private unSubject;
    private resizeObserver;
    elementRef: ElementRef<any>;
    classMap: _angular_core.Signal<{
        [x: string]: boolean;
        "x-slider-show-arrow": boolean;
    }>;
    scrollClassMap: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    nodeClassMap: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    ngOnDestroy(): void;
    ngAfterViewInit(): void;
    setSubscribe(): void;
    onEnter(event: Event | null, node: XSliderNode, index: number): void;
    onLeave(node: XSliderNode): void;
    nodeClick(event: Event | null, node: XSliderNode, index: number): void;
    dropdownClick(node: XSliderNode): void;
    scrollPrev(): void;
    scrollNext(): void;
    setDirection(index: number, before: number): XPosition;
    setTranslate(): void;
    sizeChecked(): void;
    setActivated(): void;
    getActivated(index: number): boolean;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSliderComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSliderComponent, "x-slider", never, {}, {}, never, never, true, never>;
}

declare class XSliderModule {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSliderModule, never>;
    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XSliderModule, never, [typeof XSliderComponent], [typeof XSliderComponent]>;
    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XSliderModule>;
}

export { XSliderComponent, XSliderModule, XSliderPrefix, XSliderProperty };
export type { XSliderLayout, XSliderNode, XSliderTrigger };