@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
5 lines (4 loc) • 978 B
JavaScript
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
v3.2.1 */
import{a as n}from"./NNVH7JUI.js";import{E as i,F as l,I as o,R as c,c as t,d as s}from"./BJZTU5BQ.js";var a={container:"container",selected:"selected"},d=t`:host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}`,e=class extends i{constructor(){super(...arguments),this.guid=`calcite-carousel-item-${n()}`,this.selected=!1}static{this.properties={label:1,selected:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=d}render(){let r=this.el.id||this.guid;return o(this.el,"id",r),s`<div .ariaLabel=${this.label} class=${l({[a.container]:!0,[a.selected]:this.selected})} role=tabpanel><slot></slot></div>`}};c("calcite-carousel-item",e);export{e as CarouselItem};