@esri/solutions-components 0.8.12 → 0.8.13

package/dist/esm/calcite-card.entry.js

@@ -3,115 +3,196 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-164d485a.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-12c4fcfb.js';
-import { t as toAriaBoolean, g as getSlotted } from './dom-38c6f027.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-904407bf.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-436fb2b1.js';
-import './observers-d04d1da9.js';
-import './guid-b75a5f7b.js';
-import './resources-8834f920.js';
-import './key-c83d835f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ba5da2b0.js';
+import { s as slotChangeHasAssignedElement, g as getSlotted, t as toAriaBoolean } from './dom-d675fe65.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-353c1c36.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-165900a5.js';
+import { c as componentFocusable, a as setComponentLoaded, s as setUpLoadableComponent } from './loadable-cca582a3.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-52276a00.js';
+import { i as isActivationKey } from './key-092b6260.js';
+import './guid-f05d01d5.js';
+import './resources-1febf4c6.js';
+import './observers-19e5cb73.js';
+import './browser-9897260d.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
+ * v2.8.2
  */
 const CSS = {
     container: "container",
+    contentWrapper: "content-wrapper",
     header: "header",
     footer: "footer",
-    title: "title",
-    subtitle: "subtitle",
+    heading: "heading",
+    description: "description",
     checkboxWrapper: "checkbox-wrapper",
+    checkboxWrapperDeprecated: "checkbox-wrapper-deprecated",
     thumbnailWrapper: "thumbnail-wrapper",
+    headerTextContainer: "header-text-container",
+    cardContent: "card-content",
+    hasSlottedContent: "has-slotted-content",
 };
 const SLOTS = {
     thumbnail: "thumbnail",
-    title: "title",
-    subtitle: "subtitle",
+    heading: "heading",
+    description: "description",
     footerStart: "footer-start",
     footerEnd: "footer-end",
+    title: "title",
+    subtitle: "subtitle",
+};
+const ICONS = {
+    selected: "check-square-f",
+    unselected: "square",
+    selectedSingle: "circle-f",
+    unselectedSingle: "circle",
 };
 
-const cardCss = ":host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:var(--calcite-border-radius-base)}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header,.footer{display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{flex-direction:column}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3)}:host([selected]) .calcite-card-container{border-color:var(--calcite-color-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selectable]) .header{padding-inline-end:2rem}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:flex}.calcite-card-container.inline{flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";
+const cardCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%;--calcite-card-corner-radius:var(--calcite-corner-radius-sharp);--calcite-card-background-color:var(--calcite-color-foreground-1);--calcite-card-border-color:var(--calcite-color-border-3);--calcite-card-shadow:var(--calcite-shadow-none);--calcite-card-accent-color-selected:var(--calcite-color-brand);--calcite-card-selection-background-color:transparent;--calcite-card-selection-background-color-hover:var(--calcite-color-transparent-hover);--calcite-card-selection-background-color-active:var(--calcite-color-transparent-press);--calcite-card-selection-background-color-selected:transparent;--calcite-card-selection-icon-color:var(--calcite-color-text-3);--calcite-card-selection-icon-color-hover:var(--calcite-color-text-2);--calcite-card-selection-icon-color-selected:var(--calcite-color-brand)}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color);border-radius:var(--calcite-card-corner-radius);background-color:var(--calcite-card-background-color);box-shadow:var(--calcite-card-shadow);pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-spacing-md);padding-block-start:var(--calcite-spacing-xxs);padding-block-end:var(--calcite-spacing-md)}.header-text-container{display:flex;inline-size:100%;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem}.header-text-container:not(:only-child){padding-inline-end:0.125rem}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{block-size:auto;font-size:var(--calcite-font-size--2);line-height:1.375}.has-slotted-content{padding:0.75rem}:host([selected]) .content-wrapper{box-shadow:inset 0 -4px 0 0 var(--calcite-card-accent-color-selected)}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;margin-block-start:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=description]::slotted(*),*::slotted([slot=description]){margin:0px;margin-block-start:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0}.checkbox-wrapper{pointer-events:auto;margin:0.5rem;cursor:pointer;padding:0.5rem;outline-color:transparent;background-color:var(--calcite-card-selection-background-color);display:flex;align-items:center;justify-items:center;--calcite-ui-icon-color:var(--calcite-card-selection-icon-color)}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover);--calcite-ui-icon-color:var(--calcite-card-selection-icon-color-hover)}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-active)}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper{--calcite-ui-icon-color:var(--calcite-card-selection-icon-color-selected);background-color:var(--calcite-card-selection-background-color-selected)}:host([selected]) .checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover)}:host([selected]) .checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-active)}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover);--calcite-ui-icon-color:var(--calcite-card-selection-icon-color-hover)}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-active);--calcite-ui-icon-color:var(--calcite-card-selection-icon-color-selected)}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:0.25rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";
+const CalciteCardStyle0 = cardCss;
 
 const Card = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.calciteCardSelect = createEvent(this, "calciteCardSelect", 6);
+        this.calciteInternalCardKeyEvent = createEvent(this, "calciteInternalCardKeyEvent", 6);
         //--------------------------------------------------------------------------
         //
         //  Private Methods
         //
         //--------------------------------------------------------------------------
-        this.cardSelectClick = () => {
-            this.selectCard();
+        this.handleDefaultSlotChange = (event) => {
+            this.hasContent = slotChangeHasAssignedElement(event);
         };
-        this.cardSelectKeyDown = (event) => {
+        this.keyDownHandler = (event) => {
+            if (event.target === this.containerEl && !this.selectable && !this.disabled) {
+                if (isActivationKey(event.key) && this.selectionMode !== "none") {
+                    this.calciteCardSelect.emit();
+                    event.preventDefault();
+                }
+                else {
+                    switch (event.key) {
+                        case "ArrowRight":
+                        case "ArrowLeft":
+                        case "Home":
+                        case "End":
+                            this.calciteInternalCardKeyEvent.emit(event);
+                            event.preventDefault();
+                            break;
+                    }
+                }
+            }
+        };
+        this.cardBodyClickHandler = (event) => {
+            const isFromScreenReader = event.target === this.containerEl;
+            if (isFromScreenReader && !this.selectable && !this.disabled && this.selectionMode !== "none") {
+                this.calciteCardSelect.emit();
+            }
+        };
+        this.cardSelectKeyDownDeprecated = (event) => {
             switch (event.key) {
                 case " ":
                 case "Enter":
-                    this.selectCard();
+                    this.selectCardDeprecated();
                     event.preventDefault();
                     break;
             }
         };
+        this.selectCardDeprecated = () => {
+            this.selected = !this.selected;
+            this.calciteCardSelect.emit();
+        };
+        this.cardSelectClick = (event) => {
+            if (!this.disabled) {
+                event.preventDefault();
+                this.calciteCardSelect.emit();
+                this.setFocus();
+            }
+        };
         this.loading = false;
-        this.selected = false;
-        this.selectable = false;
         this.thumbnailPosition = "block-start";
+        this.disabled = false;
+        this.label = undefined;
+        this.selectable = false;
+        this.selected = false;
         this.messages = undefined;
+        this.selectionMode = "none";
         this.messageOverrides = undefined;
         this.effectiveLocale = undefined;
         this.defaultMessages = undefined;
+        this.hasContent = false;
     }
     onMessagesChange() {
         /* wired up by t9n util */
     }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /** Sets focus on the component. */
+    async setFocus() {
+        var _a;
+        await componentFocusable(this);
+        if (!this.disabled) {
+            (_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
     // --------------------------------------------------------------------------
     //
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
-        connectConditionalSlotComponent(this);
+        connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
     }
+    componentDidLoad() {
+        setComponentLoaded(this);
+    }
+    componentDidRender() {
+        updateHostInteraction(this);
+    }
     disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
+        disconnectInteractive(this);
         disconnectLocalized(this);
         disconnectMessages(this);
     }
     async componentWillLoad() {
+        setUpLoadableComponent(this);
         await setUpMessages(this);
     }
-    render() {
-        const thumbnailInline = this.thumbnailPosition.startsWith("inline");
-        const thumbnailStart = this.thumbnailPosition.endsWith("start");
-        return (h("div", { class: { "calcite-card-container": true, inline: thumbnailInline } }, this.loading ? (h("div", { "aria-live": "polite", class: "calcite-card-loader-container" }, h("calcite-loader", { label: this.messages.loading }))) : null, thumbnailStart && this.renderThumbnail(), h("section", { "aria-busy": toAriaBoolean(this.loading), class: { [CSS.container]: true } }, this.selectable ? this.renderCheckbox() : null, this.renderHeader(), h("div", { class: "card-content" }, h("slot", null)), this.renderFooter()), !thumbnailStart && this.renderThumbnail()));
-    }
     effectiveLocaleChange() {
         updateMessages(this, this.effectiveLocale);
     }
-    selectCard() {
-        this.selected = !this.selected;
-        this.calciteCardSelect.emit();
+    renderCheckboxDeprecated() {
+        return (h("calcite-label", { class: CSS.checkboxWrapperDeprecated }, h("calcite-checkbox", { checked: this.selected, label: this.messages.select, onClick: this.selectCardDeprecated, onKeyDown: this.cardSelectKeyDownDeprecated })));
     }
     renderThumbnail() {
         return getSlotted(this.el, SLOTS.thumbnail) ? (h("section", { class: CSS.thumbnailWrapper }, h("slot", { name: SLOTS.thumbnail }))) : null;
     }
-    renderCheckbox() {
-        return (h("calcite-label", { class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, h("calcite-checkbox", { checked: this.selected, label: this.messages.select })));
+    renderSelectionIcon() {
+        const icon = this.selectionMode === "multiple" && this.selected
+            ? ICONS.selected
+            : this.selectionMode === "multiple"
+                ? ICONS.unselected
+                : this.selected
+                    ? ICONS.selectedSingle
+                    : ICONS.unselectedSingle;
+        return (h("div", { class: CSS.checkboxWrapper, onPointerDown: this.cardSelectClick, tabIndex: -1 }, h("calcite-icon", { icon: icon, scale: "s" })));
     }
     renderHeader() {
         const { el } = this;
-        const title = getSlotted(el, SLOTS.title);
+        const heading = getSlotted(el, SLOTS.heading);
+        const description = getSlotted(el, SLOTS.description);
+        const hasHeader = heading || description;
         const subtitle = getSlotted(el, SLOTS.subtitle);
-        const hasHeader = title || subtitle;
-        return hasHeader ? (h("header", { class: CSS.header }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.subtitle }))) : null;
+        const title = getSlotted(el, SLOTS.title);
+        const hasDeprecatedHeader = subtitle || title;
+        return hasHeader || hasDeprecatedHeader ? (h("header", { class: CSS.header }, this.selectable ? this.renderCheckboxDeprecated() : null, h("div", { class: CSS.headerTextContainer }, h("slot", { key: "heading-slot", name: SLOTS.heading }), h("slot", { key: "description-slot", name: SLOTS.description }), h("slot", { key: "deprecated-title-slot", name: SLOTS.title }), h("slot", { key: "deprecated-subtitle-slot", name: SLOTS.subtitle })), this.selectionMode !== "none" && this.renderSelectionIcon())) : null;
     }
     renderFooter() {
         const { el } = this;
@@ -120,6 +201,21 @@ const Card = class {
         const hasFooter = startFooter || endFooter;
         return hasFooter ? (h("footer", { class: CSS.footer }, h("slot", { name: SLOTS.footerStart }), h("slot", { name: SLOTS.footerEnd }))) : null;
     }
+    render() {
+        const thumbnailInline = this.thumbnailPosition.startsWith("inline");
+        const thumbnailStart = this.thumbnailPosition.endsWith("start");
+        const role = this.selectionMode === "multiple"
+            ? "checkbox"
+            : this.selectionMode !== "none"
+                ? "radio"
+                : undefined;
+        return (h(Host, { key: '8fa8f2d7e3ff03d01d746fd00236958a910cc60b' }, h(InteractiveContainer, { key: 'f1a65dcd2389a060c9de2ab0d9ee9b4ab23609f9', disabled: this.disabled }, h("div", { key: '093dc24588252efa9ce7f58cbd6791f9010ab9b9', "aria-checked": this.selectionMode !== "none" ? toAriaBoolean(this.selected) : undefined, "aria-disabled": this.disabled, "aria-label": this.label, class: { [CSS.contentWrapper]: true, inline: thumbnailInline }, onClick: this.cardBodyClickHandler, onKeyDown: this.keyDownHandler, role: role, tabIndex: !this.selectable || this.disabled ? 0 : -1,
+            // eslint-disable-next-line react/jsx-sort-props
+            ref: (el) => (this.containerEl = el) }, this.loading ? (h("div", { "aria-live": "polite", class: "calcite-card-loader-container" }, h("calcite-loader", { label: this.messages.loading }))) : null, thumbnailStart && this.renderThumbnail(), h("section", { key: 'efe0f6b35e6e4ed6ceacd4e9d0e7879e9527e331', "aria-busy": toAriaBoolean(this.loading), class: { [CSS.container]: true } }, this.renderHeader(), h("div", { key: 'd74667dc72d6320d3d97ff6b386f1659d53174f5', class: {
+                [CSS.cardContent]: true,
+                [CSS.hasSlottedContent]: this.hasContent,
+            } }, h("slot", { key: 'dbcd8cb5f7979f33a93810dd38124b10c8174b43', onSlotchange: this.handleDefaultSlotChange })), this.renderFooter()), !thumbnailStart && this.renderThumbnail()))));
+    }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -127,6 +223,6 @@ const Card = class {
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
 };
-Card.style = cardCss;
+Card.style = CalciteCardStyle0;
 
 export { Card as calcite_card };

package/dist/esm/calcite-carousel-item.entry.js

@@ -0,0 +1,42 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ba5da2b0.js';
+import { g as guid } from './guid-f05d01d5.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.2
+ */
+const CSS = {
+    container: "container",
+    selected: "selected",
+};
+
+const carouselItemCss = ":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}";
+const CalciteCarouselItemStyle0 = carouselItemCss;
+
+const CarouselItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.guid = `calcite-carousel-item-${guid()}`;
+        this.label = undefined;
+        this.selected = false;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Render Methods
+    //
+    // --------------------------------------------------------------------------
+    render() {
+        const id = this.el.id || this.guid;
+        return (h(Host, { key: '6d4ac387ae1b4748050c82d8387edd30e6c0e662', id: id }, h("div", { key: 'c6a4c67d99dd6e34198b2d128efb518e757277ce', "aria-label": this.label, class: { [CSS.container]: true, [CSS.selected]: this.selected }, role: "tabpanel" }, h("slot", { key: '2ed94883d41dba5430a39933c6fe91bb25b12703' }))));
+    }
+    get el() { return getElement(this); }
+};
+CarouselItem.style = CalciteCarouselItemStyle0;
+
+export { CarouselItem as calcite_carousel_item };