@sandlada/mdc/build/components/carousel/carousel-item.d.ts

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

/**
 * @license
 * Copyright 2026 Kai-Orion & Sandlada
 * SPDX-License-Identifier: MIT
 *
 * @fileoverview
 * Public `mdc-carousel-item` element — a sized cell of an `mdc-carousel`.
 *
 * The item declares its visual size; the owning carousel assigns its index and
 * focal `active` state and derives the concrete width / roundness from its
 * `preferred-item-width`, so an item is only meaningful as a direct child.
 */
import { LitElement, type TemplateResult } from 'lit';
import type { CarouselItemSize, ICarouselItem } from './carousel.interface';
declare global {
    interface HTMLElementTagNameMap {
        'mdc-carousel-item': CarouselItem;
    }
}
/**
 * @element mdc-carousel-item
 *
 * A single cell of an `mdc-carousel`. Declare one of the three sizes; the
 * owning carousel sizes the cell (width + roundness) and tracks it as the
 * focal item (`active`) as the carousel scrolls.
 *
 * @slot — The cell content (image, card, label, …).
 *
 * @cssproperty --mdc-carousel-large-item-width
 * @cssproperty --mdc-carousel-medium-item-width
 * @cssproperty --mdc-carousel-small-item-width
 * @cssproperty --mdc-carousel-large-item-shape
 * @cssproperty --mdc-carousel-medium-item-shape
 * @cssproperty --mdc-carousel-small-item-shape
 * @cssproperty --mdc-carousel-item-height
 */
export declare class CarouselItem extends LitElement implements ICarouselItem {
    static styles: import("lit").CSSResult;
    /** Visual size: `'large'` | `'medium'` (default) | `'small'`. */
    size: CarouselItemSize;
    /** Set by the owning carousel when this item is the focal (leading) item. */
    active: boolean;
    /** Position of this item within its owning carousel, set by the carousel. */
    index: number;
    protected render(): TemplateResult;
}
//# sourceMappingURL=carousel-item.d.ts.map