@esri/solutions-components 0.10.27 → 0.10.29

package/dist/components/calcite-list-item-group.js

@@ -4,13 +4,13 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
 import { M as MAX_COLUMNS } from './resources4.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -43,15 +43,9 @@ const ListItemGroup = /*@__PURE__*/ proxyCustomElement(class ListItemGroup exten
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    connectedCallback() {
-        connectInteractive(this);
-    }
     componentDidRender() {
         updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        disconnectInteractive(this);
-    }
     // --------------------------------------------------------------------------
     //
     //  Render Methods
@@ -59,7 +53,7 @@ const ListItemGroup = /*@__PURE__*/ proxyCustomElement(class ListItemGroup exten
     // --------------------------------------------------------------------------
     render() {
         const { disabled, heading } = this;
-        return (h(Host, { key: '85b83e04247b94aa14924a0f835a1a998dea8a09' }, h(InteractiveContainer, { key: 'd07a3dde8836dad2a905b4621fae3c6c2c3c3966', disabled: disabled }, h("tr", { key: 'e0371d077ffca503468e60ea4906391eed32ae85', class: CSS.container }, h("td", { key: '41a9ea1a58f0cd4b6daabee4a4b628184aff0cae', class: CSS.heading, colSpan: MAX_COLUMNS }, heading)), h("slot", { key: '74dbc9667e9ac7b420a4584b80add4692b143a14', onSlotchange: this.handleDefaultSlotChange }))));
+        return (h(Host, { key: 'e1e0304c3d4fe02909fd0075de2e4f5ef806be39' }, h(InteractiveContainer, { key: '5fb0861fb58de90808e98b7061d3c906c822203c', disabled: disabled }, h("tr", { key: 'c77af78f937c3135601df2c4574b858662d5fcdb', class: CSS.container }, h("td", { key: 'f1ae6b9e09e78f87b814287f8eaeb0a105575c7a', class: CSS.heading, colSpan: MAX_COLUMNS }, heading)), h("slot", { key: '7346d5d774173403910eddd35bf700ccd1437c4f', onSlotchange: this.handleDefaultSlotChange }))));
     }
     get el() { return this; }
     static get style() { return CalciteListItemGroupStyle0; }

package/dist/components/calcite-menu-item.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
-import { h as slotChangeGetAssignedElements, g as getElementDir } from './dom.js';
+import { h as slotChangeGetAssignedElements, g as getElementDir, t as toAriaBoolean } from './dom.js';
 import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 import { C as CSS_UTILITY } from './resources.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
@@ -17,7 +17,7 @@ import { d as defineCustomElement$2 } from './menu.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -267,10 +267,10 @@ const CalciteMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class CalciteMenuItem
     }
     render() {
         const dir = getElementDir(this.el);
-        return (h(Host, { key: 'bcce69d3d73b19ee5cefd5fa318ceab1c56783ca', onBlur: this.blurHandler, onFocus: this.focusHandler }, h("li", { key: 'cb0c08894182a55dc48d1a584d38bb9f3eac0e8b', class: {
+        return (h(Host, { key: 'e57c6579d3287593d663a8586cfd25c90246b1a4', onBlur: this.blurHandler, onFocus: this.focusHandler }, h("li", { key: '954549390e447ec43ccf681949095d1393d9068a', class: {
                 [CSS.container]: true,
                 [CSS.isParentVertical]: this.topLevelMenuLayout === "vertical",
-            }, role: "none" }, h("div", { key: '5ce74539a6937fbfa3035495a20531226add6781', class: CSS.itemContent }, h("a", { key: '194e81581df9f9e9b2708862e8875f0d8b2f5350', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS.layoutVertical]: this.layout === "vertical", [CSS.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
+            }, role: "none" }, h("div", { key: '6130156128f303bb225007e337fae78385614cf5', class: CSS.itemContent }, h("a", { key: '9103ba8f3683feb1eb2301f05412b434c39ec3d3', "aria-current": this.isFocused ? "page" : false, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": toAriaBoolean(this.hasSubmenu), "aria-label": this.label, class: { [CSS.layoutVertical]: this.layout === "vertical", [CSS.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-meter.js

@@ -13,7 +13,7 @@ import { c as createObserver } from './observers.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -292,7 +292,7 @@ const Meter = /*@__PURE__*/ proxyCustomElement(class Meter extends HTMLElement {
             : unitLabel
                 ? textUnitLabel
                 : undefined;
-        return (h(Host, { key: '63487d7e530d66178ca535feed2ff2c149fef627' }, h("div", { key: '98b299ee370f14bdb266e69d9b9c8d303b580de9', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
+        return (h(Host, { key: '66acf0e583d412615e49ef652baf9bfbb97dab39' }, h("div", { key: 'eea0363c803ea0f4a1e2650aa543a4a0f2fe095c', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
                 [CSS.container]: true,
                 [CSS.stepsVisible]: rangeLabels,
                 [CSS.valueVisible]: valueLabel,

package/dist/components/calcite-navigation-logo.js

@@ -11,7 +11,7 @@ import { d as defineCustomElement$2 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -86,7 +86,7 @@ const CalciteNavigationLogo$1 = /*@__PURE__*/ proxyCustomElement(class CalciteNa
     }
     render() {
         const { thumbnail } = this;
-        return (h(Host, { key: 'b76572e79734c7190d373225662f453423450d9a' }, h("a", { key: '77d1604fd344f2d5aea65842067a615343aa591b', class: CSS.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && h("img", { key: 'abf6396d63acf26f5ad5e2bb5c9dd280c3728134', alt: this.label || "", class: CSS.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
+        return (h(Host, { key: '40dcb76c1c7919fd1a8b6929616d1d507c1e3301' }, h("a", { key: '7b457d99add3c3d4edbd4478711f9b9c9fb12caf', class: CSS.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && h("img", { key: '592aa3cfc2dfa47f9aa603f7edce4521dbaa27ae', alt: this.label || "", class: CSS.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist/components/calcite-navigation.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$2 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -153,12 +153,12 @@ const CalciteNavigation$1 = /*@__PURE__*/ proxyCustomElement(class CalciteNaviga
             this.primaryContentStartSlotHasElements ||
             this.navigationAction;
         const slotName = this.el.slot;
-        return (h(Host, { key: 'e7719159ddeee3397fd1e483c8417978b2b72c66' }, h("div", { key: '9d3096793d009c813f1bc42f8fecf46736747afc', class: {
+        return (h(Host, { key: 'bf64aa6c6c41bfad6413b58f7897527bb62e1d96' }, h("div", { key: '8c30501a94d5c41e60291c1f0d1cb2856afa5d62', class: {
                 [CSS.container]: true,
                 [CSS.secondary]: slotName === SLOTS.navSecondary,
                 [CSS.tertiary]: slotName === SLOTS.navTertiary,
                 [CSS.primary]: primaryLevelHasElements,
-            } }, h("div", { key: '4e35300aeaea8f4ceb1b69d913157306d11a17ec', class: { [CSS.hide]: !this.progressSlotHasElement, [SLOTS.progress]: true } }, h("slot", { key: '50c46611fcab6af0fe8d458641123d40823334bd', name: SLOTS.progress, onSlotchange: this.handleProgressSlotChange })), h("div", { key: '3f0b76520d4de477629397f607c0520472dd9419', class: { [CSS.containerContent]: true, [CSS.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), h("div", { key: 'fb5d2f6a84e5e7a05ced40f955f36e215a923217', class: { [CSS.hide]: !this.logoSlotHasElements, [SLOTS.logo]: true } }, h("slot", { key: '53aa3fdadf8fedefa9a9aec810e28277629bfb01', name: SLOTS.logo, onSlotchange: this.handleLogoSlotChange })), h("slot", { key: '5e83ab5c75b1f1a76bbf0d12f3d3ae43625842f3', name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange }), h("slot", { key: '2b531019c48c10fc2d4dadfd34ae61f75233b80a', name: SLOTS.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), h("slot", { key: 'feb1fae923a3540158fc889fdaf0c70a8db2f964', name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange }), h("div", { key: '99544caa2724f8ec40d1bbd54b018c28893b822e', class: { [CSS.hide]: !this.userSlotHasElements, [SLOTS.user]: true } }, h("slot", { key: '2f0a3e1fc4ea5ba221699089b62986b96ed12f75', name: SLOTS.user, onSlotchange: this.handleUserSlotChange })))), h(Fragment, { key: '0f289531aa4d3805ac0774643f43988095db2a8d' }, h("slot", { key: '466d1b0aab0fd4ee4a4736746dd4eb441cfa6ebd', name: SLOTS.navSecondary, onSlotchange: this.handleSecondarySlotChange }), h("slot", { key: '3f2520c21f474cf0147865881724269970a9d8bd', name: SLOTS.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
+            } }, h("div", { key: 'ef4c088fc24566ca24da9abe6a30903fedcad4d9', class: { [CSS.hide]: !this.progressSlotHasElement, [SLOTS.progress]: true } }, h("slot", { key: '0abc91e366b542e11ee76f13f099ee8b64a55ee0', name: SLOTS.progress, onSlotchange: this.handleProgressSlotChange })), h("div", { key: '689dc16c2ab71944a78f3bfc16c1c16c9159f073', class: { [CSS.containerContent]: true, [CSS.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), h("div", { key: '122f9d2d278a0a87dc1774f4933a4bb120410e48', class: { [CSS.hide]: !this.logoSlotHasElements, [SLOTS.logo]: true } }, h("slot", { key: '38f2a0106cb2b3a844b60406c629c0cff4c1b64e', name: SLOTS.logo, onSlotchange: this.handleLogoSlotChange })), h("slot", { key: 'af8aa2c6ed65c95c51ebe31314cd1e684beef657', name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange }), h("slot", { key: '989ba0f344ce973ea32b07ee02b04d62068cefb8', name: SLOTS.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), h("slot", { key: 'e0fd2d40efb52e8735ca426c1374a3da4882a77d', name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange }), h("div", { key: '56e905fef7a76fd14be7085f367d6abf8b44a80b', class: { [CSS.hide]: !this.userSlotHasElements, [SLOTS.user]: true } }, h("slot", { key: 'e038f1510da60abbb05c1fd8541563334f86f6d5', name: SLOTS.user, onSlotchange: this.handleUserSlotChange })))), h(Fragment, { key: '3a65439c3774cfb42fa6bc5f12c234a66f8bb314' }, h("slot", { key: '52e0b810e42911da6dc1ea448026f5756df0206f', name: SLOTS.navSecondary, onSlotchange: this.handleSecondarySlotChange }), h("slot", { key: '97c2666bcd896fa763cb84d6b53285e2e26b51d1', name: SLOTS.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
     }
     get el() { return this; }
     static get style() { return CalciteNavigationStyle0; }

package/dist/components/calcite-option-group.js

@@ -26,7 +26,7 @@ const OptionGroup = /*@__PURE__*/ proxyCustomElement(class OptionGroup extends H
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Fragment, { key: '4800432ff6c0701a725485bdcfc93d34ba988c86' }, h("div", { key: 'bdf722938c387afe04997ced1911d65178f699f3' }, this.label), h("slot", { key: '9ada7349b1fc675d5ec2d21aab0321666645af88' })));
+        return (h(Fragment, { key: '174fcf908d37aba0972b1f408938a6ce909e45ff' }, h("div", { key: '49ac7e0b58d14a8d07322c7c68670d9c5863c291' }, this.label), h("slot", { key: '07d24a3a1edf192733bcb3fcdf279f121df482ed' })));
     }
     static get watchers() { return {
         "disabled": ["handlePropChange"],

package/dist/components/calcite-pick-list-group.js

@@ -53,7 +53,7 @@ const PickListGroup = /*@__PURE__*/ proxyCustomElement(class PickListGroup exten
         const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
         const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
-        return (h(Fragment, { key: 'ed20e87abe8e3b68153c0e132869953e379e76cd' }, title ? (h(Heading, { class: CSS.heading, level: level }, title)) : null, h("slot", { key: 'cf2218ff15bf2d69ab1710bf7b272d0a32283bba', name: SLOTS.parentItem }), h("section", { key: 'bbf9c988f97a38d8319feaf544090c35fb388f3e', class: sectionClasses }, h("slot", { key: '1a67fc5febf55333069ddc02577900f5e4e98171' }))));
+        return (h(Fragment, { key: '95786626f6bee19eee9695f8bf3c63f0e192a6fe' }, title ? (h(Heading, { class: CSS.heading, level: level }, title)) : null, h("slot", { key: 'd1ebf753d725ab812875fb5f8a9718774b4d9cc7', name: SLOTS.parentItem }), h("section", { key: '3a850b36674c77bd7dc7a05278fd684b06024fb3', class: sectionClasses }, h("slot", { key: '919ef46af0ab6c7f7e8f0dff0a1cda8e01ecdf75' }))));
     }
     get el() { return this; }
     static get style() { return CalcitePickListGroupStyle0; }

package/dist/components/calcite-pick-list.js

@@ -3,11 +3,12 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { u as updateHostInteraction } from './interactive.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { c as createObserver } from './observers.js';
 import { l as logger } from './logger.js';
+import { t as toAriaBoolean } from './dom.js';
 import { I as ICON_TYPES } from './resources5.js';
 import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, g as getItemData, k as keyDownHandler, i as initialize, c as initializeObserver, e as cleanUpObserver, f as handleInitialFilter, r as removeItem, j as calciteListItemChangeHandler, l as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, o as setUpItems, p as setFocus, L as List } from './shared-list-render.js';
 
@@ -62,11 +63,9 @@ const PickList = /*@__PURE__*/ proxyCustomElement(class PickList extends HTMLEle
     connectedCallback() {
         initialize.call(this);
         initializeObserver.call(this);
-        connectInteractive(this);
     }
     disconnectedCallback() {
         cleanUpObserver.call(this);
-        disconnectInteractive(this);
     }
     componentWillLoad() {
         setUpLoadableComponent(this);
@@ -135,7 +134,7 @@ const PickList = /*@__PURE__*/ proxyCustomElement(class PickList extends HTMLEle
         return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;
     }
     render() {
-        return h(List, { key: '870f354277bb55abb2c867ae250d85a8569505ec', onKeyDown: this.keyDownHandler, props: this });
+        return (h(Host, { key: '3ee6797e112491804c876fcd4a4604a1251a5340', "aria-busy": toAriaBoolean(this.loading), onKeyDown: this.keyDownHandler, role: "menu" }, h(List, { key: '7051d4428ef065516d29ac2e84f7736216af45a5', props: this })));
     }
     get el() { return this; }
     static get style() { return CalcitePickListStyle0; }

package/dist/components/calcite-radio-button-group.js

@@ -12,7 +12,7 @@ import { V as Validation } from './Validation.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     itemWrapper: "item-wrapper",
@@ -129,7 +129,7 @@ const RadioButtonGroup = /*@__PURE__*/ proxyCustomElement(class RadioButtonGroup
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '9a30f9b99f3f7dd6b237d951f71eac2cce3b595f', role: "radiogroup" }, h("div", { key: '8e6e1498148c9d25c039e72b73bd3987c782af64', "aria-errormessage": IDS.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), class: CSS.itemWrapper }, h("slot", { key: '8b7a7b9c32e10a15f40495972d4f0b46726f22dc' })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (h(Host, { key: '487c8e698a30bffc79b233b81faad9bab7ea17e5', role: "radiogroup" }, h("div", { key: '63cf9169798fefa62551fa0a975735ed2afd5a66', "aria-errormessage": IDS.validationMessage, "aria-invalid": toAriaBoolean(this.status === "invalid"), class: CSS.itemWrapper }, h("slot", { key: 'a7274291fc93583ebdee167c3c1e2f71f7fa255c' })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-rating.js

@@ -6,7 +6,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { g as guid } from './guid.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
 import { c as connectLabel, d as disconnectLabel } from './label.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
@@ -18,11 +18,9 @@ import { d as defineCustomElement$2 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
-const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { class: partial ? undefined : "icon",
-    icon: full ? "star-f" : "star",
-    scale }));
+const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { class: partial ? undefined : "icon", icon: full ? "star-f" : "star", scale: scale }));
 
 const ratingCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star: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          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::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 CalciteRatingStyle0 = ratingCss;
@@ -148,7 +146,6 @@ const Rating = /*@__PURE__*/ proxyCustomElement(class Rating extends HTMLElement
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
         connectLabel(this);
@@ -186,7 +183,6 @@ const Rating = /*@__PURE__*/ proxyCustomElement(class Rating extends HTMLElement
         setComponentLoaded(this);
     }
     disconnectedCallback() {
-        disconnectInteractive(this);
         disconnectLocalized(this);
         disconnectMessages(this);
         disconnectLabel(this);
@@ -196,7 +192,7 @@ const Rating = /*@__PURE__*/ proxyCustomElement(class Rating extends HTMLElement
         updateHostInteraction(this);
     }
     render() {
-        return (h(Host, { key: '9c08ab0a8eee6854a1d88fd2ed538e1a95ce5d62', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, h(InteractiveContainer, { key: 'fc3a022e1943f0e52eaba60423ac44eb58011326', disabled: this.disabled }, h("span", { key: '89dba59e95b9bdc552d5557df7e7df32b71ac4e4', class: "wrapper" }, h("fieldset", { key: '69a2c7a774dc7a19c15fd2e9b36f4da8f088b1ef', class: "fieldset", disabled: this.disabled }, h("legend", { key: '9266db4c44647a70b367581bff35c67e0a5ba3be', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (h(Host, { key: '0e3159f00247860bc8c33e0913f9dd1e9248d887', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, h(InteractiveContainer, { key: '04013c4189a6c47e8c4ca61ee51b4b8491108964', disabled: this.disabled }, h("span", { key: '0fca81bc548e56b36cbf1695076517ba8204bef1', class: "wrapper" }, h("fieldset", { key: '30578fd314ff0e26c7963d5a9ad5bf787c4a6af0', class: "fieldset", disabled: this.disabled }, h("legend", { key: '18147ef049b4602781c7b7a2c102af81be7149d7', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (h("label", { class: {
                     star: true,
                     selected,
@@ -204,7 +200,7 @@ const Rating = /*@__PURE__*/ proxyCustomElement(class Rating extends HTMLElement
                     average,
                     partial,
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, ref: this.setLabelEl, tabIndex: tabIndex }, h("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), h(StarIcon, { full: selected || average, scale: this.scale }), partial && (h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, h(StarIcon, { full: true, partial: true, scale: this.scale }))), h("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && h("span", { class: "number--average" }, this.average.toString()), !!this.count && h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), h(HiddenFormInputSlot, { key: '80020e22ccaacc218647bf50d7a3aa6fbfadf5fb', component: this })))));
+        }), (this.count || this.average) && this.showChip ? (h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && h("span", { class: "number--average" }, this.average.toString()), !!this.count && h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), h(HiddenFormInputSlot, { key: '2aabd4db649ddc70a0b70d9f406f34e632676796', component: this })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-sheet.js

@@ -16,7 +16,7 @@ import { d as defineCustomElement$2 } from './scrim.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     scrim: "scrim",
@@ -140,14 +140,14 @@ const Sheet = /*@__PURE__*/ proxyCustomElement(class Sheet extends HTMLElement {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (h(Host, { key: '682efb5e9586947743259232dfed9a90ef44b4c2', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, h("div", { key: 'ed1647113f217d7fe34ec91fdbc7fa60310c33a2', class: {
+        return (h(Host, { key: '145f45b21fa18a08af4ef4e920d536a7e6431175', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, h("div", { key: '796deb8baa890ad7e8f42d2e0a3be22269e450a2', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
                 [CSS.containerEmbedded]: this.embedded,
                 [CSS_UTILITY.rtl]: dir === "rtl",
-            }, ref: this.setTransitionEl }, h("calcite-scrim", { key: 'a5dd8c8d81bb5d5536a43113f09120dfb708cf14', class: CSS.scrim, onClick: this.handleOutsideClose }), h("div", { key: '350faeae89f75b8e52079cd68c28ee66c1162762', class: {
+            }, ref: this.setTransitionEl }, h("calcite-scrim", { key: 'c4d45b89ee32da639d1feb88289d2b0957474414', class: CSS.scrim, onClick: this.handleOutsideClose }), h("div", { key: 'ad764ed7812ca7172b5f4aacf4229ae28e06d315', class: {
                 [CSS.content]: true,
-            }, ref: this.setContentId }, h("slot", { key: '8a0e9e782232088a62efa78881f6f165e2d01d4e' })))));
+            }, ref: this.setContentId }, h("slot", { key: 'dab54df7b8cae4bc8434935e1b55204896ed45df' })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-shell-center-row.js

@@ -10,7 +10,7 @@ import { a as getSlotted } from './dom.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     actionBarContainer: "action-bar-container",
@@ -50,14 +50,14 @@ const ShellCenterRow = /*@__PURE__*/ proxyCustomElement(class ShellCenterRow ext
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (h("div", { key: '7c40a32627154faa3cbb1caa515f156481b79a7a', class: CSS.content }, h("slot", { key: 'fe29fde212e5e65a0e0baf633a086dd8e30b5eb8' })));
+        const contentNode = (h("div", { key: '31239015e9582ebbe43f3fe7a6b8fb6b2750b0d7', class: CSS.content }, h("slot", { key: 'eee4b393dfa79405d9a48e6c2db016017a6e9a1f' })));
         const actionBar = getSlotted(el, SLOTS.actionBar);
         const actionBarNode = actionBar ? (h("div", { class: CSS.actionBarContainer, key: "action-bar" }, h("slot", { name: SLOTS.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return h(Fragment, { key: '9e200163d756dc56a18a7a15692b5804bc6fc874' }, children);
+        return h(Fragment, { key: 'ab4be18f37ab916e222faa0339bede7d01f6f08a' }, children);
     }
     get el() { return this; }
     static get style() { return CalciteShellCenterRowStyle0; }

package/dist/components/calcite-sortable-list.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
 import { c as createObserver } from './observers.js';
 import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent.js';
 import { f as focusElement } from './dom.js';
@@ -12,7 +12,7 @@ import { f as focusElement } from './dom.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     sortItem: "sort-item",
@@ -52,10 +52,8 @@ const SortableList = /*@__PURE__*/ proxyCustomElement(class SortableList extends
     connectedCallback() {
         this.setUpSorting();
         this.beginObserving();
-        connectInteractive(this);
     }
     disconnectedCallback() {
-        disconnectInteractive(this);
         disconnectSortableComponent(this);
         this.endObserving();
     }
@@ -145,11 +143,11 @@ const SortableList = /*@__PURE__*/ proxyCustomElement(class SortableList extends
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (h(InteractiveContainer, { key: 'd88bb6eff8ac0c12fe058290a15b644f52b15efe', disabled: disabled }, h("div", { key: '0ac98b39280cbe2f61103d5c2120a9822ccee243', class: {
+        return (h(InteractiveContainer, { key: 'ac305a674d12738f9f68dbc8bad42569098a0cb3', disabled: disabled }, h("div", { key: 'dca1ee832c59b93f546404512d703f843da58ccb', class: {
                 [CSS.container]: true,
                 [CSS.containerVertical]: !horizontal,
                 [CSS.containerHorizontal]: horizontal,
-            } }, h("slot", { key: '9b2cc37a435d630ed79ad33ad95ff578ed701999' }))));
+            } }, h("slot", { key: '92f9e08889d4cf08891571aa5ab233392a9f0fd9' }))));
     }
     get el() { return this; }
     static get style() { return CalciteSortableListStyle0; }

package/dist/components/calcite-split-button.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
 import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 import { d as defineCustomElement$5 } from './button.js';
 import { d as defineCustomElement$4 } from './dropdown.js';
@@ -14,7 +14,7 @@ import { d as defineCustomElement$2 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -80,9 +80,6 @@ const SplitButton = /*@__PURE__*/ proxyCustomElement(class SplitButton extends H
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    connectedCallback() {
-        connectInteractive(this);
-    }
     componentWillLoad() {
         setUpLoadableComponent(this);
     }
@@ -92,12 +89,9 @@ const SplitButton = /*@__PURE__*/ proxyCustomElement(class SplitButton extends H
     componentDidRender() {
         updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        disconnectInteractive(this);
-    }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (h(InteractiveContainer, { key: 'ee973a15275bc3f95af17c40a4b8badbe3462d79', disabled: this.disabled }, h("div", { key: 'b2c812632a9ae8cd96060fcc6b22d052e957a9a7', class: CSS.container }, h("calcite-button", { key: '03a34e04ae9efa7811f1ac9d701fb230de7200a9', 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), h("div", { key: '1a1cfc004949b54b56cbc0f3076fb48e678ab314', class: CSS.dividerContainer }, h("div", { key: 'f38ecc61ec5712fe86924379347285977c285dc5', class: CSS.divider })), h("calcite-dropdown", { key: '719ccb5e274a7ccd04855daa1a39be9781fdcb76', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, h("calcite-button", { key: '098292b17056e7431adaadc843ecee4a9453bb7a', 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" }), h("slot", { key: 'cc73b47cb462df04f3572bb68565513f8abfa8a0' })))));
+        return (h(InteractiveContainer, { key: 'dacdf1583d8cb4551cb4882b8508c558d782b4d4', disabled: this.disabled }, h("div", { key: 'a61c78ee84cd89d78a7d2c9479917838ed410c16', class: CSS.container }, h("calcite-button", { key: 'f70e6b5aa7457c7d51093be9a0033c28134b7a1f', 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), h("div", { key: '6a666aff420b7aee2d413ac298a8cf7c743b63fe', class: CSS.dividerContainer }, h("div", { key: '34e4ea2b452fb53d5503d0cc03b8d8644e08f8a3', class: CSS.divider })), h("calcite-dropdown", { key: '44dfd708df7c0e961259ffca36e181306043e64f', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, h("calcite-button", { key: '4f746ce80d07518b03ae4602bd2417f369aacba3', 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" }), h("slot", { key: '80aa3fefc8d08c1a6e222a88f2e873cbcc209f1a' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"

package/dist/components/calcite-stepper-item.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
 import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
@@ -13,7 +13,7 @@ import { d as defineCustomElement$2 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -130,7 +130,6 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
     }
@@ -151,14 +150,13 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
         updateHostInteraction(this);
     }
     disconnectedCallback() {
-        disconnectInteractive(this);
         disconnectLocalized(this);
         disconnectMessages(this);
     }
     render() {
-        return (h(Host, { key: 'f5ff885f8c94eb0a49e786a798ddfa9a4cadf3c8', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '628ba67b4d9afdd89589803c8370b916ef2a64f4', disabled: this.disabled }, h("div", { key: '0e5a38c093eb3f4d83901cab7528b47af683d0c2', class: CSS.container }, this.complete && (h("span", { key: '0b8a733f8d8f5ea684477afaeb3bef9c75204eac', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), h("div", { key: '33fda93666886ff0a4704a090142061b0710ea2c', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
+        return (h(Host, { key: '21ead444066e7670e2884bf44eb33b1d6e16278e', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '5d687fcf0ca63a518df6ac408bce87adb8cf4141', disabled: this.disabled }, h("div", { key: 'a8eb28baf17f7d302cd8acc06c87432c2a5b59da', class: CSS.container }, this.complete && (h("span", { key: 'dd645ac0548cfb09daa4cb36d4ca08f7f3df67bf', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), h("div", { key: '6c14bec4509a8b48e08f3d140e852ce6441a7418', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
             /* additional tab index logic needed because of display: contents */
-            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { key: '728402fe3cc024aa27080d0e5b26cad009dc0989', class: CSS.stepperItemHeaderText }, h("span", { key: '1be0b998ddf355de099379c2a55d21e0ffe46610', class: CSS.stepperItemHeading }, this.heading), h("span", { key: '20099dd36c9a72c5712b42761ecdf3592ea4a4e8', class: CSS.stepperItemDescription }, this.description))), h("div", { key: 'be67567d400cfea65bf9fcc8950daff2eea80c8b', class: CSS.stepperItemContent }, h("slot", { key: 'd0ccc7d7b5b7caa325a216c293aecfe6d3e983bb' }))))));
+            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { key: '49ebae3bd3affcdf6d68581e89d8a7c65b8606a6', class: CSS.stepperItemHeaderText }, h("span", { key: '523fbb51267df84902a47ccd4b2c047b52e7df07', class: CSS.stepperItemHeading }, this.heading), h("span", { key: 'f6c4f69b00a5e5d9f52089156ec77adecc1bdffc', class: CSS.stepperItemDescription }, this.description))), h("div", { key: '086f0f9320d3098de87d1e9f3728164a83caf35d', class: CSS.stepperItemContent }, h("slot", { key: '8e049fb74154fbce4d685d4d00ebca9b3ff57f63' }))))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-stepper.js

@@ -16,7 +16,7 @@ import { d as defineCustomElement$2 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS$1 = {
     actionIcon: "action-icon",
@@ -30,7 +30,7 @@ const CSS$1 = {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     stepBar: "step-bar",
@@ -148,7 +148,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: 'bd7571b5c3af662f4a2bde52e9742e2328fc7c8f', "aria-label": this.messages.label, role: "region" }, h("div", { key: '9e1d066b9f3ec7fa1df9f55e6e742d0c26cd4ec2', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (h("div", { key: '49ccb52be5e2c1c747cbe634d3049fc5677ac7c2', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (h("div", { key: 'd771370bda9cfc17412208ea9de36c52f9c9fabd', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), h("slot", { key: '8c9f00eda6193622c72943bc459b8e3adf69fe77', onSlotchange: this.handleDefaultSlotChange }))));
+        return (h(Host, { key: 'cf7174442aa44f3a2bd72893900a60bcbf7e1d5e', "aria-label": this.messages.label, role: "region" }, h("div", { key: '1036b66baff637f74ca2296c725f8ec091955c55', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (h("div", { key: '2ebc80f63ea8938538630181ac165712ce645b69', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (h("div", { key: 'c471f0b44071da745850a7a5910894f27eccce02', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), h("slot", { key: 'd7f6599abe59d4ed86e0deefe991a3556fe3e270', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-table-row.js

@@ -4,9 +4,9 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { y as focusElementInGroup } from './dom.js';
+import { y as focusElementInGroup, t as toAriaBoolean } from './dom.js';
 import { i as isActivationKey } from './key.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive.js';
 import { g as getIconScale } from './component.js';
 import { d as defineCustomElement$4 } from './icon.js';
 import { d as defineCustomElement$3 } from './table-cell.js';
@@ -15,7 +15,7 @@ import { d as defineCustomElement$2 } from './table-header.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     lastVisibleRow: "last-visible-row",
@@ -182,15 +182,9 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
             this.updateCells();
         }
     }
-    connectedCallback() {
-        connectInteractive(this);
-    }
     componentDidRender() {
         updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        disconnectInteractive(this);
-    }
     //--------------------------------------------------------------------------
     //
     //  Event Listeners
@@ -239,7 +233,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
         return this.rowType === "head" ? (h("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (h("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (h("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (h(Host, { key: 'e87804d55ad11b0bb5bce7e82f46c0893c40d623' }, h(InteractiveContainer, { key: '22e502f4cecbf8b484bfd33de618f4be3f146c56', disabled: this.disabled }, h("tr", { key: '6d266472e85be37383e24ebbc38bc0b272a881c1', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), h("slot", { key: 'e481e637b8b2ac107d2eb57ebadf0d09c88da8db', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (h(Host, { key: 'fa3f14c832e7ed178ea338b01baebbe9a578689d' }, h(InteractiveContainer, { key: 'c82f005db0a6247e45476c86d2eaefe698df2dd1', disabled: this.disabled }, h("tr", { key: '452064805aa9685b75f3715bd45c42ce41f88368', "aria-rowindex": this.positionAll + 1, "aria-selected": toAriaBoolean(this.selected), class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), h("slot", { key: 'bddf927a3129b20012ade6aa5415afcdeb8064a1', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-table.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$2 } from './pagination.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     bordered: "bordered",
@@ -217,10 +217,10 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         }
     }
     calciteInternalTableRowFocusEvent(event) {
-        const cellPosition = event["detail"].cellPosition;
-        const rowPos = event["detail"].rowPosition;
-        const destination = event["detail"].destination;
-        const lastCell = event["detail"].lastCell;
+        const cellPosition = event.detail.cellPosition;
+        const rowPos = event.detail.rowPosition;
+        const destination = event.detail.destination;
+        const lastCell = event.detail.lastCell;
         const visibleBody = this.bodyRows?.filter((row) => !row.hidden);
         const visibleAll = this.allRows?.filter((row) => !row.hidden);
         const lastHeadRow = this.headRows[this.headRows.length - 1]?.positionAll;
@@ -284,13 +284,13 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         return (h("tfoot", null, h("slot", { name: SLOTS.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (h(Host, { key: '977fbb58c0ee0fdb506ebed869b136767dc43873' }, h("div", { key: 'c9c0885932328c3d703abb32632f599404f8ac20', class: CSS.container }, this.selectionMode !== "none" &&
+        return (h(Host, { key: '8e6d0b48e0ffa640e5d0e052092bccf1b4b7fafe' }, h("div", { key: 'ce5932eda4dbec9b60ee5a7aad523e5d47178888', class: CSS.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), h("div", { key: 'a6b5739bb1b0f6eafeb37959bc21e54374c4da23', class: {
+            this.renderSelectionArea(), h("div", { key: '37fb918ba3079352db0ca83c253f648c327cc3d8', class: {
                 [CSS.bordered]: this.bordered,
                 [CSS.striped]: this.striped || this.zebra,
                 [CSS.tableContainer]: true,
-            } }, h("table", { key: '209d92a0bdd6ca12f8571ba5ca325c993afc247d', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, h("caption", { key: '099e0d60343af59b0e59f1baf6fbfb36ed4498ad', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, h("table", { key: '908c1e7ce7768c1c9f3146b83546ae639a86bac8', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, h("caption", { key: '9ab15b8e9badee9b38925e563e5c607a13ccf664', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }