vuetify/lib/components/VProgressLinear/chunks.d.ts

Vue Material Component Framework

import type { MaybeRefOrGetter } from 'vue';
export interface ChunksProps {
    chunkCount: number | string;
    chunkWidth: number | string;
    chunkGap: number | string;
}
export declare const makeChunksProps: <Defaults extends {
    chunkCount?: unknown;
    chunkWidth?: unknown;
    chunkGap?: unknown;
} = {}>(defaults?: Defaults | undefined) => {
    chunkCount: unknown extends Defaults["chunkCount"] ? {
        type: (StringConstructor | NumberConstructor)[];
        default: null;
    } : Omit<{
        type: (StringConstructor | NumberConstructor)[];
        default: null;
    }, "type" | "default"> & {
        type: import("vue").PropType<unknown extends Defaults["chunkCount"] ? string | number : string | number | Defaults["chunkCount"]>;
        default: unknown extends Defaults["chunkCount"] ? string | number : NonNullable<string | number> | Defaults["chunkCount"];
    };
    chunkWidth: unknown extends Defaults["chunkWidth"] ? {
        type: (StringConstructor | NumberConstructor)[];
        default: null;
    } : Omit<{
        type: (StringConstructor | NumberConstructor)[];
        default: null;
    }, "type" | "default"> & {
        type: import("vue").PropType<unknown extends Defaults["chunkWidth"] ? string | number : string | number | Defaults["chunkWidth"]>;
        default: unknown extends Defaults["chunkWidth"] ? string | number : NonNullable<string | number> | Defaults["chunkWidth"];
    };
    chunkGap: unknown extends Defaults["chunkGap"] ? {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    } : Omit<{
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    }, "type" | "default"> & {
        type: import("vue").PropType<unknown extends Defaults["chunkGap"] ? string | number : string | number | Defaults["chunkGap"]>;
        default: unknown extends Defaults["chunkGap"] ? string | number : NonNullable<string | number> | Defaults["chunkGap"];
    };
};
export declare function useChunks(props: ChunksProps, containerWidth: MaybeRefOrGetter<number | undefined>): {
    hasChunks: Readonly<import("vue").Ref<boolean, boolean>>;
    chunksMaskStyles: import("vue").ComputedRef<{
        maskRepeat?: undefined;
        maskImage?: undefined;
        maskSize?: undefined;
    } | {
        maskRepeat: string;
        maskImage: string;
        maskSize: string;
    }>;
    snapValueToChunk: (val: number) => number;
};