@indielayer/ui/lib/components/toggle/Toggle.vue.d.ts

Indielayer UI Components with Tailwind CSS build for Vue 3

import { type ExtractPublicPropTypes } from 'vue';
import { type ThemeComponent } from '../../composables/useTheme';
declare const toggleProps: {
    glow: BooleanConstructor;
    modelValue: {
        readonly type: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
        readonly default: undefined;
    };
    id: StringConstructor;
    name: StringConstructor;
    readonly: BooleanConstructor;
    required: BooleanConstructor;
    validateOnInput: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
    label: StringConstructor;
    helper: StringConstructor;
    error: StringConstructor;
    hideFooter: BooleanConstructor;
    rules: {
        readonly type: ArrayConstructor;
        readonly default: () => never[];
    };
    tooltip: StringConstructor;
    skipFormRegistry: BooleanConstructor;
    disabled: BooleanConstructor;
    loading: BooleanConstructor;
    loadingLabel: StringConstructor;
    loadingStatus: {
        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
        readonly default: "active";
    };
    color: {
        readonly type: StringConstructor;
        readonly default: string | undefined;
    };
    size: {
        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
        readonly default: "md";
        readonly validator: (value: string) => boolean;
    };
};
export type ToggleProps = ExtractPublicPropTypes<typeof toggleProps>;
type InternalClasses = 'wrapper' | 'label' | 'buttonWrapper' | 'button';
export interface ToggleTheme extends ThemeComponent<ToggleProps, InternalClasses> {
}
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    glow: BooleanConstructor;
    modelValue: {
        readonly type: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
        readonly default: undefined;
    };
    id: StringConstructor;
    name: StringConstructor;
    readonly: BooleanConstructor;
    required: BooleanConstructor;
    validateOnInput: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
    label: StringConstructor;
    helper: StringConstructor;
    error: StringConstructor;
    hideFooter: BooleanConstructor;
    rules: {
        readonly type: ArrayConstructor;
        readonly default: () => never[];
    };
    tooltip: StringConstructor;
    skipFormRegistry: BooleanConstructor;
    disabled: BooleanConstructor;
    loading: BooleanConstructor;
    loadingLabel: StringConstructor;
    loadingStatus: {
        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
        readonly default: "active";
    };
    color: {
        readonly type: StringConstructor;
        readonly default: string | undefined;
    };
    size: {
        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
        readonly default: "md";
        readonly validator: (value: string) => boolean;
    };
}>, {
    focus: () => void | undefined;
    blur: () => void | undefined;
    reset: () => void;
    validate: (val?: any) => boolean;
    setError: (val: string) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    glow: BooleanConstructor;
    modelValue: {
        readonly type: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
        readonly default: undefined;
    };
    id: StringConstructor;
    name: StringConstructor;
    readonly: BooleanConstructor;
    required: BooleanConstructor;
    validateOnInput: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
    label: StringConstructor;
    helper: StringConstructor;
    error: StringConstructor;
    hideFooter: BooleanConstructor;
    rules: {
        readonly type: ArrayConstructor;
        readonly default: () => never[];
    };
    tooltip: StringConstructor;
    skipFormRegistry: BooleanConstructor;
    disabled: BooleanConstructor;
    loading: BooleanConstructor;
    loadingLabel: StringConstructor;
    loadingStatus: {
        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
        readonly default: "active";
    };
    color: {
        readonly type: StringConstructor;
        readonly default: string | undefined;
    };
    size: {
        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
        readonly default: "md";
        readonly validator: (value: string) => boolean;
    };
}>> & Readonly<{
    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
}>, {
    disabled: boolean;
    glow: boolean;
    color: string;
    size: import("../../composables/useCommon").Size;
    loading: boolean;
    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
    modelValue: string | number | boolean | object | any[] | undefined;
    readonly: boolean;
    required: boolean;
    validateOnInput: boolean;
    hideFooter: boolean;
    rules: unknown[];
    skipFormRegistry: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;