@sandlada/mdc/build/components/carousel/carousel-item.js

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

import{customElement as e}from"../../node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as t}from"../../node_modules/@lit/reactive-element/decorators/property.js";import"../../node_modules/lit/decorators.js";import{html as n}from"../../node_modules/lit-html/lit-html.js";import{LitElement as r}from"../../node_modules/lit-element/lit-element.js";import"../../node_modules/lit/index.js";import i from"../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";import{CarouselItemStyles as a}from"./carousel-item.style.js";
/**
* @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.
*/
let o=class extends r{constructor(...e){super(...e),this.size=`medium`,this.active=!1,this.index=0}static{this.styles=a}render(){return n`<slot></slot>`}};i([t({type:String,reflect:!0})],o.prototype,`size`,void 0),i([t({type:Boolean,reflect:!0})],o.prototype,`active`,void 0),i([t({type:Number,reflect:!0})],o.prototype,`index`,void 0),o=i([e(`mdc-carousel-item`)],o);export{o as CarouselItem};
//# sourceMappingURL=carousel-item.js.map