import * as _angular_core from '@angular/core';
import { OnDestroy, AfterViewInit, ElementRef, ChangeDetectorRef } from '@angular/core';
import { XTooltipDirective } from '@ng-nest/ui/tooltip';
import * as rxjs from 'rxjs';
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection } from '@ng-nest/ui/core';
import { XFormOption } from '@ng-nest/ui/base-form';
import { CdkDragStart, CdkDragMove, CdkDragEnd } from '@angular/cdk/drag-drop';

/**
 * SliderSelect
 * @selector x-slider-select
 * @decorator component
 */
declare const XSliderSelectPrefix = "x-slider-select";
declare const XSliderSelectProperty_base: new () => {
    config: _ng_nest_ui_core.XSliderSelectConfig | undefined;
    cdr: _angular_core.ChangeDetectorRef;
    invalid: _angular_core.Signal<boolean>;
    invalidPattern: _angular_core.Signal<boolean>;
    requiredIsEmpty: _angular_core.Signal<boolean>;
    invalidMessage: _angular_core.Signal<string>;
    value: _angular_core.WritableSignal<any>;
    valueObservable: rxjs.Observable<any>;
    validatorSignal: _angular_core.WritableSignal<boolean>;
    disabledSignal: _angular_core.WritableSignal<boolean>;
    requiredSignal: _angular_core.WritableSignal<boolean>;
    patternSignal: _angular_core.WritableSignal<any>;
    messageSignal: _angular_core.WritableSignal<string>;
    requiredComputed: _angular_core.Signal<boolean>;
    disabledComputed: _angular_core.Signal<boolean>;
    validatorComputed: _angular_core.Signal<boolean>;
    patternComputed: _angular_core.Signal<any>;
    messageComputed: _angular_core.Signal<string>;
    invalidInputValidator: _angular_core.WritableSignal<boolean>;
    onChange: (value: any) => void;
    onTouched: () => void;
    writeValue(value: any): void;
    registerOnChange(fn: (value: any) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(disabled: boolean): void;
    formControlValidator(): void;
    readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    readonly label: _angular_core.InputSignal<XTemplate>;
    readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
    readonly labelAlign: _angular_core.InputSignal<XAlign>;
    readonly justify: _angular_core.InputSignal<XJustify>;
    readonly align: _angular_core.InputSignal<XAlign>;
    readonly direction: _angular_core.InputSignal<XDirection>;
    readonly size: _angular_core.InputSignal<_ng_nest_ui_core.XSize>;
    readonly placeholder: _angular_core.InputSignal<string | string[]>;
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    readonly required: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    readonly readonly: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    readonly valueTpl: _angular_core.InputSignal<_angular_core.TemplateRef<any> | undefined>;
    readonly valueTplContext: _angular_core.InputSignal<unknown>;
    readonly before: _angular_core.InputSignal<XTemplate | undefined>;
    readonly after: _angular_core.InputSignal<XTemplate | undefined>;
    readonly pattern: _angular_core.InputSignal<RegExp | null>;
    readonly message: _angular_core.InputSignal<string>;
    readonly active: _angular_core.ModelSignal<boolean>;
    readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
};
/**
 * SliderSelect Property
 */
declare class XSliderSelectProperty extends XSliderSelectProperty_base {
    /**
     * @zh_CN 最小值
     * @en_US Minimum
     */
    readonly min: _angular_core.InputSignalWithTransform<number, XNumber>;
    /**
     * @zh_CN 最大值
     * @en_US Max
     */
    readonly max: _angular_core.InputSignalWithTransform<number, XNumber>;
    /**
     * @zh_CN 步数
     * @en_US Step count
     */
    readonly step: _angular_core.InputSignalWithTransform<number, XNumber>;
    /**
     * @zh_CN 精度，默认根据步数来计算
     * @en_US Precision, calculated based on the number of steps by default
     */
    readonly precision: _angular_core.InputSignalWithTransform<number | undefined, XNumber>;
    /**
     * @zh_CN 显示 tooltip 提示
     * @en_US Display Tooltip prompts
     */
    readonly showTooltip: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 反向
     * @en_US Reverse
     */
    readonly reverse: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 垂直
     * @en_US Vertical
     */
    readonly vertical: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 范围
     * @en_US Range
     */
    readonly range: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 自定义滑块
     * @en_US Custom button
     */
    readonly customButton: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 刻度标记，key 为实际数字，在 [min,max] 内，可通过 style 设置样式
     * @en_US Scale marking, key is the actual number, in [min, max], you can set style through style
     */
    readonly marks: _angular_core.InputSignal<XSliderSelectMark[]>;
    /**
     * @zh_CN 自定义 tooltip
     * @en_US Custom tooltip
     */
    readonly tooltipCustom: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 标签
     * @en_US Label
     */
    readonly label: _angular_core.InputSignal<XTemplate>;
    /**
     * @zh_CN 标签宽度
     * @en_US Label width
     */
    readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
    /**
     * @zh_CN 标签文字对齐方式
     * @en_US Label text alignment method
     */
    readonly labelAlign: _angular_core.InputSignal<XAlign>;
    /**
     * @zh_CN flex 布局下的子元素水平排列方式
     * @en_US The level of sub-element level arrangement under flex layout
     */
    readonly justify: _angular_core.InputSignal<XJustify>;
    /**
     * @zh_CN flex 布局下的子元素垂直排列方式
     * @en_US sub-element vertical arrangement method under flex layout
     */
    readonly align: _angular_core.InputSignal<XAlign>;
    /**
     * @zh_CN flex 布局下的子元素排列方向
     * @en_US The direction of the sub-element arrangement under flex layout
     */
    readonly direction: _angular_core.InputSignal<XDirection>;
    /**
     * @zh_CN 禁用
     * @en_US Disabled
     */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 必填
     * @en_US Required
     */
    readonly required: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 开始拖动的事件
     * @en_US Start drag event
     */
    readonly dragStartEmit: _angular_core.OutputEmitterRef<CdkDragStart<any>>;
    /**
     * @zh_CN 按住移动中的事件
     * @en_US Hold down the moving event
     */
    readonly dragMoveEmit: _angular_core.OutputEmitterRef<CdkDragMove<any>>;
    /**
     * @zh_CN 移动结束的事件
     * @en_US Mobile end event
     */
    readonly dragEndEmit: _angular_core.OutputEmitterRef<CdkDragEnd<any>>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSliderSelectProperty, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSliderSelectProperty, "x-slider-select-property", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "customButton": { "alias": "customButton"; "required": false; "isSignal": true; }; "marks": { "alias": "marks"; "required": false; "isSignal": true; }; "tooltipCustom": { "alias": "tooltipCustom"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "dragStartEmit": "dragStartEmit"; "dragMoveEmit": "dragMoveEmit"; "dragEndEmit": "dragEndEmit"; }, never, never, true, never>;
}
/**
 * SliderSelect Option
 */
interface XSliderSelectOption extends XFormOption {
    /**
     * @zh_CN 最小值
     * @en_US Minimum
     */
    min?: number;
    /**
     * @zh_CN 最大值
     * @en_US Max
     */
    max?: number;
    /**
     * @zh_CN 步数
     * @en_US Step count
     */
    step?: number;
    /**
     * @zh_CN 精度，默认根据步数来计算
     * @en_US Precision, calculated based on the number of steps by default
     */
    precision?: number;
    /**
     * @zh_CN 显示 tooltip 提示
     * @en_US Display Tooltip prompts
     */
    showTooltip?: boolean;
    /**
     * @zh_CN 反向
     * @en_US Reverse
     */
    reverse?: boolean;
    /**
     * @zh_CN 垂直
     * @en_US Vertical
     */
    vertical?: boolean;
    /**
     * @zh_CN 范围
     * @en_US Range
     */
    range?: boolean;
    /**
     * @zh_CN 自定义滑块
     * @en_US Custom button
     */
    customButton?: XTemplate;
    /**
     * @zh_CN 刻度标记，key 为实际数字，在 [min,max] 内，可通过 style 设置样式
     * @en_US Scale marking, key is the actual number, in [min, max], you can set style through style
     */
    marks?: XSliderSelectMark[];
    /**
     * @zh_CN 自定义 tooltip
     * @en_US Custom tooltip
     */
    tooltipCustom?: XTemplate;
    /**
     * @zh_CN 标签
     * @en_US Label
     */
    label?: string;
    /**
     * @zh_CN 标签宽度
     * @en_US Label width
     */
    labelWidth?: string;
    /**
     * @zh_CN 标签文字对齐方式
     * @en_US Label text alignment method
     */
    labelAlign?: XAlign;
    /**
     * @zh_CN flex 布局下的子元素水平排列方式
     * @en_US The level of sub-element level arrangement under flex layout
     */
    justify?: XJustify;
    /**
     * @zh_CN flex 布局下的子元素垂直排列方式
     * @en_US sub-element vertical arrangement method under flex layout
     */
    align?: XAlign;
    /**
     * @zh_CN flex 布局下的子元素排列方向
     * @en_US The direction of the sub-element arrangement under flex layout
     */
    direction?: XDirection;
    /**
     * @zh_CN 禁用
     * @en_US Disabled
     */
    disabled?: boolean;
    /**
     * @zh_CN 必填
     * @en_US Required
     */
    required?: boolean;
    /**
     * @zh_CN 开始拖动的事件
     * @en_US Start drag event
     */
    dragStartEmit?: (start: CdkDragStart) => void;
    /**
     * @zh_CN 按住移动中的事件
     * @en_US Hold down the moving event
     */
    dragMoveEmit?: (move: CdkDragMove) => void;
    /**
     * @zh_CN 移动结束的事件
     * @en_US Mobile end event
     */
    dragEndEmit?: (end: CdkDragEnd) => void;
}
/**
 * @zh_CN 刻度标记
 * @en_US Scale marking
 */
interface XSliderSelectMark {
    /**
     * @zh_CN 数值
     * @en_US Value
     */
    value: number;
    /**
     * @zh_CN 显示标签
     * @en_US Label
     */
    label: string;
    /**
     * @zh_CN 标签样式
     * @en_US style
     */
    style?: {
        [style: string]: any;
    };
    /**
     * @zh_CN 实际偏移量（自动计算）
     * @en_US Offset. automatic calculation
     */
    offset?: number;
}

declare class XSliderSelectComponent extends XSliderSelectProperty implements OnDestroy, AfterViewInit {
    sliderSelect: _angular_core.Signal<ElementRef<HTMLElement>>;
    dragStartRef: _angular_core.Signal<ElementRef<HTMLElement>>;
    dragEndRef: _angular_core.Signal<ElementRef<HTMLElement>>;
    railRef: _angular_core.Signal<ElementRef<HTMLElement>>;
    processRef: _angular_core.Signal<ElementRef<HTMLElement>>;
    get getVertical(): boolean;
    tooltips: _angular_core.Signal<readonly XTooltipDirective[]>;
    tooltipStart: _angular_core.Signal<XTooltipDirective | null>;
    tooltipEnd: _angular_core.Signal<XTooltipDirective | null>;
    value: _angular_core.WritableSignal<number | number[]>;
    starting: _angular_core.WritableSignal<boolean>;
    startOffset: _angular_core.WritableSignal<number>;
    startVisible: _angular_core.WritableSignal<boolean>;
    startManual: _angular_core.WritableSignal<boolean>;
    start: _angular_core.WritableSignal<number | null>;
    startDisplayValue: _angular_core.WritableSignal<string>;
    showStartTooltip: _angular_core.WritableSignal<boolean>;
    endOffset: _angular_core.WritableSignal<number>;
    endVisible: _angular_core.WritableSignal<boolean>;
    endManual: _angular_core.WritableSignal<boolean>;
    end: _angular_core.WritableSignal<number | null>;
    endDisplayValue: _angular_core.WritableSignal<string>;
    showEndTooltip: _angular_core.WritableSignal<boolean>;
    markList: _angular_core.Signal<XSliderSelectMark[]>;
    private unSubject;
    private resizeObserver;
    isNumber: _angular_core.Signal<boolean>;
    isArray: _angular_core.Signal<boolean>;
    classMap: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    labelMapSignal: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    precisionSignal: _angular_core.Signal<number>;
    requiredIsEmpty: _angular_core.Signal<boolean>;
    writeValue(value: number | number[]): void;
    private renderer;
    cdr: ChangeDetectorRef;
    elementRef: ElementRef<any>;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    change(): void;
    getOffset(val: number): number;
    setLeft(): void;
    setDisplayValue(): void;
    started(drag: CdkDragStart, type?: 'start' | 'end' | 'both'): void;
    moved(drag: CdkDragMove, type?: 'start' | 'end' | 'both'): void;
    ended(drag: CdkDragEnd, type?: 'start' | 'end' | 'both'): void;
    setDrag(distance?: number, type?: 'start' | 'end' | 'both'): void;
    setDragStyles(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSliderSelectComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSliderSelectComponent, "x-slider-select", never, {}, {}, never, never, true, never>;
}

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

export { XSliderSelectComponent, XSliderSelectModule, XSliderSelectPrefix, XSliderSelectProperty };
export type { XSliderSelectMark, XSliderSelectOption };