import { ElementCreator } from 'tosijs';
declare const TosiCarousel_base: import("tosijs").WithAttributes<{
    dots: boolean;
    arrows: boolean;
    maxVisibleItems: number;
    snapDuration: number;
    snapDelay: number;
    loop: boolean;
    auto: number;
}>;
export declare class TosiCarousel extends TosiCarousel_base {
    static preferredTagName: string;
    private lastAutoAdvance;
    private interval?;
    private hovered;
    private focusedVisibly;
    private resizeObserver?;
    get autoPaused(): boolean;
    private autoAdvance;
    private handlePointerEnter;
    private handlePointerLeave;
    private handleFocusIn;
    private handleFocusOut;
    private realign;
    private _page;
    get page(): number;
    set page(p: number);
    get visibleItems(): HTMLElement[];
    get lastPage(): number;
    static shadowStyleSpec: {
        ':host': {
            _carouselIconSize: number;
            _carouselButtonColor: string;
            _carouselButtonHoverColor: string;
            _carouselButtonActiveColor: string;
            _carouseButtonWidth: number;
            _carouselDotCurrentColor: string;
            _carouselDotSize: number;
            _carouselDotSpacing: string;
            _carouselDotHitSize: number;
            _carouselProgressPadding: number;
            _carouselDotTransition: string;
            display: string;
            flexDirection: string;
            position: string;
        };
        ':host:focus': {
            outline: string;
            boxShadow: string;
        };
        ':host svg': {
            height: string;
        };
        ':host button': {
            outline: string;
            border: string;
            boxShadow: string;
            background: string;
            color: string;
            padding: number;
        };
        ':host::part(back), :host::part(forward)': {
            position: string;
            top: number;
            bottom: number;
            width: string;
            zIndex: number;
        };
        ':host::part(back)': {
            left: number;
        };
        ':host::part(forward)': {
            right: number;
        };
        ':host button:disabled': {
            opacity: number;
            pointerEvents: string;
        };
        ':host button:hover': {
            color: string;
        };
        ':host button:active': {
            color: string;
        };
        ':host::part(pager)': {
            position: string;
        };
        ':host::part(scroller)': {
            overflow: string;
            position: string;
        };
        ':host::part(grid)': {
            display: string;
            justifyItems: string;
        };
        ':host *::-webkit-scrollbar, *::-webkit-scrollbar-thumb': {
            display: string;
        };
        ':host .dot': {
            position: string;
            zIndex: number;
            display: string;
            placeItems: string;
            flex: string;
            width: string;
            height: string;
            margin: string;
            background: string;
        };
        ':host .dot::before': {
            content: string;
            display: string;
            background: string;
            borderRadius: string;
            height: string;
            width: string;
            transition: string;
        };
        ':host .dot:not(.current):hover::before': {
            background: string;
            height: string;
            width: string;
        };
        ':host .dot:not(.current):active::before': {
            background: string;
        };
        ':host .dot.current::before': {
            background: string;
        };
        ':host .dot:focus-visible::before': {
            boxShadow: string;
        };
        ':host::part(progress)': {
            display: string;
            gap: number;
            justifyContent: string;
            padding: string;
        };
    };
    easing: (t: number) => number;
    indicateCurrent: () => void;
    snapPosition: () => void;
    back: () => void;
    forward: () => void;
    handleDotClick: (event: Event) => void;
    private snapTimer;
    private animationFrame;
    animateScroll(position: number, startingPosition?: number, timestamp?: number): void;
    content: () => HTMLDivElement[];
    connectedCallback(): void;
    disconnectedCallback(): void;
    render(): void;
}
/** @deprecated Use TosiCarousel instead */
export type XinCarousel = TosiCarousel;
/** @deprecated Use TosiCarousel instead */
export declare const XinCarousel: typeof TosiCarousel;
export declare const tosiCarousel: ElementCreator<TosiCarousel>;
/** @deprecated Use tosiCarousel instead */
export declare const xinCarousel: ElementCreator<TosiCarousel>;
export {};