@nextcloud/vue/dist/components/NcActionInput/NcActionInput.vue.d.ts

Nextcloud vue components

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /**
     * id attribute of the checkbox element
     */
    id: {
        type: StringConstructor;
        default: () => string;
        validator: (id: unknown) => boolean;
    };
    /**
     * id attribute of the text input element
     */
    inputId: {
        type: StringConstructor;
        default: () => string;
        validator: (id: unknown) => boolean;
    };
    /**
     * Icon to show with the action, can be either a CSS class or an URL
     */
    icon: {
        type: StringConstructor;
        default: string;
    };
    /**
     * type attribute of the input field
     */
    type: {
        type: StringConstructor;
        default: string;
        validator(type: unknown): boolean;
    };
    /**
     * id attribute for the native date time picker
     */
    idNativeDateTimePicker: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Flag to use a native date time picker
     */
    isNativePicker: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The visible input label for accessibility purposes.
     */
    label: {
        type: StringConstructor;
        default: null;
    };
    /**
     * If you want to show the label just above the
     * input field, pass in `true` to this prop.
     */
    labelOutside: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * value attribute of the input field
     */
    modelValue: {
        type: (DateConstructor | StringConstructor | ArrayConstructor | NumberConstructor)[];
        default: string;
    };
    /**
     * disabled state of the input field
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * aria-label attribute of the input field
     */
    ariaLabel: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Attribute forwarded to the underlying NcPasswordField and NcTextField
     */
    showTrailingButton: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Trailing button label forwarded to the underlying NcTextField
     */
    trailingButtonLabel: {
        type: StringConstructor;
        default: string;
    };
    /**
     * CSS class to apply to the root element.
     */
    class: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: string;
    };
}>, {}, {}, {
    isIconUrl(): false | URL;
    isMultiselectType(): boolean;
    nativeDatePickerType(): false | "time" | "date" | "datetime-local" | "month" | "week";
    datePickerType(): false | "time" | "date" | "month" | "datetime";
    /**
     * determines if the action is focusable
     *
     * @return {boolean} is the action focusable ?
     */
    isFocusable(): boolean;
}, {
    onLeave(): void;
    onSubmit(event: any): false | undefined;
    onUpdateModelValue(event: any): void;
}, {
    beforeUpdate(): void;
    data(): {
        text: any;
    };
    computed: {
        isLongText(): any;
    };
    methods: {
        getText(): any;
    };
}, import('vue').ComponentOptionsMixin, ("submit" | "update:modelValue")[], "submit" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /**
     * id attribute of the checkbox element
     */
    id: {
        type: StringConstructor;
        default: () => string;
        validator: (id: unknown) => boolean;
    };
    /**
     * id attribute of the text input element
     */
    inputId: {
        type: StringConstructor;
        default: () => string;
        validator: (id: unknown) => boolean;
    };
    /**
     * Icon to show with the action, can be either a CSS class or an URL
     */
    icon: {
        type: StringConstructor;
        default: string;
    };
    /**
     * type attribute of the input field
     */
    type: {
        type: StringConstructor;
        default: string;
        validator(type: unknown): boolean;
    };
    /**
     * id attribute for the native date time picker
     */
    idNativeDateTimePicker: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Flag to use a native date time picker
     */
    isNativePicker: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The visible input label for accessibility purposes.
     */
    label: {
        type: StringConstructor;
        default: null;
    };
    /**
     * If you want to show the label just above the
     * input field, pass in `true` to this prop.
     */
    labelOutside: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * value attribute of the input field
     */
    modelValue: {
        type: (DateConstructor | StringConstructor | ArrayConstructor | NumberConstructor)[];
        default: string;
    };
    /**
     * disabled state of the input field
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * aria-label attribute of the input field
     */
    ariaLabel: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Attribute forwarded to the underlying NcPasswordField and NcTextField
     */
    showTrailingButton: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Trailing button label forwarded to the underlying NcTextField
     */
    trailingButtonLabel: {
        type: StringConstructor;
        default: string;
    };
    /**
     * CSS class to apply to the root element.
     */
    class: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: string;
    };
}>> & Readonly<{
    onSubmit?: ((...args: any[]) => any) | undefined;
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}>, {
    id: string;
    type: string;
    label: string;
    class: string | Record<string, any> | unknown[];
    icon: string;
    disabled: boolean;
    inputId: string;
    labelOutside: boolean;
    modelValue: string | number | Date | unknown[];
    ariaLabel: string;
    showTrailingButton: boolean;
    trailingButtonLabel: string;
    idNativeDateTimePicker: string;
    isNativePicker: boolean;
}, {}, {
    NcDateTimePickerNative: import('vue').DefineComponent<{
        modelValue?: Date | null;
    } & {
        class?: import('../../utils/VueTypes.ts').VueClassType;
        id?: string;
        inputClass?: import('../../utils/VueTypes.ts').VueClassType;
        type?: "date" | "datetime-local" | "month" | "time" | "week";
        label?: string;
        min?: Date | null;
        max?: Date | null;
        hideLabel?: boolean;
    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:modelValue": (value: Date | null) => any;
    }, string, import('vue').PublicProps, Readonly<{
        modelValue?: Date | null;
    } & {
        class?: import('../../utils/VueTypes.ts').VueClassType;
        id?: string;
        inputClass?: import('../../utils/VueTypes.ts').VueClassType;
        type?: "date" | "datetime-local" | "month" | "time" | "week";
        label?: string;
        min?: Date | null;
        max?: Date | null;
        hideLabel?: boolean;
    }> & Readonly<{
        "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
    }>, {
        id: string;
        type: "date" | "datetime-local" | "month" | "time" | "week";
        label: string;
        class: import('../../utils/VueTypes.ts').VueClassType;
        inputClass: import('../../utils/VueTypes.ts').VueClassType;
        modelValue: Date | null;
        min: Date | null;
        max: Date | null;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
    NcPasswordField: {
        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
            modelValue?: string;
            visible?: boolean;
        } & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type" | "trailingButtonLabel"> & {
            checkPasswordStrength?: boolean;
            minlength?: number;
            asText?: boolean;
        }> & Readonly<{
            onInvalid?: (() => any) | undefined;
            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
            onValid?: (() => any) | undefined;
            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
        }>, {
            focus: (options?: FocusOptions) => void;
            select: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            invalid: () => any;
            "update:modelValue": (value: string) => any;
            valid: () => any;
            "update:visible": (value: boolean) => any;
        }, import('vue').PublicProps, {
            inputClass: import('../../utils/VueTypes.ts').VueClassType;
            showTrailingButton: boolean;
            minlength: number;
        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
            inputField: ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: {
                    readonly modelValue: string | number;
                    readonly class?: import('../../utils/VueTypes.ts').VueClassType | undefined;
                    readonly inputClass?: import('../../utils/VueTypes.ts').VueClassType | undefined;
                    readonly id?: string | undefined;
                    readonly label?: string | undefined;
                    readonly labelOutside?: boolean | undefined;
                    readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | undefined;
                    readonly placeholder?: string | undefined;
                    readonly showTrailingButton?: boolean | undefined;
                    readonly trailingButtonLabel?: string | undefined;
                    readonly success?: boolean | undefined;
                    readonly error?: boolean | undefined;
                    readonly helperText?: string | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly pill?: boolean | undefined;
                    readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
                    readonly onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    input: HTMLInputElement;
                };
                $slots: Readonly<{
                    [name: string]: import('vue').Slot<any> | undefined;
                }>;
                $root: import('vue').ComponentPublicInstance | null;
                $parent: import('vue').ComponentPublicInstance | null;
                $host: Element | null;
                $emit: ((event: "update:modelValue", value: string | number) => void) & ((event: "trailingButtonClick", event: MouseEvent) => void);
                $el: any;
                $options: import('vue').ComponentOptionsBase<Readonly<{
                    modelValue: string | number;
                } & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
                    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
                    onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
                }>, {
                    focus: (options?: FocusOptions) => void;
                    select: () => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                    "update:modelValue": (value: string | number) => any;
                    trailingButtonClick: (event: MouseEvent) => any;
                }, string, {
                    id: string;
                    type: "text" | "password" | "email" | "tel" | "url" | "search" | "number";
                    label: string;
                    class: import('../../utils/VueTypes.ts').VueClassType;
                    inputClass: import('../../utils/VueTypes.ts').VueClassType;
                    placeholder: string;
                    trailingButtonLabel: string;
                    helperText: string;
                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                    beforeCreate?: (() => void) | (() => void)[];
                    created?: (() => void) | (() => void)[];
                    beforeMount?: (() => void) | (() => void)[];
                    mounted?: (() => void) | (() => void)[];
                    beforeUpdate?: (() => void) | (() => void)[];
                    updated?: (() => void) | (() => void)[];
                    activated?: (() => void) | (() => void)[];
                    deactivated?: (() => void) | (() => void)[];
                    beforeDestroy?: (() => void) | (() => void)[];
                    beforeUnmount?: (() => void) | (() => void)[];
                    destroyed?: (() => void) | (() => void)[];
                    unmounted?: (() => void) | (() => void)[];
                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                };
                $forceUpdate: () => void;
                $nextTick: typeof import('vue').nextTick;
                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
            } & Readonly<{
                id: string;
                type: "text" | "password" | "email" | "tel" | "url" | "search" | "number";
                label: string;
                class: import('../../utils/VueTypes.ts').VueClassType;
                inputClass: import('../../utils/VueTypes.ts').VueClassType;
                placeholder: string;
                trailingButtonLabel: string;
                helperText: string;
            }> & Omit<Readonly<{
                modelValue: string | number;
            } & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
                "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
                onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
            }>, "select" | "focus" | ("id" | "type" | "label" | "class" | "inputClass" | "placeholder" | "trailingButtonLabel" | "helperText")> & import('vue').ShallowUnwrapRef<{
                focus: (options?: FocusOptions) => void;
                select: () => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: Readonly<{
                    icon?: import('vue').Slot;
                    'trailing-button-icon'?: import('vue').Slot;
                }> & {
                    icon?: import('vue').Slot;
                    'trailing-button-icon'?: import('vue').Slot;
                };
            }) | null;
        }, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<{
            modelValue?: string;
            visible?: boolean;
        } & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type" | "trailingButtonLabel"> & {
            checkPasswordStrength?: boolean;
            minlength?: number;
            asText?: boolean;
        }> & Readonly<{
            onInvalid?: (() => any) | undefined;
            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
            onValid?: (() => any) | undefined;
            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
        }>, {
            focus: (options?: FocusOptions) => void;
            select: () => void;
        }, {}, {}, {}, {
            inputClass: import('../../utils/VueTypes.ts').VueClassType;
            showTrailingButton: boolean;
            minlength: number;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import('vue').ComponentOptionsBase<Readonly<{
        modelValue?: string;
        visible?: boolean;
    } & Omit<import('../NcInputField/NcInputField.vue').NcInputFieldProps, "type" | "trailingButtonLabel"> & {
        checkPasswordStrength?: boolean;
        minlength?: number;
        asText?: boolean;
    }> & Readonly<{
        onInvalid?: (() => any) | undefined;
        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
        onValid?: (() => any) | undefined;
        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
    }>, {
        focus: (options?: FocusOptions) => void;
        select: () => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        invalid: () => any;
        "update:modelValue": (value: string) => any;
        valid: () => any;
        "update:visible": (value: boolean) => any;
    }, string, {
        inputClass: import('../../utils/VueTypes.ts').VueClassType;
        showTrailingButton: boolean;
        minlength: number;
    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
        $slots: {
            icon?(_: {}): any;
        };
    });
    NcTextField: {
        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
            modelValue?: string | number;
        } & import('../NcInputField/NcInputField.vue').NcInputFieldProps & {
            trailingButtonIcon?: "arrowEnd" | "close" | "undo";
            trailingButtonLabel?: string;
        }> & Readonly<{
            "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
        }>, {
            focus: (options?: FocusOptions) => void;
            select: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:modelValue": (value: string | number) => any;
        }, import('vue').PublicProps, {
            trailingButtonLabel: string;
            trailingButtonIcon: "arrowEnd" | "close" | "undo";
        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
            inputField: ({
                $: import('vue').ComponentInternalInstance;
                $data: {};
                $props: {
                    readonly modelValue: string | number;
                    readonly class?: import('../../utils/VueTypes.ts').VueClassType | undefined;
                    readonly inputClass?: import('../../utils/VueTypes.ts').VueClassType | undefined;
                    readonly id?: string | undefined;
                    readonly label?: string | undefined;
                    readonly labelOutside?: boolean | undefined;
                    readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | undefined;
                    readonly placeholder?: string | undefined;
                    readonly showTrailingButton?: boolean | undefined;
                    readonly trailingButtonLabel?: string | undefined;
                    readonly success?: boolean | undefined;
                    readonly error?: boolean | undefined;
                    readonly helperText?: string | undefined;
                    readonly disabled?: boolean | undefined;
                    readonly pill?: boolean | undefined;
                    readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
                    readonly onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                $attrs: {
                    [x: string]: unknown;
                };
                $refs: {
                    [x: string]: unknown;
                } & {
                    input: HTMLInputElement;
                };
                $slots: Readonly<{
                    [name: string]: import('vue').Slot<any> | undefined;
                }>;
                $root: import('vue').ComponentPublicInstance | null;
                $parent: import('vue').ComponentPublicInstance | null;
                $host: Element | null;
                $emit: ((event: "update:modelValue", value: string | number) => void) & ((event: "trailingButtonClick", event: MouseEvent) => void);
                $el: any;
                $options: import('vue').ComponentOptionsBase<Readonly<{
                    modelValue: string | number;
                } & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
                    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
                    onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
                }>, {
                    focus: (options?: FocusOptions) => void;
                    select: () => void;
                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                    "update:modelValue": (value: string | number) => any;
                    trailingButtonClick: (event: MouseEvent) => any;
                }, string, {
                    id: string;
                    type: "text" | "password" | "email" | "tel" | "url" | "search" | "number";
                    label: string;
                    class: import('../../utils/VueTypes.ts').VueClassType;
                    inputClass: import('../../utils/VueTypes.ts').VueClassType;
                    placeholder: string;
                    trailingButtonLabel: string;
                    helperText: string;
                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                    beforeCreate?: (() => void) | (() => void)[];
                    created?: (() => void) | (() => void)[];
                    beforeMount?: (() => void) | (() => void)[];
                    mounted?: (() => void) | (() => void)[];
                    beforeUpdate?: (() => void) | (() => void)[];
                    updated?: (() => void) | (() => void)[];
                    activated?: (() => void) | (() => void)[];
                    deactivated?: (() => void) | (() => void)[];
                    beforeDestroy?: (() => void) | (() => void)[];
                    beforeUnmount?: (() => void) | (() => void)[];
                    destroyed?: (() => void) | (() => void)[];
                    unmounted?: (() => void) | (() => void)[];
                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
                };
                $forceUpdate: () => void;
                $nextTick: typeof import('vue').nextTick;
                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
            } & Readonly<{
                id: string;
                type: "text" | "password" | "email" | "tel" | "url" | "search" | "number";
                label: string;
                class: import('../../utils/VueTypes.ts').VueClassType;
                inputClass: import('../../utils/VueTypes.ts').VueClassType;
                placeholder: string;
                trailingButtonLabel: string;
                helperText: string;
            }> & Omit<Readonly<{
                modelValue: string | number;
            } & import('../NcInputField/NcInputField.vue').NcInputFieldProps> & Readonly<{
                "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
                onTrailingButtonClick?: ((event: MouseEvent) => any) | undefined;
            }>, "select" | "focus" | ("id" | "type" | "label" | "class" | "inputClass" | "placeholder" | "trailingButtonLabel" | "helperText")> & import('vue').ShallowUnwrapRef<{
                focus: (options?: FocusOptions) => void;
                select: () => void;
            }> & {} & import('vue').ComponentCustomProperties & {} & {
                $slots: Readonly<{
                    icon?: import('vue').Slot;
                    'trailing-button-icon'?: import('vue').Slot;
                }> & {
                    icon?: import('vue').Slot;
                    'trailing-button-icon'?: import('vue').Slot;
                };
            }) | null;
        }, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<{
            modelValue?: string | number;
        } & import('../NcInputField/NcInputField.vue').NcInputFieldProps & {
            trailingButtonIcon?: "arrowEnd" | "close" | "undo";
            trailingButtonLabel?: string;
        }> & Readonly<{
            "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
        }>, {
            focus: (options?: FocusOptions) => void;
            select: () => void;
        }, {}, {}, {}, {
            trailingButtonLabel: string;
            trailingButtonIcon: "arrowEnd" | "close" | "undo";
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import('vue').ComponentOptionsBase<Readonly<{
        modelValue?: string | number;
    } & import('../NcInputField/NcInputField.vue').NcInputFieldProps & {
        trailingButtonIcon?: "arrowEnd" | "close" | "undo";
        trailingButtonLabel?: string;
    }> & Readonly<{
        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
    }>, {
        focus: (options?: FocusOptions) => void;
        select: () => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:modelValue": (value: string | number) => any;
    }, string, {
        trailingButtonLabel: string;
        trailingButtonIcon: "arrowEnd" | "close" | "undo";
    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
        $slots: Readonly<{
            icon?: import('vue').Slot;
        }> & {
            icon?: import('vue').Slot;
        };
    });
    NcColorPicker: {
        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
            modelValue: string | undefined;
            open?: boolean;
        } & {
            advancedFields?: boolean;
            clearable?: boolean;
            container?: string | Element;
            palette?: string[] | import('../../utils/colors.ts').Color[];
            paletteOnly?: boolean;
        }> & Readonly<{
            onSubmit?: ((args_0: string | undefined) => any) | undefined;
            "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
            onClosed?: (() => any) | undefined;
            "onUpdate:open"?: ((value: boolean) => any) | undefined;
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            submit: (args_0: string | undefined) => any;
            "update:modelValue": (value: string | undefined) => any;
            closed: () => any;
            "update:open": (value: boolean) => any;
        }, import('vue').PublicProps, {
            container: string | Element;
            palette: string[] | import('../../utils/colors.ts').Color[];
        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<{
            modelValue: string | undefined;
            open?: boolean;
        } & {
            advancedFields?: boolean;
            clearable?: boolean;
            container?: string | Element;
            palette?: string[] | import('../../utils/colors.ts').Color[];
            paletteOnly?: boolean;
        }> & Readonly<{
            onSubmit?: ((args_0: string | undefined) => any) | undefined;
            "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
            onClosed?: (() => any) | undefined;
            "onUpdate:open"?: ((value: boolean) => any) | undefined;
        }>, {}, {}, {}, {}, {
            container: string | Element;
            palette: string[] | import('../../utils/colors.ts').Color[];
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import('vue').ComponentOptionsBase<Readonly<{
        modelValue: string | undefined;
        open?: boolean;
    } & {
        advancedFields?: boolean;
        clearable?: boolean;
        container?: string | Element;
        palette?: string[] | import('../../utils/colors.ts').Color[];
        paletteOnly?: boolean;
    }> & Readonly<{
        onSubmit?: ((args_0: string | undefined) => any) | undefined;
        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
        onClosed?: (() => any) | undefined;
        "onUpdate:open"?: ((value: boolean) => any) | undefined;
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        submit: (args_0: string | undefined) => any;
        "update:modelValue": (value: string | undefined) => any;
        closed: () => any;
        "update:open": (value: boolean) => any;
    }, string, {
        container: string | Element;
        palette: string[] | import('../../utils/colors.ts').Color[];
    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
        $slots: {
            default?(_: any): any;
        };
    });
    NcDateTimePicker: import('vue').DefineComponent<{
        timezoneId?: string;
    } & {
        appendToBody?: boolean;
        ariaLabel?: string;
        ariaLabelMenu?: string;
        clearable?: boolean;
        confirm?: boolean;
        format?: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
        locale?: string;
        minuteStep?: number;
        modelValue?: Date | [Date, Date] | null;
        placeholder?: string;
        showTimezoneSelect?: boolean;
        showWeekNumber?: boolean;
        type?: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:modelValue": (args_0: Date | [Date, Date] | null) => any;
        "update:timezoneId": (...args: unknown[]) => any;
    }, string, import('vue').PublicProps, Readonly<{
        timezoneId?: string;
    } & {
        appendToBody?: boolean;
        ariaLabel?: string;
        ariaLabelMenu?: string;
        clearable?: boolean;
        confirm?: boolean;
        format?: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
        locale?: string;
        minuteStep?: number;
        modelValue?: Date | [Date, Date] | null;
        placeholder?: string;
        showTimezoneSelect?: boolean;
        showWeekNumber?: boolean;
        type?: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
    }> & Readonly<{
        "onUpdate:modelValue"?: ((args_0: Date | [Date, Date] | null) => any) | undefined;
        "onUpdate:timezoneId"?: ((...args: unknown[]) => any) | undefined;
    }>, {
        type: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
        placeholder: string;
        modelValue: Date | [Date, Date] | null;
        ariaLabel: string;
        locale: string;
        format: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
        timezoneId: string;
        ariaLabelMenu: string;
        minuteStep: number;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
        picker: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                [x: number]: string;
            } | {}> & Omit<({
                readonly [x: number]: string;
                readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
                readonly [Symbol.unscopables]?: {
                    [x: number]: boolean | undefined;
                    length?: boolean | undefined;
                    toString?: boolean | undefined;
                    toLocaleString?: boolean | undefined;
                    pop?: boolean | undefined;
                    push?: boolean | undefined;
                    concat?: boolean | undefined;
                    join?: boolean | undefined;
                    reverse?: boolean | undefined;
                    shift?: boolean | undefined;
                    slice?: boolean | undefined;
                    sort?: boolean | undefined;
                    splice?: boolean | undefined;
                    unshift?: boolean | undefined;
                    indexOf?: boolean | undefined;
                    lastIndexOf?: boolean | undefined;
                    every?: boolean | undefined;
                    some?: boolean | undefined;
                    forEach?: boolean | undefined;
                    map?: boolean | undefined;
                    filter?: boolean | undefined;
                    reduce?: boolean | undefined;
                    reduceRight?: boolean | undefined;
                    find?: boolean | undefined;
                    findIndex?: boolean | undefined;
                    fill?: boolean | undefined;
                    copyWithin?: boolean | undefined;
                    entries?: boolean | undefined;
                    keys?: boolean | undefined;
                    values?: boolean | undefined;
                    includes?: boolean | undefined;
                    flatMap?: boolean | undefined;
                    flat?: boolean | undefined;
                    at?: boolean | undefined;
                    findLast?: boolean | undefined;
                    findLastIndex?: boolean | undefined;
                    toReversed?: boolean | undefined;
                    toSorted?: boolean | undefined;
                    toSpliced?: boolean | undefined;
                    with?: boolean | undefined;
                    [Symbol.iterator]?: boolean | undefined;
                    readonly [Symbol.unscopables]?: boolean | undefined;
                } | undefined;
                readonly length?: number | undefined;
                readonly pop?: string | undefined;
                readonly push?: number | undefined;
                readonly concat?: string[] | undefined;
                readonly join?: string | undefined;
                readonly reverse?: string[] | undefined;
                readonly shift?: string | undefined;
                readonly slice?: string[] | undefined;
                readonly sort?: string[] | undefined;
                readonly splice?: {
                    (start: number, deleteCount?: number): string[];
                    (start: number, deleteCount: number, ...items: string[]): string[];
                } | undefined;
                readonly unshift?: number | undefined;
                readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
                readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
                readonly every?: {
                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
                } | undefined;
                readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
                readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
                readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
                readonly filter?: {
                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
                } | undefined;
                readonly reduce?: {
                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
                    <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
                } | undefined;
                readonly reduceRight?: {
                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
                    <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
                } | undefined;
                readonly find?: {
                    <S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
                    (predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
                } | undefined;
                readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
                readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
                readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
                readonly entries?: ArrayIterator<[number, string]> | undefined;
                readonly keys?: ArrayIterator<number> | undefined;
                readonly values?: ArrayIterator<string> | undefined;
                readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
                readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
                readonly flat?: unknown[] | undefined;
                readonly at?: ((index: number) => string | undefined) | undefined;
                readonly findLast?: {
                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
                } | undefined;
                readonly findLastIndex?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => number) | undefined;
                readonly toReversed?: string[] | undefined;
                readonly toSorted?: string[] | undefined;
                readonly toSpliced?: {
                    (start: number, deleteCount: number, ...items: string[]): string[];
                    (start: number, deleteCount?: number): string[];
                } | undefined;
                readonly with?: ((index: number, value: string) => string[]) | undefined;
                readonly toString?: string | undefined;
                readonly toLocaleString?: string | undefined;
                onFocus?: ((...args: any[]) => any) | undefined;
                onBlur?: ((...args: any[]) => any) | undefined;
                onOpen?: ((...args: any[]) => any) | undefined;
                onClosed?: ((...args: any[]) => any) | undefined;
                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
                "onText-submit"?: ((...args: any[]) => any) | undefined;
                onCleared?: ((...args: any[]) => any) | undefined;
                "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
                "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
                "onFlow-step"?: ((...args: any[]) => any) | undefined;
                "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
                "onInvalid-select"?: ((...args: any[]) => any) | undefined;
                "onTooltip-open"?: ((...args: any[]) => any) | undefined;
                "onTooltip-close"?: ((...args: any[]) => any) | undefined;
                "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
                "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
                "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
                "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
                "onRange-start"?: ((...args: any[]) => any) | undefined;
                "onRange-end"?: ((...args: any[]) => any) | undefined;
                "onDate-update"?: ((...args: any[]) => any) | undefined;
                "onInvalid-date"?: ((...args: any[]) => any) | undefined;
                "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
                "onText-input"?: ((...args: any[]) => any) | undefined;
            } | {
                readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
                readonly filters?: import('vue').Prop<{
                    months?: number[];
                    years?: number[];
                    times?: {
                        hours?: number[];
                        minutes?: number[];
                        seconds?: number[];
                    };
                } | undefined, {
                    months?: number[];
                    years?: number[];
                    times?: {
                        hours?: number[];
                        minutes?: number[];
                        seconds?: number[];
                    };
                } | undefined> | null | undefined;
                readonly highlight?: import('vue').Prop<((date: Date[], disabled?: boolean) => boolean) | ((month: {
                    month: number;
                    year: number;
                }) => boolean) | ((year: number) => boolean) | ((quarter: {
                    quarter: number;
                    year: number;
                }) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined, ((date: Date[], disabled?: boolean) => boolean) | ((month: {
                    month: number;
                    year: number;
                }) => boolean) | ((year: number) => boolean) | ((quarter: {
                    quarter: number;
                    year: number;
                }) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
                readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly loading?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
                readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
                readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
                readonly inline?: import('vue').Prop<boolean | {
                    input?: boolean;
                } | undefined, boolean | {
                    input?: boolean;
                } | undefined> | null | undefined;
                readonly flow?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
                readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
                readonly config?: import('vue').Prop<import('@vuepic/vue-datepicker').GeneralConfig | undefined, import('@vuepic/vue-datepicker').GeneralConfig | undefined> | null | undefined;
                readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
                readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
                readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined> | null | undefined;
                readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly clearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
                readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
                    static: boolean;
                    solo: boolean;
                    count: number | string;
                }> | undefined, import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
                    static: boolean;
                    solo: boolean;
                    count: number | string;
                }> | undefined> | null | undefined;
                readonly position?: import('vue').Prop<"center" | "right" | "left" | undefined, "center" | "right" | "left" | undefined> | null | undefined;
                readonly weekNumbers?: import('vue').Prop<import('@vuepic/vue-datepicker').WeekNumberType | {
                    type: import('@vuepic/vue-datepicker').WeekNumberType;
                    hideOnOffsetDates?: boolean;
                } | undefined, import('@vuepic/vue-datepicker').WeekNumberType | {
                    type: import('@vuepic/vue-datepicker').WeekNumberType;
                    hideOnOffsetDates?: boolean;
                } | undefined> | null | undefined;
                readonly hoursIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
                readonly hoursGridIncrement?: import('vue').Prop<string | number | undefin