import { PropertyValues } from 'lit'; import { DDSElement } from "../../base/index.js"; /** * A carousel is a component that displays multiple pieces of information by sliding left and right within a fixed height area. * * The carousel component can be operated in several ways (Control, Indicator, and Swipe), but it is not possible to hide all of these, as this would prevent the user from being able to operate the carousel component. * * Hierarchy: * - `daikin-carousel` > `daikin-carousel-item` * * @fires select - If an item in the carousel is selected in some way, the method used to select it, the index number of the item displayed before it, and the index number of the item currently displayed are passed. * * @slot - A slot for carousel items. Place `daikin-carousel-item` elements here. * * @cssprop [--ddc-transition-duration=600ms] - Specify the interval for the slide animation. * * @example * * ```js * import "@daikin-oss/design-system-web-components/components/carousel/index.js"; * import "@daikin-oss/design-system-web-components/components/carousel-item/index.js"; * ``` * * ```html * * Carousel item 1 * Carousel item 2 * Carousel item 3 * * ``` */ export declare class DaikinCarousel extends DDSElement { static readonly styles: import('lit').CSSResult; /** * The index number of the content currently being displayed. */ currentIndex: number; private readonly _items; private _itemCount; private _prevButton; private _nextButton; private _indicatorButtonsContainer; private _emitSelect; private _handleClickIndicator; private _handleKeydownIndicator; private _handleSlotchange; private _moveBy; private _updateItemActive; render(): import('lit-html').TemplateResult<1>; protected updated(changedProperties: PropertyValues): void; } declare global { interface HTMLElementTagNameMap { "daikin-carousel": DaikinCarousel; } }