@bitrix24/b24ui-nuxt/dist/runtime/components/Progress.vue.d.ts

Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE

import type { VariantProps } from 'tailwind-variants';
import type { ProgressRootProps, ProgressRootEmits } from 'reka-ui';
declare const progress: import("tailwind-variants").TVReturnType<{
    animation: {
        loading: string;
        carousel: string;
        "carousel-inverse": string;
        swing: string;
        elastic: string;
    };
    color: {
        default: {
            indicator: string;
            steps: string;
        };
        danger: {
            indicator: string;
            steps: string;
        };
        success: {
            indicator: string;
            steps: string;
        };
        warning: {
            indicator: string;
            steps: string;
        };
        primary: {
            indicator: string;
            steps: string;
        };
        secondary: {
            indicator: string;
            steps: string;
        };
        collab: {
            indicator: string;
            steps: string;
        };
        ai: {
            indicator: string;
            steps: string;
        };
    };
    size: {
        xs: {
            status: string;
            steps: string;
        };
        sm: {
            status: string;
            steps: string;
        };
        md: {
            status: string;
            steps: string;
        };
        lg: {
            status: string;
            steps: string;
        };
    };
    step: {
        active: {
            step: "active" | "first" | "other" | "last";
        };
        first: {
            step: "active" | "first" | "other" | "last";
        };
        other: {
            step: "active" | "first" | "other" | "last";
        };
        last: {
            step: string;
        };
    };
    orientation: {
        horizontal: {
            root: string;
            base: string;
            status: string;
        };
        vertical: {
            root: string;
            base: string;
            status: string;
        };
    };
    inverted: {
        true: {
            status: string;
        };
    };
}, {
    root: string;
    base: string;
    indicator: string;
    status: string;
    steps: string;
    step: "active" | "first" | "other" | "last";
}, undefined, {
    animation: {
        loading: string;
        carousel: string;
        "carousel-inverse": string;
        swing: string;
        elastic: string;
    };
    color: {
        default: {
            indicator: string;
            steps: string;
        };
        danger: {
            indicator: string;
            steps: string;
        };
        success: {
            indicator: string;
            steps: string;
        };
        warning: {
            indicator: string;
            steps: string;
        };
        primary: {
            indicator: string;
            steps: string;
        };
        secondary: {
            indicator: string;
            steps: string;
        };
        collab: {
            indicator: string;
            steps: string;
        };
        ai: {
            indicator: string;
            steps: string;
        };
    };
    size: {
        xs: {
            status: string;
            steps: string;
        };
        sm: {
            status: string;
            steps: string;
        };
        md: {
            status: string;
            steps: string;
        };
        lg: {
            status: string;
            steps: string;
        };
    };
    step: {
        active: {
            step: "active" | "first" | "other" | "last";
        };
        first: {
            step: "active" | "first" | "other" | "last";
        };
        other: {
            step: "active" | "first" | "other" | "last";
        };
        last: {
            step: string;
        };
    };
    orientation: {
        horizontal: {
            root: string;
            base: string;
            status: string;
        };
        vertical: {
            root: string;
            base: string;
            status: string;
        };
    };
    inverted: {
        true: {
            status: string;
        };
    };
}, {
    root: string;
    base: string;
    indicator: string;
    status: string;
    steps: string;
    step: "active" | "first" | "other" | "last";
}, import("tailwind-variants").TVReturnType<{
    animation: {
        loading: string;
        carousel: string;
        "carousel-inverse": string;
        swing: string;
        elastic: string;
    };
    color: {
        default: {
            indicator: string;
            steps: string;
        };
        danger: {
            indicator: string;
            steps: string;
        };
        success: {
            indicator: string;
            steps: string;
        };
        warning: {
            indicator: string;
            steps: string;
        };
        primary: {
            indicator: string;
            steps: string;
        };
        secondary: {
            indicator: string;
            steps: string;
        };
        collab: {
            indicator: string;
            steps: string;
        };
        ai: {
            indicator: string;
            steps: string;
        };
    };
    size: {
        xs: {
            status: string;
            steps: string;
        };
        sm: {
            status: string;
            steps: string;
        };
        md: {
            status: string;
            steps: string;
        };
        lg: {
            status: string;
            steps: string;
        };
    };
    step: {
        active: {
            step: "active" | "first" | "other" | "last";
        };
        first: {
            step: "active" | "first" | "other" | "last";
        };
        other: {
            step: "active" | "first" | "other" | "last";
        };
        last: {
            step: string;
        };
    };
    orientation: {
        horizontal: {
            root: string;
            base: string;
            status: string;
        };
        vertical: {
            root: string;
            base: string;
            status: string;
        };
    };
    inverted: {
        true: {
            status: string;
        };
    };
}, {
    root: string;
    base: string;
    indicator: string;
    status: string;
    steps: string;
    step: "active" | "first" | "other" | "last";
}, undefined, {
    animation: {
        loading: string;
        carousel: string;
        "carousel-inverse": string;
        swing: string;
        elastic: string;
    };
    color: {
        default: {
            indicator: string;
            steps: string;
        };
        danger: {
            indicator: string;
            steps: string;
        };
        success: {
            indicator: string;
            steps: string;
        };
        warning: {
            indicator: string;
            steps: string;
        };
        primary: {
            indicator: string;
            steps: string;
        };
        secondary: {
            indicator: string;
            steps: string;
        };
        collab: {
            indicator: string;
            steps: string;
        };
        ai: {
            indicator: string;
            steps: string;
        };
    };
    size: {
        xs: {
            status: string;
            steps: string;
        };
        sm: {
            status: string;
            steps: string;
        };
        md: {
            status: string;
            steps: string;
        };
        lg: {
            status: string;
            steps: string;
        };
    };
    step: {
        active: {
            step: "active" | "first" | "other" | "last";
        };
        first: {
            step: "active" | "first" | "other" | "last";
        };
        other: {
            step: "active" | "first" | "other" | "last";
        };
        last: {
            step: string;
        };
    };
    orientation: {
        horizontal: {
            root: string;
            base: string;
            status: string;
        };
        vertical: {
            root: string;
            base: string;
            status: string;
        };
    };
    inverted: {
        true: {
            status: string;
        };
    };
}, {
    root: string;
    base: string;
    indicator: string;
    status: string;
    steps: string;
    step: "active" | "first" | "other" | "last";
}, import("tailwind-variants").TVReturnType<{
    animation: {
        loading: string;
        carousel: string;
        "carousel-inverse": string;
        swing: string;
        elastic: string;
    };
    color: {
        default: {
            indicator: string;
            steps: string;
        };
        danger: {
            indicator: string;
            steps: string;
        };
        success: {
            indicator: string;
            steps: string;
        };
        warning: {
            indicator: string;
            steps: string;
        };
        primary: {
            indicator: string;
            steps: string;
        };
        secondary: {
            indicator: string;
            steps: string;
        };
        collab: {
            indicator: string;
            steps: string;
        };
        ai: {
            indicator: string;
            steps: string;
        };
    };
    size: {
        xs: {
            status: string;
            steps: string;
        };
        sm: {
            status: string;
            steps: string;
        };
        md: {
            status: string;
            steps: string;
        };
        lg: {
            status: string;
            steps: string;
        };
    };
    step: {
        active: {
            step: "active" | "first" | "other" | "last";
        };
        first: {
            step: "active" | "first" | "other" | "last";
        };
        other: {
            step: "active" | "first" | "other" | "last";
        };
        last: {
            step: string;
        };
    };
    orientation: {
        horizontal: {
            root: string;
            base: string;
            status: string;
        };
        vertical: {
            root: string;
            base: string;
            status: string;
        };
    };
    inverted: {
        true: {
            status: string;
        };
    };
}, {
    root: string;
    base: string;
    indicator: string;
    status: string;
    steps: string;
    step: "active" | "first" | "other" | "last";
}, undefined, unknown, unknown, undefined>>>;
type ProgressVariants = VariantProps<typeof progress>;
export interface ProgressProps extends Pick<ProgressRootProps, 'getValueLabel' | 'modelValue'> {
    /**
     * The element or component this component should render as.
     * @defaultValue 'div'
     */
    as?: any;
    /**
     * The maximum progress value
     */
    max?: number | Array<any>;
    /**
     * Display the current progress value
     */
    status?: boolean;
    /**
     * Whether the progress is visually inverted
     * @defaultValue false
     */
    inverted?: boolean;
    /**
     * @defaultValue 'md'
     */
    size?: ProgressVariants['size'];
    /**
     * @defaultValue 'primary'
     */
    color?: ProgressVariants['color'];
    /**
     * The orientation of the progress bar.
     * @defaultValue 'horizontal'
     */
    orientation?: ProgressVariants['orientation'];
    /**
     * @defaultValue 'loading'
     */
    animation?: ProgressVariants['animation'];
    class?: any;
    b24ui?: Partial<typeof progress.slots>;
}
export interface ProgressEmits extends ProgressRootEmits {
}
export type ProgressSlots = {
    status(props: {
        percent?: number;
    }): any;
} & {
    [key: string]: (props: {
        step: number;
    }) => any;
};
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ProgressProps>, {
    inverted: boolean;
    modelValue: null;
    orientation: string;
}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
    orientation: "horizontal" | "vertical";
    modelValue: number | null;
    inverted: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
    status(props: {
        percent?: number;
    }): any;
} & {
    [key: string]: (props: {
        step: number;
    }) => any;
}> & {
    status(props: {
        percent?: number;
    }): any;
} & {
    [key: string]: (props: {
        step: number;
    }) => any;
}>;
export default _default;
type __VLS_WithDefaults<P, D> = {
    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
        default: D[K];
    }> : P[K];
};
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
type __VLS_TypePropsToOption<T> = {
    [K in keyof T]-?: {} extends Pick<T, K> ? {
        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
    } : {
        type: import('vue').PropType<T[K]>;
        required: true;
    };
};
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
type __VLS_PrettifyLocal<T> = {
    [K in keyof T]: T[K];
} & {};