@esri/calcite-components 2.8.0-next.9 → 2.8.0

package/dist/cjs/calcite-shell_3.cjs.entry.js

@@ -1,22 +1,22 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const conditionalSlot = require('./conditionalSlot-b9a6f383.js');
-const dom = require('./dom-0b030c1e.js');
-const locale = require('./locale-7f4766ab.js');
-const math = require('./math-064ad5c1.js');
-const t9n = require('./t9n-ba911d88.js');
-const resources = require('./resources-b5ee9bc0.js');
-require('./observers-2ca59c3f.js');
-require('./guid-703960ed.js');
-require('./key-b0680c2d.js');
+const index = require('./index-5b280b06.js');
+const conditionalSlot = require('./conditionalSlot-d889b598.js');
+const dom = require('./dom-3caa5d60.js');
+const locale = require('./locale-3c3a9c21.js');
+const math = require('./math-bacc5ec4.js');
+const t9n = require('./t9n-9f0603cc.js');
+const resources = require('./resources-29fd4892.js');
+require('./observers-9558511d.js');
+require('./guid-1ac7713f.js');
+require('./key-26fedd23.js');
 
 const CSS$2 = {
     main: "main",
@@ -162,7 +162,7 @@ const Shell = class {
         return (index.h("div", { class: CSS$2.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderSheets()));
     }
     render() {
-        return (index.h(index.Fragment, { key: '8378ef601abf3b097c6b1cbf83be11bf44ed8afb' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
+        return (index.h(index.Fragment, { key: 'ccbd1ae998a64d97d0233e0c029282174ae0e133' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
     }
     get el() { return index.getElement(this); }
 };
@@ -204,14 +204,14 @@ const ShellCenterRow = class {
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (index.h("div", { key: '9e1d7602bfdb40e63de0e04a37bedee830533c6e', class: CSS$1.content }, index.h("slot", { key: '99adf8c62da6a33acd044c7a2a908aa84d38c03c' })));
+        const contentNode = (index.h("div", { key: '082724bcccaca00d5f596f0942651d93eb253bb1', class: CSS$1.content }, index.h("slot", { key: 'a14fbda9f01f45fed3b0d9249d08ce2f9a05bacf' })));
         const actionBar = dom.getSlotted(el, SLOTS$1.actionBar);
         const actionBarNode = actionBar ? (index.h("div", { class: CSS$1.actionBarContainer, key: "action-bar" }, index.h("slot", { name: SLOTS$1.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return index.h(index.Fragment, { key: 'e08d188e13fa0f376a364d9e5f9e15fb1d757b4e' }, children);
+        return index.h(index.Fragment, { key: '81f87809e3837c8e338f40d8838401fdb63febe9' }, children);
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-sortable-list.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const interactive = require('./interactive-585a6452.js');
-const observers = require('./observers-2ca59c3f.js');
-const sortableComponent = require('./sortableComponent-4489f70d.js');
-const dom = require('./dom-0b030c1e.js');
-require('./browser-f2784652.js');
-require('./guid-703960ed.js');
-require('./resources-b5ee9bc0.js');
+const index = require('./index-5b280b06.js');
+const interactive = require('./interactive-04fb8cfc.js');
+const observers = require('./observers-9558511d.js');
+const sortableComponent = require('./sortableComponent-8698dc30.js');
+const dom = require('./dom-3caa5d60.js');
+require('./browser-99c84671.js');
+require('./guid-1ac7713f.js');
+require('./resources-29fd4892.js');
 
 const CSS = {
     sortItem: "sort-item",
@@ -151,11 +151,11 @@ const SortableList = class {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (index.h(interactive.InteractiveContainer, { key: '74cbecc0103a155addd402773c3651eb9409974a', disabled: disabled }, index.h("div", { key: 'a3ce1b22fbb0cd1f8e78f7afc2d9f6d16b45594c', class: {
+        return (index.h(interactive.InteractiveContainer, { key: '1d1ca38cb992e78dc7f8cac66c7ee2d27fe85992', disabled: disabled }, index.h("div", { key: '556fc03733b819ac5cccf142c6683a472bc8472a', class: {
                 [CSS.container]: true,
                 [CSS.containerVertical]: !horizontal,
                 [CSS.containerHorizontal]: horizontal,
-            } }, index.h("slot", { key: '57fe50b68cf85fcc95f2b65c633ac631750575c1' }))));
+            } }, index.h("slot", { key: '5cea272c33957a923f7cce3494050db3cb00f3bb' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-split-button.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const interactive = require('./interactive-585a6452.js');
-const loadable = require('./loadable-ff894293.js');
-require('./browser-f2784652.js');
+const index = require('./index-5b280b06.js');
+const interactive = require('./interactive-04fb8cfc.js');
+const loadable = require('./loadable-09e13982.js');
+require('./browser-99c84671.js');
 
 const CSS = {
     container: "container",
@@ -89,7 +89,7 @@ const SplitButton = class {
     }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (index.h(interactive.InteractiveContainer, { key: 'ffb11f3a1130410c96151c30437e6bebf8d72b74', disabled: this.disabled }, index.h("div", { key: '413a2b27a8aed681110604030f4049b238c02268', class: CSS.container }, index.h("calcite-button", { key: '2ea89ead3550d6bfa383da6dd66f85831bb25bec', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), index.h("div", { key: '2c7f076e3efae596a9cd3b183e8b3f999acff949', class: CSS.dividerContainer }, index.h("div", { key: 'db6817a5df759d8585bb63286af2648e7e0e787c', class: CSS.divider })), index.h("calcite-dropdown", { key: '6e4d046a3821d6404068e17b6e11a2be02f85617', disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, "width-scale": this.scale }, index.h("calcite-button", { key: '339c025cee1c2084f92f167437050677da372036', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), index.h("slot", { key: '9208f1780e47d80729765c85297bd4a39314d2ed' })))));
+        return (index.h(interactive.InteractiveContainer, { key: '5bca9f9751e7f7ff1a4fb5bde5dd2cf8adeb039b', disabled: this.disabled }, index.h("div", { key: 'd8d95651c49144034a5356b045b39a9b80ed8778', class: CSS.container }, index.h("calcite-button", { key: 'd882eca49b2d32c0c366bac900c01b6f448e2af6', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), index.h("div", { key: '7756c7e247a7d74c94d635b7da4e23e25588ccdc', class: CSS.dividerContainer }, index.h("div", { key: 'b855b43e1338dd73b8f9fa27217843bb0e1bdf64', class: CSS.divider })), index.h("calcite-dropdown", { key: 'ab0fba71ae22c3af9563f99a5ac0feb51be0fb9f', disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, "width-scale": this.scale }, index.h("calcite-button", { key: '6b94ce6f08d225bff2be6a3ece459e991436835d', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), index.h("slot", { key: 'd7ddac81064109f923f0e871b59ff38128a17ab8' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"

package/dist/cjs/calcite-stack.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const dom = require('./dom-0b030c1e.js');
-const resources = require('./resources-5c7c78f8.js');
-require('./guid-703960ed.js');
-require('./resources-b5ee9bc0.js');
+const index = require('./index-5b280b06.js');
+const dom = require('./dom-3caa5d60.js');
+const resources = require('./resources-92f22f7f.js');
+require('./guid-1ac7713f.js');
+require('./resources-29fd4892.js');
 
-const stackCss = ":host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";
+const stackCss = ":host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteStackStyle0 = stackCss;
 
 const Stack = class {
@@ -67,7 +67,7 @@ const Stack = class {
         return (index.h("div", { class: resources.CSS.contentEnd, hidden: !hasContentEnd }, index.h("slot", { name: resources.SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
     }
     render() {
-        return (index.h(index.Host, { key: '12dc4190cdb9ea87a4ea6d153b2b89ae5736de06' }, index.h("div", { key: '4397b9e6e9b8834af7cff90a32cb1e2c13131e6a', class: resources.CSS.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
+        return (index.h(index.Host, { key: 'f8d423aff1f3991e45cf591bd0480537cc09f846' }, index.h("div", { key: '6c8e70bc5cced152dde2592c2b6f1f28695de681', class: resources.CSS.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
 };
 Stack.style = CalciteStackStyle0;

package/dist/cjs/calcite-stack.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-stack.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,m6CAAm6C,CAAC;AACr7C,2BAAe,QAAQ;;MCeV,KAAK;;;;;;;;QA8FhB,iCAA4B,GAAG,CAAC,KAAY;YAC1C,IAAI,CAAC,eAAe,GAAGA,gCAA4B,CAAC,KAAK,CAAC,CAAC;SAC5D,CAAC;QAEF,+BAA0B,GAAG,CAAC,KAAY;YACxC,IAAI,CAAC,aAAa,GAAGA,gCAA4B,CAAC,KAAK,CAAC,CAAC;SAC1D,CAAC;QAEF,iCAA4B,GAAG,CAAC,KAAY;YAC1C,IAAI,CAAC,eAAe,GAAGA,gCAA4B,CAAC,KAAK,CAAC,CAAC;SAC5D,CAAC;QAEF,+BAA0B,GAAG,CAAC,KAAY;YACxC,IAAI,CAAC,aAAa,GAAGA,gCAA4B,CAAC,KAAK,CAAC,CAAC;SAC1D,CAAC;wBApGkC,KAAK;+BAQd,KAAK;6BAEP,KAAK;+BAEH,KAAK;6BAEP,KAAK;;;;;;;IAQ9B,kBAAkB;QAChB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QACjC,QACEC,iBAAK,KAAK,EAAEC,aAAG,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC,eAAe,EAAE,GAAG,EAAC,yBAAyB,IACnFD,kBAAM,IAAI,EAAEE,eAAK,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,4BAA4B,GAAI,CAC/E,EACN;KACH;IAED,gBAAgB;QACd,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC/B,QACEF,iBAAK,KAAK,EAAEC,aAAG,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,aAAa,EAAE,GAAG,EAAC,uBAAuB,IAC7ED,kBAAM,IAAI,EAAEE,eAAK,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,0BAA0B,GAAI,CAC3E,EACN;KACH;IAED,kBAAkB;QAChB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QACjC,QACEF,iBAAK,KAAK,EAAEC,aAAG,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC,eAAe,IACpDD,kBAAM,IAAI,EAAEE,eAAK,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,4BAA4B,GAAI,CAC/E,EACN;KACH;IAED,oBAAoB;QAClB,QACEF,iBAAK,KAAK,EAAEC,aAAG,CAAC,OAAO,IACrBD,qBAAQ,CACJ,EACN;KACH;IAED,gBAAgB;QACd,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC/B,QACEA,iBAAK,KAAK,EAAEC,aAAG,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,aAAa,IAChDD,kBAAM,IAAI,EAAEE,eAAK,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,0BAA0B,GAAI,CAC3E,EACN;KACH;IAED,MAAM;QACJ,QACEF,QAACG,UAAI,uDACHH,kEAAK,KAAK,EAAEC,aAAG,CAAC,SAAS,IACtB,IAAI,CAAC,kBAAkB,EAAE,EACzB,IAAI,CAAC,kBAAkB,EAAE,EACzB,IAAI,CAAC,oBAAoB,EAAE,EAC3B,IAAI,CAAC,gBAAgB,EAAE,EACvB,IAAI,CAAC,gBAAgB,EAAE,CACpB,CACD,EACP;KACH;;;;;;","names":["slotChangeHasAssignedElement","h","CSS","SLOTS","Host"],"sources":["src/components/stack/stack.scss?tag=calcite-stack&encapsulation=shadow","src/components/stack/stack.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-stack-padding-inline: Specifies the inline padding of the component's content.\n * @prop --calcite-stack-padding-block: Specifies the block padding of the component's content.\n */\n\n:host {\n  @apply flex flex-col flex-1;\n}\n\n.container {\n  @apply text-color-2\n  flex\n  flex-auto\n  font-sans\n  font-normal\n  items-stretch;\n}\n\n.content {\n  @apply flex\n    flex-auto\n    flex-col\n    justify-center\n    text-n2-wrap;\n  padding-inline: var(--calcite-stack-padding-inline, theme(\"padding.3\"));\n  padding-block: var(--calcite-stack-padding-block, theme(\"padding.2\"));\n}\n\n:host([disabled]) .content {\n  @extend %disabled-host-only;\n}\n\n.content-start {\n  @apply justify-start;\n}\n\n.content-end {\n  @apply justify-end;\n}\n\n.content-start,\n.content-end {\n  @apply flex-initial;\n}\n\n.actions-start,\n.actions-end,\n.content-start,\n.content-end {\n  @apply flex items-center;\n}\n\n.content-start,\n.content-end {\n  ::slotted(calcite-icon) {\n    @apply self-center mx-3;\n  }\n}\n\n.actions-start,\n.actions-end {\n  ::slotted(calcite-action),\n  ::slotted(calcite-action-menu),\n  ::slotted(calcite-handle),\n  ::slotted(calcite-dropdown) {\n    @apply self-stretch;\n\n    color: inherit;\n  }\n}\n\n@include base-component();\n","import { Component, h, Host, Prop, State, VNode } from \"@stencil/core\";\nimport { slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content.\n * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.\n * @slot content-start - A slot for adding non-actionable elements before content of the component.\n * @slot content-end - A slot for adding non-actionable elements after content of the component.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.\n */\n@Component({\n  tag: \"calcite-stack\",\n  styleUrl: \"stack.scss\",\n  shadow: true,\n})\nexport class Stack {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**  When `true`, content interaction is prevented and displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @State() hasActionsStart = false;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentEnd = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsStart(): VNode {\n    const { hasActionsStart } = this;\n    return (\n      <div class={CSS.actionsStart} hidden={!hasActionsStart} key=\"actions-start-container\">\n        <slot name={SLOTS.actionsStart} onSlotchange={this.handleActionsStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderActionsEnd(): VNode {\n    const { hasActionsEnd } = this;\n    return (\n      <div class={CSS.actionsEnd} hidden={!hasActionsEnd} key=\"actions-end-container\">\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentStart(): VNode {\n    const { hasContentStart } = this;\n    return (\n      <div class={CSS.contentStart} hidden={!hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderDefaultContent(): VNode {\n    return (\n      <div class={CSS.content}>\n        <slot />\n      </div>\n    );\n  }\n\n  renderContentEnd(): VNode {\n    const { hasContentEnd } = this;\n    return (\n      <div class={CSS.contentEnd} hidden={!hasContentEnd}>\n        <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <div class={CSS.container}>\n          {this.renderActionsStart()}\n          {this.renderContentStart()}\n          {this.renderDefaultContent()}\n          {this.renderContentEnd()}\n          {this.renderActionsEnd()}\n        </div>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleActionsStartSlotChange = (event: Event): void => {\n    this.hasActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentEndSlotChange = (event: Event): void => {\n    this.hasContentEnd = slotChangeHasAssignedElement(event);\n  };\n}\n"],"version":3}
+{"file":"calcite-stack.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,43CAA43C,CAAC;AAC94C,2BAAe,QAAQ;;MCeV,KAAK;;;;;;;;QA8FhB,iCAA4B,GAAG,CAAC,KAAY;YAC1C,IAAI,CAAC,eAAe,GAAGA,gCAA4B,CAAC,KAAK,CAAC,CAAC;SAC5D,CAAC;QAEF,+BAA0B,GAAG,CAAC,KAAY;YACxC,IAAI,CAAC,aAAa,GAAGA,gCAA4B,CAAC,KAAK,CAAC,CAAC;SAC1D,CAAC;QAEF,iCAA4B,GAAG,CAAC,KAAY;YAC1C,IAAI,CAAC,eAAe,GAAGA,gCAA4B,CAAC,KAAK,CAAC,CAAC;SAC5D,CAAC;QAEF,+BAA0B,GAAG,CAAC,KAAY;YACxC,IAAI,CAAC,aAAa,GAAGA,gCAA4B,CAAC,KAAK,CAAC,CAAC;SAC1D,CAAC;wBApGkC,KAAK;+BAQd,KAAK;6BAEP,KAAK;+BAEH,KAAK;6BAEP,KAAK;;;;;;;IAQ9B,kBAAkB;QAChB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QACjC,QACEC,iBAAK,KAAK,EAAEC,aAAG,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC,eAAe,EAAE,GAAG,EAAC,yBAAyB,IACnFD,kBAAM,IAAI,EAAEE,eAAK,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,4BAA4B,GAAI,CAC/E,EACN;KACH;IAED,gBAAgB;QACd,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC/B,QACEF,iBAAK,KAAK,EAAEC,aAAG,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,aAAa,EAAE,GAAG,EAAC,uBAAuB,IAC7ED,kBAAM,IAAI,EAAEE,eAAK,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,0BAA0B,GAAI,CAC3E,EACN;KACH;IAED,kBAAkB;QAChB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QACjC,QACEF,iBAAK,KAAK,EAAEC,aAAG,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC,eAAe,IACpDD,kBAAM,IAAI,EAAEE,eAAK,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,4BAA4B,GAAI,CAC/E,EACN;KACH;IAED,oBAAoB;QAClB,QACEF,iBAAK,KAAK,EAAEC,aAAG,CAAC,OAAO,IACrBD,qBAAQ,CACJ,EACN;KACH;IAED,gBAAgB;QACd,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC/B,QACEA,iBAAK,KAAK,EAAEC,aAAG,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,aAAa,IAChDD,kBAAM,IAAI,EAAEE,eAAK,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,0BAA0B,GAAI,CAC3E,EACN;KACH;IAED,MAAM;QACJ,QACEF,QAACG,UAAI,uDACHH,kEAAK,KAAK,EAAEC,aAAG,CAAC,SAAS,IACtB,IAAI,CAAC,kBAAkB,EAAE,EACzB,IAAI,CAAC,kBAAkB,EAAE,EACzB,IAAI,CAAC,oBAAoB,EAAE,EAC3B,IAAI,CAAC,gBAAgB,EAAE,EACvB,IAAI,CAAC,gBAAgB,EAAE,CACpB,CACD,EACP;KACH;;;;;;","names":["slotChangeHasAssignedElement","h","CSS","SLOTS","Host"],"sources":["src/components/stack/stack.scss?tag=calcite-stack&encapsulation=shadow","src/components/stack/stack.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-stack-padding-inline: Specifies the inline padding of the component's content.\n * @prop --calcite-stack-padding-block: Specifies the block padding of the component's content.\n */\n\n:host {\n  @apply flex flex-col flex-1;\n}\n\n.container {\n  @apply text-color-2\n  flex\n  flex-auto\n  font-normal\n  items-stretch;\n}\n\n.content {\n  @apply flex\n    flex-auto\n    flex-col\n    justify-center\n    text-n2-wrap;\n  padding-inline: var(--calcite-stack-padding-inline, theme(\"padding.3\"));\n  padding-block: var(--calcite-stack-padding-block, theme(\"padding.2\"));\n}\n\n:host([disabled]) .content {\n  @extend %disabled-host-only;\n}\n\n.content-start {\n  @apply justify-start;\n}\n\n.content-end {\n  @apply justify-end;\n}\n\n.content-start,\n.content-end {\n  @apply flex-initial;\n\n  ::slotted(calcite-icon) {\n    @apply self-center mx-3;\n  }\n}\n\n.actions-start,\n.actions-end,\n.content-start,\n.content-end {\n  @apply flex items-center;\n}\n\n.actions-start,\n.actions-end {\n  ::slotted(calcite-action),\n  ::slotted(calcite-action-menu),\n  ::slotted(calcite-handle),\n  ::slotted(calcite-dropdown) {\n    @apply self-stretch;\n\n    color: inherit;\n  }\n}\n\n@include base-component();\n","import { Component, h, Host, Prop, State, VNode } from \"@stencil/core\";\nimport { slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content.\n * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.\n * @slot content-start - A slot for adding non-actionable elements before content of the component.\n * @slot content-end - A slot for adding non-actionable elements after content of the component.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.\n */\n@Component({\n  tag: \"calcite-stack\",\n  styleUrl: \"stack.scss\",\n  shadow: true,\n})\nexport class Stack {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**  When `true`, content interaction is prevented and displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @State() hasActionsStart = false;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentEnd = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsStart(): VNode {\n    const { hasActionsStart } = this;\n    return (\n      <div class={CSS.actionsStart} hidden={!hasActionsStart} key=\"actions-start-container\">\n        <slot name={SLOTS.actionsStart} onSlotchange={this.handleActionsStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderActionsEnd(): VNode {\n    const { hasActionsEnd } = this;\n    return (\n      <div class={CSS.actionsEnd} hidden={!hasActionsEnd} key=\"actions-end-container\">\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentStart(): VNode {\n    const { hasContentStart } = this;\n    return (\n      <div class={CSS.contentStart} hidden={!hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderDefaultContent(): VNode {\n    return (\n      <div class={CSS.content}>\n        <slot />\n      </div>\n    );\n  }\n\n  renderContentEnd(): VNode {\n    const { hasContentEnd } = this;\n    return (\n      <div class={CSS.contentEnd} hidden={!hasContentEnd}>\n        <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <div class={CSS.container}>\n          {this.renderActionsStart()}\n          {this.renderContentStart()}\n          {this.renderDefaultContent()}\n          {this.renderContentEnd()}\n          {this.renderActionsEnd()}\n        </div>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleActionsStartSlotChange = (event: Event): void => {\n    this.hasActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentEndSlotChange = (event: Event): void => {\n    this.hasContentEnd = slotChangeHasAssignedElement(event);\n  };\n}\n"],"version":3}

package/dist/cjs/calcite-stepper_2.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const dom = require('./dom-0b030c1e.js');
-const observers = require('./observers-2ca59c3f.js');
-const guid = require('./guid-703960ed.js');
-const locale = require('./locale-7f4766ab.js');
-const t9n = require('./t9n-ba911d88.js');
-const interactive = require('./interactive-585a6452.js');
-const loadable = require('./loadable-ff894293.js');
-require('./resources-b5ee9bc0.js');
-require('./key-b0680c2d.js');
-require('./browser-f2784652.js');
+const index = require('./index-5b280b06.js');
+const dom = require('./dom-3caa5d60.js');
+const observers = require('./observers-9558511d.js');
+const guid = require('./guid-1ac7713f.js');
+const locale = require('./locale-3c3a9c21.js');
+const t9n = require('./t9n-9f0603cc.js');
+const interactive = require('./interactive-04fb8cfc.js');
+const loadable = require('./loadable-09e13982.js');
+require('./resources-29fd4892.js');
+require('./key-26fedd23.js');
+require('./browser-99c84671.js');
 
 const CSS$2 = {
     actionIcon: "action-icon",
@@ -142,9 +142,9 @@ const Stepper = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '9f44ffa802fd3f8680faed14ada6537a8e2b7850', "aria-label": this.messages.label, role: "region" }, index.h("div", { key: '36d7624efd7fa1cffd4f025cb3543629b0d6578e', class: { container: true, [CSS$2.singleView]: this.layout === "horizontal-single" },
+        return (index.h(index.Host, { key: '00695fed43575595fcca8adac07588de79f14170', "aria-label": this.messages.label, role: "region" }, index.h("div", { key: '3b06715dc1220048bdab4743e783fb28a8da001e', class: { container: true, [CSS$2.singleView]: this.layout === "horizontal-single" },
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
-            ref: this.setContainerEl }, this.layout === "horizontal-single" && (index.h("div", { key: 'abc141154968d5e0f42abc7bf2c6e1a6d2a4550a', class: { [CSS$2.stepBarContainer]: true } }, this.items.map((item, index$1) => (index.h(StepBar, { active: index$1 === this.currentActivePosition, complete: item.complete && index$1 !== this.currentActivePosition && !item.error, disabled: item.disabled && index$1 !== this.currentActivePosition, error: item.error && index$1 !== this.currentActivePosition, key: index$1 }))))), this.layout === "horizontal-single" && (index.h("div", { key: 'c55d70e84c05d02ae0bf0650603a8bb60725c32c', class: { [CSS$2.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), index.h("slot", { key: '03b9d71eaded0284873709ea8da17cd642379656', onSlotchange: this.handleDefaultSlotChange }))));
+            ref: this.setContainerEl }, this.layout === "horizontal-single" && (index.h("div", { key: 'd14afc0d2ae03ea603a5c3a05157825f3dcbcc43', class: { [CSS$2.stepBarContainer]: true } }, this.items.map((item, index$1) => (index.h(StepBar, { active: index$1 === this.currentActivePosition, complete: item.complete && index$1 !== this.currentActivePosition && !item.error, disabled: item.disabled && index$1 !== this.currentActivePosition, error: item.error && index$1 !== this.currentActivePosition, key: index$1 }))))), this.layout === "horizontal-single" && (index.h("div", { key: 'a83ca9efc86407ab66d895027ff3a6b9d4ab698f', class: { [CSS$2.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), index.h("slot", { key: '104b16d7e23e4ec0977d2934906ea83ffcd7f4cc', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -471,11 +471,11 @@ const StepperItem = class {
         t9n.disconnectMessages(this);
     }
     render() {
-        return (index.h(index.Host, { key: '78b66c6e63baad88c286103f172b9e0d83f71200', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, index.h(interactive.InteractiveContainer, { key: '518bf9f28f04a5064f5b06aa08616f54cd1ed074', disabled: this.disabled }, index.h("div", { key: '2ec353ab0b2e4dff1166a31509cd8f783322b155', class: CSS.container }, this.complete && (index.h("span", { key: 'f13aab33f57456803ea5ca2e1c74acac1058af3a', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), index.h("div", { key: '8741b6a44b71fb650349bacc676c990f6af07948', class: CSS.stepperItemHeader, tabIndex: 
+        return (index.h(index.Host, { key: 'cbdfe76eb5b7985cf70b86d2bc5b836bc8d75498', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, index.h(interactive.InteractiveContainer, { key: '7f5296807f7a2e68fbcac907664f5e1a1cec63e7', disabled: this.disabled }, index.h("div", { key: '4b26e6d65f787c2a3d551ede9e6b939c70285493', class: CSS.container }, this.complete && (index.h("span", { key: 'a6c153e3e803e7d00d79cb723581c887d6b244fd', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), index.h("div", { key: 'e36628ff97b54239ec2ac2751cc19afca648317b', class: CSS.stepperItemHeader, tabIndex: 
             /* additional tab index logic needed because of display: contents */
             this.layout === "horizontal" && !this.disabled ? 0 : null,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.headerEl = el) }, this.icon ? this.renderIcon() : null, this.numbered ? (index.h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, index.h("div", { key: '646398a0c466daf881fc028c167037778ce646bb', class: CSS.stepperItemHeaderText }, index.h("span", { key: 'f8678c77a71113aa59e0ea42ad888e4e17c755e0', class: CSS.stepperItemHeading }, this.heading), index.h("span", { key: '06882809e6d0f2a6e56c315c7d5a35692f010018', class: CSS.stepperItemDescription }, this.description))), index.h("div", { key: '46720937bdc77dc0d0594216991dd49dd701c691', class: CSS.stepperItemContent }, index.h("slot", { key: '8cb1c5246633879fc105db4be1d7a40ebfa6354b' }))))));
+            ref: (el) => (this.headerEl = el) }, this.icon ? this.renderIcon() : null, this.numbered ? (index.h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, index.h("div", { key: '2b76b746cd911913c982871b2d2ef65357645c31', class: CSS.stepperItemHeaderText }, index.h("span", { key: '3ee0d3499c9348294016e27ccc178b65fa7fa0df', class: CSS.stepperItemHeading }, this.heading), index.h("span", { key: '87a1ad7d0070c946ccb64847698c41d84e328937', class: CSS.stepperItemDescription }, this.description))), index.h("div", { key: '0e12cbcbd9aadbfe498985eaa038d1b4c68e3512', class: CSS.stepperItemContent }, index.h("slot", { key: 'ae4f822110e61e19f60d2bad71900632220a2594' }))))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/calcite-switch.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const dom = require('./dom-0b030c1e.js');
-const form = require('./form-6f1f992d.js');
-const interactive = require('./interactive-585a6452.js');
-const key = require('./key-b0680c2d.js');
-const label = require('./label-ccbfb29a.js');
-const loadable = require('./loadable-ff894293.js');
-require('./guid-703960ed.js');
-require('./resources-b5ee9bc0.js');
-require('./browser-f2784652.js');
-require('./component-60a96712.js');
+const index = require('./index-5b280b06.js');
+const dom = require('./dom-3caa5d60.js');
+const form = require('./form-a0c624fa.js');
+const interactive = require('./interactive-04fb8cfc.js');
+const key = require('./key-26fedd23.js');
+const label = require('./label-be9e683c.js');
+const loadable = require('./loadable-09e13982.js');
+require('./guid-1ac7713f.js');
+require('./resources-29fd4892.js');
+require('./browser-99c84671.js');
+require('./component-22a2d916.js');
 
 const switchCss = ":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([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{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          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteSwitchStyle0 = switchCss;
@@ -107,9 +107,9 @@ const Switch = class {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '272872a1ec98df0e0bf19877187a2c3a8e35a170', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: '4e4e69994658686adb39e7a7affa0bff200187a1', disabled: this.disabled }, index.h("div", { key: '4a2ee0890034616d13a77c689690f914da167e0b', "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: "container", role: "switch", tabIndex: 0,
+        return (index.h(index.Host, { key: '3844964b46482e9b6e902c07eccf97264970f3de', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: 'c0028a5587e7d346ba4d0d7a214f649606f85e17', disabled: this.disabled }, index.h("div", { key: 'ff48a447bbe579ff1b3f104dea12e76c91cbcb88', "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: "container", role: "switch", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setSwitchEl }, index.h("div", { key: 'cef7d50045500084926c5940ac860ce464887150', class: "track" }, index.h("div", { key: '17880f944b0926be58efa1f1a3a9fd3e60bdf8c4', class: "handle" })), index.h(form.HiddenFormInputSlot, { key: 'b1da95d22c2f7a38e758b2156fd5512961797035', component: this })))));
+            ref: this.setSwitchEl }, index.h("div", { key: '5b9f7b7dcab019e92d62c8ff18bf00068a286b36', class: "track" }, index.h("div", { key: '7d05ec0e24c81db645735a7d6e03163ec77a2230', class: "handle" })), index.h(form.HiddenFormInputSlot, { key: '191a29b812bb8e1f31f56a7a84d941a48fb80372', component: this })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-tab_4.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const dom = require('./dom-0b030c1e.js');
-const guid = require('./guid-703960ed.js');
-const core = require('./core-554fb685.js');
-const observers = require('./observers-2ca59c3f.js');
-const locale = require('./locale-7f4766ab.js');
-const t9n = require('./t9n-ba911d88.js');
-const resources = require('./resources-b5ee9bc0.js');
-const interactive = require('./interactive-585a6452.js');
-const component = require('./component-60a96712.js');
-require('./key-b0680c2d.js');
-require('./browser-f2784652.js');
+const index = require('./index-5b280b06.js');
+const dom = require('./dom-3caa5d60.js');
+const guid = require('./guid-1ac7713f.js');
+const core = require('./core-d360b9ad.js');
+const observers = require('./observers-9558511d.js');
+const locale = require('./locale-3c3a9c21.js');
+const t9n = require('./t9n-9f0603cc.js');
+const resources = require('./resources-29fd4892.js');
+const interactive = require('./interactive-04fb8cfc.js');
+const component = require('./component-22a2d916.js');
+require('./key-26fedd23.js');
+require('./browser-99c84671.js');
 
 const CSS$2 = {
     container: "container",
@@ -45,7 +45,7 @@ const Tab = class {
     //--------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (index.h(index.Host, { key: 'ac63d026e0ae60bfd5cb37c5b40f8cbf3a281d9d', "aria-labelledby": this.labeledBy, id: id }, index.h("div", { key: '9450a01da013829dab7196303e1f8f7941a1ed66', class: { [CSS$2.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, index.h("section", { key: '2536dc9ce266e3495931a6568beafcf4f50a6a3a', class: CSS$2.content }, index.h("slot", { key: '1434a3d689822974c11e93785f8bce13c58a4125' })))));
+        return (index.h(index.Host, { key: '71074d2c26a860d7934fbd9b236f9a264ab3c34f', "aria-labelledby": this.labeledBy, id: id }, index.h("div", { key: '3fcf14f4aaddf9ad579c26c962ad75803febcea0', class: { [CSS$2.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, index.h("section", { key: 'ba967be2e5121636d81754ec959452160bc4bb0d', class: CSS$2.content }, index.h("slot", { key: 'fae921d6fe2ae713bddc83adacbcf7e418aa1b7c' })))));
     }
     connectedCallback() {
         this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -349,7 +349,7 @@ const TabNav = class {
         const width = `${this.indicatorWidth}px`;
         const offset = `${this.indicatorOffset}px`;
         const indicatorStyle = this.effectiveDir !== "rtl" ? { width, left: offset } : { width, right: offset };
-        return (index.h(index.Host, { key: '5dff535015e2f2ce6196ab96d0309f7f61cb988b', role: "tablist" }, index.h("div", { key: '6a9477e92f49cdeb4337f3b59306872530926880', class: {
+        return (index.h(index.Host, { key: '0824dd4470393b0e186b0fdf238420454fed396c', role: "tablist" }, index.h("div", { key: '205551441feaaa61e2b4b603a7b37ce3d18bdba8', class: {
                 [CSS$1.container]: true,
                 [CSS$1.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,
                 [CSS$1.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,
@@ -358,15 +358,15 @@ const TabNav = class {
                 [resources.CSS_UTILITY.rtl]: this.effectiveDir === "rtl",
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeContainerRef }, this.renderScrollButton("start"), index.h("div", { key: '72460dad9f38b917b13fad6a77de1f80a91842ac', class: {
+            ref: this.storeContainerRef }, this.renderScrollButton("start"), index.h("div", { key: '64844ffd05363fe55e2ae9d4d820dc5113da57d8', class: {
                 [CSS$1.tabTitleSlotWrapper]: true,
             }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeTabTitleWrapperRef }, index.h("slot", { key: '14d154f7101331838713fd6bcd8c0f42419c6af2', onSlotchange: this.onSlotChange })), index.h("div", { key: '781c4de066fbbe74ce79a8a44e06addcb76252e3', class: {
+            ref: this.storeTabTitleWrapperRef }, index.h("slot", { key: 'a77b898cac87d4fa190ad717a3c0ca4474a962fe', onSlotchange: this.onSlotChange })), index.h("div", { key: '0bf812fe39d07fbddd54ddb515e2eb31adea9a74', class: {
                 [CSS$1.activeIndicatorContainer]: true,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.activeIndicatorContainerEl = el) }, index.h("div", { key: '8d41f5ca2bda15580bd3bd1cc2c8fb96980a7992', class: "tab-nav-active-indicator", style: indicatorStyle,
+            ref: (el) => (this.activeIndicatorContainerEl = el) }, index.h("div", { key: 'e1624e7b9845ea37eea06ca7a85816d782530c79', class: "tab-nav-active-indicator", style: indicatorStyle,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: (el) => (this.activeIndicatorEl = el) })), this.renderScrollButton("end"))));
     }
@@ -666,15 +666,15 @@ const TabTitle = class {
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (index.h("calcite-icon", { key: 'f4810f642a708b8d78e589f288fac4cfc941b7b8', class: { [CSS.titleIcon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
-        const iconEndEl = (index.h("calcite-icon", { key: 'e86aa87f6fe07db8b976116433e9a4fdf7d190ff', class: { [CSS.titleIcon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
-        return (index.h(index.Host, { key: 'ff164e3c2daf36e9b2d4e38647ff2f270e660d7c', "aria-controls": this.controls, "aria-selected": dom.toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, index.h(interactive.InteractiveContainer, { key: '220d7cccd9b395b15c7fa967ad98745461f99f46', disabled: this.disabled }, index.h("div", { key: '1897ee7d51fc7b0d26bc69bfce2d510380b9fa8d', class: {
+        const iconStartEl = (index.h("calcite-icon", { key: 'dc31a68fd20ffcf451d5b23e2aaae683249aa50a', class: { [CSS.titleIcon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
+        const iconEndEl = (index.h("calcite-icon", { key: 'b8b85c799e950e050bb6c953cec61ab871894c9c', class: { [CSS.titleIcon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
+        return (index.h(index.Host, { key: '532a18e093cd481a1058e55f1ac936489cad3ddb', "aria-controls": this.controls, "aria-selected": dom.toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, index.h(interactive.InteractiveContainer, { key: 'dede575160963d2463e50f6e8baab92319acda9f', disabled: this.disabled }, index.h("div", { key: '79e9c6d5f15626cd84101e7b85365c9af2c1453b', class: {
                 container: true,
                 [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,
                 [`scale-${this.scale}`]: true,
             }, hidden: closed,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => this.resizeObserver?.observe(el) }, index.h("div", { key: '29fcb766f8cd17906dec71da73f8b10ecfd43f46', class: { [CSS.content]: true, [CSS.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, index.h("slot", { key: 'bb64cfedd5d83adb56ea4928a5ff8927a8bd0082' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
+            ref: (el) => this.resizeObserver?.observe(el) }, index.h("div", { key: '8076d17c92940370363d9bc1dae416fdcdf4b716', class: { [CSS.content]: true, [CSS.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, index.h("slot", { key: 'b25df3722162e58cb196ca500a7b4c718d5f2ed7' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
     }
     renderCloseButton() {
         const { closable, messages } = this;
@@ -862,7 +862,7 @@ const Tabs = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (index.h(index.Fragment, { key: '08a34679c4ea21e2cebf5eeb82bbc3c71d9234e1' }, index.h("slot", { key: 'fb4946f9068b8c645b1c005d57ad6e5072a4158d', name: SLOTS.titleGroup }), index.h("section", { key: 'cde75da1d636f232d2b1bc03f19a5f9677559c12' }, index.h("slot", { key: 'd1287db8316750f7925e3334e1083b274b71686e' }))));
+        return (index.h(index.Fragment, { key: '3298379f9625744b770c10f0f86fc1b2bc990cad' }, index.h("slot", { key: 'fd0be78d348a01b701d58f37663d392ee04ca6a9', name: SLOTS.titleGroup }), index.h("section", { key: '31212d582a0e6367ed38d250c1acc39cad3fa987' }, index.h("slot", { key: '179bdacefed784c60dd000101e606d5e678d93c9' }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/calcite-table-cell_2.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const loadable = require('./loadable-ff894293.js');
-const t9n = require('./t9n-ba911d88.js');
-const interactive = require('./interactive-585a6452.js');
-const locale = require('./locale-7f4766ab.js');
-const dom = require('./dom-0b030c1e.js');
-const resources = require('./resources-b5ee9bc0.js');
-const component = require('./component-60a96712.js');
-require('./browser-f2784652.js');
-require('./key-b0680c2d.js');
-require('./observers-2ca59c3f.js');
-require('./guid-703960ed.js');
+const index = require('./index-5b280b06.js');
+const loadable = require('./loadable-09e13982.js');
+const t9n = require('./t9n-9f0603cc.js');
+const interactive = require('./interactive-04fb8cfc.js');
+const locale = require('./locale-3c3a9c21.js');
+const dom = require('./dom-3caa5d60.js');
+const resources = require('./resources-29fd4892.js');
+const component = require('./component-22a2d916.js');
+require('./browser-99c84671.js');
+require('./key-26fedd23.js');
+require('./observers-9558511d.js');
+require('./guid-1ac7713f.js');
 
 const CSS$1 = {
     contentCell: "content-cell",
@@ -135,7 +135,7 @@ const TableCell = class {
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (index.h(index.Host, { key: 'bc803168868ee8c908e2e609794a520f7d9d9330' }, index.h(interactive.InteractiveContainer, { key: '4fa578cfa59ffd9be0429f5d4e8486f72044c230', disabled: this.disabled }, index.h("td", { key: '3041f5bf583068db1c00eedd9f470dba1dbd1a52', "aria-disabled": this.disabled, class: {
+        return (index.h(index.Host, { key: '2c8bd5fb8909c57b46499b5fe8a525cdc46bb3c6' }, index.h(interactive.InteractiveContainer, { key: '1a7e4d12f5304274f9085e0f0db4b12ba41d51ed', disabled: this.disabled }, index.h("td", { key: '9a5868a78f21da3c9c0d6be7ecefd28c5e40e5c5', "aria-disabled": this.disabled, class: {
                 [CSS$1.footerCell]: this.parentRowType === "foot",
                 [CSS$1.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$1.numberCell]: this.numberCell,
@@ -147,7 +147,7 @@ const TableCell = class {
                 [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end",
             }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.containerEl = el) }, (this.selectionCell || this.readCellContentsToAT) && (index.h("span", { key: '3a906e313c15723c12004c39ace7916f7370ea8b', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$1.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), index.h("slot", { key: '68a0d6d7cab7acd8c79bc7f87eb81c8cafd4804d', onSlotchange: this.updateScreenReaderContentsText })))));
+            ref: (el) => (this.containerEl = el) }, (this.selectionCell || this.readCellContentsToAT) && (index.h("span", { key: '09fb148bff0939488862db0f995643ecd96a0e73', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$1.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), index.h("slot", { key: '0d74a3e77c1655682e59b38054defa9ebfff8714', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
@@ -290,7 +290,7 @@ const TableHeader = class {
         const allSelected = this.selectedRowCount === this.bodyRowCount;
         const selectionIcon = allSelected ? "check-square-f" : "check-square";
         const staticCell = this.interactionMode === "static" && !this.selectionCell;
-        return (index.h(index.Host, { key: '3f0acdab95b477a1c8516454c2bf4e47c80f9333' }, index.h("th", { key: '06ab243a70e40b49e352a625f34652db6af9c7d1', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (index.h(index.Host, { key: '8903d493aaa6fe46c1e7ee00814bc0d409fe05e4' }, index.h("th", { key: 'a8268eb7f5f7e272d9f228ee722ff09d2755fea7', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
                 [CSS.bodyRow]: this.parentRowType === "body",
                 [CSS.footerRow]: this.parentRowType === "foot",
                 [CSS.contentCell]: !this.numberCell && !this.selectionCell,
@@ -303,7 +303,7 @@ const TableHeader = class {
                 [this.parentRowAlignment]: this.parentRowAlignment === "center" || this.parentRowAlignment === "end",
             }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.containerEl = el) }, this.heading && index.h("div", { key: 'b647db430e442cebafdea7b33816fcd1dee423b3', class: CSS.heading }, this.heading), this.description && index.h("div", { key: '91c7239a2161b5b42e0ec7290bee2e659aa4292a', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (index.h("calcite-icon", { key: 'fa61dfa561aff175a19756dd37bef896d3e0bbf7', class: { [CSS.active]: allSelected }, icon: selectionIcon, scale: component.getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (index.h("span", { key: 'd2d20c2def75e42507a6458403abf98f6b165006', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.screenReaderText)))));
+            ref: (el) => (this.containerEl = el) }, this.heading && index.h("div", { key: '171a02cb89d9db736a4dda50b643e413e4de3828', class: CSS.heading }, this.heading), this.description && index.h("div", { key: '29fbf42a560ddcce82713de3003a70b67fd0c596', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (index.h("calcite-icon", { key: '232d1ac6051ad58768b94c5813e96357088b4c4a', class: { [CSS.active]: allSelected }, icon: selectionIcon, scale: component.getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (index.h("span", { key: 'f91e4e2de889f0c8397006470adb8b330d9c50d4', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.screenReaderText)))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/calcite-table-row.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.0-next.9
+ * v2.8.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ceb54537.js');
-const dom = require('./dom-0b030c1e.js');
-const key = require('./key-b0680c2d.js');
-const interactive = require('./interactive-585a6452.js');
-const component = require('./component-60a96712.js');
-require('./guid-703960ed.js');
-require('./resources-b5ee9bc0.js');
-require('./browser-f2784652.js');
+const index = require('./index-5b280b06.js');
+const dom = require('./dom-3caa5d60.js');
+const key = require('./key-26fedd23.js');
+const interactive = require('./interactive-04fb8cfc.js');
+const component = require('./component-22a2d916.js');
+require('./guid-1ac7713f.js');
+require('./resources-29fd4892.js');
+require('./browser-99c84671.js');
 
 const CSS = {
     lastVisibleRow: "last-visible-row",
@@ -236,9 +236,9 @@ const TableRow = class {
         return this.rowType === "head" ? (index.h("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (index.h("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (index.h("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (index.h(index.Host, { key: '4bb51a15c19b8878eed2fe0b145f46532bfeecea' }, index.h(interactive.InteractiveContainer, { key: '417fde4322bc881cce152156160c589c864c2fc9', disabled: this.disabled }, index.h("tr", { key: 'fc646e3d732c019eb9e339bf00b4883f865c1fad', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler,
+        return (index.h(index.Host, { key: '1d51f5351ce604d34d7b5a8c6ff241d1f1bb7121' }, index.h(interactive.InteractiveContainer, { key: '67d835df1a6a91ebddd1742f76bdf45407bce5e5', disabled: this.disabled }, index.h("tr", { key: 'b490313209717e71bb18e277d6795895e7f60a25', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), index.h("slot", { key: '6e30d152ad424eab390dfa354c7385fd293a56cd', onSlotchange: this.updateCells,
+            ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), index.h("slot", { key: 'ca447805a4b4a807ee113fd438fca4fe95a6b6c6', onSlotchange: this.updateCells,
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
             ref: (el) => (this.tableRowSlotEl = el) })))));
     }