@esri/calcite-components 2.11.0-next.21 → 2.11.0-next.23

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * 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.11.0-next.21
+ * v2.11.0-next.23
  */
 'use strict';
 
@@ -12484,6 +12484,7 @@ class Carousel {
             if (event.target !== this.container) {
                 return;
             }
+            const lastItem = this.items.length - 1;
             switch (event.key) {
                 case " ":
                 case "Enter":
@@ -12502,13 +12503,19 @@ class Carousel {
                     break;
                 case "Home":
                     event.preventDefault();
+                    if (this.selectedIndex === 0) {
+                        return;
+                    }
                     this.direction = "backward";
                     this.setSelectedItem(0, true);
                     break;
                 case "End":
                     event.preventDefault();
+                    if (this.selectedIndex === lastItem) {
+                        return;
+                    }
                     this.direction = "forward";
-                    this.setSelectedItem(this.items.length - 1, true);
+                    this.setSelectedItem(lastItem, true);
                     break;
             }
         };
@@ -12730,17 +12737,17 @@ class Carousel {
     }
     render() {
         const { direction } = this;
-        return (hAsync(Host, { key: '7e95eee5f92be62d2817353deceb8ebceb330fb3' }, hAsync(InteractiveContainer, { key: '01e449b425f695a3e1317190a7cb448ea4896e92', disabled: this.disabled }, hAsync("div", { key: '1d59b22e5625facd195a57b8c9d8e64d855753a9', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
+        return (hAsync(Host, { key: 'bff4155cb4358665eb6530b6637322598604d873' }, hAsync(InteractiveContainer, { key: '7a388be689aca07856f350963c33bce1d4e5e278', disabled: this.disabled }, hAsync("div", { key: 'c53c92b22ace937c0d2a6568ddd729ccb1b91108', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
                 [CSS$1c.container]: true,
                 [CSS$1c.containerOverlaid]: this.controlOverlay,
                 [CSS$1c.containerEdged]: this.arrowType === "edge",
-            }, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.containerKeyDownHandler, onMouseEnter: this.handleMouseIn, onMouseLeave: this.handleMouseOut, ref: this.storeContainerRef, role: "group", tabIndex: 0 }, hAsync("section", { key: '43ebcd93a10f25ca3a8c4cc9b2ff7f956293d35c', class: {
+            }, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.containerKeyDownHandler, onMouseEnter: this.handleMouseIn, onMouseLeave: this.handleMouseOut, ref: this.storeContainerRef, role: "group", tabIndex: 0 }, hAsync("section", { key: 'cae379b167a37ef82417ab308c7d623300790122', class: {
                 [CSS$1c.itemContainer]: true,
                 [CSS$1c.itemContainerForward]: direction === "forward",
                 [CSS$1c.itemContainerBackward]: direction === "backward",
             }, id: this.containerId,
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
-            ref: this.storeItemContainerRef }, hAsync("slot", { key: '11c3d92e21496781f2bec4d5b45072c39cbc1280', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
+            ref: this.storeItemContainerRef }, hAsync("slot", { key: 'bf14a67b46e8946e9cafc57a8d0625b65513f702', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -14868,7 +14875,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Tue, 23 Jul 2024 23:11:35 GMT
+ * Generated on Thu, 25 Jul 2024 17:39:57 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -33346,7 +33353,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Tue, 23 Jul 2024 23:11:37 GMT
+ * Generated on Thu, 25 Jul 2024 17:39:59 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -37098,7 +37105,7 @@ const SLOTS$9 = {
     modals: "modals",
 };
 
-const shellCss = "/*!@:host*/.sc-calcite-shell-h{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-shell-h *.sc-calcite-shell{box-sizing:border-box}/*!@:host*/.sc-calcite-shell-h{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}/*!@.main*/.main.sc-calcite-shell{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}/*!@.content,\n.content--non-interactive*/.content.sc-calcite-shell,.content--non-interactive.sc-calcite-shell{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}/*!@.content*/.content.sc-calcite-shell{overflow:auto;justify-content:space-between}/*!@.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow)*/.content .sc-calcite-shell-s>calcite-shell-center-row,.content.sc-calcite-shell-s>calcite-panel,.content .sc-calcite-shell-s>calcite-panel,.content.sc-calcite-shell-s>calcite-flow,.content .sc-calcite-shell-s>calcite-flow{flex:1 1 auto;align-self:stretch;max-block-size:unset}/*!@.content--behind*/.content--behind.sc-calcite-shell{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}/*!@.content--non-interactive*/.content--non-interactive.sc-calcite-shell{pointer-events:none}/*!@::slotted(calcite-shell-center-row)*/.sc-calcite-shell-s>calcite-shell-center-row{inline-size:unset}/*!@::slotted(.header .heading)*/.sc-calcite-shell-s>.header .heading{font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}/*!@slot[name=panel-end]::slotted(calcite-shell-panel)*/slot[name=panel-end].sc-calcite-shell-s>calcite-shell-panel{margin-inline-start:auto}/*!@::slotted(calcite-panel),\n::slotted(calcite-flow)*/.sc-calcite-shell-s>calcite-panel,.sc-calcite-shell-s>calcite-flow{border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}/*!@slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached]))*/slot[name=center-row].sc-calcite-shell-s>calcite-shell-center-row:not([detached]),slot[name=panel-top].sc-calcite-shell-s>calcite-shell-center-row:not([detached]),slot[name=panel-bottom].sc-calcite-shell-s>calcite-shell-center-row:not([detached]){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}/*!@.center-content*/.center-content.sc-calcite-shell{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}/*!@.content-bottom*/.content-bottom.sc-calcite-shell{justify-content:flex-end}/*!@::slotted(calcite-shell-center-row)*/.sc-calcite-shell-s>calcite-shell-center-row{flex:none;align-self:stretch}/*!@::slotted(calcite-tip-manager)*/.sc-calcite-shell-s>calcite-tip-manager{position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}/*!@::slotted(calcite-tip-manager)*/.sc-calcite-shell-s>calcite-tip-manager{animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}/*!@slot[name=center-row]::slotted(calcite-shell-center-row),\nslot[name=panel-bottom]::slotted(calcite-shell-center-row)*/slot[name=center-row].sc-calcite-shell-s>calcite-shell-center-row,slot[name=panel-bottom].sc-calcite-shell-s>calcite-shell-center-row{margin-block-start:auto}/*!@slot[name=panel-top]::slotted(calcite-shell-center-row)*/slot[name=panel-top].sc-calcite-shell-s>calcite-shell-center-row{margin-block-end:auto}/*!@.position-wrapper*/.position-wrapper.sc-calcite-shell{position:absolute;pointer-events:none;inset:0}/*!@:host([hidden])*/[hidden].sc-calcite-shell-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-shell{display:none}";
+const shellCss = "/*!@:host*/.sc-calcite-shell-h{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}/*!@:host **/.sc-calcite-shell-h *.sc-calcite-shell{box-sizing:border-box}/*!@:host*/.sc-calcite-shell-h{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}/*!@.main*/.main.sc-calcite-shell{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}/*!@.content*/.content.sc-calcite-shell{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}/*!@.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow)*/.content .sc-calcite-shell-s>calcite-shell-center-row,.content.sc-calcite-shell-s>calcite-panel,.content .sc-calcite-shell-s>calcite-panel,.content.sc-calcite-shell-s>calcite-flow,.content .sc-calcite-shell-s>calcite-flow{flex:1 1 auto;align-self:stretch;max-block-size:unset}/*!@.content--behind*/.content--behind.sc-calcite-shell{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}/*!@.content--non-interactive*/.content--non-interactive.sc-calcite-shell{pointer-events:none;display:flex}/*!@::slotted(calcite-shell-center-row)*/.sc-calcite-shell-s>calcite-shell-center-row{inline-size:unset}/*!@::slotted(.header .heading)*/.sc-calcite-shell-s>.header .heading{font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}/*!@slot[name=panel-end]::slotted(calcite-shell-panel)*/slot[name=panel-end].sc-calcite-shell-s>calcite-shell-panel{margin-inline-start:auto}/*!@::slotted(calcite-panel),\n::slotted(calcite-flow)*/.sc-calcite-shell-s>calcite-panel,.sc-calcite-shell-s>calcite-flow{border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}/*!@slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached]))*/slot[name=center-row].sc-calcite-shell-s>calcite-shell-center-row:not([detached]),slot[name=panel-top].sc-calcite-shell-s>calcite-shell-center-row:not([detached]),slot[name=panel-bottom].sc-calcite-shell-s>calcite-shell-center-row:not([detached]){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}/*!@.center-content*/.center-content.sc-calcite-shell{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}/*!@.content-bottom*/.content-bottom.sc-calcite-shell{justify-content:flex-end}/*!@::slotted(calcite-shell-center-row)*/.sc-calcite-shell-s>calcite-shell-center-row{flex:none;align-self:stretch}/*!@::slotted(calcite-tip-manager)*/.sc-calcite-shell-s>calcite-tip-manager{position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}/*!@::slotted(calcite-tip-manager)*/.sc-calcite-shell-s>calcite-tip-manager{animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}/*!@slot[name=center-row]::slotted(calcite-shell-center-row),\nslot[name=panel-bottom]::slotted(calcite-shell-center-row)*/slot[name=center-row].sc-calcite-shell-s>calcite-shell-center-row,slot[name=panel-bottom].sc-calcite-shell-s>calcite-shell-center-row{margin-block-start:auto}/*!@slot[name=panel-top]::slotted(calcite-shell-center-row)*/slot[name=panel-top].sc-calcite-shell-s>calcite-shell-center-row{margin-block-end:auto}/*!@.position-wrapper*/.position-wrapper.sc-calcite-shell{position:absolute;pointer-events:none;inset:0}/*!@:host([hidden])*/[hidden].sc-calcite-shell-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-shell{display:none}";
 var CalciteShellStyle0 = shellCss;
 
 /**
@@ -39805,7 +39812,6 @@ const ICON = {
     chevronLeft: "chevron-left",
 };
 const CSS$g = {
-    activeIndicatorContainer: "tab-nav-active-indicator-container",
     container: "tab-nav",
     containerHasEndTabTitleOverflow: "tab-nav--end-overflow",
     containerHasStartTabTitleOverflow: "tab-nav--start-overflow",
@@ -39816,7 +39822,7 @@ const CSS$g = {
     tabTitleSlotWrapper: "tab-titles-slot-wrapper",
 };
 
-const tabNavCss = "/*!@:host*/.sc-calcite-tab-nav-h{--calcite-internal-tab-nav-gradient-start-side:left;--calcite-internal-tab-nav-gradient-end-side:right;position:relative;display:flex}/*!@.scale-s*/.scale-s.sc-calcite-tab-nav{--calcite-internal-tab-nav-scroller-button-width:24px;min-block-size:1.5rem}/*!@.scale-m*/.scale-m.sc-calcite-tab-nav{--calcite-internal-tab-nav-scroller-button-width:32px;min-block-size:2rem}/*!@.scale-l*/.scale-l.sc-calcite-tab-nav{--calcite-internal-tab-nav-scroller-button-width:44px;min-block-size:2.75rem}/*!@.calcite--rtl*/.calcite--rtl.sc-calcite-tab-nav{--calcite-internal-tab-nav-gradient-start-side:right;--calcite-internal-tab-nav-gradient-end-side:left}/*!@.tab-nav--start-overflow .tab-nav-active-indicator-container,\n.tab-nav--start-overflow .tab-titles-slot-wrapper*/.tab-nav--start-overflow.sc-calcite-tab-nav .tab-nav-active-indicator-container.sc-calcite-tab-nav,.tab-nav--start-overflow.sc-calcite-tab-nav .tab-titles-slot-wrapper.sc-calcite-tab-nav{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}/*!@.tab-nav--end-overflow .tab-nav-active-indicator-container,\n.tab-nav--end-overflow .tab-titles-slot-wrapper*/.tab-nav--end-overflow.sc-calcite-tab-nav .tab-nav-active-indicator-container.sc-calcite-tab-nav,.tab-nav--end-overflow.sc-calcite-tab-nav .tab-titles-slot-wrapper.sc-calcite-tab-nav{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}/*!@.tab-nav--start-overflow.tab-nav--end-overflow .tab-nav-active-indicator-container,\n.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper*/.tab-nav--start-overflow.tab-nav--end-overflow.sc-calcite-tab-nav .tab-nav-active-indicator-container.sc-calcite-tab-nav,.tab-nav--start-overflow.tab-nav--end-overflow.sc-calcite-tab-nav .tab-titles-slot-wrapper.sc-calcite-tab-nav{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%)}/*!@.tab-nav::-webkit-scrollbar*/.tab-nav.sc-calcite-tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}/*!@:host([layout=center]) ::slotted(calcite-tab-title)*/.sc-calcite-tab-nav-h[layout=center] .sc-calcite-tab-nav-s>calcite-tab-title{display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}/*!@:host([layout=center]) ::slotted(calcite-tab-title[selected])*/.sc-calcite-tab-nav-h[layout=center] .sc-calcite-tab-nav-s>calcite-tab-title[selected]{overflow:unset}/*!@:host(:not([bordered])) .scale-l*/.sc-calcite-tab-nav-h:not([bordered]) .scale-l.sc-calcite-tab-nav{--calcite-internal-tab-nav-gap:var(--calcite-size-xxl)}/*!@:host(:not([bordered])) .scale-m*/.sc-calcite-tab-nav-h:not([bordered]) .scale-m.sc-calcite-tab-nav{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}/*!@:host(:not([bordered])) .scale-s*/.sc-calcite-tab-nav-h:not([bordered]) .scale-s.sc-calcite-tab-nav{--calcite-internal-tab-nav-gap:var(--calcite-size-lg)}/*!@:host(:not([bordered])) .tab-titles-slot-wrapper*/.sc-calcite-tab-nav-h:not([bordered]) .tab-titles-slot-wrapper.sc-calcite-tab-nav{gap:var(--calcite-internal-tab-nav-gap)}/*!@:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper*/[layout=center].sc-calcite-tab-nav-h:not([bordered]) .tab-titles-slot-wrapper.sc-calcite-tab-nav{padding-inline:var(--calcite-spacing-xxl)}/*!@.tab-nav,\n.tab-titles-slot-wrapper*/.tab-nav.sc-calcite-tab-nav,.tab-titles-slot-wrapper.sc-calcite-tab-nav{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}/*!@.tab-nav-active-indicator-container*/.tab-nav-active-indicator-container.sc-calcite-tab-nav{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}/*!@.tab-nav-active-indicator*/.tab-nav-active-indicator.sc-calcite-tab-nav{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}/*!@.scroll-button-container*/.scroll-button-container.sc-calcite-tab-nav{position:absolute;inset-block:0px}/*!@.scroll-button-container calcite-button*/.scroll-button-container.sc-calcite-tab-nav calcite-button.sc-calcite-tab-nav{--calcite-offset-invert-focus:1;--calcite-color-text-1:var(--calcite-color-text-3);block-size:100%}/*!@.scroll-button-container calcite-button:hover*/.scroll-button-container.sc-calcite-tab-nav calcite-button.sc-calcite-tab-nav:hover{--calcite-color-text-1:unset;--calcite-color-foreground-1:var(--calcite-color-transparent-hover);--calcite-color-foreground-3:var(--calcite-color-transparent)}/*!@.scroll-button-container--forward*/.scroll-button-container--forward.sc-calcite-tab-nav{inset-inline-end:0;z-index:var(--calcite-z-index)}/*!@.scroll-button-container--backward*/.scroll-button-container--backward.sc-calcite-tab-nav{inset-inline-start:0;z-index:var(--calcite-z-index)}/*!@:host(:not([bordered])) .scroll-button-container--backward::before,\n:host(:not([bordered])) .scroll-button-container--forward::before*/.sc-calcite-tab-nav-h:not([bordered]) .scroll-button-container--backward.sc-calcite-tab-nav::before,.sc-calcite-tab-nav-h:not([bordered]) .scroll-button-container--forward.sc-calcite-tab-nav::before{background-color:var(--calcite-color-border-3);content:\"\";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}/*!@:host(:not([bordered])) .scroll-button-container--backward::before*/.sc-calcite-tab-nav-h:not([bordered]) .scroll-button-container--backward.sc-calcite-tab-nav::before{inset-inline-end:0}/*!@:host(:not([bordered])) .scroll-button-container--forward::before*/.sc-calcite-tab-nav-h:not([bordered]) .scroll-button-container--forward.sc-calcite-tab-nav::before{inset-inline-start:0}/*!@:host .position-bottom .tab-nav-active-indicator*/.sc-calcite-tab-nav-h .position-bottom.sc-calcite-tab-nav .tab-nav-active-indicator.sc-calcite-tab-nav{inset-block-end:unset;inset-block-start:0px}/*!@:host .position-bottom .tab-nav-active-indicator-container*/.sc-calcite-tab-nav-h .position-bottom.sc-calcite-tab-nav .tab-nav-active-indicator-container.sc-calcite-tab-nav{inset-block-end:unset;inset-block-start:0px}/*!@:host([bordered]) .tab-nav-active-indicator-container*/[bordered].sc-calcite-tab-nav-h .tab-nav-active-indicator-container.sc-calcite-tab-nav{inset-block-end:unset}/*!@:host([bordered]) .position-bottom .tab-nav-active-indicator-container*/[bordered].sc-calcite-tab-nav-h .position-bottom.sc-calcite-tab-nav .tab-nav-active-indicator-container.sc-calcite-tab-nav{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){/*!@.tab-nav-active-indicator*/.tab-nav-active-indicator.sc-calcite-tab-nav{background-color:highlight}}/*!@:host([hidden])*/[hidden].sc-calcite-tab-nav-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tab-nav{display:none}";
+const tabNavCss = "/*!@:host*/.sc-calcite-tab-nav-h{--calcite-internal-tab-nav-gradient-start-side:left;--calcite-internal-tab-nav-gradient-end-side:right;position:relative;display:flex}/*!@.scale-s*/.scale-s.sc-calcite-tab-nav{--calcite-internal-tab-nav-scroller-button-width:24px;min-block-size:1.5rem}/*!@.scale-m*/.scale-m.sc-calcite-tab-nav{--calcite-internal-tab-nav-scroller-button-width:32px;min-block-size:2rem}/*!@.scale-l*/.scale-l.sc-calcite-tab-nav{--calcite-internal-tab-nav-scroller-button-width:44px;min-block-size:2.75rem}/*!@.calcite--rtl*/.calcite--rtl.sc-calcite-tab-nav{--calcite-internal-tab-nav-gradient-start-side:right;--calcite-internal-tab-nav-gradient-end-side:left}/*!@.tab-nav--start-overflow .tab-titles-slot-wrapper*/.tab-nav--start-overflow.sc-calcite-tab-nav .tab-titles-slot-wrapper.sc-calcite-tab-nav{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}/*!@.tab-nav--end-overflow .tab-titles-slot-wrapper*/.tab-nav--end-overflow.sc-calcite-tab-nav .tab-titles-slot-wrapper.sc-calcite-tab-nav{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}/*!@.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper*/.tab-nav--start-overflow.tab-nav--end-overflow.sc-calcite-tab-nav .tab-titles-slot-wrapper.sc-calcite-tab-nav{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%)}/*!@.tab-nav::-webkit-scrollbar*/.tab-nav.sc-calcite-tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}/*!@:host([layout=center]) ::slotted(calcite-tab-title)*/.sc-calcite-tab-nav-h[layout=center] .sc-calcite-tab-nav-s>calcite-tab-title{display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}/*!@:host([layout=center]) ::slotted(calcite-tab-title[selected])*/.sc-calcite-tab-nav-h[layout=center] .sc-calcite-tab-nav-s>calcite-tab-title[selected]{overflow:unset}/*!@:host(:not([bordered])) .scale-l*/.sc-calcite-tab-nav-h:not([bordered]) .scale-l.sc-calcite-tab-nav{--calcite-internal-tab-nav-gap:var(--calcite-size-xxl)}/*!@:host(:not([bordered])) .scale-m*/.sc-calcite-tab-nav-h:not([bordered]) .scale-m.sc-calcite-tab-nav{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}/*!@:host(:not([bordered])) .scale-s*/.sc-calcite-tab-nav-h:not([bordered]) .scale-s.sc-calcite-tab-nav{--calcite-internal-tab-nav-gap:var(--calcite-size-lg)}/*!@:host(:not([bordered])) .tab-titles-slot-wrapper*/.sc-calcite-tab-nav-h:not([bordered]) .tab-titles-slot-wrapper.sc-calcite-tab-nav{gap:var(--calcite-internal-tab-nav-gap)}/*!@:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper*/[layout=center].sc-calcite-tab-nav-h:not([bordered]) .tab-titles-slot-wrapper.sc-calcite-tab-nav{padding-inline:var(--calcite-spacing-xxl)}/*!@.tab-nav,\n.tab-titles-slot-wrapper*/.tab-nav.sc-calcite-tab-nav,.tab-titles-slot-wrapper.sc-calcite-tab-nav{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}/*!@.scroll-button-container*/.scroll-button-container.sc-calcite-tab-nav{position:absolute;inset-block:0px}/*!@.scroll-button-container calcite-button*/.scroll-button-container.sc-calcite-tab-nav calcite-button.sc-calcite-tab-nav{--calcite-offset-invert-focus:1;--calcite-color-text-1:var(--calcite-color-text-3);block-size:100%}/*!@.scroll-button-container calcite-button:hover*/.scroll-button-container.sc-calcite-tab-nav calcite-button.sc-calcite-tab-nav:hover{--calcite-color-text-1:unset;--calcite-color-foreground-1:var(--calcite-color-transparent-hover);--calcite-color-foreground-3:var(--calcite-color-transparent)}/*!@.scroll-button-container--forward*/.scroll-button-container--forward.sc-calcite-tab-nav{inset-inline-end:0;z-index:var(--calcite-z-index)}/*!@.scroll-button-container--backward*/.scroll-button-container--backward.sc-calcite-tab-nav{inset-inline-start:0;z-index:var(--calcite-z-index)}/*!@:host(:not([bordered])) .scroll-button-container--backward::before,\n:host(:not([bordered])) .scroll-button-container--forward::before*/.sc-calcite-tab-nav-h:not([bordered]) .scroll-button-container--backward.sc-calcite-tab-nav::before,.sc-calcite-tab-nav-h:not([bordered]) .scroll-button-container--forward.sc-calcite-tab-nav::before{background-color:var(--calcite-color-border-3);content:\"\";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}/*!@:host(:not([bordered])) .scroll-button-container--backward::before*/.sc-calcite-tab-nav-h:not([bordered]) .scroll-button-container--backward.sc-calcite-tab-nav::before{inset-inline-end:0}/*!@:host(:not([bordered])) .scroll-button-container--forward::before*/.sc-calcite-tab-nav-h:not([bordered]) .scroll-button-container--forward.sc-calcite-tab-nav::before{inset-inline-start:0}/*!@:host([hidden])*/[hidden].sc-calcite-tab-nav-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tab-nav{display:none}";
 var CalciteTabNavStyle0 = tabNavCss;
 
 /**
@@ -39831,6 +39837,11 @@ class TabNav {
         this.effectiveDir = "ltr";
         this.lastScrollWheelAxis = "x";
         this.resizeObserver = createObserver();
+        //--------------------------------------------------------------------------
+        //
+        //  Private Methods
+        //
+        //--------------------------------------------------------------------------
         this.onTabTitleWheel = (event) => {
             event.preventDefault();
             const { deltaX, deltaY } = event;
@@ -39850,7 +39861,6 @@ class TabNav {
             }
             const scrollByX = (this.effectiveDir === "rtl" ? -1 : 1) * scrollBy;
             event.currentTarget.scrollBy(scrollByX, 0);
-            requestAnimationFrame(() => this.updateActiveIndicator());
         };
         this.onSlotChange = (event) => {
             this.intersectionObserver?.disconnect();
@@ -39860,7 +39870,6 @@ class TabNav {
             });
             this.calciteInternalTabNavSlotChange.emit(slottedElements);
         };
-        this.storeContainerRef = (el) => (this.containerEl = el);
         this.storeTabTitleWrapperRef = (el) => {
             this.tabTitleContainerEl = el;
             this.intersectionObserver = createObserver();
@@ -39927,7 +39936,6 @@ class TabNav {
             event.stopPropagation();
         };
         this.onTabTitleScroll = () => {
-            this.updateActiveIndicator();
             this.updateScrollingState();
         };
         this.renderScrollButton = (overflowDirection) => {
@@ -39948,8 +39956,6 @@ class TabNav {
         this.layout = "inline";
         this.position = "bottom";
         this.bordered = false;
-        this.indicatorOffset = undefined;
-        this.indicatorWidth = undefined;
         this.messages = undefined;
         this.messageOverrides = undefined;
         this.defaultMessages = undefined;
@@ -39962,7 +39968,6 @@ class TabNav {
         this.calciteInternalTabChange.emit({
             tab: this.selectedTabId,
         });
-        this.updateActiveIndicator();
     }
     onMessagesChange() {
         /* wired up by t9n util */
@@ -39994,9 +39999,6 @@ class TabNav {
         this.layout = parentTabsEl?.layout;
         this.bordered = parentTabsEl?.bordered;
         this.effectiveDir = getElementDir(this.el);
-        if (this.selectedTitle) {
-            this.updateActiveIndicator();
-        }
     }
     componentDidRender() {
         // if every tab title is active select the first tab.
@@ -40021,21 +40023,16 @@ class TabNav {
     //
     //--------------------------------------------------------------------------
     render() {
-        const width = `${this.indicatorWidth}px`;
-        const offset = `${this.indicatorOffset}px`;
-        const indicatorStyle = this.effectiveDir !== "rtl" ? { width, left: offset } : { width, right: offset };
-        return (hAsync(Host, { key: '03a7e31efc324cf2f7f627828b634282158a1d4f', role: "tablist" }, hAsync("div", { key: 'b718384a646328943a023329c3eec6425a3c4935', class: {
+        return (hAsync(Host, { key: '1e35ab32be6d2a978d46f3f6d74f40ca103236d6', role: "tablist" }, hAsync("div", { key: 'e69c99975a0e592601b71774c2b8370dc9a27a63', class: {
                 [CSS$g.container]: true,
                 [CSS$g.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,
                 [CSS$g.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,
                 [`scale-${this.scale}`]: true,
                 [`position-${this.position}`]: true,
                 [CSS_UTILITY.rtl]: this.effectiveDir === "rtl",
-            }, ref: this.storeContainerRef }, this.renderScrollButton("start"), hAsync("div", { key: '50d3c33b30379f2b2d08374bfa0addfc0ce5954f', class: {
+            } }, this.renderScrollButton("start"), hAsync("div", { key: '5123b631919613f7cb4cdcf80eb2a2c17de7b8b9', class: {
                 [CSS$g.tabTitleSlotWrapper]: true,
-            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: '94f8b54ec53391f0f58f572f637153594df35a57', onSlotchange: this.onSlotChange })), hAsync("div", { key: '773ebbcc7b2bbab16e068d00667b2c7d8de19571', class: {
-                [CSS$g.activeIndicatorContainer]: true,
-            }, ref: (el) => (this.activeIndicatorContainerEl = el) }, hAsync("div", { key: '167234b76ea91436674ee1443652214f6843e023', class: "tab-nav-active-indicator", ref: (el) => (this.activeIndicatorEl = el), style: indicatorStyle })), this.renderScrollButton("end"))));
+            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: 'a18d8dd6c2163b1e3c777b396395c6dc2143aca5', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
     }
     //--------------------------------------------------------------------------
     //
@@ -40122,9 +40119,6 @@ class TabNav {
         }
         event.stopPropagation();
     }
-    iconStartChangeHandler() {
-        this.updateActiveIndicator();
-    }
     effectiveLocaleChange() {
         updateMessages(this);
     }
@@ -40143,23 +40137,6 @@ class TabNav {
         const { scale } = this;
         return parseInt(scale === "s" ? calciteSize24 : scale === "m" ? calciteSize32 : calciteSize44);
     }
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    updateActiveIndicator() {
-        const tabTitleScrollLeft = this.tabTitleContainerEl?.scrollLeft;
-        const containerScrollLeft = this.containerEl?.scrollLeft;
-        const navWidth = this.activeIndicatorContainerEl?.offsetWidth;
-        const tabLeft = this.selectedTitle?.offsetLeft;
-        const tabWidth = this.selectedTitle?.offsetWidth;
-        const offsetRight = navWidth - tabLeft - tabWidth;
-        const offsetBase = this.effectiveDir === "ltr" ? tabLeft : offsetRight;
-        const multiplier = this.effectiveDir === "ltr" ? -1 : 1;
-        this.indicatorOffset = offsetBase + multiplier * (containerScrollLeft + tabTitleScrollLeft);
-        this.indicatorWidth = this.selectedTitle?.offsetWidth;
-    }
     updateScrollingState() {
         const tabTitleContainer = this.tabTitleContainerEl;
         if (!tabTitleContainer) {
@@ -40218,7 +40195,6 @@ class TabNav {
             }
         }
         requestAnimationFrame(() => {
-            this.updateActiveIndicator();
             tabTitles[this.selectedTabId].focus();
         });
     }
@@ -40242,8 +40218,6 @@ class TabNav {
             "layout": [1537],
             "position": [1],
             "bordered": [1540],
-            "indicatorOffset": [1026, "indicator-offset"],
-            "indicatorWidth": [1026, "indicator-width"],
             "messages": [1040],
             "messageOverrides": [1040],
             "defaultMessages": [32],
@@ -40252,7 +40226,7 @@ class TabNav {
             "hasOverflowingEndTabTitle": [32],
             "selectedTabId": [32]
         },
-        "$listeners$": [[0, "calciteInternalTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteInternalTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsFocusFirst", "focusFirstTabHandler"], [0, "calciteInternalTabsFocusLast", "focusLastTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteInternalTabsClose", "internalCloseTabHandler"], [0, "calciteInternalTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"], [0, "calciteInternalTabIconChanged", "iconStartChangeHandler"]],
+        "$listeners$": [[0, "calciteInternalTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteInternalTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsFocusFirst", "focusFirstTabHandler"], [0, "calciteInternalTabsFocusLast", "focusLastTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteInternalTabsClose", "internalCloseTabHandler"], [0, "calciteInternalTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["storageId", "storage-id"], ["syncId", "sync-id"], ["layout", "layout"], ["bordered", "bordered"]]
     }; }
@@ -40261,18 +40235,21 @@ class TabNav {
 const CSS$f = {
     closeButton: "close-button",
     container: "container",
+    containerBottom: "container--bottom",
     content: "content",
     contentHasText: "content--has-text",
     iconEnd: "icon-end",
     iconPresent: "icon-present",
     iconStart: "icon-start",
     titleIcon: "calcite-tab-title--icon",
+    scale: (scale) => `scale-${scale}`,
+    selectedIndicator: "selected-indicator",
 };
 const ICONS$5 = {
     close: "x",
 };
 
-const tabTitleCss = "/*!@:host([disabled])*/[disabled].sc-calcite-tab-title-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-tab-title-h *.sc-calcite-tab-title,.sc-calcite-tab-title-h[disabled].sc-calcite-tab-title-s>*,.sc-calcite-tab-title-h[disabled] .sc-calcite-tab-title-s>*{pointer-events:none}/*!@:host*/.sc-calcite-tab-title-h{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}/*!@:host([layout=inline])*/[layout=inline].sc-calcite-tab-title-h{flex:0 1 auto}/*!@:host([layout=center])*/[layout=center].sc-calcite-tab-title-h{flex:1 1 auto}/*!@.content*/.content.sc-calcite-tab-title{display:flex;align-items:center;justify-content:center}/*!@.scale-s .content*/.scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}/*!@.scale-m .content*/.scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.scale-l .content*/.scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([closable]) .content*/[closable].sc-calcite-tab-title-h .content.sc-calcite-tab-title{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}/*!@:host([layout=inline]) .content,\n:host([layout=center]) .content*/[layout=inline].sc-calcite-tab-title-h .content.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .content.sc-calcite-tab-title{padding-inline:0.25rem}/*!@:host([layout=center]) .scale-s,\n:host([layout=center]) .scale-m,\n:host([layout=center]) .scale-l*/[layout=center].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title{margin-block:0px;justify-content:center;text-align:center}/*!@:host([layout=center]) .scale-s .content,\n:host([layout=center]) .scale-m .content,\n:host([layout=center]) .scale-l .content*/[layout=center].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title{flex:1 1 auto;flex-grow:1}/*!@.container*/.container.sc-calcite-tab-title{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;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;border-block-end-color:transparent;border-block-end-style:solid}/*!@:host([position=bottom]) .container*/[position=bottom].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}/*!@:host([closed])*/[closed].sc-calcite-tab-title-h{display:none}/*!@:host([selected]) .container*/[selected].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-color:transparent;color:var(--calcite-color-text-1)}/*!@:host(:focus) .container*/.sc-calcite-tab-title-h:focus .container.sc-calcite-tab-title{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          )}/*!@:host(:focus) .container:focus-within*/.sc-calcite-tab-title-h:focus .container.sc-calcite-tab-title:focus-within{outline-color:transparent}/*!@:host(:active) a,\n:host(:focus) a,\n:host(:hover) a*/.sc-calcite-tab-title-h:active a.sc-calcite-tab-title,.sc-calcite-tab-title-h:focus a.sc-calcite-tab-title,.sc-calcite-tab-title-h:hover a.sc-calcite-tab-title{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}/*!@:host([disabled]) .container*/[disabled].sc-calcite-tab-title-h .container.sc-calcite-tab-title{pointer-events:none;opacity:0.5}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-tab-title-h[disabled] .sc-calcite-tab-title-s>[calcite-hydrated][disabled],[disabled].sc-calcite-tab-title-h [calcite-hydrated][disabled].sc-calcite-tab-title{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-tab-title{display:contents}/*!@.calcite-tab-title--icon*/.calcite-tab-title--icon.sc-calcite-tab-title{position:relative;margin:0px;display:inline-flex;align-self:center}/*!@.calcite-tab-title--icon svg*/.calcite-tab-title--icon.sc-calcite-tab-title svg.sc-calcite-tab-title{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}/*!@.content--has-text*/.content--has-text.sc-calcite-tab-title{padding:0.25rem}/*!@.content--has-text .calcite-tab-title--icon.icon-start*/.content--has-text.sc-calcite-tab-title .calcite-tab-title--icon.icon-start.sc-calcite-tab-title{margin-inline-end:0.5rem}/*!@.content--has-text .calcite-tab-title--icon.icon-end*/.content--has-text.sc-calcite-tab-title .calcite-tab-title--icon.icon-end.sc-calcite-tab-title{margin-inline-start:0.5rem}/*!@.close-button*/.close-button.sc-calcite-tab-title{display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding:0.25rem;color:var(--calcite-color-text-3);outline-color:transparent;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;background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}/*!@.close-button:focus*/.close-button.sc-calcite-tab-title: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          );outline-offset:-1px}/*!@.close-button:focus, .close-button:hover*/.close-button.sc-calcite-tab-title:focus,.close-button.sc-calcite-tab-title:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}/*!@.close-button:active*/.close-button.sc-calcite-tab-title:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}/*!@.close-button calcite-icon*/.close-button.sc-calcite-tab-title calcite-icon.sc-calcite-tab-title{color:inherit}/*!@:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child*/[icon-start][icon-end].sc-calcite-tab-title-h .calcite-tab-title--icon.sc-calcite-tab-title:first-child{margin-inline-end:0.5rem}/*!@:host([bordered])*/[bordered].sc-calcite-tab-title-h{margin-inline-end:0}/*!@:host([bordered][selected])*/[bordered][selected].sc-calcite-tab-title-h{box-shadow:inset 0 -2px var(--calcite-color-foreground-1)}/*!@:host([bordered][selected][position=bottom])*/[bordered][selected][position=bottom].sc-calcite-tab-title-h{box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}/*!@:host([bordered]:hover) .container*/[bordered].sc-calcite-tab-title-h:hover .container.sc-calcite-tab-title{background-color:var(--calcite-color-transparent-hover)}/*!@:host([closable]) .container,\n:host([bordered]) .container*/[closable].sc-calcite-tab-title-h .container.sc-calcite-tab-title,[bordered].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}/*!@:host([closable]) .container .close-button,\n:host([bordered]) .container .close-button*/[closable].sc-calcite-tab-title-h .container.sc-calcite-tab-title .close-button.sc-calcite-tab-title,[bordered].sc-calcite-tab-title-h .container.sc-calcite-tab-title .close-button.sc-calcite-tab-title{margin-inline:0}/*!@:host([closable][position=bottom]) .container,\n:host([bordered][position=bottom]) .container*/[closable][position=bottom].sc-calcite-tab-title-h .container.sc-calcite-tab-title,[bordered][position=bottom].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-block-start-style:unset}/*!@:host([selected][bordered]) .container*/[selected][bordered].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}/*!@:host([layout=inline][bordered]) .scale-m .content,\n:host([layout=center][bordered]) .scale-m .content*/[layout=inline][bordered].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center][bordered].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-inline:0.75rem}/*!@:host([layout=inline][bordered]) .scale-s .content,\n:host([layout=center][bordered]) .scale-s .content*/[layout=inline][bordered].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center][bordered].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-inline:0.5rem}/*!@:host([layout=inline][bordered]) .scale-l .content,\n:host([layout=center][bordered]) .scale-l .content*/[layout=inline][bordered].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center][bordered].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-inline:1rem}/*!@:host([layout=inline][closable]) .scale-s .content,\n:host([layout=inline][closable]) .scale-m .content,\n:host([layout=inline][closable]) .scale-l .content*/[layout=inline][closable].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=inline][closable].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=inline][closable].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-inline-end:0}@media (forced-colors: active){/*!@:host*/.sc-calcite-tab-title-h{outline-width:0;outline-offset:0}/*!@:host(:focus) .container*/.sc-calcite-tab-title-h:focus .container.sc-calcite-tab-title{outline-color:highlight}/*!@:host([bordered]) .container*/[bordered].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-block-end-style:solid}/*!@:host([bordered][position=bottom]) .container*/[bordered][position=bottom].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-block-start-style:solid}/*!@:host([bordered][selected]) .container*/[bordered][selected].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-block-end-style:none}/*!@:host([bordered][position=bottom][selected]) .container*/[bordered][position=bottom][selected].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-block-start-style:none}/*!@.close-button*/.close-button.sc-calcite-tab-title{z-index:var(--calcite-z-index)}}/*!@:host([hidden])*/[hidden].sc-calcite-tab-title-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tab-title{display:none}";
+const tabTitleCss = "/*!@:host([disabled])*/[disabled].sc-calcite-tab-title-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-tab-title-h *.sc-calcite-tab-title,.sc-calcite-tab-title-h[disabled].sc-calcite-tab-title-s>*,.sc-calcite-tab-title-h[disabled] .sc-calcite-tab-title-s>*{pointer-events:none}/*!@:host*/.sc-calcite-tab-title-h{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}/*!@:host([layout=inline])*/[layout=inline].sc-calcite-tab-title-h{flex:0 1 auto}/*!@:host([layout=center])*/[layout=center].sc-calcite-tab-title-h{flex:1 1 auto}/*!@.content*/.content.sc-calcite-tab-title{position:relative;margin-block-end:0.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}/*!@.scale-s .content*/.scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}/*!@.scale-s .close-button*/.scale-s.sc-calcite-tab-title .close-button.sc-calcite-tab-title{inline-size:1.25rem}/*!@.scale-m .content*/.scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}/*!@.scale-m .close-button*/.scale-m.sc-calcite-tab-title .close-button.sc-calcite-tab-title{inline-size:1.75rem}/*!@.scale-l .content*/.scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@.scale-l .close-button*/.scale-l.sc-calcite-tab-title .close-button.sc-calcite-tab-title{inline-size:2rem}/*!@:host([closable]) .content*/[closable].sc-calcite-tab-title-h .content.sc-calcite-tab-title{border-block-end-color:transparent}/*!@:host([layout=inline]) .content,\n:host([layout=center]) .content*/[layout=inline].sc-calcite-tab-title-h .content.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .content.sc-calcite-tab-title{padding-inline:0.25rem}/*!@:host([layout=center]) .scale-s,\n:host([layout=center]) .scale-m,\n:host([layout=center]) .scale-l*/[layout=center].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title{margin-block:0px;justify-content:center;text-align:center}/*!@:host([layout=center]) .scale-s .content,\n:host([layout=center]) .scale-m .content,\n:host([layout=center]) .scale-l .content*/[layout=center].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title{flex:1 1 auto;flex-grow:1}/*!@.container*/.container.sc-calcite-tab-title{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;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}/*!@.selected-indicator*/.selected-indicator.sc-calcite-tab-title{position:absolute;display:block;block-size:0.125rem;inline-size:100%;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;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}/*!@.container--bottom .selected-indicator*/.container--bottom.sc-calcite-tab-title .selected-indicator.sc-calcite-tab-title{inset-block-end:unset;inset-block-start:0}/*!@:host([bordered]) .selected-indicator*/[bordered].sc-calcite-tab-title-h .selected-indicator.sc-calcite-tab-title{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}/*!@:host([bordered][selected]) .container::after*/[bordered][selected].sc-calcite-tab-title-h .container.sc-calcite-tab-title::after{position:absolute;display:block;block-size:0.125rem;inline-size:100%;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;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:\"\"}/*!@:host([bordered][selected]) .container.container--bottom::after*/[bordered][selected].sc-calcite-tab-title-h .container.container--bottom.sc-calcite-tab-title::after{inset-block-start:-1px}/*!@:host([bordered][selected]:hover) .container::after*/[bordered][selected].sc-calcite-tab-title-h:hover .container.sc-calcite-tab-title::after{background:var(--calcite-color-foreground-2)}/*!@:host([bordered][selected]:focus) .container::after*/[bordered][selected].sc-calcite-tab-title-h:focus .container.sc-calcite-tab-title::after{background:transparent}/*!@:host([bordered]) .container--bottom .selected-indicator*/[bordered].sc-calcite-tab-title-h .container--bottom.sc-calcite-tab-title .selected-indicator.sc-calcite-tab-title{inset-block-start:unset;inset-block-end:0}/*!@:host([selected]) .selected-indicator,\n:host([selected]:hover) .selected-indicator*/[selected].sc-calcite-tab-title-h .selected-indicator.sc-calcite-tab-title,[selected].sc-calcite-tab-title-h:hover .selected-indicator.sc-calcite-tab-title{background-color:var(--calcite-color-brand)}/*!@:host(:hover) .selected-indicator*/.sc-calcite-tab-title-h:hover .selected-indicator.sc-calcite-tab-title{background-color:var(--calcite-color-border-3)}/*!@:host(:focus) .selected-indicator,\n:host(:active) .selected-indicator*/.sc-calcite-tab-title-h:focus .selected-indicator.sc-calcite-tab-title,.sc-calcite-tab-title-h:active .selected-indicator.sc-calcite-tab-title{background-color:var(--calcite-color-brand)}@media (forced-colors: active){/*!@.selected-indicator*/.selected-indicator.sc-calcite-tab-title{background-color:highlight}}/*!@:host([closed])*/[closed].sc-calcite-tab-title-h{display:none}/*!@:host([selected]) .container*/[selected].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-color:transparent;color:var(--calcite-color-text-1)}/*!@:host(:focus) .container*/.sc-calcite-tab-title-h:focus .container.sc-calcite-tab-title{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          )}/*!@:host(:focus) .container:focus-within*/.sc-calcite-tab-title-h:focus .container.sc-calcite-tab-title:focus-within{outline-color:transparent}/*!@:host(:active) a,\n:host(:focus) a,\n:host(:hover) a*/.sc-calcite-tab-title-h:active a.sc-calcite-tab-title,.sc-calcite-tab-title-h:focus a.sc-calcite-tab-title,.sc-calcite-tab-title-h:hover a.sc-calcite-tab-title{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}/*!@:host([disabled]) .container*/[disabled].sc-calcite-tab-title-h .container.sc-calcite-tab-title{pointer-events:none;opacity:0.5}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-tab-title-h[disabled] .sc-calcite-tab-title-s>[calcite-hydrated][disabled],[disabled].sc-calcite-tab-title-h [calcite-hydrated][disabled].sc-calcite-tab-title{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-tab-title{display:contents}/*!@.calcite-tab-title--icon*/.calcite-tab-title--icon.sc-calcite-tab-title{position:relative;margin:0px;display:inline-flex;align-self:center}/*!@.calcite-tab-title--icon svg*/.calcite-tab-title--icon.sc-calcite-tab-title svg.sc-calcite-tab-title{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}/*!@.content--has-text*/.content--has-text.sc-calcite-tab-title{padding:0.25rem}/*!@.content--has-text .calcite-tab-title--icon.icon-start*/.content--has-text.sc-calcite-tab-title .calcite-tab-title--icon.icon-start.sc-calcite-tab-title{margin-inline-end:var(--calcite-spacing-sm)}/*!@.content--has-text .calcite-tab-title--icon.icon-end*/.content--has-text.sc-calcite-tab-title .calcite-tab-title--icon.icon-end.sc-calcite-tab-title{margin-inline-start:var(--calcite-spacing-sm)}/*!@.close-button*/.close-button.sc-calcite-tab-title{display:flex;block-size:100%;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);outline-color:transparent;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;background-color:var(--calcite-button-transparent-1);margin-inline-end:var(--calcite-spacing-px);box-shadow:var(--calcite-spacing-px) 0 0 0 transparent, 0 var(--calcite-spacing-xxs) 0 0 transparent;block-size:calc(100% - var(--calcite-spacing-xxs))}/*!@.close-button:hover*/.close-button.sc-calcite-tab-title:hover{box-shadow:var(--calcite-spacing-px) 0 0 0 var(--calcite-color-foreground-3)}/*!@.close-button:focus*/.close-button.sc-calcite-tab-title:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand))}/*!@.close-button:focus, .close-button:hover*/.close-button.sc-calcite-tab-title:focus,.close-button.sc-calcite-tab-title:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}/*!@.close-button:active*/.close-button.sc-calcite-tab-title:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}/*!@.close-button calcite-icon*/.close-button.sc-calcite-tab-title calcite-icon.sc-calcite-tab-title{color:inherit}/*!@:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child*/[icon-start][icon-end].sc-calcite-tab-title-h .calcite-tab-title--icon.sc-calcite-tab-title:first-child{margin-inline-end:var(--calcite-spacing-sm)}/*!@:host([bordered])*/[bordered].sc-calcite-tab-title-h{margin-inline-end:0}/*!@:host([bordered][selected])*/[bordered][selected].sc-calcite-tab-title-h{box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}/*!@:host([bordered][selected][position=bottom])*/[bordered][selected][position=bottom].sc-calcite-tab-title-h{box-shadow:inset 0 var(--calcite-spacing-base) 0 var(--calcite-color-foreground-1)}/*!@:host([bordered]:hover) .container*/[bordered].sc-calcite-tab-title-h:hover .container.sc-calcite-tab-title{background-color:var(--calcite-color-foreground-2)}/*!@:host([closable]) .container,\n:host([bordered]) .container*/[closable].sc-calcite-tab-title-h .container.sc-calcite-tab-title,[bordered].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-inline-start:var(--calcite-spacing-px) solid transparent;border-inline-end:var(--calcite-spacing-px) solid transparent}/*!@:host([closable]) .container .close-button,\n:host([bordered]) .container .close-button*/[closable].sc-calcite-tab-title-h .container.sc-calcite-tab-title .close-button.sc-calcite-tab-title,[bordered].sc-calcite-tab-title-h .container.sc-calcite-tab-title .close-button.sc-calcite-tab-title{margin-inline-start:var(--calcite-spacing-sm)}/*!@:host([selected][bordered]) .container*/[selected][bordered].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}/*!@:host([layout=inline][bordered]) .scale-m .content,\n:host([layout=center][bordered]) .scale-m .content*/[layout=inline][bordered].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center][bordered].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-inline:0.75rem}/*!@:host([layout=inline][bordered]) .scale-s .content,\n:host([layout=center][bordered]) .scale-s .content*/[layout=inline][bordered].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center][bordered].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-inline:0.5rem}/*!@:host([layout=inline][bordered]) .scale-l .content,\n:host([layout=center][bordered]) .scale-l .content*/[layout=inline][bordered].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=center][bordered].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-inline:1rem}/*!@:host([layout=inline][closable]) .scale-s .content,\n:host([layout=inline][closable]) .scale-m .content,\n:host([layout=inline][closable]) .scale-l .content*/[layout=inline][closable].sc-calcite-tab-title-h .scale-s.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=inline][closable].sc-calcite-tab-title-h .scale-m.sc-calcite-tab-title .content.sc-calcite-tab-title,[layout=inline][closable].sc-calcite-tab-title-h .scale-l.sc-calcite-tab-title .content.sc-calcite-tab-title{padding-inline-end:0}@media (forced-colors: active){/*!@:host*/.sc-calcite-tab-title-h{outline-width:0;outline-offset:0}/*!@:host(:focus) .container*/.sc-calcite-tab-title-h:focus .container.sc-calcite-tab-title{outline-color:highlight}/*!@:host([bordered]) .container*/[bordered].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-block-end-style:solid}/*!@:host([bordered]) .container--bottom*/[bordered].sc-calcite-tab-title-h .container--bottom.sc-calcite-tab-title{border-block-start-style:solid}/*!@:host([bordered][selected]) .container*/[bordered][selected].sc-calcite-tab-title-h .container.sc-calcite-tab-title{border-block-end-style:none}/*!@:host([bordered][selected]) .container--bottom*/[bordered][selected].sc-calcite-tab-title-h .container--bottom.sc-calcite-tab-title{border-block-start-style:none}/*!@.close-button*/.close-button.sc-calcite-tab-title{z-index:var(--calcite-z-index)}}/*!@:host([hidden])*/[hidden].sc-calcite-tab-title-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tab-title{display:none}";
 var CalciteTabTitleStyle0 = tabTitleCss;
 
 /**
@@ -40372,13 +40349,14 @@ class TabTitle {
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (hAsync("calcite-icon", { key: '37a9766daa93ec03e08b32a8ecd6bd688b14488d', class: { [CSS$f.titleIcon]: true, [CSS$f.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        const iconEndEl = (hAsync("calcite-icon", { key: '7c291ddb6371c11de0700b641c14c692df410cf2', class: { [CSS$f.titleIcon]: true, [CSS$f.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
-        return (hAsync(Host, { key: '28845761bba17ef7881a4648e3ddd337a196dd43', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '684b4b67e1e964eb2f1ff749e4830d84e923bb3d', disabled: this.disabled }, hAsync("div", { key: 'a32e2de00c7038897f47c6a74b179fcd5009d3c9', class: {
-                container: true,
+        const iconStartEl = (hAsync("calcite-icon", { key: '0a315a11b4e02ff44930fcfc12e626b10d0ae3be', class: { [CSS$f.titleIcon]: true, [CSS$f.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        const iconEndEl = (hAsync("calcite-icon", { key: 'ff26afbee47f3d6cc8d2e89149cb8effe635e04b', class: { [CSS$f.titleIcon]: true, [CSS$f.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
+        return (hAsync(Host, { key: '35980e1a6e89e4dcbf2d4deefbaf364aa50fe6a1', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: 'd067c111b05b0a59be00bd317c8768709a98faef', disabled: this.disabled }, hAsync("div", { key: '2a1cef97120aff9f98cd2a7d1f3db3715b16fe3c', class: {
+                [CSS$f.container]: true,
+                [CSS$f.containerBottom]: this.position === "bottom",
                 [CSS$f.iconPresent]: !!this.iconStart || !!this.iconEnd,
-                [`scale-${this.scale}`]: true,
-            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, hAsync("div", { key: '55c1753e5dac17066529d5dc2544bf04fa0e12d6', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '8d44e6db400cfd6aa6f3fd4575e1910d8998ab5c' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
+                [CSS$f.scale(this.scale)]: true,
+            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, hAsync("div", { key: 'ed8c5e8fd2249712df4a468c5685242d5642f00e', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '63a872b368e6684dafd5fcfb47becb404affcbca' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), hAsync("div", { key: '5e579bcfe3ade4f3ecf65219198df546fcfbacc7', class: CSS$f.selectedIndicator })))));
     }
     renderCloseButton() {
         const { closable, messages } = this;
@@ -40818,13 +40796,13 @@ class Table {
         return (hAsync("tfoot", null, hAsync("slot", { name: SLOTS$6.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (hAsync(Host, { key: '244120eb3676f8be5e0de745091e54fb0b59002b' }, hAsync("div", { key: 'fd085a708227158e3e82321efd3f596a6527dd9a', class: CSS$e.container }, this.selectionMode !== "none" &&
+        return (hAsync(Host, { key: '7bb9b92784bc4417b05bc744685b410527aef669' }, hAsync("div", { key: '59ec0c71e3b66d6cdfa6d458530b279ced43a240', class: CSS$e.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), hAsync("div", { key: 'd1af8d46b8479b3d5788c5d8876a3874cb988225', class: {
+            this.renderSelectionArea(), hAsync("div", { key: '284cb3f366fc311502dd852b11ed91c941d17a2b', class: {
                 [CSS$e.bordered]: this.bordered,
                 [CSS$e.striped]: this.striped || this.zebra,
                 [CSS$e.tableContainer]: true,
-            } }, hAsync("table", { key: '528e353e284a809d0dae532626bfc7d5a6061602', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS$e.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, hAsync("caption", { key: '6b81116fd9cd2c489cf447ab397ba53188272370', class: CSS$e.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, hAsync("table", { key: '993b514094d7e73fd632b4f73c2f180c31883dc9', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS$e.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, hAsync("caption", { key: '191c60a1352e9a7c6a50ebe61067e4ae89a5f6b7', class: CSS$e.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -40991,7 +40969,7 @@ class TableCell {
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (hAsync(Host, { key: '7363726b085add05c0e1fc3cbdd101bb1547a1d3' }, hAsync(InteractiveContainer, { key: 'c5b6481578fd0437e2e504156dcad7de5242ba8f', disabled: this.disabled }, hAsync("td", { key: 'fa847d0f0ec5842cff33c2d03f0d6ddb01d79003', "aria-disabled": this.disabled, class: {
+        return (hAsync(Host, { key: 'da32a7785cb08de9525df1b3d0b2a93a0ca4ee39' }, hAsync(InteractiveContainer, { key: 'c0b81cf6819f29dbb9c55bc855156819f4c9008b', disabled: this.disabled }, hAsync("td", { key: '716e9f997daa90e974f525d9713b2e689cbf31b3', "aria-disabled": this.disabled, class: {
                 [CSS$d.footerCell]: this.parentRowType === "foot",
                 [CSS$d.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$d.numberCell]: this.numberCell,
@@ -41001,7 +40979,7 @@ class TableCell {
                 [CSS_UTILITY.rtl]: dir === "rtl",
                 [CSS$d.staticCell]: staticCell,
                 [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0 }, (this.selectionCell || this.readCellContentsToAT) && (hAsync("span", { key: '7bd01d9eacb2cd6f6c8406eed2364119077fbcf7', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$d.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), hAsync("slot", { key: 'f269dc44eb265820e6d5906ba2fdb0ea97bfded3', onSlotchange: this.updateScreenReaderContentsText })))));
+            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0 }, (this.selectionCell || this.readCellContentsToAT) && (hAsync("span", { key: 'b2c7d83b7ab7a3058840b3c7cf3f1326085c5e62', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$d.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), hAsync("slot", { key: '9e6fdb798a6fff5317206c06a13a652d7ab3c997', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -41176,7 +41154,7 @@ class TableHeader {
         const allSelected = this.selectedRowCount === this.bodyRowCount;
         const selectionIcon = allSelected ? "check-square-f" : "check-square";
         const staticCell = this.interactionMode === "static" && !this.selectionCell;
-        return (hAsync(Host, { key: '853b0f5d9a1faa66677dba364ef7b200d9a3c6fe' }, hAsync("th", { key: '1f08c21c7670c02fa6114352a0e33ce6aeda8130', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (hAsync(Host, { key: '9969cdd5fcc7f79dda40b75052a8880c7caa0f31' }, hAsync("th", { key: '9dcfed2354e485a0b771ac20c249da7e6775403c', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
                 [CSS$c.bodyRow]: this.parentRowType === "body",
                 [CSS$c.footerRow]: this.parentRowType === "foot",
                 [CSS$c.contentCell]: !this.numberCell && !this.selectionCell,
@@ -41187,7 +41165,7 @@ class TableHeader {
                 [CSS$c.staticCell]: staticCell,
                 [CSS$c.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),
                 [this.parentRowAlignment]: this.parentRowAlignment === "center" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0 }, this.heading && hAsync("div", { key: 'd6f3d52053840f876887136209c1a572a940c70f', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: '8437393819fc714857b189c14d1d0f586a496a94', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: '15c82913de78250d829b1d9b943cb137be49b9e6', class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: 'e646811746d303aa8ebbb5c6974bc2c32a0faf98', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$c.assistiveText }, this.screenReaderText)))));
+            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0 }, this.heading && hAsync("div", { key: '169771e9ab1c03e9744d3f3e739aefa18d95dc34', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: '7e836d6cfa33ea0d9deb046990df1b66fc632db6', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: 'ede40dd810069338601a101d21cb0151055d716e', class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: '53bc80ccf2adcb0cc03a60da9789f42bb7d7ce3b', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$c.assistiveText }, this.screenReaderText)))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -41457,7 +41435,7 @@ class TableRow {
         return this.rowType === "head" ? (hAsync("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (hAsync(Host, { key: '684c52082131d19476dc6bce539a4039aa2ce7d8' }, hAsync(InteractiveContainer, { key: '4f96b2d12f118b3e162d7bdd434ee0880e765155', disabled: this.disabled }, hAsync("tr", { key: 'eaa9ee11e5feafb079bb00a7cb4fab4c2932be2a', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS$b.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), hAsync("slot", { key: 'e8806b43dc1da17b08b94d8377459011089b8aed', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (hAsync(Host, { key: 'd9b82c558c76417ab0fd7ccb6e8a2962f9c0a3c2' }, hAsync(InteractiveContainer, { key: 'ed477f750f3d04bee345282a977578c1ce90f360', disabled: this.disabled }, hAsync("tr", { key: 'd6234cca298d150260416cf18518563a8dafe99b', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS$b.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), hAsync("slot", { key: '618dfe52f7f72ca56dd03be7dab78fc02274ffd9', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -41623,7 +41601,7 @@ class Tabs {
     }
     disconnectedCallback() { }
     render() {
-        return (hAsync(Fragment, { key: 'a712772a21d6264edd6346bc4a9a68074428aee3' }, hAsync("slot", { key: '89e0518a234bd2aa3b5d985b5ed508c3af82e873', name: SLOTS$5.titleGroup }), hAsync("section", { key: 'bf96baaebf2999581e259e51a3e5a48fb10d924e' }, hAsync("slot", { key: '20cefef4f843e8bbc2f88f1b864a3cb703f7718d', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
+        return (hAsync(Fragment, { key: 'c8be9a0f6620441487586e0b7be0bfe27447ce83' }, hAsync("slot", { key: '01cdac40840a465bb73e4763caa29db4c0973233', name: SLOTS$5.titleGroup }), hAsync("section", { key: 'e5287ab0fb9f39ab8354311ecd06316e7a93c73b' }, hAsync("slot", { key: '0d4974a5b802f27fc319c97c0e632110b84ce246', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -41810,20 +41788,20 @@ class TextArea {
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-        return (hAsync(Host, { key: '28fc5a280c5dc4f1ab1843e6d8ed65794236e81c' }, hAsync(InteractiveContainer, { key: '71e67acf671d8ff295392a6fa0ec1378c8a2151f', disabled: this.disabled }, hAsync("textarea", { key: 'b4a3a3e60ddf563523e3fbc86062b682ee1eac51', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
+        return (hAsync(Host, { key: '5f535e3a7dc83e8006357c77c39bb24eb05428fd' }, hAsync(InteractiveContainer, { key: 'f3b98a6d225ddc02f040b78bf9befa933c41319b', disabled: this.disabled }, hAsync("textarea", { key: 'da15c0ade7f703902f70b3ebd01e509a3bf6dc69', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
                 [CSS$a.readOnly]: this.readOnly,
                 [CSS$a.textAreaInvalid]: this.isCharacterLimitExceeded(),
                 [CSS$a.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
                 [CSS$a.blockSizeFull]: !hasFooter,
                 [CSS$a.borderColor]: !hasFooter,
-            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), hAsync("span", { key: '80d03b82d14263ae1ae2236a203ee6e12bc69138', class: { [CSS$a.content]: true } }, hAsync("slot", { key: '33ae02353cb8b1e381eb3cc5cd3bb3f9d5734dc9', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: '5e3ff6cda251510f82c9898054662ec2156a9537', class: {
+            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), hAsync("span", { key: 'f6d23c18a05a2a6637aef56805e9f4d9b27e19db', class: { [CSS$a.content]: true } }, hAsync("slot", { key: 'f05e79afc0f1b73ec1783eac5c3afd673ebea940', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: '8710af0866f994de2f52ea830844e48d8efa2620', class: {
                 [CSS$a.footer]: true,
                 [CSS$a.readOnly]: this.readOnly,
                 [CSS$a.hide]: !hasFooter,
-            }, ref: (el) => (this.footerEl = el) }, hAsync("div", { key: '6fff41fd3c42f4c223499527bc6ac23435a3928a', class: {
+            }, ref: (el) => (this.footerEl = el) }, hAsync("div", { key: 'ee2df4eb6d75bf1f24b792e3f659748d9cc0a720', class: {
                 [CSS$a.container]: true,
                 [CSS$a.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, hAsync("slot", { key: 'a490a43d3fa0d8d062b52cb73e4898f9d004d17f', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: '16cc3b290ef36fe7f0f4cd44310ade85fd22362e', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: '33e618c06d2e7c47f3711292c4f9ad5f3fc270c5', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: '6e1970f40fabcf6535af4197f9b90baa47da2bd9', "aria-hidden": true, "aria-live": "polite", class: CSS$a.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            } }, hAsync("slot", { key: '726f9ef78bf313e7f91a03260afc4ba46a3b433d', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: '47dc474a11869c16371ca84b8d2f8a96a2931335', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: 'fe10658123b1fc824897f371638b737191fdf907', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: '611618e872e8be08b22f3d3a866b1ef8ff165ffb', "aria-hidden": true, "aria-live": "polite", class: CSS$a.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     //--------------------------------------------------------------------------
     //
@@ -42143,7 +42121,7 @@ class Tile {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(InteractiveContainer, { key: '3102aa2344ee6a252204f5aea8846cc98d42f669', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (hAsync(InteractiveContainer, { key: 'bd53407e34fa834c10fb02574c37acc4f217b2f3', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileStyle0; }
@@ -42330,7 +42308,7 @@ class TileGroup {
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (hAsync(InteractiveContainer, { key: 'df6e2f0cd7deee5649402579a2ea305de2117c69', disabled: this.disabled }, hAsync("div", { key: '08fd5d2f71541e1b4cb7d803ac1ee423ba295bd0', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: '6f76c897c6372be1a18fdd4526d43531ab0c3df1', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
+        return (hAsync(InteractiveContainer, { key: 'c4937fb75b9d3190cb40a98dc1b69ded2a184c20', disabled: this.disabled }, hAsync("div", { key: '6e45ee8518001f845be4c5209ffd9c8f7bc35227', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: 'd9fddb254ce7db6d6642725c217f9e7bec9ba22b', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -42548,7 +42526,7 @@ class TileSelect {
         const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width, iconFlipRtl, } = this;
         const isLargeVisual = heading && icon && !description;
         const renderIcon = Boolean(icon);
-        return (hAsync(InteractiveContainer, { key: '4c277cd076b997e5fd107cbb24d7a541015fbad0', disabled: disabled }, hAsync("div", { key: 'f1197913ceaf43d940f966eae3ec68a5a3fd92ce', class: {
+        return (hAsync(InteractiveContainer, { key: '5431f066f3af88998e6266b82fae739276e13426', disabled: disabled }, hAsync("div", { key: 'ffb9130a87fa6297a4d34b2929177875184ddb74', class: {
                 checked,
                 container: true,
                 [CSS$7.description]: Boolean(description),
@@ -42565,7 +42543,7 @@ class TileSelect {
                 [CSS$7.largeVisual]: isLargeVisual,
                 [CSS$7.widthAuto]: width === "auto",
                 [CSS$7.widthFull]: width === "full",
-            } }, hAsync("div", { key: 'a5623dedc8fe4a738271b50390b8320fba6180b1', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: 'cfdd824bb37daad46ca7d22132ed3e103eade330', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: '81d87addc2eab0a755ae9a348b5f187e2b865a78', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: '809f754435107dcf4e18d6990d31e193ceaa90b8', class: CSS$7.tileContentContainer }, hAsync("div", { key: 'ab8534059bcd6602973dda1eaa2399c279248ba7', class: CSS$7.tileContent }, heading && hAsync("div", { key: 'c34d2bdc685a6cb2bcecf8da51a695ed539fdab0', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: 'ba13242e0d8c2bc49f0e2fcfa138fb800d82eb23', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: '7dfe074591286462e87493affd89777a514fe4a6' }))));
+            } }, hAsync("div", { key: '23f61d8621073040414ef56b30ce2834a1f040bd', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: '3b62029756d1cdfe690b5c01f49df8433c991c85', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: '497e824b320c9b2b3bc80d267301eb5170801961', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: '06116524416a55c66a97b9eb7f9f7347e10ac070', class: CSS$7.tileContentContainer }, hAsync("div", { key: '73342058f43aa605b71b96dad24a23b972ea15c2', class: CSS$7.tileContent }, heading && hAsync("div", { key: '5aa10aac4885c728bb6efb97b0b030674addcf2a', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: 'bc8d4ac5e11aa1cfac62773da8ab891549bc4862', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: 'b57388f1b2ff1f84271930a7a360d9cf071a4931' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -42631,7 +42609,7 @@ class TileSelectGroup {
         disconnectInteractive(this);
     }
     render() {
-        return (hAsync(InteractiveContainer, { key: '85183b1afa7016c8a7cf3008131caf326ee912e3', disabled: this.disabled }, hAsync("slot", { key: '8823d8ff8eb9137d06dfaf0789faf367085eede0' })));
+        return (hAsync(InteractiveContainer, { key: '986c5092f1fa4f652e4c5fadeb48877063217c94', disabled: this.disabled }, hAsync("slot", { key: '308baa119ee43879454b9f55193862c39e79940c' })));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileSelectGroupStyle0; }
@@ -43359,69 +43337,69 @@ class TimePicker {
         const secondIsNumber = isValidNumber(this.second);
         const fractionalSecondIsNumber = isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (hAsync("div", { key: '2a7a9639646dd996bcbdbdef907951683ec90abe', class: {
+        return (hAsync("div", { key: '7d53b327ba5ceab5b65b0af79dafeb723feea77a', class: {
                 [CSS$6.timePicker]: true,
                 [CSS$6.showMeridiem]: showMeridiem,
                 [CSS$6.showSecond]: this.showSecond,
                 [CSS$6[`scale-${this.scale}`]]: true,
-            }, dir: "ltr" }, hAsync("div", { key: '8625dcea8981938ae3975d944e38d7767ec3d1cd', class: CSS$6.column, role: "group" }, hAsync("span", { key: '87b5f5279a548c9460a7e796d7648d8890336ca7', "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, hAsync("div", { key: '23418a6bfc5fb4f0734620d17e7d28bfa7ed64fd', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'd0b4ee166edc1f0cc8c81abdb77db029bbbf91ff', "aria-label": this.messages.hourUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonHourUp]: true,
                 [CSS$6.buttonTopLeft]: true,
-            }, onClick: this.hourUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '35ca8d4dc7ba5a41dfaf925607d2a095c8a56617', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '01b4275f37424dcd32c905d02aa885415a914a7b', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
+            }, onClick: this.hourUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '867c90135ec506d0bbc446436cdb01597de5a667', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'a39dd2e46a5612c8ae9ff5bde1451ae2a97908d7', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
                 [CSS$6.input]: true,
                 [CSS$6.hour]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.hourEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, ref: this.setHourEl, role: "spinbutton", tabIndex: 0 }, this.localizedHour || "--"), hAsync("span", { key: '80b49b564a64fc1c390e6d4e29fe9e45eeeae21a', "aria-label": this.messages.hourDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, ref: this.setHourEl, role: "spinbutton", tabIndex: 0 }, this.localizedHour || "--"), hAsync("span", { key: 'ca202a7f81a6f93a6eec7fdf7d189184f71f0cdd', "aria-label": this.messages.hourDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonHourDown]: true,
                 [CSS$6.buttonBottomLeft]: true,
-            }, onClick: this.hourDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '2abbfaea92776cadcd7dcf88de3942d7c62b674c', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: 'e54fbaa0ee3869a4dc1a63e23a5c56131b1fb211', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: '6f83126de88bd5e11eab96b2b513eca83371ef6f', class: CSS$6.column, role: "group" }, hAsync("span", { key: '838bd16254c61ddd5185c56f039ce75e10cccb4f', "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'b89cbd5ebe99f1ef5957b34bc969469a14c80d5f', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: '3efdb3cf862792de1a5a4461b0eb9e0f28a19024', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: '428c462e1d0440cc64c480f279bf1115aa3bd1f2', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'ad8ab308856a2ddc0d0a10eeccea75b7fb7a16bf', "aria-label": this.messages.minuteUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'feef0a3ac3b7e1d49b87fa3f1a1f78f2ef00739a', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '573b0149051e6d1993d0fee60ab1e08a13166e52', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
+            }, onClick: this.minuteUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'f6948699551b8697d99f3fe019701718d02f81d8', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'c724d94b7e7ed68cab5edbc5dfd9a298602bbe56', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
                 [CSS$6.input]: true,
                 [CSS$6.minute]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.minuteEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, ref: this.setMinuteEl, role: "spinbutton", tabIndex: 0 }, this.localizedMinute || "--"), hAsync("span", { key: '18529dceca6fc17d858492aa9aa7d1c1e1edcd3b', "aria-label": this.messages.minuteDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, ref: this.setMinuteEl, role: "spinbutton", tabIndex: 0 }, this.localizedMinute || "--"), hAsync("span", { key: '2f5c10233ba4da112514b022aefabca7d0e86a82', "aria-label": this.messages.minuteDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '73850cc01cbc225c85a0beb961a7ae64f65969ee', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: '69091597ba01773de4acb534a8b983fe2f5441c7', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: '675ff7ca3414c2d543d9e5c538822381873cfd5b', class: CSS$6.column, role: "group" }, hAsync("span", { key: '7aa2a23875bd526864094e586c6072403f40709e', "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'a10f787bbe0a19ae41b239e423b71c66dfa215a9', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: '2dcd0e9ac7ba6e8c8c2f5d5e9f78746d3b168e4f', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: '32729b9737253aba107e70ef861533bd77f2d082', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'c69cdd7017846fa6c325a52e92a808c0c3bdbea3', "aria-label": this.messages.secondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'dc7ed98375223769e515c8e4595a597af0021f1f', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '2dab0bf908e4484ae0014c31f6a5d3a281d2ed61', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
+            }, onClick: this.secondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'e1c1cb0385e621301103c50713bd257936aecc0b', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '66f787da07b717b9b9c5c48a8b5a702a15273450', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
                 [CSS$6.input]: true,
                 [CSS$6.second]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.secondEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, ref: this.setSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedSecond || "--"), hAsync("span", { key: '80d12a163a20a96cae792297c928dddee72502d4', "aria-label": this.messages.secondDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, ref: this.setSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedSecond || "--"), hAsync("span", { key: '51fc2323dfe2cfe1d775ea90d0ddad1fb78b93c0', "aria-label": this.messages.secondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'c10a88c5abcdea3b3359b5317a0392555e056940', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: 'bba24b663df59b7a52a6a64a830c7efa488961bc', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: 'c2c9f27e59d460c9a1df66128dfe9514e924145a', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'eb3c77eb617f3945f7d50f3ac131316a618b090c', "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '47787ce07e7cd73d3944050cc05cf8cd135d2a99', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: '1323bc44dfb8a81284abb7b5040703f6ce05b085', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: 'd98f607ec2f0bc11c059a3681cda3fdcaec50f08', class: CSS$6.column, role: "group" }, hAsync("span", { key: '7d3cc23cbf367a61c242a23eea8273a9ccd9077e', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '170e114b6bf04ec12af9eb0a63e6a38b5f39b0d0', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '3c0b9bc91faa99ccf643c93f26287b05b6f9cd65', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
+            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '70b3d4a7f31b2c71091cccc5ddf67f646a758397', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '93207272db103b01f89f40f056bae2b8a213c053', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
                 [CSS$6.input]: true,
                 [CSS$6.fractionalSecond]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.fractionalSecondEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, ref: this.setFractionalSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedFractionalSecond || "--"), hAsync("span", { key: '5b27c34b17d409ded023f57ee6ed205f2a415943', "aria-label": this.messages.fractionalSecondDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, ref: this.setFractionalSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedFractionalSecond || "--"), hAsync("span", { key: '14dfb98f938884a53a21013d7e79bdb8a8e1e4f8', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'c8727b86e0f55c6e961414a26c6edcc4880af7fd', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: 'f0a10fb966eea035966cd0ee4697ee028a0bcc4d', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: '9d650bdc36d7f3edb5700e3b58185185efd47a3d', class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'b4eb99e8022d80f9e0ad4d08ac3b21ea8c904e77', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: 'a271d99ce60118607497b120f10880b5a9f4eb3e', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: 'd8646498826b1bb1caddea9447e09f3ff6d5f944', class: {
                 [CSS$6.column]: true,
                 [CSS$6.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, hAsync("span", { key: '02d3f79b0ac1e637660ce991cd38f7a363adc505', "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, hAsync("span", { key: '77ef9898880f440dd1ac86ef4ca55de861388e10', "aria-label": this.messages.meridiemUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMeridiemUp]: true,
                 [CSS$6.buttonTopRight]: true,
-            }, onClick: this.meridiemUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '347f9d2395cdcb6366879db13b9d0b3bbc7c479c', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '6ded84f763440546c431f04c2a698885e6868528', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
+            }, onClick: this.meridiemUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'a2765a94f9a3d92946ae1a579d331bba2f86419f', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '3d3e6c2294e78d7795f5289817433951a3343759', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
                 [CSS$6.input]: true,
                 [CSS$6.meridiem]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.meridiemEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, ref: this.setMeridiemEl, role: "spinbutton", tabIndex: 0 }, this.localizedMeridiem || "--"), hAsync("span", { key: '67591448ca6d469a21ec89bb8d88403d4b3befa2', "aria-label": this.messages.meridiemDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, ref: this.setMeridiemEl, role: "spinbutton", tabIndex: 0 }, this.localizedMeridiem || "--"), hAsync("span", { key: '8477e7701adc45273ce52d1ccdd5f4f3957008cd', "aria-label": this.messages.meridiemDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMeridiemDown]: true,
                 [CSS$6.buttonBottomRight]: true,
-            }, onClick: this.meridiemDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'b79d0fe3c2f93827672c74347d0e304653b5b06f', icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '463f0882c8909ec6cb4739c7f4692eb889ea30e2', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -43574,7 +43552,7 @@ class Tip {
         return (hAsync("div", { class: CSS$5.content }, this.renderImageFrame(), this.renderInfoNode()));
     }
     render() {
-        return (hAsync(Fragment, { key: 'a44b78c04c1a40e3fec2698232cf2d9a791d8efc' }, hAsync("article", { key: '77b4104b2a06b0a5dfc0d9da3f4ccb44552f2a75', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
+        return (hAsync(Fragment, { key: 'cb7cc98c10bc3244d9983eb1b4551d4bad615979' }, hAsync("article", { key: '0a951e0254c35d0bd9b656df08cda1d57b9c33ef', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -43621,7 +43599,7 @@ class TipGroup {
         this.groupTitle = undefined;
     }
     render() {
-        return hAsync("slot", { key: 'fa1f47667e2351f35924aa8ff740f59ca18391d8' });
+        return hAsync("slot", { key: 'f697f7ac496b8b6c10978420ea08f89c8c69dcc5' });
     }
     static get style() { return CalciteTipGroupStyle0; }
     static get cmpMeta() { return {
@@ -44247,10 +44225,10 @@ class Tooltip {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (hAsync(Host, { key: 'b7f084df44702e31448239c2b1eccef2ce04e9bb', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '709497d0aa39c6497d6fe7e3b9b8c89ce8317e60', class: {
+        return (hAsync(Host, { key: 'b715f170f7a40b8c9933f2dcb149ef6c20708016', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '2cb09b3593c29686e857c86e916d38f09bf93fe6', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: 'cd20733768c7af300f504b843f1ba4a27a286c5a', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '9cb6d93a6be771c5d9742a1898c17d31887af624', class: CSS$3.container }, hAsync("slot", { key: '8daaab8d6b93504541b595bc33c71393dd69ace3' })))));
+            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: 'e9847fe1e66c2eb02b0a2a4fbf32e61a4d9069d6', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '5b66fbd68af6a95d9ef68d15a664fd493fd3c69d', class: CSS$3.container }, hAsync("slot", { key: '9a1e9faa67e718e65e1127c344868790ea5ec00f' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -44405,9 +44383,9 @@ class Tree {
         this.child = !!parent;
     }
     render() {
-        return (hAsync(Host, { key: '659c386ddb9664ff019f068402f6c19d2d3bda79', "aria-multiselectable": this.child
+        return (hAsync(Host, { key: '235b746f2ab93442e0591db392f0547e4ca6c8ef', "aria-multiselectable": this.child
                 ? undefined
-                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", { key: 'a9589e7071e0b5512f03281eb5d54c46e943aba5' })));
+                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", { key: 'b5490e5d8fa7ea4a53593e402c1711fc38b563e1' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -44760,14 +44738,14 @@ class TreeItem {
         const isExpanded = this.updateAfterInitialRender && this.expanded;
         const { hasEndActions } = this;
         const slotNode = (hAsync("slot", { key: "actionsEndSlot", name: SLOTS$1.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
-        const iconStartEl = (hAsync("calcite-icon", { key: '180ecc2a0363b2d9b994297ffa207ee148f60a99', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        return (hAsync(Host, { key: '18f725eb40baaf590fc871f554ce440844894646', "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '5d6f6c8efb6083da0a811c96432e9a3c177114bc', disabled: this.disabled }, hAsync("div", { key: '751df0b0bc4e8802793cbca11cdb9d9afb420540', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: '5fba6e5ba50aba3b2a98aa0fc8baea6566d87b33', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: 'afe6a4350ee7e6b6e42f4d0c08741c153ab27bff', class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: '7ad7b79bc525bec4f088a084a36613536c0b7309', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        return (hAsync(Host, { key: '5fd1b1806f12b1fcbf07627ab896658f8f417068', "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '2448324a98b9e99d69ff1eacb735815b6bdd4837', disabled: this.disabled }, hAsync("div", { key: '669c442eb6732e04777a079ea3705e6d0b814858', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: '3e175ffd6a6d7b20c590c90de35486adb40fd53f', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: 'd8d58d6bc18bfc57d4b2480526a6e87ac2955323', class: {
                 [CSS$2.nodeContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { key: '2a30105bba753e0e984497561cd04c781ce12988', class: CSS$2.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: '72e248b23c72dde543eed8c5ae8ed2d0774884e8', class: {
+            }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { key: '7e318a90ec7c43d36c82a0612c48f4eeee502796', class: CSS$2.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: 'aaec3d0f1c002866b8a7176464a15c8523f7898f', class: {
                 [CSS$2.childrenContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, hAsync("slot", { key: 'e42ddd6862d8dd1df9ef8d27d6d57daabaedbb6a', name: SLOTS$1.children }))))));
+            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, hAsync("slot", { key: 'e68b04458a30687539379a728387c56e7f63bc38', name: SLOTS$1.children }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -45340,7 +45318,7 @@ class ValueListItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'dd5c2ef64c71ee7250252d9096ee91736476aa3b', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: '1f6e5716e1af4fc95e59a77563cf788a170f0dae', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: 'e9b398927480038632cdd2e262275f7b35f8813f', 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 (hAsync(Host, { key: '14188753132100bcb27644429080e6dc63520d9d', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: '0d5a7197f8fc10437fe98270bff3854a97995120', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: '1a96184916a524d15ed1eba9c54f81713ff871a7', 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 getElement(this); }
     static get style() { return CalciteValueListItemStyle0; }