import * as _angular_core from '@angular/core';
import { TemplateRef, OnChanges, OnDestroy, ElementRef, SimpleChanges } from '@angular/core';
import * as rxjs from 'rxjs';
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XData, XIdentityProperty } from '@ng-nest/ui/core';
import { XButtonType } from '@ng-nest/ui/button';
import { XFormOption } from '@ng-nest/ui/base-form';

/**
 * Checkbox
 * @selector x-checkbox
 * @decorator component
 */
declare const XCheckboxPrefix = "x-checkbox";
declare const XCheckboxProperty_base: new () => {
    config: _ng_nest_ui_core.XCheckboxConfig | 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<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>;
};
/**
 * Checkbox Property
 */
declare class XCheckboxProperty extends XCheckboxProperty_base {
    /**
     * @zh_CN 多选框数据
     * @en_US Checkbox data
     */
    readonly data: _angular_core.InputSignalWithTransform<XData<XCheckboxNode>, XData<XCheckboxNode>>;
    /**
     * @zh_CN 按钮样式
     * @en_US Button style
     */
    readonly button: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 图标样式
     * @en_US Icon style
     */
    readonly icon: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN tag 标签样式
     * @en_US Tag style
     */
    readonly tag: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 不确定状态的样式
     * @en_US Uncertain state style
     */
    readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 按钮/图标/ tag 标签样式时生效
     * @en_US Take effect when button style
     */
    readonly type: _angular_core.InputSignal<_ng_nest_ui_core.XType>;
    /**
     * @zh_CN tag 标签边框
     * @en_US Tag bordered
     */
    readonly tagBordered: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN tag 标签深色主题
     * @en_US Tag dark theme
     */
    readonly tagDark: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 只有一个选项，启动此参数时，value 的值为 true / false
     * @en_US There is only one option, when this parameter is activated, the value is true or false
     */
    readonly single: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 垂直布局，不支持 button 和 icon 样式
     * @en_US Vertical layout, does not support button and icon styles
     */
    readonly vertical: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @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 Node template
     */
    readonly valueTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
    /**
     * @zh_CN 值模板参数
     * @en_US Node template
     */
    readonly valueTplContext: _angular_core.InputSignal<unknown>;
    /**
     * @zh_CN 前置标签
     * @en_US Before label
     */
    readonly before: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 后置标签
     * @en_US After label
     */
    readonly after: _angular_core.InputSignal<XTemplate | undefined>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XCheckboxProperty, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XCheckboxProperty, "x-checkbox-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "tagBordered": { "alias": "tagBordered"; "required": false; "isSignal": true; }; "tagDark": { "alias": "tagDark"; "required": false; "isSignal": true; }; "single": { "alias": "single"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "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; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
/**
 * Checkbox Option
 */
interface XCheckboxOption extends XFormOption {
    /**
     * @zh_CN 多选框数据
     * @en_US Checkbox data
     */
    data?: XData<XCheckboxNode>;
    /**
     * @zh_CN 按钮样式
     * @en_US Button style
     */
    button?: boolean;
    /**
     * @zh_CN 图标样式
     * @en_US Icon style
     */
    icon?: boolean;
    /**
     * @zh_CN tag 标签样式
     * @en_US Tag style
     */
    tag?: boolean;
    /**
     * @zh_CN 不确定状态的样式
     * @en_US Uncertain state style
     */
    indeterminate?: boolean;
    /**
     * @zh_CN 按钮/图标/ tag 标签样式时生效
     * @en_US Take effect when button style
     */
    type?: XButtonType;
    /**
     * @zh_CN tag 标签边框
     * @en_US Tag bordered
     */
    tagBordered?: boolean;
    /**
     * @zh_CN tag 标签深色主题
     * @en_US Tag dark theme
     */
    tagDark?: boolean;
    /**
     * @zh_CN 只有一个选项，启动此参数时，value 的值为 true / false
     * @en_US There is only one option, when this parameter is activated, the value is true or false
     */
    single?: boolean;
    /**
     * @zh_CN 垂直布局，不支持 button 和 icon 样式
     * @en_US Vertical layout, does not support button and icon styles
     */
    vertical?: boolean;
    /**
     * @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 Before label
     */
    before?: XTemplate;
    /**
     * @zh_CN 后置标签
     * @en_US After label
     */
    after?: XTemplate;
}
/**
 * @zh_CN Checkbox 数据对象
 * @en_US Checkbox data object
 */
interface XCheckboxNode extends XIdentityProperty {
    /**
     * @zh_CN 禁用
     * @en_US Disable
     */
    disabled?: boolean;
    /**
     * @zh_CN 选中
     * @en_US Disable
     */
    checked?: boolean;
    /**
     * @zh_CN 图标
     * @en_US Icon
     */
    icon?: string;
    /**
     * @zh_CN 图标的提示信息
     * @en_US Icon message
     */
    title?: string;
    /**
     * @zh_CN 标签文字
     * @en_US Label text
     */
    label?: XTemplate;
    /**
     * @zh_CN label 为模板参数的时候
     * @en_US Label when setting template parameters
     */
    node?: XCheckboxNode;
}

declare class XCheckboxComponent extends XCheckboxProperty implements OnChanges, OnDestroy {
    checkbox: _angular_core.Signal<ElementRef<any>>;
    beforeIsTemplate: _angular_core.Signal<boolean>;
    afterIsTemplate: _angular_core.Signal<boolean>;
    nodes: _angular_core.WritableSignal<XCheckboxNode[]>;
    private unSubject;
    classMap: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    labelMapSignal: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    checkboxType: _angular_core.Signal<"button" | "icon" | "tag" | "initial">;
    constructor();
    ngOnChanges(changes: SimpleChanges): void;
    ngOnDestroy(): void;
    checkboxClick(event: Event, node: XCheckboxNode): void;
    isChecked(id: any): boolean;
    setChecked(): void;
    private setData;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XCheckboxComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XCheckboxComponent, "x-checkbox", never, {}, {}, never, never, true, never>;
}

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

export { XCheckboxComponent, XCheckboxModule, XCheckboxPrefix, XCheckboxProperty };
export type { XCheckboxNode, XCheckboxOption };