@esri/solutions-components 0.10.27 → 0.10.28

package/dist/cjs/calcite-segmented-control_2.cjs.entry.js

@@ -7,23 +7,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const dom = require('./dom-3d3a8f25.js');
-const form = require('./form-8132060d.js');
-const interactive = require('./interactive-3b85d8df.js');
-const label = require('./label-e7d3c371.js');
-const loadable = require('./loadable-0e357195.js');
-const observers = require('./observers-5f9f67ee.js');
-const Validation = require('./Validation-9bab9a69.js');
-const browser = require('./browser-2893460e.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./component-7f2bd646.js');
+const index = require('./index-4b68e4b4.js');
+const dom = require('./dom-795d4a33.js');
+const form = require('./form-6dd8050a.js');
+const interactive = require('./interactive-a128ac30.js');
+const label = require('./label-726fc287.js');
+const loadable = require('./loadable-1c888c87.js');
+const Validation = require('./Validation-55fc2417.js');
+const browser = require('./browser-333a21c5.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
+require('./component-5d190962.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 = {
     itemWrapper: "item-wrapper",
@@ -52,7 +51,13 @@ const SegmentedControl = class {
                 this.selectItem(event.target, true);
             }
         };
-        this.mutationObserver = observers.createObserver("mutation", () => this.setUpItems());
+        this.items = [];
+        this.handleDefaultSlotChange = (event) => {
+            const items = dom.slotChangeGetAssignedElements(event).filter((el) => el.matches("calcite-segmented-control-item"));
+            this.items = items;
+            this.handleSelectedItem();
+            this.handleItemPropChange();
+        };
         this.appearance = "solid";
         this.disabled = false;
         this.form = undefined;
@@ -84,7 +89,7 @@ const SegmentedControl = class {
         this.handleItemPropChange();
     }
     valueHandler(value) {
-        const items = this.getItems();
+        const { items } = this;
         items.forEach((item) => (item.checked = item.value === value));
     }
     handleSelectedItemChange(newItem, oldItem) {
@@ -92,7 +97,7 @@ const SegmentedControl = class {
         if (newItem === oldItem) {
             return;
         }
-        const items = this.getItems();
+        const { items } = this;
         const match = items.filter((item) => item === newItem).pop();
         if (match) {
             this.selectItem(match);
@@ -108,30 +113,24 @@ const SegmentedControl = class {
     //--------------------------------------------------------------------------
     componentWillLoad() {
         loadable.setUpLoadableComponent(this);
-        this.setUpItems();
     }
     componentDidLoad() {
         form.afterConnectDefaultValueSet(this, this.value);
         loadable.setComponentLoaded(this);
     }
     connectedCallback() {
-        interactive.connectInteractive(this);
         label.connectLabel(this);
         form.connectForm(this);
-        this.mutationObserver?.observe(this.el, { childList: true });
-        this.handleItemPropChange();
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         label.disconnectLabel(this);
         form.disconnectForm(this);
-        this.mutationObserver?.unobserve(this.el);
     }
     componentDidRender() {
         interactive.updateHostInteraction(this);
     }
     render() {
-        return (index.h(index.Host, { key: '15d2892515a26a3d97657819a2f7e4ec1bfa132b', onClick: this.handleClick, role: "radiogroup" }, index.h("div", { key: '5cf92b36bed0d722d548bbda4804fe3e2a8c0c6a', "aria-errormessage": IDS.validationMessage, "aria-invalid": dom.toAriaBoolean(this.status === "invalid"), class: CSS$1.itemWrapper }, index.h(interactive.InteractiveContainer, { key: '3cdc812ffe33a9651dd4308b8fe8db582e3055de', disabled: this.disabled }, index.h("slot", { key: '4e81e1944e237c65f4bf06b8270a5c23f8c49bd3' }), index.h(form.HiddenFormInputSlot, { key: 'b0ccbb1b76b295ab87912c43b0cbbb936c7fea6e', component: this }))), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (index.h(index.Host, { key: 'ac313987378a112da88c90e368d19efc06ce79f3', onClick: this.handleClick, role: "radiogroup" }, index.h("div", { key: 'bef3d657abe624bb76e57561b5a035f374c38faf', "aria-errormessage": IDS.validationMessage, "aria-invalid": dom.toAriaBoolean(this.status === "invalid"), class: CSS$1.itemWrapper }, index.h(interactive.InteractiveContainer, { key: 'a6e66f9d51e2aa5eabdc3cda5a551c16b9493563', disabled: this.disabled }, index.h("slot", { key: 'e7b4be362a356570aa639b3c32074ed686391d86', onSlotchange: this.handleDefaultSlotChange }), index.h(form.HiddenFormInputSlot, { key: '22afaeb8f4250514b981079875183561b5432393', component: this }))), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     handleSelected(event) {
         event.preventDefault();
@@ -157,7 +156,7 @@ const SegmentedControl = class {
                 adjustedKey = "ArrowRight";
             }
         }
-        const items = this.getItems();
+        const { items } = this;
         let selectedIndex = -1;
         items.forEach((item, index) => {
             if (item === selectedItem) {
@@ -195,32 +194,39 @@ const SegmentedControl = class {
     /** Sets focus on the component. */
     async setFocus() {
         await loadable.componentFocusable(this);
-        (this.selectedItem || this.getItems()[0])?.focus();
+        (this.selectedItem || this.items[0])?.focus();
     }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
     handleItemPropChange() {
-        const items = this.getItems();
+        const { items } = this;
         items.forEach((item) => {
             item.appearance = this.appearance;
             item.layout = this.layout;
             item.scale = this.scale;
         });
     }
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
+    handleSelectedItem() {
+        const { items } = this;
+        const lastChecked = items.filter((item) => item.checked).pop();
+        if (lastChecked) {
+            this.selectItem(lastChecked);
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+    }
     onLabelClick() {
         this.setFocus();
     }
-    getItems() {
-        return Array.from(this.el.querySelectorAll("calcite-segmented-control-item"));
-    }
     selectItem(selected, emit = false) {
         if (selected === this.selectedItem) {
             return;
         }
-        const items = this.getItems();
+        const { items } = this;
         let match = null;
         items.forEach((item) => {
             const matches = item === selected;
@@ -240,16 +246,6 @@ const SegmentedControl = class {
             match.focus();
         }
     }
-    setUpItems() {
-        const items = this.getItems();
-        const lastChecked = items.filter((item) => item.checked).pop();
-        if (lastChecked) {
-            this.selectItem(lastChecked);
-        }
-        else if (items[0]) {
-            items[0].tabIndex = 0;
-        }
-    }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "appearance": ["handlePropsChange"],
@@ -264,7 +260,7 @@ SegmentedControl.style = CalciteSegmentedControlStyle0;
 /*!
  * 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 SLOTS = {
     input: "input",
@@ -320,7 +316,7 @@ const SegmentedControlItem = class {
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (index.h(index.Host, { key: '71f135787c759f1e4ae51c0e0d97164ccfc0b1e1', "aria-checked": dom.toAriaBoolean(checked), "aria-label": value, role: "radio" }, index.h("label", { key: 'e648e7765db0a7e3a4bc5d699475f0883c031c6d', class: {
+        return (index.h(index.Host, { key: 'f4aa9eaa2e02dae97e647f25b764e1a283f2ad66', "aria-checked": dom.toAriaBoolean(checked), "aria-label": value, role: "radio" }, index.h("label", { key: '9e3460a279d8c3b876897ea58a004ddd1a43cfc8', class: {
                 [CSS.label]: true,
                 [CSS.labelScale(scale)]: true,
                 [CSS.labelHorizontal]: layout === "horizontal",

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

@@ -7,21 +7,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const dom = require('./dom-3d3a8f25.js');
-const focusTrapComponent = require('./focusTrapComponent-86ebd41d.js');
-const loadable = require('./loadable-0e357195.js');
-const observers = require('./observers-5f9f67ee.js');
-const openCloseComponent = require('./openCloseComponent-b66f10f5.js');
-const resources = require('./resources-f11e9bd6.js');
-require('./guid-42cda8c9.js');
-require('./config-7c16c710.js');
-require('./browser-2893460e.js');
+const index = require('./index-4b68e4b4.js');
+const dom = require('./dom-795d4a33.js');
+const focusTrapComponent = require('./focusTrapComponent-b19fd5d5.js');
+const loadable = require('./loadable-1c888c87.js');
+const observers = require('./observers-18d87cb5.js');
+const openCloseComponent = require('./openCloseComponent-3c540d25.js');
+const resources = require('./resources-18f799c7.js');
+require('./guid-e84a8375.js');
+require('./config-e76d9931.js');
+require('./browser-333a21c5.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",
@@ -143,14 +143,14 @@ const Sheet = class {
     }
     render() {
         const dir = dom.getElementDir(this.el);
-        return (index.h(index.Host, { key: '682efb5e9586947743259232dfed9a90ef44b4c2', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, index.h("div", { key: 'ed1647113f217d7fe34ec91fdbc7fa60310c33a2', class: {
+        return (index.h(index.Host, { key: '145f45b21fa18a08af4ef4e920d536a7e6431175', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, index.h("div", { key: '796deb8baa890ad7e8f42d2e0a3be22269e450a2', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
                 [CSS.containerEmbedded]: this.embedded,
                 [resources.CSS_UTILITY.rtl]: dir === "rtl",
-            }, ref: this.setTransitionEl }, index.h("calcite-scrim", { key: 'a5dd8c8d81bb5d5536a43113f09120dfb708cf14', class: CSS.scrim, onClick: this.handleOutsideClose }), index.h("div", { key: '350faeae89f75b8e52079cd68c28ee66c1162762', class: {
+            }, ref: this.setTransitionEl }, index.h("calcite-scrim", { key: 'c4d45b89ee32da639d1feb88289d2b0957474414', class: CSS.scrim, onClick: this.handleOutsideClose }), index.h("div", { key: 'ad764ed7812ca7172b5f4aacf4229ae28e06d315', class: {
                 [CSS.content]: true,
-            }, ref: this.setContentId }, index.h("slot", { key: '8a0e9e782232088a62efa78881f6f165e2d01d4e' })))));
+            }, ref: this.setContentId }, index.h("slot", { key: 'dab54df7b8cae4bc8434935e1b55204896ed45df' })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/calcite-shell-center-row.cjs.entry.js

@@ -7,18 +7,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const conditionalSlot = require('./conditionalSlot-2d2541f4.js');
-const dom = require('./dom-3d3a8f25.js');
-require('./observers-5f9f67ee.js');
-require('./browser-2893460e.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
+const index = require('./index-4b68e4b4.js');
+const conditionalSlot = require('./conditionalSlot-37ff4832.js');
+const dom = require('./dom-795d4a33.js');
+require('./observers-18d87cb5.js');
+require('./browser-333a21c5.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.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",
@@ -56,14 +56,14 @@ const ShellCenterRow = class {
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (index.h("div", { key: '7c40a32627154faa3cbb1caa515f156481b79a7a', class: CSS.content }, index.h("slot", { key: 'fe29fde212e5e65a0e0baf633a086dd8e30b5eb8' })));
+        const contentNode = (index.h("div", { key: '31239015e9582ebbe43f3fe7a6b8fb6b2750b0d7', class: CSS.content }, index.h("slot", { key: 'eee4b393dfa79405d9a48e6c2db016017a6e9a1f' })));
         const actionBar = dom.getSlotted(el, SLOTS.actionBar);
         const actionBarNode = actionBar ? (index.h("div", { class: CSS.actionBarContainer, key: "action-bar" }, index.h("slot", { name: SLOTS.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return index.h(index.Fragment, { key: '9e200163d756dc56a18a7a15692b5804bc6fc874' }, children);
+        return index.h(index.Fragment, { key: 'ab4be18f37ab916e222faa0339bede7d01f6f08a' }, children);
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-shell-panel_14.cjs.entry.js

@@ -7,44 +7,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const conditionalSlot = require('./conditionalSlot-2d2541f4.js');
-const dom = require('./dom-3d3a8f25.js');
-const locale = require('./locale-351282c5.js');
-const math = require('./math-14740338.js');
-const t9n = require('./t9n-e41672d2.js');
-const resources = require('./resources-f11e9bd6.js');
-const guid = require('./guid-42cda8c9.js');
+const index = require('./index-4b68e4b4.js');
+const conditionalSlot = require('./conditionalSlot-37ff4832.js');
+const dom = require('./dom-795d4a33.js');
+const locale = require('./locale-da840314.js');
+const math = require('./math-089392ef.js');
+const t9n = require('./t9n-ed5c03a7.js');
+const resources = require('./resources-18f799c7.js');
+const guid = require('./guid-e84a8375.js');
 const core = require('./core-7f0bcc12.js');
-const observers = require('./observers-5f9f67ee.js');
-const interactive = require('./interactive-3b85d8df.js');
-const component = require('./component-7f2bd646.js');
-const browser = require('./browser-2893460e.js');
-const loadable = require('./loadable-0e357195.js');
-const sharedListRender = require('./shared-list-render-d4b7311f.js');
-const sortableComponent = require('./sortableComponent-8684e273.js');
-const logger = require('./logger-309df5d9.js');
-const resources$2 = require('./resources-4446499e.js');
-const resources$1 = require('./resources-a1ca0958.js');
-const locale$1 = require('./locale-a09603ee.js');
-const solutionStore = require('./solution-store-2cd6a8c3.js');
+const observers = require('./observers-18d87cb5.js');
+const interactive = require('./interactive-a128ac30.js');
+const component = require('./component-5d190962.js');
+const browser = require('./browser-333a21c5.js');
+const loadable = require('./loadable-1c888c87.js');
+const sharedListRender = require('./shared-list-render-546c7296.js');
+const sortableComponent = require('./sortableComponent-5dfc7ff8.js');
+const logger = require('./logger-f177776b.js');
+const resources$2 = require('./resources-7aaf489b.js');
+const resources$1 = require('./resources-388efec5.js');
+const locale$1 = require('./locale-339b55f0.js');
+const solutionStore = require('./solution-store-4de89072.js');
 const interfaces = require('./interfaces-09c4c40e.js');
 const solutionResource = require('./solution-resource-40e70253.js');
 require('./index-f052f656.js');
-require('./key-82084ef6.js');
-require('./array-708fd433.js');
-require('./resources-87ed79dd.js');
+require('./key-47c9469a.js');
+require('./array-286e5a3b.js');
+require('./resources-f895ff54.js');
 require('./debounce-7f1e04d6.js');
-require('./config-7c16c710.js');
+require('./config-e76d9931.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
-require('./index-da709a10.js');
+require('./index-2b13a4d5.js');
 require('./restHelpersGet-5c2245a3.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$4 = {
     container: "container",
@@ -62,7 +62,7 @@ const SLOTS$2 = {
     header: "header",
 };
 
-const shellPanelCss = ":host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-detached-max-height:unset;--calcite-shell-panel-max-height:unset;--calcite-internal-shell-panel-shadow-block-start:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-block-end:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-start:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical][width-scale=s]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=s][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=m]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=m][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=l]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][width-scale=l][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal][height-scale=s]) .content{--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height:var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  )}:host([layout=horizontal][height-scale=l]) .content{--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  )}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}.container.float-all{margin-block:0.5rem;margin-inline:0.5rem}:host([layout=horizontal]) .container{flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;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;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:0.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:0.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem))}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:0.5rem}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]:not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}";
+const shellPanelCss = ":host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-detached-max-height:unset;--calcite-shell-panel-max-height:unset;--calcite-internal-shell-panel-shadow-block-start:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-block-end:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-start:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical][width-scale=s]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=s][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=m]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=m][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=l]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][width-scale=l][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal][height-scale=s]) .content{--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height:var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  )}:host([layout=horizontal][height-scale=l]) .content{--calcite-internal-shell-panel-max-height:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  )}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}.container.float-all{margin-block:0.5rem;margin-inline:0.5rem}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;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;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:0.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:0.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem))}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:0.5rem}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]:not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteShellPanelStyle0 = shellPanelCss;
 
 const ShellPanel = class {
@@ -328,8 +328,8 @@ const ShellPanel = class {
                     : null
             : null;
         const separatorNode = !collapsed && allowResizing ? (index.h("div", { "aria-label": this.messages.resize, "aria-orientation": layout === "horizontal" ? "vertical" : "horizontal", "aria-valuemax": layout == "horizontal" ? contentHeightMax : contentWidthMax, "aria-valuemin": layout == "horizontal" ? contentHeightMin : contentWidthMin, "aria-valuenow": layout == "horizontal"
-                ? contentHeight ?? initialContentHeight
-                : contentWidth ?? initialContentWidth, class: CSS$4.separator, key: "separator", onKeyDown: this.separatorKeyDown, ref: this.connectSeparator, role: "separator", tabIndex: 0, "touch-action": "none" })) : null;
+                ? (contentHeight ?? initialContentHeight)
+                : (contentWidth ?? initialContentWidth), class: CSS$4.separator, key: "separator", onKeyDown: this.separatorKeyDown, ref: this.connectSeparator, role: "separator", tabIndex: 0, "touch-action": "none" })) : null;
         const getAnimationDir = () => {
             if (layout === "horizontal") {
                 return position === "start"
@@ -433,7 +433,7 @@ ShellPanel.style = CalciteShellPanelStyle0;
 /*!
  * 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$3 = {
     container: "container",
@@ -459,7 +459,7 @@ const Tab = class {
     //--------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (index.h(index.Host, { key: '781e0b82d69d7ea6b2bd6e15ed0d1c5248f24d05', "aria-labelledby": this.labeledBy, id: id }, index.h("div", { key: '58a6be23b29e8bee598ecf0cd97ef0578fd4e197', class: { [CSS$3.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, index.h("section", { key: 'fbff1dec6ca2494f2485528679c14b4b0741abd8', class: CSS$3.content }, index.h("slot", { key: 'fc52db6fd58bd87f137e887837df5c08772809a3' })))));
+        return (index.h(index.Host, { key: '5b445405fc60d4af5d48e2b4b42880a47a85a1ed', "aria-labelledby": this.labeledBy, id: id }, index.h("div", { key: '724b67e8c277d00f6408aa55f781ad8e91a34a5e', class: { [CSS$3.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, index.h("section", { key: '9a395308243994365184c0f91d8a16de357c9146', class: CSS$3.content }, index.h("slot", { key: '0cddbc27b9d793c83fa580b9aa9c9f915675ec72' })))));
     }
     connectedCallback() {
         this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -526,7 +526,7 @@ Tab.style = CalciteTabStyle0;
 /*!
  * 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 ICON = {
     chevronRight: "chevron-right",
@@ -746,16 +746,16 @@ const TabNav = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: 'e2e130cc399d8bb88201f283de2eef17a46882fc', role: "tablist" }, index.h("div", { key: '2beae02bec71c759201063e4820ce19cacd1c432', class: {
+        return (index.h(index.Host, { key: '9d1138405f2423bddcd9d1bb49dc756e582f8375', role: "tablist" }, index.h("div", { key: 'f8759781080b2a093f062d0b6172de6d3ea9355d', class: {
                 [CSS$2.container]: true,
                 [CSS$2.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,
                 [CSS$2.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,
                 [`scale-${this.scale}`]: true,
                 [`position-${this.position}`]: true,
                 [resources.CSS_UTILITY.rtl]: this.effectiveDir === "rtl",
-            } }, this.renderScrollButton("start"), index.h("div", { key: '609a5b8efc1bd46810217ab17256aaad7432586b', class: {
+            } }, this.renderScrollButton("start"), index.h("div", { key: 'eda664514cb5c89136184c6e8f29e50ce7c9b56b', class: {
                 [CSS$2.tabTitleSlotWrapper]: true,
-            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, index.h("slot", { key: '7436f2fcacf2b483a77c741a2449f783c9c4c148', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
+            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, index.h("slot", { key: '0c5a40eac082662a2c2b032d977900b91f122214', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
     }
     //--------------------------------------------------------------------------
     //
@@ -935,7 +935,7 @@ TabNav.style = CalciteTabNavStyle0;
 /*!
  * 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 = {
     closeButton: "close-button",
@@ -1017,11 +1017,9 @@ const TabTitle = class {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        interactive.connectInteractive(this);
         locale.connectLocalized(this);
         t9n.connectMessages(this);
         this.setupTextContentObserver();
-        this.parentTabNavEl = this.el.closest("calcite-tab-nav");
         this.parentTabsEl = this.el.closest("calcite-tabs");
     }
     disconnectedCallback() {
@@ -1031,7 +1029,6 @@ const TabTitle = class {
             detail: this.el,
         }));
         this.resizeObserver?.disconnect();
-        interactive.disconnectInteractive(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
     }
@@ -1053,14 +1050,14 @@ const TabTitle = class {
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (index.h("calcite-icon", { key: '20ea18dabdb4cabe8a032d0799f3c757bc90c91d', class: { [CSS$1.titleIcon]: true, [CSS$1.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
-        const iconEndEl = (index.h("calcite-icon", { key: 'ebd3913a334a959e8962addd45e5077ee82f2ca8', class: { [CSS$1.titleIcon]: true, [CSS$1.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
-        return (index.h(index.Host, { key: '58a72fa4a6e961c3414dfe224a4e235892784707', "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: 'fe7662ade3001579b664772b4672d6bebd06a82b', disabled: this.disabled }, index.h("div", { key: 'ea226b71436922de6bae2e8e542ae0adf08add1b', class: {
+        const iconStartEl = (index.h("calcite-icon", { key: '367d0a3590f1b47a36fcef27a4c361b2b738769a', class: { [CSS$1.titleIcon]: true, [CSS$1.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
+        const iconEndEl = (index.h("calcite-icon", { key: 'd41dab345260f907ad3b00538117c576856672fd', class: { [CSS$1.titleIcon]: true, [CSS$1.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
+        return (index.h(index.Host, { key: 'f5f5339ebcead5f63154d4b8f562782d20e30b06', "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: '0115c7e0367be91f3a9014243fb99cecd48d5f79', disabled: this.disabled }, index.h("div", { key: '7303b10302cfc93c03386036d98aa46a6b74afa7', class: {
                 [CSS$1.container]: true,
                 [CSS$1.containerBottom]: this.position === "bottom",
                 [CSS$1.iconPresent]: !!this.iconStart || !!this.iconEnd,
                 [CSS$1.scale(this.scale)]: true,
-            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, index.h("div", { key: '737609daa04d9dc18b46872c49b82cf211ba9b5a', class: { [CSS$1.content]: true, [CSS$1.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, index.h("slot", { key: 'fb500a910e5c6bfcd8571e2d109331dd88f2544d' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), index.h("div", { key: '3fd13c6f459e05cea88c40809b7220369866a2b9', class: CSS$1.selectedIndicator })))));
+            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, index.h("div", { key: 'af603e50b1a853f3e4ca35357ae7778ca9bdaafb', class: { [CSS$1.content]: true, [CSS$1.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, index.h("slot", { key: 'a650492336b0f78f11c0d534351b0ab570dd1db8' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), index.h("div", { key: '8d8a0438c867cdf0c2642b9a9bc7ce697aabb871', class: CSS$1.selectedIndicator })))));
     }
     renderCloseButton() {
         const { closable, messages } = this;
@@ -1203,7 +1200,7 @@ TabTitle.style = CalciteTabTitleStyle0;
 /*!
  * 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 SLOTS$1 = {
     titleGroup: "title-group",
@@ -1325,7 +1322,7 @@ const Tabs = class {
     }
     disconnectedCallback() { }
     render() {
-        return (index.h(index.Fragment, { key: '300872682f4f969586b06b6bbfa5cccb5a005e03' }, index.h("slot", { key: '9b8c09c2f93725349a98d13fb0167c88b82ef413', name: SLOTS$1.titleGroup }), index.h("section", { key: 'bf1b19251ca8ab3ba4c3c3fa15995889d71d9355' }, index.h("slot", { key: 'e1008e065225b4f0cb1b4fbe2ec91ab761db1144', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
+        return (index.h(index.Fragment, { key: 'd06e888984e54b6b91b3345b42c217d322b46a64' }, index.h("slot", { key: 'd42da82a176cc1ad492cf1c548b96fc0ca53bc73', name: SLOTS$1.titleGroup }), index.h("section", { key: '21e944ce899b9bb2507fc9d9be81d8faa4a1a610' }, index.h("slot", { key: '25d4cd299d8529392f6b01deefd3356f8cd6050b', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1340,7 +1337,7 @@ Tabs.style = CalciteTabsStyle0;
 /*!
  * 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",
@@ -1353,7 +1350,7 @@ const ICON_TYPES = {
 /*!
  * 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
  */
 function getScreenReaderText(item, status, valueList) {
     const { items, messages } = valueList;
@@ -1492,7 +1489,6 @@ const ValueList = class {
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
-        interactive.connectInteractive(this);
         locale.connectLocalized(this);
         t9n.connectMessages(this);
         sharedListRender.initialize.call(this);
@@ -1511,7 +1507,6 @@ const ValueList = class {
         interactive.updateHostInteraction(this);
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         sortableComponent.disconnectSortableComponent(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
@@ -1620,7 +1615,7 @@ const ValueList = class {
         event.stopPropagation();
     }
     render() {
-        return (index.h(sharedListRender.List, { key: '226659128d8b783ff03fabc4ad086291d3ec749c', onBlur: this.handleBlur, onFocusin: this.handleFocusIn, onKeyDown: this.keyDownHandler, props: this }));
+        return (index.h(index.Host, { key: 'b9e38d57ffd1d2b686264d87f809e712c33c5cc5', "aria-busy": dom.toAriaBoolean(this.loading), onBlur: this.handleBlur, onFocusin: this.handleFocusIn, onKeyDown: this.keyDownHandler, role: "menu" }, index.h(sharedListRender.List, { key: '18d18babe0959692bebdb17ec427b53fc4697b08', props: this })));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
@@ -1634,7 +1629,7 @@ ValueList.style = CalciteValueListStyle0;
 /*!
  * 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 ICONS = {
     drag: "drag",
@@ -1698,11 +1693,9 @@ const ValueListItem = class {
     // --------------------------------------------------------------------------
     connectedCallback() {
         conditionalSlot.connectConditionalSlotComponent(this);
-        interactive.connectInteractive(this);
     }
     disconnectedCallback() {
         conditionalSlot.disconnectConditionalSlotComponent(this);
-        interactive.disconnectInteractive(this);
     }
     componentWillLoad() {
         loadable.setUpLoadableComponent(this);
@@ -1761,7 +1754,7 @@ const ValueListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5800bb42bb126d69868f664845be9d912cc16a1e', id: this.el.id || this.guid }, index.h(interactive.InteractiveContainer, { key: '3fd26470647b3ec37edaf80d83d8b74b4a0dbcb0', disabled: this.disabled }, this.renderHandle(), index.h("calcite-pick-list-item", { key: '772821bab106c95accaa215e05164371760f2ac0', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd()))));
+        return (index.h(index.Host, { key: '2fc2a1a70b75c2a812f14391915c06c852db8906', id: this.el.id || this.guid }, index.h(interactive.InteractiveContainer, { key: '7bcc26a8f85923865a318dbdf31954a62035b853', disabled: this.disabled }, this.renderHandle(), index.h("calcite-pick-list-item", { key: 'abdbbafe6d426da62e39584e85111811beae719b', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd()))));
     }
     get el() { return index.getElement(this); }
 };