vue-carousel-lite/composables/useDimensions.d.ts

Fast, Lightweight Vue Carousel With Touch, Mouse, Keyboard, Wheel & SSR support

import { SlidesPerView } from '../types';
import { Ref, ComputedRef } from 'vue';

interface DimensionsOptions {
    direction?: 'horizontal' | 'vertical';
    containerRef: Ref<HTMLElement | null> | ComputedRef<HTMLElement | null>;
    itemsToShow: number | SlidesPerView;
    gap?: number;
}
export declare function useDimensions(options: DimensionsOptions): {
    containerWidth: Readonly<Ref<string | number, string | number>>;
    slideHeight: ComputedRef<number>;
    isInitialized: Ref<boolean, boolean>;
    updateDimensions: () => void;
    itemsToShow: ComputedRef<number>;
    containerCSSVars: ComputedRef<{
        '--slides-count': number;
        '--carousel-slide-width': string;
        '--container-width': string | number;
        '--container-height': string | number;
        '--carousel-gap': string;
    }>;
    containerClass: ComputedRef<string[]>;
    slideWidth: Ref<number, number>;
};
export {};