@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
39 lines (38 loc) • 1.79 kB
TypeScript
import { CarouselAlignType } from '../types/carouselAlign';
export declare const calcXDistanceBetween2Elements: (el1: HTMLElement | null, el2: HTMLElement | null) => number;
export declare const adjustNumElementsToSlide: ({ numElementsPerPage, numElementsToSlide, }: {
numElementsPerPage: number;
numElementsToSlide?: number;
}) => number;
export declare const calcNumPages: ({ elementsLength, numElementsPerPage, numElementsToSlide, }: {
elementsLength: number;
numElementsPerPage: number;
numElementsToSlide?: number;
}) => number;
export declare const getFirstAndLastIndexInCarouselView: ({ elementsLength, numElementsPerPage, numElementsToSlide, currentPage, isCircular, }: {
elementsLength: number;
numElementsPerPage: number;
numElementsToSlide?: number;
currentPage: number;
isCircular: boolean;
}) => {
firstIndexInView: number;
lastIndexInView: number;
};
export declare const calcNumElementsPerPage: ({ carouselContainer, carouselContent, elementsLength, extraPadding, }: {
carouselContainer: HTMLElement;
carouselContent: HTMLElement;
elementsLength: number;
extraPadding?: number;
}) => number | undefined;
export declare const showArrowsAndPagination: ({ carouselContainer, carouselContent, }: {
carouselContainer: HTMLDivElement;
carouselContent: HTMLDivElement;
}) => void;
export declare const hideArrowsAndPagination: ({ carouselContainer, carouselContent, onePageAlign, allowModifySliceWidth, }: {
carouselContainer: HTMLDivElement;
carouselContent: HTMLDivElement;
onePageAlign: CarouselAlignType;
allowModifySliceWidth: boolean;
}) => void;
export declare const buildScreenReaderText: (currentPage: number, numPages: number, screenReaderContentPosition?: string) => string | undefined;