@esri/calcite-components 5.0.0-next.2 → 5.0.0-next.3

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.2",
+  "version": "5.0.0-next.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -296,7 +296,7 @@
             },
             {
               "name": "compact",
-              "description": "**Deprecated**: No longer necessary.. When `true`, the side padding of the component is reduced.",
+              "description": "**Deprecated**: in v2.11.0, removal target v5.0.0 - No longer necessary.. When `true`, the side padding of the component is reduced.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -1085,7 +1085,7 @@
         },
         {
           "name": "calcite-action-pad",
-          "description": "**Deprecated**: Use the `calcite-action-bar` component instead..\n--\n\n### Events\n- **calciteActionPadCollapse** - Fires when the component's content area is collapsed.\n- **calciteActionPadExpand** - Fires when the component's content area is expanded.\n- **calciteActionPadToggle** - Fires when the `expanded` property is toggled.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-action`s to the component.\n- **expand-tooltip** - A slot to set the `calcite-tooltip` for the expand toggle.\n\n### CSS Properties\n- **--calcite-action-pad-corner-radius** - Specifies the component's border radius. \n- **--calcite-action-pad-expanded-max-width** - When `layout` is `\"vertical\"`, specifies the component's maximum width when `expanded`. \n- **--calcite-action-pad-items-space** - Specifies the component's space between slotted components. ",
+          "description": "**Deprecated**: in v5.0.0, removal target v6.0.0 - Use the `calcite-action-bar` component instead..\n--\n\n### Events\n- **calciteActionPadCollapse** - Fires when the component's content area is collapsed.\n- **calciteActionPadExpand** - Fires when the component's content area is expanded.\n- **calciteActionPadToggle** - Fires when the `expanded` property is toggled.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-action`s to the component.\n- **expand-tooltip** - A slot to set the `calcite-tooltip` for the expand toggle.\n\n### CSS Properties\n- **--calcite-action-pad-corner-radius** - Specifies the component's border radius. \n- **--calcite-action-pad-expanded-max-width** - When `layout` is `\"vertical\"`, specifies the component's maximum width when `expanded`. \n- **--calcite-action-pad-items-space** - Specifies the component's space between slotted components. ",
           "attributes": [
             {
               "name": "actions-end-group-label",
@@ -2286,7 +2286,7 @@
             },
             {
               "name": "drag-handle",
-              "description": "**Deprecated**: No longer necessary. Use Block Group for draggable functionality.. When `true`, the component displays a draggable button.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - No longer necessary. Use Block Group for draggable functionality.. When `true`, the component displays a draggable button.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -2389,7 +2389,7 @@
             },
             {
               "name": "open",
-              "description": "**Deprecated**: Use `expanded` prop instead.. When `true`, expands the component and its contents.",
+              "description": "**Deprecated**: in v3.1.0, removal target v6.0.0 - Use the `expanded` property instead.. When `true`, expands the component and its contents.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -2428,7 +2428,7 @@
             },
             {
               "name": "status",
-              "description": "**Deprecated**: Use `icon-start` instead.. Displays a status-related indicator icon.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `icon-start` property instead.. Displays a status-related indicator icon.",
               "value": {
                 "type": [
                   "\"idle\"",
@@ -2878,7 +2878,7 @@
             },
             {
               "name": "open",
-              "description": "**Deprecated**: Use `expanded` prop instead.. When `true`, expands the component and its contents.",
+              "description": "**Deprecated**: in v3.1.0, removal target v6.0.0 - Use `expanded` prop instead.. When `true`, expands the component and its contents.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -2898,7 +2898,7 @@
             },
             {
               "name": "status",
-              "description": "**Deprecated**: Use `icon-start` instead.. Displays a status-related indicator icon.",
+              "description": "**Deprecated**: in v2.8.1, removal target v6.0.0 - Use `icon-start` instead.. Displays a status-related indicator icon.",
               "value": {
                 "type": [
                   "\"idle\"",
@@ -3360,7 +3360,7 @@
             },
             {
               "name": "selectable",
-              "description": "**Deprecated**: use `selectionMode` property on a parent `calcite-card-group` instead.. When `true`, the component is selectable.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `selectionMode` property on a parent `calcite-card-group` instead.. When `true`, the component is selectable.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -5147,7 +5147,7 @@
             },
             {
               "name": "text-label",
-              "description": "**Deprecated**: Use `heading` instead.. The component's text.",
+              "description": "**Deprecated**: in v2.12.0, removal target v5.0.0 - Use the `heading` property instead.. The component's text.",
               "value": {
                 "type": "string"
               }
@@ -6118,7 +6118,7 @@
             },
             {
               "name": "width-scale",
-              "description": "**Deprecated**: Use the `width` property instead.. Specifies the width of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `width` property instead.. Specifies the width of the component.",
               "default": "\"m\"",
               "value": {
                 "type": [
@@ -6480,7 +6480,7 @@
             },
             {
               "name": "width-scale",
-              "description": "**Deprecated**: Use the `width` property instead.. Specifies the width of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `width` property instead.. Specifies the width of the component.",
               "value": {
                 "type": [
                   "\"l\"",
@@ -8937,7 +8937,7 @@
             },
             {
               "name": "max-length",
-              "description": "**Deprecated**: This property has no effect on the component.. When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - This property has no effect on the component.. When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "value": {
                 "type": "number"
               }
@@ -8951,7 +8951,7 @@
             },
             {
               "name": "min-length",
-              "description": "**Deprecated**: This property has no effect on the component.. When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - This property has no effect on the component.. When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "value": {
                 "type": "number"
               }
@@ -10967,7 +10967,7 @@
             },
             {
               "name": "open",
-              "description": "**Deprecated**: Use `expanded` prop instead.. When `true`, the item is open to show child components.",
+              "description": "**Deprecated**: in v3.1.0, removal target v6.0.0 - Use the `expanded` property instead.. When `true`, the item is open to show child components.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -14479,7 +14479,7 @@
             },
             {
               "name": "height-scale",
-              "description": "**Deprecated**: Use the `height` property instead.. When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `height` property instead.. When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.",
               "default": "\"m\"",
               "value": {
                 "type": [
@@ -14546,7 +14546,7 @@
             },
             {
               "name": "width-scale",
-              "description": "**Deprecated**: Use the `width` property instead.. When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `width` property instead.. When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.",
               "default": "\"m\"",
               "value": {
                 "type": [
@@ -14797,7 +14797,7 @@
             },
             {
               "name": "height-scale",
-              "description": "**Deprecated**: Use the `height` property instead.. When `layout` is `horizontal`, specifies the maximum height of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `height` property instead.. When `layout` is `horizontal`, specifies the maximum height of the component.",
               "value": {
                 "type": [
                   "\"l\"",
@@ -14808,7 +14808,7 @@
             },
             {
               "name": "layout",
-              "description": "**Deprecated**: No longer necessary.. The direction of the component.",
+              "description": "**Deprecated**: in v4.0.0, removal target v6.0.0 -  No longer necessary.. The direction of the component.",
               "default": "\"vertical\"",
               "value": {
                 "type": [
@@ -14819,7 +14819,7 @@
             },
             {
               "name": "position",
-              "description": "**Deprecated**: No longer necessary.. Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).",
+              "description": "**Deprecated**: in v4.0.0, removal target v6.0.0 -  No longer necessary.. Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).",
               "default": "\"start\"",
               "value": {
                 "type": [
@@ -14849,7 +14849,7 @@
             },
             {
               "name": "width-scale",
-              "description": "**Deprecated**: Use the `width` property instead.. When `layout` is `vertical`, specifies the width of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 -  Use the `width` property instead.. When `layout` is `vertical`, specifies the width of the component.",
               "default": "\"m\"",
               "value": {
                 "type": [
@@ -17907,7 +17907,7 @@
           "attributes": [
             {
               "name": "active",
-              "description": "**Deprecated**. When `true`, the component is active.",
+              "description": "**Deprecated**: in v2.8.0, removal target v6.0.0 - No longer necessary.. When `true`, the component is active.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -17941,7 +17941,7 @@
             },
             {
               "name": "embed",
-              "description": "**Deprecated**: No longer necessary.. The component's embed mode.\n\nWhen `true`, renders without a border and padding for use by other components.",
+              "description": "**Deprecated**: in v2.6.0, removal target v6.0.0 - No longer necessary.. The component's embed mode.\n\nWhen `true`, renders without a border and padding for use by other components.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -18356,7 +18356,7 @@
             },
             {
               "name": "label",
-              "description": "**Deprecated**: No longer necessary. Overrides the context of the component's description, which could confuse assistive technology users.. Accessible name for the component.",
+              "description": "**Deprecated**: in v1.5.0, removal target v6.0.0 - No longer necessary. Overrides the context of the component's text description, which could confuse assistive technology users.. Accessible name for the component.",
               "value": {
                 "type": "string"
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.2",
+  "version": "5.0.0-next.3",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -95,7 +95,7 @@
     "@arcgis/lumina-compiler": ">=5.0.0-next.24 <6.0.0",
     "@esri/calcite-design-tokens": "4.0.0-next.8",
     "@esri/calcite-tailwind-preset": "1.0.2-next.10",
-    "@esri/eslint-plugin-calcite-components": "2.0.4-next.2",
+    "@esri/eslint-plugin-calcite-components": "2.0.4-next.3",
     "@vitest/browser": "3.2.4",
     "playwright": "1.56.1",
     "sass-embedded": "1.93.3",
@@ -112,5 +112,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "5a896ba6ba51d87ec3f612a388505335545c4c6d"
+  "gitHead": "86739e53e158db04bf8adea7f8427795dbed1f8b"
 }

package/dist/calcite/U2QCHDBN.js

@@ -1,4 +0,0 @@
-/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.2 */
-import{a as g,b as v}from"./MNOO2GEE.js";import{a as x}from"./6G4YIOVX.js";import{a as m}from"./EU53PNIW.js";import{a as f}from"./UMUEMXJF.js";import"./GBKXT23N.js";import"./KJXOD5Z2.js";import"./UBGSVRI6.js";import{t as c}from"./S4PILGWU.js";import"./OFPYAEOU.js";import{B as h,C as p,D as u,E as t,P as b,g as d,h as o,o as l}from"./C7SWOQAB.js";var a={container:"container",contentWrapper:"content-wrapper",header:"header",footer:"footer",checkboxWrapper:"checkbox-wrapper",checkboxWrapperDeprecated:"checkbox-wrapper-deprecated",thumbnailWrapper:"thumbnail-wrapper",headerTextContainer:"header-text-container",cardContent:"card-content",hasSlottedContent:"has-slotted-content"},r={thumbnail:"thumbnail",heading:"heading",description:"description",footerStart:"footer-start",footerEnd:"footer-end"},i={selected:"check-square-f",unselected:"square",selectedSingle:"circle-f",unselectedSingle:"circle"},w=d`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([disabled]){cursor:default;-webkit-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%}.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, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));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:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.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:0;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:.75rem;padding-block:.5rem}.header-text-container:not(:only-child){padding-inline-end:.125rem}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:.75rem;padding-block:.25rem .75rem}.card-content{block-size:auto;font-size:var(--calcite-font-size--2);line-height:1.375}.has-slotted-content{padding:.75rem}:host([selected]) .content-wrapper{box-shadow:inset 0 -4px 0 0 var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){margin:0;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:0;margin-block-start:.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;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{pointer-events:auto;margin:.5rem;cursor:pointer;padding:.5rem;outline-color:transparent;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.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:.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}`,s=class extends u{constructor(){super(...arguments),this.containerRef=h(),this.messages=m(),this.focusSetter=f()(this),this.hasContent=!1,this.hasDescription=!1,this.hasFooterEnd=!1,this.hasFooterStart=!1,this.hasHeading=!1,this.hasThumbnail=!1,this.disabled=!1,this.loading=!1,this.selectable=!1,this.selected=!1,this.selectionMode="none",this.thumbnailPosition="block-start",this.calciteCardSelect=l({cancelable:!1}),this.calciteInternalCardKeyEvent=l({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],hasDescription:[16,{},{state:!0}],hasFooterEnd:[16,{},{state:!0}],hasFooterStart:[16,{},{state:!0}],hasHeading:[16,{},{state:!0}],hasThumbnail:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],selectable:[7,{},{reflect:!0,type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,thumbnailPosition:[3,{},{reflect:!0}]}}static{this.styles=w}async setFocus(e){return this.focusSetter(()=>({target:this.containerRef.value,includeContainer:!0}),e)}updated(){g(this)}handleThumbnailSlotChange(e){this.hasThumbnail=c(e)}handleHeadingSlotChange(e){this.hasHeading=c(e)}handleDescriptionSlotChange(e){this.hasDescription=c(e)}handleFooterStartSlotChange(e){this.hasFooterStart=c(e)}handleFooterEndSlotChange(e){this.hasFooterEnd=c(e)}handleDefaultSlotChange(e){this.hasContent=c(e)}keyDownHandler(e){if(e.target===this.containerRef.value&&!this.selectable&&!this.disabled)if(x(e.key)&&this.selectionMode!=="none")this.calciteCardSelect.emit(),e.preventDefault();else switch(e.key){case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalCardKeyEvent.emit(e),e.preventDefault();break}}cardBodyClickHandler(e){e.target===this.containerRef.value&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"&&this.calciteCardSelect.emit()}selectCardDeprecated(e){this.selected=e.currentTarget.checked,this.calciteCardSelect.emit()}cardSelectClick(e){this.disabled||(e.preventDefault(),this.calciteCardSelect.emit(),this.setFocus())}renderCheckboxDeprecated(){return o`<calcite-label class=${t(a.checkboxWrapperDeprecated)}><calcite-checkbox .checked=${this.selected} .label=${this.messages.select} @calciteCheckboxChange=${this.selectCardDeprecated}></calcite-checkbox></calcite-label>`}renderThumbnail(){return o`<section class=${t(a.thumbnailWrapper)} .hidden=${!this.hasThumbnail}><slot name=${r.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></section>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?i.selected:this.selectionMode==="multiple"?i.unselected:this.selected?i.selectedSingle:i.unselectedSingle;return o`<div class=${t(a.checkboxWrapper)} @pointerdown=${this.cardSelectClick} tabindex=-1><calcite-icon .icon=${e} scale=s></calcite-icon></div>`}renderHeader(){let e=this.hasHeading||this.hasDescription;return o`<header class=${t(a.header)} .hidden=${!e}>${this.selectable?this.renderCheckboxDeprecated():null}<div class=${t(a.headerTextContainer)}><slot name=${r.heading} @slotchange=${this.handleHeadingSlotChange}></slot><slot name=${r.description} @slotchange=${this.handleDescriptionSlotChange}></slot></div>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}</header>`}renderFooter(){let e=this.hasFooterStart||this.hasFooterEnd;return o`<footer class=${t(a.footer)} .hidden=${!e}><slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot><slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></footer>`}render(){let e=this.thumbnailPosition.startsWith("inline"),n=this.thumbnailPosition.endsWith("start"),k=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":void 0;return v({disabled:this.disabled,children:o`<div .ariaChecked=${this.selectionMode!=="none"?this.selected:void 0} .ariaLabel=${this.label} class=${t({[a.contentWrapper]:!0,inline:e})} @click=${this.cardBodyClickHandler} @keydown=${this.keyDownHandler} .role=${k} .tabIndex=${!this.selectable||this.disabled?0:-1} ${p(this.containerRef)}>${this.loading?o`<div aria-live=polite class="calcite-card-loader-container"><calcite-loader .label=${this.messages.loading}></calcite-loader></div>`:null}${n&&this.renderThumbnail()||""}<section .ariaBusy=${this.loading} class=${t({[a.container]:!0})}>${this.renderHeader()}<div class=${t({[a.cardContent]:!0,[a.hasSlottedContent]:this.hasContent})}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div>${this.renderFooter()}</section>${!n&&this.renderThumbnail()||""}</div>`})}};b("calcite-card",s);export{s as Card};