@alegendstale/holly-components/dist/components/carousel-scroller/carousel-scroller.d.ts

Reusable UI components created using lit

import { LitElement } from 'lit';
/**
 * A carousel which can have any number of slides, and rotates circularly.
 *
 * @cssprop {<length>} --padding - The size of the scroller padding.
 * @cssprop {<length>} --margin - The size of the scroller margin.
 */
export declare class CarouselScroller extends LitElement {
    static styles: import("lit").CSSResult[];
    /** The items that will be used as slides. */
    protected slotEl: HTMLSlotElement;
    /** The slides being used. */
    protected slotChildren: HTMLElement[];
    /** @internal */
    private _currentSlide;
    render(): import("lit-html").TemplateResult<1>;
    /** @internal */
    protected handleSlotChange(): void;
    /** Gets the current slide.
     * @returns HTMLElement
     */
    getCurrentSlide(): HTMLElement;
    /** Scrolls to the slide before the current slide. */
    scrollToPrevSlide(): void;
    /** Scrolls to the slide after the current slide. */
    scrollToNextSlide(): void;
    private _scrollToCurrent;
}
declare global {
    interface HTMLElementTagNameMap {
        'carousel-scroller': CarouselScroller;
    }
}
//# sourceMappingURL=carousel-scroller.d.ts.map