@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
3 lines (2 loc) • 890 B
JavaScript
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
import{a}from"./CIYXQ5G6.js";import{E as l,F as o,I as c,Q as n,g as s,h as i}from"./G7AHLVJ5.js";var r={container:"container",selected:"selected"},h="calcite-carousel-item",p={host:t=>`${h}-${t}`},m=s`: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 l{constructor(){super(...arguments),this.guid=p.host(a()),this.selected=!1}static{this.properties={label:1,selected:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=m}render(){let d=this.el.id||this.guid;return c(this.el,"id",d),i`<div .ariaLabel=${this.label} class=${o({[r.container]:!0,[r.selected]:this.selected})} role=tabpanel><slot></slot></div>`}};n("calcite-carousel-item",e);export{e as CarouselItem};