@esri/calcite-components 2.10.0-next.8 → 2.10.0

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.10.0-next.8
+ * v2.10.0
  */
 'use strict';
 
@@ -3344,7 +3344,7 @@ function slotChangeHasTextContent(event) {
  * @returns {boolean} Whether the slot has any assigned nodes.
  */
 function slotChangeGetAssignedNodes(event) {
-    return event.target.assignedNodes({
+    return event.currentTarget.assignedNodes({
         flatten: true,
     });
 }
@@ -3372,7 +3372,7 @@ function slotChangeHasAssignedElement(event) {
  * @returns {boolean} Whether the slot has any assigned elements.
  */
 function slotChangeGetAssignedElements(event) {
-    return event.target.assignedElements({
+    return event.currentTarget.assignedElements({
         flatten: true,
     });
 }
@@ -11178,7 +11178,7 @@ class CalciteMenu {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '75f092a3f301024b1cf06f962e4820b2b4f5f1e1' }, hAsync("ul", { key: 'b845adaaf9d94fa934c94a42f54cc5a5fdac65fe', "aria-label": this.label, role: this.getEffectiveRole() }, hAsync("slot", { key: '9a836c420d8a02c7d0e1518b4a92cf902392b9f8', onSlotchange: this.handleMenuSlotChange }))));
+        return (hAsync(Host, { key: '4ac65ed10e4e0ac2fb27ddfc3617f986d44a1a34' }, hAsync("ul", { key: '341ba1488508497adf5428c7a4212a1fbcba72c5', "aria-label": this.label, role: this.getEffectiveRole() }, hAsync("slot", { key: '9e6843d552fed1fcb88e21e5d0475a190d1a1048', onSlotchange: this.handleMenuSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -11457,10 +11457,10 @@ class CalciteMenuItem {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (hAsync(Host, { key: '2fe2959f3857933f986f04676d9a49ccced3214d', onBlur: this.blurHandler, onFocus: this.focusHandler }, hAsync("li", { key: '09bbe1129ff820fbf9ed29a66f8b2704cf42b62d', class: {
+        return (hAsync(Host, { key: 'a8706f350dd575e3f9cb4c413302a458651d75a5', onBlur: this.blurHandler, onFocus: this.focusHandler }, hAsync("li", { key: 'bb4eec9948e68a29312e56b2fefe6c74791c224d', class: {
                 [CSS$1g.container]: true,
                 [CSS$1g.isParentVertical]: this.topLevelMenuLayout === "vertical",
-            }, role: "none" }, hAsync("div", { key: '2bf72e0f790277ad552bba823da066915941f9f7', class: CSS$1g.itemContent }, hAsync("a", { key: 'd8792f02a1724347e01a901d381cc28a06301220', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS$1g.layoutVertical]: this.layout === "vertical", [CSS$1g.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
+            }, role: "none" }, hAsync("div", { key: '75e0697edcc8b7fa93a2337dea9a3b8cf27f548c', class: CSS$1g.itemContent }, hAsync("a", { key: '1139fa5f2eda7f247ca349f8bffbaf62038936ab', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS$1g.layoutVertical]: this.layout === "vertical", [CSS$1g.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, ref: (el) => (this.anchorEl = el), rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -11648,12 +11648,12 @@ class CalciteNavigation {
             this.primaryContentStartSlotHasElements ||
             this.navigationAction;
         const slotName = this.el.slot;
-        return (hAsync(Host, { key: '75b785d14cf21337e87b60779fd2aa525d4af85b' }, hAsync("div", { key: '40b3d71d25e1e4e9d206038b36036f75148c4414', class: {
+        return (hAsync(Host, { key: '90716066eddd9526387b8d776a33a3b49f442fcf' }, hAsync("div", { key: '4570df059f3bd7f3db26da667133e1d3ff100d02', class: {
                 [CSS$1f.container]: true,
                 [CSS$1f.secondary]: slotName === SLOTS$r.navSecondary,
                 [CSS$1f.tertiary]: slotName === SLOTS$r.navTertiary,
                 [CSS$1f.primary]: primaryLevelHasElements,
-            } }, hAsync("div", { key: 'f62aedee282ea0def24e69e8819ec9c20d722eae', class: { [CSS$1f.hide]: !this.progressSlotHasElement, [SLOTS$r.progress]: true } }, hAsync("slot", { key: 'e5956bdaab689d52c3dac4a898f3186cc41bd3a6', name: SLOTS$r.progress, onSlotchange: this.handleProgressSlotChange })), hAsync("div", { key: 'b1a1417d18d9f50478ac6aee5540c7576cac06d8', class: { [CSS$1f.containerContent]: true, [CSS$1f.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), hAsync("div", { key: 'd94b47b46113b0224d009abdf4c57271bf9e9523', class: { [CSS$1f.hide]: !this.logoSlotHasElements, [SLOTS$r.logo]: true } }, hAsync("slot", { key: '9611ce4ae73946b7e1a0531363f8f5af869b9813', name: SLOTS$r.logo, onSlotchange: this.handleLogoSlotChange })), hAsync("slot", { key: '610c447b7887957c1aafad0795a099e5ef5cddca', name: SLOTS$r.contentStart, onSlotchange: this.handleContentStartSlotChange }), hAsync("slot", { key: '1bfbbabb55e562b8102dcb9b5262ac4b3c5e895d', name: SLOTS$r.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), hAsync("slot", { key: '52661f86ac0f17a3c106df447e7656bc7b2a884e', name: SLOTS$r.contentEnd, onSlotchange: this.handleContentEndSlotChange }), hAsync("div", { key: 'a6f7dd522ec9e5bdcb48ad6b72df1f130dcf851b', class: { [CSS$1f.hide]: !this.userSlotHasElements, [SLOTS$r.user]: true } }, hAsync("slot", { key: '1e398e41c267d488cbd423375922ee206f630a2e', name: SLOTS$r.user, onSlotchange: this.handleUserSlotChange })))), hAsync(Fragment, { key: '5b7516a130099177250b9cef5d402f42e9d71b08' }, hAsync("slot", { key: '047ef6f016a7759103bf155cb114cbf0ff441343', name: SLOTS$r.navSecondary, onSlotchange: this.handleSecondarySlotChange }), hAsync("slot", { key: '173bfaed79ad07d0796fb636ceef381181c4b798', name: SLOTS$r.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
+            } }, hAsync("div", { key: '684b0093d7c00584a0a73346b1bb62e58afbcf7a', class: { [CSS$1f.hide]: !this.progressSlotHasElement, [SLOTS$r.progress]: true } }, hAsync("slot", { key: 'df51feca5afcef936840a2f08d5af9ee4fe795b7', name: SLOTS$r.progress, onSlotchange: this.handleProgressSlotChange })), hAsync("div", { key: 'a86993a2eaf582d3d275c79ea7cf4ea4fc338a61', class: { [CSS$1f.containerContent]: true, [CSS$1f.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), hAsync("div", { key: 'e3312b2bbb984efb48d0ba532e1324489562250f', class: { [CSS$1f.hide]: !this.logoSlotHasElements, [SLOTS$r.logo]: true } }, hAsync("slot", { key: '0b50f1f649d8468058ed0d6df50d56f06b29bd85', name: SLOTS$r.logo, onSlotchange: this.handleLogoSlotChange })), hAsync("slot", { key: '05c9daeabb19445d08ca08ba801f10084a9bdab6', name: SLOTS$r.contentStart, onSlotchange: this.handleContentStartSlotChange }), hAsync("slot", { key: 'e60b6602e5b4acebd461d76aebeb057b794f496e', name: SLOTS$r.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), hAsync("slot", { key: 'dce9a7f2fc213894f42938d56800db89753d4458', name: SLOTS$r.contentEnd, onSlotchange: this.handleContentEndSlotChange }), hAsync("div", { key: 'd2600064d0c1ea9f4902b20b6b6bafd7777e4266', class: { [CSS$1f.hide]: !this.userSlotHasElements, [SLOTS$r.user]: true } }, hAsync("slot", { key: 'e2248fba8df0aa95513c03a8397c54bc019cf9fc', name: SLOTS$r.user, onSlotchange: this.handleUserSlotChange })))), hAsync(Fragment, { key: '7fb0e6fc939f64ab9cec1aad15e8d4d4d7b97ea7' }, hAsync("slot", { key: '751dd61f066242c1b417633a1336676f090ca8f2', name: SLOTS$r.navSecondary, onSlotchange: this.handleSecondarySlotChange }), hAsync("slot", { key: 'a28c91c88072438fdc2c018996c0819953a9e10e', name: SLOTS$r.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteNavigationStyle0; }
@@ -11751,7 +11751,7 @@ class CalciteNavigationLogo {
     }
     render() {
         const { thumbnail } = this;
-        return (hAsync(Host, { key: 'faffa6574b8ff0be62143d6d50409b4536b7bf27' }, hAsync("a", { key: '1a37f2e2b6779000fce588366d234e71527c0cab', class: CSS$1e.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && hAsync("img", { key: '2c23a73b3a799c982c90b0650df126294aeef471', alt: this.label || "", class: CSS$1e.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
+        return (hAsync(Host, { key: '22c239d9bd98a2f204c851939684c170c966c70f' }, hAsync("a", { key: 'bb04b314cb0a510c5690ab1f496250716591da73', class: CSS$1e.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && hAsync("img", { key: '365d8955dd0486e6cc5b3bdabc232c2bbc873beb', alt: this.label || "", class: CSS$1e.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -11827,7 +11827,7 @@ class CalciteNavigationUser {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '6570ed6f0870dd4dbc4648a3fea7cb377494426e' }, hAsync("button", { key: 'b09111181046dab09fe0057590da204055e84f57', "aria-label": this.label, class: CSS$1d.button }, hAsync("calcite-avatar", { key: 'b4563737eb08abe3eeb7eb5999559ac3214c5c79', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (hAsync("div", { key: '9a9eeeb034a29bc8373c27535ba0aa39b4ab5af8', class: CSS$1d.textContainer }, this.fullName && (hAsync("span", { class: CSS$1d.fullName, key: CSS$1d.fullName }, this.fullName)), this.username && (hAsync("span", { class: CSS$1d.username, key: CSS$1d.username }, this.username)))))));
+        return (hAsync(Host, { key: '4f9184afacfe78dd727f83366136f03f9ff1204e' }, hAsync("button", { key: 'd62a00b6e44c13fba6538d54205e1bbac46709e1', "aria-label": this.label, class: CSS$1d.button }, hAsync("calcite-avatar", { key: '259f33b09e0c08f7ac88e06b482a86fd8f5f50bd', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (hAsync("div", { key: 'd2602f1379d7e4ce1a0dcd9f2c1dca88adaff020', class: CSS$1d.textContainer }, this.fullName && (hAsync("span", { class: CSS$1d.fullName, key: CSS$1d.fullName }, this.fullName)), this.username && (hAsync("span", { class: CSS$1d.username, key: CSS$1d.username }, this.username)))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -14742,7 +14742,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jun 2024 17:48:55 GMT
+ * Generated on Wed, 26 Jun 2024 09:02:06 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -17520,7 +17520,7 @@ class Combobox {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
@@ -17536,9 +17536,7 @@ class Combobox {
             this.openHandler();
             onToggleOpenCloseComponent(this);
         }
-        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
-        afterConnectDefaultValueSet(this, this.getValue());
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -17547,6 +17545,8 @@ class Combobox {
         this.filterItems(this.filterText, false, false);
     }
     componentDidLoad() {
+        afterConnectDefaultValueSet(this, this.getValue());
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
         setComponentLoaded(this);
     }
     componentDidRender() {
@@ -18017,7 +18017,7 @@ class Combobox {
         const singleSelectionDisplay = selectionDisplay === "single";
         const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === "fit";
         const isClearable = !this.clearDisabled && this.value?.length > 0;
-        return (hAsync(Host, { key: '3546fd5ddb32834e5f5998f17e365497ebe3e396', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: 'b58a4659d3db40660ea4d99f7543ad5ee35e2cbe', disabled: this.disabled }, hAsync("div", { key: '840d98e83a33a8258d37450d77f6ea22a2f1c030', "aria-live": "polite", class: {
+        return (hAsync(Host, { key: '5739c3eb227fac2bcdf172f18cfa6c30f8e45534', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '44b8d3b17184826dcc4777cc1c51bb36ade6c6bd', disabled: this.disabled }, hAsync("div", { key: 'd60f216956651cf01f03b99127a9c580458240cf', "aria-live": "polite", class: {
                 wrapper: true,
                 "wrapper--single": singleSelectionMode || !this.selectedItems.length,
                 "wrapper--active": open,
@@ -18031,7 +18031,7 @@ class Combobox {
             this.renderSelectedIndicatorChipCompact(),
             this.renderAllSelectedIndicatorChip(),
             this.renderAllSelectedIndicatorChipCompact(),
-        ], hAsync("label", { key: '5be1c7ec09503a10a97fd962510efa532e6ec95d', class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), !readOnly && isClearable ? (hAsync(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, !readOnly && this.renderChevronIcon()), hAsync("ul", { key: '860a8fe1a28e971b85b77667c28bfe68de2c9083', "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), hAsync(HiddenFormInputSlot, { key: '76d5d3bfa86ac6912c502842bba2bef781f12b0c', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        ], hAsync("label", { key: '0a225198d2f83bbabef5933e85bf4762cdd435d7', class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), !readOnly && isClearable ? (hAsync(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, !readOnly && this.renderChevronIcon()), hAsync("ul", { key: '09bd11c770c043dab5028a004fc8c457e1452dc8', "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), hAsync(HiddenFormInputSlot, { key: '157c1c6a024eeabea1692427da36e8c4f7fd45a9', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -18117,7 +18117,7 @@ const CSS$12 = {
     filterMatch: "filter-match",
 };
 
-const comboboxItemCss = "@charset \"UTF-8\";/*!@:host([disabled])*/[disabled].sc-calcite-combobox-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-combobox-item-h *.sc-calcite-combobox-item,.sc-calcite-combobox-item-h[disabled].sc-calcite-combobox-item-s>*,.sc-calcite-combobox-item-h[disabled] .sc-calcite-combobox-item-s>*{pointer-events:none}/*!@:host([hidden])*/[hidden].sc-calcite-combobox-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-combobox-item{display:none}/*!@.scale--s*/.scale--s.sc-calcite-combobox-item{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem;--calcite-combobox-item-selector-icon-size:1rem}/*!@.scale--m*/.scale--m.sc-calcite-combobox-item{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem}/*!@.scale--l*/.scale--l.sc-calcite-combobox-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.625rem;--calcite-combobox-item-spacing-indent:1rem;--calcite-combobox-item-selector-icon-size:1.5rem}/*!@.container*/.container.sc-calcite-combobox-item{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}/*!@:host(:focus)*/.sc-calcite-combobox-item-h:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-combobox-item-h[disabled] .sc-calcite-combobox-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-combobox-item-h [calcite-hydrated][disabled].sc-calcite-combobox-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-combobox-item{display:contents}/*!@:host,\nul*/.sc-calcite-combobox-item-h,ul.sc-calcite-combobox-item{margin:0px;display:flex;flex-direction:column;padding:0px}/*!@:host(:focus),\nul:focus*/.sc-calcite-combobox-item-h:focus,ul.sc-calcite-combobox-item:focus{outline:2px solid transparent;outline-offset:2px}/*!@.label*/.label.sc-calcite-combobox-item{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}/*!@:host([disabled]) .label*/[disabled].sc-calcite-combobox-item-h .label.sc-calcite-combobox-item{cursor:default}/*!@.label--selected*/.label--selected.sc-calcite-combobox-item{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}/*!@.label--active*/.label--active.sc-calcite-combobox-item{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          )}/*!@.label:hover,\n.label:active*/.label.sc-calcite-combobox-item:hover,.label.sc-calcite-combobox-item:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@.title*/.title.sc-calcite-combobox-item{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}/*!@.icon*/.icon.sc-calcite-combobox-item{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-color-border-1)}/*!@.icon--indent*/.icon--indent.sc-calcite-combobox-item{padding-inline-start:var(--calcite-combobox-item-indent-value)}/*!@.icon--custom*/.icon--custom.sc-calcite-combobox-item{margin-block-start:-1px;padding-inline-start:var(--calcite-combobox-item-spacing-unit-l);color:var(--calcite-color-text-3)}/*!@.icon--active*/.icon--active.sc-calcite-combobox-item{color:var(--calcite-color-text-1)}/*!@.icon--dot*/.icon--dot.sc-calcite-combobox-item{display:flex;justify-content:center;min-inline-size:var(--calcite-combobox-item-selector-icon-size)}/*!@.icon--dot:before*/.icon--dot.sc-calcite-combobox-item:before{text-align:start;content:\"•\"}/*!@.label--active .icon*/.label--active.sc-calcite-combobox-item .icon.sc-calcite-combobox-item{opacity:1}/*!@.label--selected .icon*/.label--selected.sc-calcite-combobox-item .icon.sc-calcite-combobox-item{opacity:1;color:var(--calcite-color-brand)}/*!@:host(:hover[disabled]) .icon*/.sc-calcite-combobox-item-h:hover[disabled] .icon.sc-calcite-combobox-item{opacity:1}/*!@.filter-match*/.filter-match.sc-calcite-combobox-item{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-current)}";
+const comboboxItemCss = "@charset \"UTF-8\";/*!@:host([disabled])*/[disabled].sc-calcite-combobox-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-combobox-item-h *.sc-calcite-combobox-item,.sc-calcite-combobox-item-h[disabled].sc-calcite-combobox-item-s>*,.sc-calcite-combobox-item-h[disabled] .sc-calcite-combobox-item-s>*{pointer-events:none}/*!@:host([hidden])*/[hidden].sc-calcite-combobox-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-combobox-item{display:none}/*!@.scale--s*/.scale--s.sc-calcite-combobox-item{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem;--calcite-combobox-item-selector-icon-size:1rem}/*!@.scale--m*/.scale--m.sc-calcite-combobox-item{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem;--calcite-combobox-item-selector-icon-size:1rem}/*!@.scale--l*/.scale--l.sc-calcite-combobox-item{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.625rem;--calcite-combobox-item-spacing-indent:1rem;--calcite-combobox-item-selector-icon-size:1.5rem}/*!@.container*/.container.sc-calcite-combobox-item{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}/*!@:host(:focus)*/.sc-calcite-combobox-item-h:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-combobox-item-h[disabled] .sc-calcite-combobox-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-combobox-item-h [calcite-hydrated][disabled].sc-calcite-combobox-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-combobox-item{display:contents}/*!@:host,\nul*/.sc-calcite-combobox-item-h,ul.sc-calcite-combobox-item{margin:0px;display:flex;flex-direction:column;padding:0px}/*!@:host(:focus),\nul:focus*/.sc-calcite-combobox-item-h:focus,ul.sc-calcite-combobox-item:focus{outline:2px solid transparent;outline-offset:2px}/*!@.label*/.label.sc-calcite-combobox-item{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}/*!@:host([disabled]) .label*/[disabled].sc-calcite-combobox-item-h .label.sc-calcite-combobox-item{cursor:default}/*!@.label--selected*/.label--selected.sc-calcite-combobox-item{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}/*!@.label--active*/.label--active.sc-calcite-combobox-item{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          )}/*!@.label:hover,\n.label:active*/.label.sc-calcite-combobox-item:hover,.label.sc-calcite-combobox-item:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@.title*/.title.sc-calcite-combobox-item{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}/*!@.icon*/.icon.sc-calcite-combobox-item{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-color-border-1)}/*!@.icon--indent*/.icon--indent.sc-calcite-combobox-item{padding-inline-start:var(--calcite-combobox-item-indent-value)}/*!@.icon--custom*/.icon--custom.sc-calcite-combobox-item{margin-block-start:-1px;padding-inline-start:var(--calcite-combobox-item-spacing-unit-l);color:var(--calcite-color-text-3)}/*!@.icon--active*/.icon--active.sc-calcite-combobox-item{color:var(--calcite-color-text-1)}/*!@.icon--dot*/.icon--dot.sc-calcite-combobox-item{display:flex;justify-content:center;min-inline-size:var(--calcite-combobox-item-selector-icon-size)}/*!@.icon--dot::before*/.icon--dot.sc-calcite-combobox-item::before{text-align:start;content:\"•\"}/*!@.label--active .icon*/.label--active.sc-calcite-combobox-item .icon.sc-calcite-combobox-item{opacity:1}/*!@.label--selected .icon*/.label--selected.sc-calcite-combobox-item .icon.sc-calcite-combobox-item{opacity:1;color:var(--calcite-color-brand)}/*!@:host(:hover[disabled]) .icon*/.sc-calcite-combobox-item-h:hover[disabled] .icon.sc-calcite-combobox-item{opacity:1}/*!@.filter-match*/.filter-match.sc-calcite-combobox-item{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-current)}";
 var CalciteComboboxItemStyle0 = comboboxItemCss;
 
 /**
@@ -19900,7 +19900,7 @@ class Dropdown {
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
         this.setFilteredPlacements();
         if (this.open) {
@@ -19909,7 +19909,6 @@ class Dropdown {
         }
         connectInteractive(this);
         this.updateItems();
-        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentWillLoad() {
@@ -19917,6 +19916,7 @@ class Dropdown {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     componentDidRender() {
         updateHostInteraction(this);
@@ -19929,11 +19929,11 @@ class Dropdown {
     }
     render() {
         const { open, guid } = this;
-        return (hAsync(Host, { key: 'a61b30d08abc342fecd3c450b6e5a7446ebd20fc' }, hAsync(InteractiveContainer, { key: 'c0bfcd0bcd04c6ec7354b09492128a08e111655a', disabled: this.disabled }, hAsync("div", { key: '048e6420ee25f34af050b1d3c228b5ad4cd90222', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { key: '5cc654dc40adc5ea2ee8741036c7be7985804a80', "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$o.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { key: '8023534c38ec21d481820ada98041cf3639532dc', "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { key: '5281b68262ee4601bca806dd570eb5533572fbfa', "aria-labelledby": `${guid}-menubutton`, class: {
+        return (hAsync(Host, { key: '660d6b0944d2dc3d79357dae7b66a6d2c8f9c3a9' }, hAsync(InteractiveContainer, { key: '1f32f4c315d77b8248c575eea7a38117bf57f1df', disabled: this.disabled }, hAsync("div", { key: '6f1658b0c35a39f8c2614cf0dd95e07d2b0c5c9a', class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { key: '3e97cec359dc5a14ebb285fa8d616c6f30d46b88', "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$o.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { key: 'cfc6e225664a43cb6c9bd44785999d2fc9e0ce33', "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { key: '1f27f69083e5a67a34a9824e5bd513fe500775fb', "aria-labelledby": `${guid}-menubutton`, class: {
                 ["calcite-dropdown-content"]: true,
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: open,
-            }, id: `${guid}-menu`, ref: this.setScrollerAndTransitionEl, role: "menu" }, hAsync("slot", { key: '64ee5474925369c3fef6856b3990926833be4525', onSlotchange: this.updateGroups }))))));
+            }, id: `${guid}-menu`, ref: this.setScrollerAndTransitionEl, role: "menu" }, hAsync("slot", { key: '66b2dce743680e932ac668f18bcd59df0647b165', onSlotchange: this.updateGroups }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -20853,6 +20853,8 @@ const SLOTS$n = {
     headerContent: "header-content",
     fab: "fab",
     footer: "footer",
+    footerEnd: "footer-end",
+    footerStart: "footer-start",
     footerActions: "footer-actions",
 };
 
@@ -20874,6 +20876,8 @@ const SLOTS$m = {
     fab: "fab",
     footer: "footer",
     footerActions: "footer-actions",
+    footerEnd: "footer-end",
+    footerStart: "footer-start",
 };
 
 const flowItemCss = "/*!@:host*/.sc-calcite-flow-item-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-flow-item-h *.sc-calcite-flow-item{box-sizing:border-box}/*!@:host([disabled])*/[disabled].sc-calcite-flow-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-flow-item-h *.sc-calcite-flow-item,.sc-calcite-flow-item-h[disabled].sc-calcite-flow-item-s>*,.sc-calcite-flow-item-h[disabled] .sc-calcite-flow-item-s>*{pointer-events:none}/*!@:host*/.sc-calcite-flow-item-h{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-flow-item-h[disabled] .sc-calcite-flow-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-flow-item-h [calcite-hydrated][disabled].sc-calcite-flow-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-flow-item{display:contents}/*!@.back-button*/.back-button.sc-calcite-flow-item{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}/*!@calcite-panel*/calcite-panel.sc-calcite-flow-item{--calcite-panel-footer-padding:var(--calcite-flow-item-footer-padding);--calcite-panel-header-border-block-end:var(--calcite-flow-item-header-border-block-end)}/*!@:host([hidden])*/[hidden].sc-calcite-flow-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-flow-item{display:none}";
@@ -20889,8 +20893,10 @@ var CalciteFlowItemStyle0 = flowItemCss;
  * @slot header-content - A slot for adding custom content to the component's header.
  * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.
  * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
- * @slot footer-actions - [Deprecated] Use the `"footer"` slot instead. A slot for adding `calcite-button`s to the component's footer.
  * @slot footer - A slot for adding custom content to the component's footer.
+ * @slot footer-actions - [Deprecated] Use the `"footer"` slot instead. A slot for adding `calcite-button`s to the component's footer.
+ * @slot footer-end - A slot for adding a trailing footer custom content.
+ * @slot footer-start - A slot for adding a leading footer custom content.
  */
 class FlowItem {
     constructor(hostRef) {
@@ -21026,7 +21032,7 @@ class FlowItem {
     }
     render() {
         const { collapsed, collapseDirection, collapsible, closable, closed, description, disabled, heading, headingLevel, loading, menuOpen, messages, overlayPositioning, } = this;
-        return (hAsync(Host, { key: '359159f5c3823c682702294f9faa4e9c95ba8f8c' }, hAsync(InteractiveContainer, { key: '517351c01afd3d446b7c4656b15fce4786edbba8', disabled: disabled }, hAsync("calcite-panel", { key: 'b952966852a05d1f37f4c84cb2d6f43a911f609d', closable: closable, closed: closed, collapseDirection: collapseDirection, collapsed: collapsed, collapsible: collapsible, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, onCalcitePanelToggle: this.handlePanelToggle, overlayPositioning: overlayPositioning, ref: this.setContainerRef }, this.renderBackButton(), hAsync("slot", { key: '2b447d7db57091d3da8aec10b30f7633bc288cf9', name: SLOTS$m.actionBar, slot: SLOTS$n.actionBar }), hAsync("slot", { key: '40cbeabe01b4a6507fdda63f9b876407194d1198', name: SLOTS$m.headerActionsStart, slot: SLOTS$n.headerActionsStart }), hAsync("slot", { key: 'c4da956bad955d47b96d2ff39a7d05b0317f5639', name: SLOTS$m.headerActionsEnd, slot: SLOTS$n.headerActionsEnd }), hAsync("slot", { key: '6d02d2c32c9825fcab67bdcc7b2361bb5a6ddb11', name: SLOTS$m.headerContent, slot: SLOTS$n.headerContent }), hAsync("slot", { key: 'b4b68119f668628b022a8aa53351f3e36dbdd77f', name: SLOTS$m.headerMenuActions, slot: SLOTS$n.headerMenuActions }), hAsync("slot", { key: '5350d3cdb9c6d5f434407e1ce0eab161746ddfcd', name: SLOTS$m.fab, slot: SLOTS$n.fab }), hAsync("slot", { key: 'db720c46f81165fea711e7bc4f7392f34f6b365b', name: SLOTS$m.contentTop, slot: SLOTS$n.contentTop }), hAsync("slot", { key: 'f49eaf9487c50e99382854d4b4d97de95f16a60b', name: SLOTS$m.contentBottom, slot: SLOTS$n.contentBottom }), hAsync("slot", { key: '6b97f97578c129d41413fb27635242bc401713d1', name: SLOTS$m.footerActions, slot: SLOTS$n.footerActions }), hAsync("slot", { key: '0694822f84349e89685611211018f61408fd32b4', name: SLOTS$m.footer, slot: SLOTS$n.footer }), hAsync("slot", { key: '3fac3d182fbe877f744dcd9a2e8193d2ed70926e' })))));
+        return (hAsync(Host, { key: '386f2c2d780c8b3a1be28a8680b6f99c9ded37e6' }, hAsync(InteractiveContainer, { key: '6e80e71a06923e966ac75f8b8c172586444e3ccb', disabled: disabled }, hAsync("calcite-panel", { key: '175b4bcfdecb5b4c59d5c76db6fcae7975ee5884', closable: closable, closed: closed, collapseDirection: collapseDirection, collapsed: collapsed, collapsible: collapsible, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll, onCalcitePanelToggle: this.handlePanelToggle, overlayPositioning: overlayPositioning, ref: this.setContainerRef }, this.renderBackButton(), hAsync("slot", { key: '6e0ac6b3c3b62a5be7a6a21fbe55e56c1d4ad90a', name: SLOTS$m.actionBar, slot: SLOTS$n.actionBar }), hAsync("slot", { key: 'b2036686e62d9b5c8ecc39e8ee025e98798d7dec', name: SLOTS$m.headerActionsStart, slot: SLOTS$n.headerActionsStart }), hAsync("slot", { key: '66c09bbb9cd21327a9cc04b3046c5264b475a77d', name: SLOTS$m.headerActionsEnd, slot: SLOTS$n.headerActionsEnd }), hAsync("slot", { key: 'cd02bc580db5ecdd98b0bbbfa99655871c04bda4', name: SLOTS$m.headerContent, slot: SLOTS$n.headerContent }), hAsync("slot", { key: 'b855684ce946c66b4c13756abd1865ab420715f0', name: SLOTS$m.headerMenuActions, slot: SLOTS$n.headerMenuActions }), hAsync("slot", { key: 'f1d29575abbdb582c04d674dfef7f4a9d385da10', name: SLOTS$m.fab, slot: SLOTS$n.fab }), hAsync("slot", { key: '3033128596131e0f1fd62b28cba07957d1707d0c', name: SLOTS$m.contentTop, slot: SLOTS$n.contentTop }), hAsync("slot", { key: 'c8cf03fbacebe288afc909b9c8989242c201df8c', name: SLOTS$m.contentBottom, slot: SLOTS$n.contentBottom }), hAsync("slot", { key: '09e19f66b3a855689539dc511b1b826830a90283', name: SLOTS$m.footer, slot: SLOTS$n.footer }, hAsync("slot", { key: 'e7519384a44ee5f1f19d9747c44007ca7b95f4c8', name: SLOTS$m.footerStart, slot: SLOTS$n.footerStart }), hAsync("slot", { key: 'abd54ab99d62783f603118361bda307c3d108af0', name: SLOTS$m.footerEnd, slot: SLOTS$n.footerEnd })), hAsync("slot", { key: '9319eff4559e39701a1f838c1add5b8f57f01f2b', name: SLOTS$m.footerActions, slot: SLOTS$n.footerActions }), hAsync("slot", { key: 'bd1cc6da3068868bfaf3ba8a0e524d0d138db940' })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -21444,11 +21450,11 @@ class Handle {
     render() {
         return (
         // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
-        hAsync("span", { key: '49905ad2a351ebdbde9b721b0f5047fa65707351', "aria-checked": this.disabled ? null : toAriaBoolean(this.selected), "aria-disabled": this.disabled ? toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), class: { [CSS$V.handle]: true, [CSS$V.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+        hAsync("span", { key: '1b435a33669241997f126e273bd36801182a0ce5', "aria-checked": this.disabled ? null : toAriaBoolean(this.selected), "aria-disabled": this.disabled ? toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), class: { [CSS$V.handle]: true, [CSS$V.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
                 this.handleButton = el;
             },
             // role of radio is being applied to allow space key to select in screen readers
-            role: "radio", tabIndex: this.disabled ? null : 0, title: this.getTooltip() }, hAsync("calcite-icon", { key: '4cb0f0f8f0b59059bd41b8a80cb7a90fcf1e0446', icon: ICONS$a.drag, scale: "s" })));
+            role: "radio", tabIndex: this.disabled ? null : 0, title: this.getTooltip() }, hAsync("calcite-icon", { key: 'da7f46a07a28eab86153f1a04a8f82f4d7b3a0c6', icon: ICONS$a.drag, scale: "s" })));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -21532,7 +21538,7 @@ class Icon {
         const size = scaleToPx[scale];
         const semantic = !!textLabel;
         const paths = [].concat(pathData || "");
-        return (hAsync(Host, { key: '03df405731dff4dbb4e6e9bd1c7f809b620d7505', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, hAsync("svg", { key: 'd8fbf4132b6819717415a30ae11bf3695c282d78', "aria-hidden": "true", class: {
+        return (hAsync(Host, { key: 'c96ce47b404bd4f75deb2261a37963679b818452', "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, hAsync("svg", { key: '614da909e3822ade4a056af0180bb21e9eba9ad2', "aria-hidden": "true", class: {
                 [CSS$U.flipRtl]: dir === "rtl" && flipRtl,
                 svg: true,
             }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (hAsync("path", { d: path })) : (hAsync("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
@@ -21731,12 +21737,12 @@ class InlineEditable {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(InteractiveContainer, { key: '47d77961bb70f18fdb31994c043a013f1400f892', disabled: this.disabled }, hAsync("div", { key: 'c711aa022f759abdc6cc65184fb92d36ccbb629c', class: CSS$T.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, hAsync("div", { key: '21239055816c853b059f700a318fb2b772fb78f5', class: CSS$T.inputWrapper }, hAsync("slot", { key: 'ca2ce871db7386f9e32264e9555f7a08eac7b9e0' })), hAsync("div", { key: '31cad4378d3f71301dc3b5803a9b34a08e394b3c', class: CSS$T.controlsWrapper }, hAsync("calcite-button", { key: '942282672ebad6e33cddf76433b490ded2db7dcb', appearance: "transparent", class: CSS$T.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
+        return (hAsync(InteractiveContainer, { key: '9d804b289b009024155d985a82cbca393acc3d99', disabled: this.disabled }, hAsync("div", { key: 'b9cfaa90b5b8d805164ff3cd411ebd711bc697fa', class: CSS$T.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, hAsync("div", { key: '04f0184aff5d1c69ccddb53d9772dc335ea8b94d', class: CSS$T.inputWrapper }, hAsync("slot", { key: '2bd11ced5206f298130447ac4ae078eff6d78aa9' })), hAsync("div", { key: '54ce37f7263519eefe47dd92cc7b5a5ce46b22bf', class: CSS$T.controlsWrapper }, hAsync("calcite-button", { key: '3e587e9c886d0c59a790f2011b836d557a0d4f9b', appearance: "transparent", class: CSS$T.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
                 opacity: this.editingEnabled ? "0" : "1",
                 width: this.editingEnabled ? "0" : "inherit",
             }, type: "button" }), this.shouldShowControls && [
-            hAsync("div", { key: 'b47f75ed7a102ba84ea82b5dd483bda894c49dc9', class: CSS$T.cancelEditingButtonWrapper }, hAsync("calcite-button", { key: '590dddf42b7c99f00f4a39af4e2e0eb4adf54697', appearance: "transparent", class: CSS$T.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
-            hAsync("calcite-button", { key: 'bfbe94acd5313a70558bd6a6ad48127f4b63deed', appearance: "solid", class: CSS$T.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" }),
+            hAsync("div", { key: 'fe8561923218638a825642cb63cc917c5ea7dd24', class: CSS$T.cancelEditingButtonWrapper }, hAsync("calcite-button", { key: '821b37b750bd5418a15701217d12debb4e79adbf', appearance: "transparent", class: CSS$T.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
+            hAsync("calcite-button", { key: '2a6dc4c239b7510397ec2d2a7d609a9d7747a49d', appearance: "solid", class: CSS$T.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" }),
         ]))));
     }
     //--------------------------------------------------------------------------
@@ -22480,21 +22486,21 @@ class Input {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: '599833d3f1a495f7d8e40cdfad2c09ee122c84e7', class: CSS$S.loader }, hAsync("calcite-progress", { key: '50ad81fdf660667bcb55fbb0abeadeb7b8e24ade', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: '81d0f8aee2853fc3360e1ae4a78afdcca481a413', "aria-label": this.messages.clear, class: CSS$S.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '6f740ebf49a2c8c094f12c8e38e5b10c6c5aae0a', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: '5ea5b4a12b81f8bb6ca796b8aaa95f4505b878dc', class: CSS$S.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (hAsync("div", { key: '91ca290797296d930565c4d5c8c1c5adcfadd42f', class: CSS$S.loader }, hAsync("calcite-progress", { key: '2721ebc8dcf7fa5dfb17455f2e7bbfd925548856', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: '9cdd4f14b0c4128281b12fd6156e8274b579968b', "aria-label": this.messages.clear, class: CSS$S.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'cb77c42adac45d939293624cda425fa8ff1fccdc', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: '2e285859d4f3bfaaed8ffb284ba4595d88a05a0f', class: CSS$S.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (hAsync("button", { key: 'cc50d1314f7ea7a5f8f20d7131c8e01674d4e39e', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (hAsync("button", { key: '657b0297a616e827e7f9b4f6c216d216dd87e193', "aria-hidden": "true", class: {
                 [CSS$S.numberButtonItem]: true,
                 [CSS$S.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '9ba3a8a2ef9e1d399943c25742f859b8b077738c', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (hAsync("button", { key: '24488ad87ca61fa5c7d42c268ea633025dabbd45', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '77a3bf36286924aafc9e3352e02acc578c3b5856', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (hAsync("button", { key: '0deaf9efe2a4cb059ad24b8a2c8363ed1392726e', "aria-hidden": "true", class: {
                 [CSS$S.numberButtonItem]: true,
                 [CSS$S.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'ede8f373d9c150654edd8ea1464f54437f508b7d', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (hAsync("div", { key: 'caaefff0ff0d8c240a900b62a7dede9d285dd88e', class: CSS$S.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = hAsync("div", { key: '8bc496fa2a6474b6febab6abd5eab1c0eaa7fa54', class: CSS$S.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: 'ef6ea4800c799ca1884b50f75adc51932b16d892', class: CSS$S.suffix }, this.suffixText);
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '13b751be5ad896baa26ccf6c234844b0d17abd06', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (hAsync("div", { key: 'b738d15248ccf6cfe5447e1c34c9b1f65fc8a4e4', class: CSS$S.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = hAsync("div", { key: 'e9b94004e6a6e0d4fafebc5a2e4d75f4d4b4e216', class: CSS$S.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: '6cbe0d708f7a3a6deac4877b868f5bef28148c01', class: CSS$S.suffix }, this.suffixText);
         const autofocus = this.el.autofocus || this.el.hasAttribute("autofocus") ? true : null;
         const enterKeyHint = this.el.enterKeyHint || this.el.getAttribute("enterkeyhint");
         const inputMode = this.el.inputMode || this.el.getAttribute("inputmode");
@@ -22508,13 +22514,13 @@ class Input {
                 this.isTextarea ? (hAsync("div", { class: CSS$S.resizeIconWrapper }, hAsync("calcite-icon", { icon: "chevron-down", scale: getIconScale(this.scale) }))) : null,
             ]
             : null;
-        return (hAsync(Host, { key: '35b2cf8cf5a44addeacbb83d534b50dbabd44cda', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'da59535187da349eadb86a44dedf8b3bc643ac75', disabled: this.disabled }, hAsync("div", { key: 'abe41a00af024f1ef06d12b4c35e35307918fcb7', class: { [CSS$S.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
+        return (hAsync(Host, { key: 'd64b5741e88f8a1f0fa7bf57b1fcd1c653ebb4e1', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'c2a88b41ad40cc71430241b92162c39b9e95e91f', disabled: this.disabled }, hAsync("div", { key: '93a830ba649218eaa1d82e5fcb6e86e9c7f1125b', class: { [CSS$S.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '04186a21eb812b6405aba43c7fd173d828ea4e1c', class: CSS$S.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '11954db36cefe99687f449ef1f914e2868f74519', class: CSS$S.actionWrapper }, hAsync("slot", { key: 'c292d324afa35e170e5e235186e4ff268746b0c6', name: SLOTS$l.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '4c0265736053dbccd3d0bca070c3b00716c1753e', class: CSS$S.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: 'c3fee68974f3d04d6f843e30f598049861c9312a', class: CSS$S.actionWrapper }, hAsync("slot", { key: '1ba027e1883626596fe1b06cb86fe3e6720c62b5', name: SLOTS$l.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
             ? numberButtonsVertical
             : null, this.suffixText ? suffixText : null, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, hAsync(HiddenFormInputSlot, { key: '820c285afeca160d0f19a7974e7e401f31ecb8ad', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, hAsync(HiddenFormInputSlot, { key: '2770f59360cbc7cfacb854d8b6b9345c98fa7967', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -24026,7 +24032,7 @@ class InputDatePicker {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         connectInteractive(this);
         connectLocalized(this);
         const { open } = this;
@@ -24069,9 +24075,7 @@ class InputDatePicker {
         if (this.open) {
             onToggleOpenCloseComponent(this);
         }
-        await componentOnReady(this.el);
         connectFloatingUI(this, this.referenceEl, this.floatingEl);
-        this.localizeInputValues();
     }
     async componentWillLoad() {
         setUpLoadableComponent(this);
@@ -24081,6 +24085,8 @@ class InputDatePicker {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        this.localizeInputValues();
+        connectFloatingUI(this, this.referenceEl, this.floatingEl);
     }
     disconnectedCallback() {
         deactivateFocusTrap(this);
@@ -24101,23 +24107,23 @@ class InputDatePicker {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (hAsync(Host, { key: 'dadba03ff6fb55760183fca3e494f53c3de99206', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '8eab3a51c38c490e8fbc1fc687a542dd7df7806a', disabled: this.disabled }, this.localeData && (hAsync("div", { key: 'ffcad26902688dec5701eec2b78f23a5a4999753', class: CSS$R.inputContainer }, hAsync("div", { key: '78108e1fe64f5b6e134043e47d66789736bdc9bb', class: CSS$R.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: '76e4db0198e194671ae0e10235a17ace801fc7d1', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+        return (hAsync(Host, { key: 'aa69d03a90a634fd434770a407971b0deb24782d', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '5d30252fbcb3dab76b0cc0d81c90c3d75f75d520', disabled: this.disabled }, this.localeData && (hAsync("div", { key: '846c8e4b6dcbf4c8452dd84dd8434989a0cd770e', class: CSS$R.inputContainer }, hAsync("div", { key: '13625f578741424941b7b098f8e75693fd40d581', class: CSS$R.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: '9e046258464c35d2d274376c130cff91363844e9', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$R.input]: true,
                 [CSS$R.inputNoBottomBorder]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setStartInput, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: '6a11b830fff7ce2d438b202422506fc03071f7ad', "aria-hidden": "true", class: CSS$R.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: 'e1abb1443e56c8002d05e63839a67e2716393f65', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
+            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: '867993bfe3ba2602140e4401c97efb5480ca3ce5', "aria-hidden": "true", class: CSS$R.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '719763b40876f53da8018e22bcd9d87161f8c2fe', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
                 [CSS$R.menu]: true,
                 [CSS$R.menuActive]: this.open,
-            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, hAsync("div", { key: '9c43527b5da44dc6d6f4a58cf463bcc39e086065', class: {
+            }, id: this.dialogId, ref: this.setFloatingEl, role: "dialog" }, hAsync("div", { key: '981f7c95532de4f8dc742664a2c04370a522c164', class: {
                 [CSS$R.calendarWrapper]: true,
                 [CSS$R.calendarWrapperEnd]: this.focusedInput === "end",
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: this.open,
-            }, ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: '0c1f8a60eba95d4483c9e34639f597c5e06f3bd5', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, ref: this.setDatePickerRef, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '77a5876e02e4f4672fb3eb6ad82ed4f773d95c6d', class: CSS$R.horizontalArrowContainer }, hAsync("calcite-icon", { key: '0e079b8302f35ccdef9610f2e50817e65010b1ab', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '8d9936391b05e1bd22552ee6bbf352faec8205ba', class: CSS$R.verticalArrowContainer }, hAsync("calcite-icon", { key: 'e64010128b39e31d84310951bb9c6385b10492d0', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '051043f15e67204f619cf60853e1da5187267515', class: CSS$R.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: '663f7685fc7bc103fbb522c7341f02bdb8839449', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            }, ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: 'd40466e0fa7a8cca133444476f12a0d3e80b92d1', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, ref: this.setDatePickerRef, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: 'b41f729ce46f0a5578ff58e7507a1c6802fc6bfe', class: CSS$R.horizontalArrowContainer }, hAsync("calcite-icon", { key: 'ea2aef7c844385fe99e81b7df1955bdc95f5926d', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '743d7173f465a3c480ac43e41839338b205913a5', class: CSS$R.verticalArrowContainer }, hAsync("calcite-icon", { key: '0e233a74f1df8560b3fd1c9b4e7889d37458ba2c', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '51a308d2835d37394a0b26bd7900533ef8dd948b', class: CSS$R.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown, ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: 'ef69ebe63fdc6068c5ba8ef469bf95780f81b841', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$R.input]: true,
                 [CSS$R.inputBorderTopColorOne]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '5aee00fd10f724a4a4e2e8d295e0eeb3e1c48fda', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '22b9829585178610d9690130244000f579f556a7', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (
@@ -24163,6 +24169,9 @@ class InputDatePicker {
         this.focusOnOpen = false;
         this.datePickerEl.reset();
     }
+    syncHiddenFormInput(input) {
+        syncHiddenFormInput("date", this, input);
+    }
     commitValue() {
         const { focusedInput, value } = this;
         const focusedInputName = `${focusedInput}Input`;
@@ -24361,7 +24370,7 @@ class InputMessage {
     }
     render() {
         const hidden = this.el.hidden;
-        return (hAsync(Host, { key: 'f7008c19417cc42c784a3f71f811e7ea497398e4', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), hAsync("slot", { key: '2f15a032a0a51dc475c09fa24ad9789d5d55e49e' })));
+        return (hAsync(Host, { key: 'd25eda9bcff16d0d71d1373e87b27fd39df842f1', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), hAsync("slot", { key: 'aa5c6414007081f521e9354118aeb1365aa04c88' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -24952,27 +24961,27 @@ class InputNumber {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: 'a4f52e726014f5c4344ee746270965c12ed61584', class: CSS$Q.loader }, hAsync("calcite-progress", { key: 'a7dc653c7b9984ab8a38458fb87e77326e22ca4e', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: '1d960bc9c14b08eba558b7ce1227eb851d08513c', "aria-label": this.messages.clear, class: CSS$Q.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '8d1ee036fcbff44b41856dc4f5c09f971a89432a', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: 'c5162bc6c62e84a8c80d342dba492a675002d0e9', class: CSS$Q.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (hAsync("div", { key: '792a159864fecad5a3f8f8a12f99da26bf7d978b', class: CSS$Q.loader }, hAsync("calcite-progress", { key: '0be46f7aeed43519c2f12c8991257e94151035f3', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: '4b5cd4a3b1dcfc52ec2e543a4c72a4407f1a7428', "aria-label": this.messages.clear, class: CSS$Q.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'd89fa3a009124fe451f5a82e913f89d80ebd3b9a', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: 'ddde33f2e405f17561a000cdc48c3736a4117ac3', class: CSS$Q.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (hAsync("button", { key: '53daeb9943dac80f3ecf81919b2775e3f4335cbc', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (hAsync("button", { key: '0fd04a0153c74c1fc81892dd4dbe5a31f67f4eb9', "aria-hidden": "true", class: {
                 [CSS$Q.numberButtonItem]: true,
                 [CSS$Q.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '68e674e74c7e21cd1ced726980b2a4e2ee39abf4', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (hAsync("button", { key: '648c84c9f7fad45296f0f7aa1a4fe37eb978f333', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '2b12b651f53d4a519518efe84e5bc84f97f9dbe1', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (hAsync("button", { key: 'cb046f61566d5bd316c60aed147877b7bb3cf634', "aria-hidden": "true", class: {
                 [CSS$Q.numberButtonItem]: true,
                 [CSS$Q.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'a8ae7a105913dc1c13731c4321d75459afe1c265', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (hAsync("div", { key: '628ff7ec90ff45e7d091cafec90bff2ea40bf147', class: CSS$Q.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = hAsync("div", { key: '6ccbacd041cff176f8659ebea5de90970801a6ed', class: CSS$Q.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: '79cbd5e74fe678e7cde09efa88c9e666e7d01b11', class: CSS$Q.suffix }, this.suffixText);
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '65930ea168d80198101844d692dbcfbb639dd97a', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (hAsync("div", { key: '57f22f634162c4e3c377c54cd65b42d71f4ad266', class: CSS$Q.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = hAsync("div", { key: '7af4c5da294fb0d8e275ce440a98ed9f51326657', class: CSS$Q.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: 'ef579965ea46806676af208a2ee31e5e69c9be89', class: CSS$Q.suffix }, this.suffixText);
         const childEl = (hAsync("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode"), key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.displayedValue }));
-        return (hAsync(Host, { key: '2aa254fa8e0a2230dbad3d47e0763c3a5429be40', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'e1cdd1054bd5a2aa789f0d964d4e51ab47fe1d61', disabled: this.disabled }, hAsync("div", { key: '043b48c477a3413d38e3d719fc29c2c9e400a7d0', class: { [CSS$Q.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
+        return (hAsync(Host, { key: '81ff4a340635b293add9a060e5c7ea3891e36701', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'f14b00b8b0e94e81714adc7059f47e07fa7c8867', disabled: this.disabled }, hAsync("div", { key: '06c06fa7b1f19090152dedf758ef808509b29e6b', class: { [CSS$Q.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, hAsync("div", { key: 'b7da66e36e0c5591bc664783fc4d34b2a16080b7', class: CSS$Q.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: 'e61890fc81cfade12114bce838c83ada41fcec2c', class: CSS$Q.actionWrapper }, hAsync("slot", { key: 'c111d4c31c1cb20c65dafd30992db4c9fd17e1f0', name: SLOTS$k.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, hAsync("div", { key: 'a9e3fe40c6ae6f6917b76645ab53fd93c14ce6de', class: CSS$Q.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '99b7ed45a27506f9fd8ae635c1817eb328c579ff', class: CSS$Q.actionWrapper }, hAsync("slot", { key: 'd1d9025fd4de24400ee2c708e9bfad747e5afaed', name: SLOTS$k.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, hAsync(HiddenFormInputSlot, { key: 'a4f6a0bc8e06139000894515be31fc5faac851eb', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, hAsync(HiddenFormInputSlot, { key: '5e981eb0204b50b3262f7b6cce7162ff4729e08e', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -25355,16 +25364,16 @@ class InputText {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: 'f183561f485b9f7699a5f1c6a0f838fe88888fd9', class: CSS$P.loader }, hAsync("calcite-progress", { key: 'bf24c550883391b96f43dcaafee922932e96b9b2', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: '2ee2fc69aec60c3a3c6c22f871532596651304eb', "aria-label": this.messages.clear, class: CSS$P.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'be3e7bd1a15f316b1d0825524fc87afd7d713bde', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: 'f5f825fea233e711960556cd41a9a936c3812397', class: CSS$P.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
-        const prefixText = hAsync("div", { key: '7aadf9ff20fd16164b18ec01e4b54287b163297b', class: CSS$P.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: '3ba4daf9a19bc9be6bf35f691c6b9ce0c3cd52ef', class: CSS$P.suffix }, this.suffixText);
-        const childEl = (hAsync("input", { key: 'bae1fee07c8bf533b0c6ed482216c4f8b32e29f7', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
+        const loader = (hAsync("div", { key: '12865e7b3c27ad8b8ea0a3dd5d1604ce3f87f5a1', class: CSS$P.loader }, hAsync("calcite-progress", { key: '6bcebc67db62c8cc0c5e61855f07ea1535010fc3', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: 'd87e649b3340823a1e2f279be9b917f67e7f86b0', "aria-label": this.messages.clear, class: CSS$P.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'dcc3b9f506417c195827a4f05a9cc8c86a550e42', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: '95d5ebadf61a11abaa1a18317ce8a72bf6b3c4d6', class: CSS$P.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const prefixText = hAsync("div", { key: 'c97d334f65eee3f3c72d380e893a9c98f76219e7', class: CSS$P.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: 'bb784745fd1af8ddface534b720c3d4bd226115f', class: CSS$P.suffix }, this.suffixText);
+        const childEl = (hAsync("input", { key: '545992d12265f6db70aae39552d35d511fdebc30', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
                 [CSS$P.editingEnabled]: this.editingEnabled,
                 [CSS$P.inlineChild]: !!this.inlineEditableEl,
             }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint || this.el.getAttribute("enterkeyhint"), inputMode: this.el.inputMode || this.el.getAttribute("inputmode"), maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value }));
-        return (hAsync(Host, { key: '0e7df5b0e69f095c0cdeb1478839edbc0f5b6946', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'b3b7d4e0cdce9dc8c58676174aa6928c94464d6f', disabled: this.disabled }, hAsync("div", { key: '35f6cd1c8d01275e86fd67e8ff2433e9c88a4591', class: { [CSS$P.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, hAsync("div", { key: '62adeb8d3495411a5d02f13fd635fead6df482ee', class: CSS$P.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '9c7c5c1742ea612ff397279fde0fa18adecfa88a', class: CSS$P.actionWrapper }, hAsync("slot", { key: '8173e626cec36e40c7b4feb2f0d0682dfe10cc2d', name: SLOTS$j.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { key: '8e548c2ddf85b2b018b987b20fe9586461901707', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: '77abd0b127fa8a0afb9e29bf0d04cfd5dd570a74', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '9bd66bf7df32a0b8c6563f1f834d32dd5ed94cea', disabled: this.disabled }, hAsync("div", { key: '15eccd86d7dd9a3af9d140bd5462f97a7427f33a', class: { [CSS$P.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, hAsync("div", { key: 'b664da42bf3e4d8d05550d324231d3bff9723dc4', class: CSS$P.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '695fd376f05dec95974b7c183b404837f7bce74a', class: CSS$P.actionWrapper }, hAsync("slot", { key: '59488a35e2a8de4062f87c0f73d924b86713e730', name: SLOTS$j.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { key: '8359bd5062670af69a06b9e00d5e2dafd67c21db', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -27130,6 +27139,8 @@ class InputTimePicker {
         this.focusTrapDisabled = false;
         this.form = undefined;
         this.readOnly = false;
+        this.max = undefined;
+        this.min = undefined;
         this.messageOverrides = undefined;
         this.messages = undefined;
         this.validationMessage = undefined;
@@ -27247,6 +27258,9 @@ class InputTimePicker {
     onClose() {
         this.calciteInputTimePickerClose.emit();
     }
+    syncHiddenFormInput(input) {
+        syncHiddenFormInput("time", this, input);
+    }
     delocalizeTimeString(value) {
         // we need to set the corresponding locale before parsing, otherwise it defaults to English (possible dayjs bug)
         dayjs.locale(this.effectiveLocale.toLowerCase());
@@ -27489,7 +27503,7 @@ class InputTimePicker {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, messages, readOnly, dialogId } = this;
-        return (hAsync(Host, { key: '5b7062ccf781a573f3526d185a62930d0c325008', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '6e1bdf3fedd92fd4463ca9727b57d43f55e4c0d9', disabled: this.disabled }, hAsync("div", { key: '704d6dfd5373194904a589ee5a721930995c7827', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: 'aaff0e0b5176983c75dfcc37e909f8b670ba3f16', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, ref: this.setInputAndTransitionEl, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly && this.renderToggleIcon(this.open)), hAsync("calcite-popover", { key: '1b673d857b682844379942674ca6ee7b351dde52', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, hAsync("calcite-time-picker", { key: '09861007239c75ce2d5c54f7caa137580b2fc325', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value })), hAsync(HiddenFormInputSlot, { key: 'e0c1a456e6c3c58acda19cef8a80ca1be3ca7333', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: '498bdb0e3641206a9ad2a6d8fd68396a9efc48c0', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'b5f8d328885f383deaa4c00c576b2721e476bdf1', disabled: this.disabled }, hAsync("div", { key: '3a0565405279574e0fb83988f5dac21378a22f19', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: 'cfb8045fa55943b2c35df6263e9ca475db602856', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, ref: this.setInputAndTransitionEl, role: "combobox", scale: this.scale, status: this.status }), !this.readOnly && this.renderToggleIcon(this.open)), hAsync("calcite-popover", { key: 'b1a5f87dc611d156896512a46fccf583ebb976cf', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, hAsync("calcite-time-picker", { key: '4546b850d584d4587e2e4bae0a264f138192b28b', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value })), hAsync(HiddenFormInputSlot, { key: '86dbe3dab6dfd37222eeb8a36e0806453d718697', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (hAsync("span", { class: CSS$O.toggleIcon }, hAsync("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));
@@ -27518,6 +27532,8 @@ class InputTimePicker {
             "focusTrapDisabled": [516, "focus-trap-disabled"],
             "form": [513],
             "readOnly": [516, "read-only"],
+            "max": [513],
+            "min": [513],
             "messageOverrides": [1040],
             "messages": [1040],
             "validationMessage": [1, "validation-message"],
@@ -27539,7 +27555,7 @@ class InputTimePicker {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["open", "open"], ["disabled", "disabled"], ["focusTrapDisabled", "focus-trap-disabled"], ["form", "form"], ["readOnly", "read-only"], ["validationIcon", "validation-icon"], ["required", "required"], ["scale", "scale"], ["status", "status"], ["placement", "placement"]]
+        "$attrsToReflect$": [["open", "open"], ["disabled", "disabled"], ["focusTrapDisabled", "focus-trap-disabled"], ["form", "form"], ["readOnly", "read-only"], ["max", "max"], ["min", "min"], ["validationIcon", "validation-icon"], ["required", "required"], ["scale", "scale"], ["status", "status"], ["placement", "placement"]]
     }; }
 }
 
@@ -27589,7 +27605,7 @@ function getUserTimeZoneName() {
  * The lazy-loaded timezone-groups lib to be used across instances.
  */
 let timeZoneGroups;
-async function createTimeZoneItems(locale, messages, mode, referenceDate) {
+async function createTimeZoneItems(locale, messages, mode, referenceDate, standardTime) {
     const referenceDateInMs = referenceDate.getTime();
     const timeZoneNames = Intl.supportedValuesOf("timeZone");
     if (mode === "offset") {
@@ -27621,10 +27637,16 @@ async function createTimeZoneItems(locale, messages, mode, referenceDate) {
                     .map((index) => index - indexOffsets[index])
                     .filter((index) => index >= 0 && index < group.tzs.length);
             });
+            const effectiveLocale = standardTime === "user"
+                ? locale
+                : // we use locales that will always yield a short offset that matches `standardTime`
+                    standardTime === "utc"
+                        ? "fr"
+                        : "en-GB";
             return timeZoneGroups
                 .map(({ labelTzIndices, tzs }) => {
                 const groupRepTz = tzs[0];
-                const decimalOffset = timeZoneOffsetToDecimal(getTimeZoneShortOffset(groupRepTz, locale, referenceDateInMs));
+                const decimalOffset = timeZoneOffsetToDecimal(getTimeZoneShortOffset(groupRepTz, effectiveLocale, referenceDateInMs));
                 const value = toOffsetValue(groupRepTz, referenceDateInMs);
                 const tzLabels = labelTzIndices.map((index) => {
                     const timeZone = tzs[index];
@@ -27739,6 +27761,7 @@ class InputTimeZone {
         this.messages = undefined;
         this.messageOverrides = undefined;
         this.mode = "offset";
+        this.offsetStyle = "user";
         this.validationMessage = undefined;
         this.validationIcon = undefined;
         this.validity = {
@@ -27829,7 +27852,7 @@ class InputTimeZone {
         }
         return createTimeZoneItems(this.effectiveLocale, this.messages, this.mode, this.referenceDate instanceof Date
             ? this.referenceDate
-            : new Date(this.referenceDate ?? Date.now()));
+            : new Date(this.referenceDate ?? Date.now()), this.offsetStyle);
     }
     // --------------------------------------------------------------------------
     //
@@ -27867,11 +27890,11 @@ class InputTimeZone {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: '240ec55973f3b514109f4f7b37e180c50904396c' }, hAsync(InteractiveContainer, { key: 'dd354cbb64a9207d5a8a76c8506addc4ad7a6cba', disabled: this.disabled }, hAsync("calcite-combobox", { key: '5bcf50d77eedd614eeaa1884a77fa7c23549635c', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name" ? this.messages.namePlaceholder : this.messages.offsetPlaceholder, readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.timeZoneItems.map((group) => {
+        return (hAsync(Host, { key: 'f97f2f5459be283799467c195e38738d51b8b948' }, hAsync(InteractiveContainer, { key: 'b5ce4251084468d9081419aced2c4d78cb81af5c', disabled: this.disabled }, hAsync("calcite-combobox", { key: '7db61c2f5e0a75b586c05e3d6bc3f37416f4d67b', clearDisabled: !this.clearable, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, placeholder: this.mode === "name" ? this.messages.namePlaceholder : this.messages.offsetPlaceholder, readOnly: this.readOnly, ref: this.setComboboxRef, scale: this.scale, selectionMode: this.clearable ? "single" : "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage }, this.timeZoneItems.map((group) => {
             const selected = this.selectedTimeZoneItem === group;
             const { label, value } = group;
             return (hAsync("calcite-combobox-item", { "data-value": value, key: label, selected: selected, textLabel: label, value: `${group.filterValue}` }));
-        })), hAsync(HiddenFormInputSlot, { key: '8e430121c67530bded9a9060dea8f4d4f1de5457', component: this }))));
+        })), hAsync(HiddenFormInputSlot, { key: '55b39736821a60e2288e9c536189db7598302135', component: this }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -27896,6 +27919,7 @@ class InputTimeZone {
             "messages": [1040],
             "messageOverrides": [1040],
             "mode": [513],
+            "offsetStyle": [513, "offset-style"],
             "validationMessage": [1, "validation-message"],
             "validationIcon": [520, "validation-icon"],
             "validity": [1040],
@@ -27914,7 +27938,7 @@ class InputTimeZone {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["clearable", "clearable"], ["disabled", "disabled"], ["form", "form"], ["maxItems", "max-items"], ["mode", "mode"], ["validationIcon", "validation-icon"], ["name", "name"], ["open", "open"], ["overlayPositioning", "overlay-positioning"], ["required", "required"], ["scale", "scale"], ["status", "status"], ["readOnly", "read-only"]]
+        "$attrsToReflect$": [["clearable", "clearable"], ["disabled", "disabled"], ["form", "form"], ["maxItems", "max-items"], ["mode", "mode"], ["offsetStyle", "offset-style"], ["validationIcon", "validation-icon"], ["name", "name"], ["open", "open"], ["overlayPositioning", "overlay-positioning"], ["required", "required"], ["scale", "scale"], ["status", "status"], ["readOnly", "read-only"]]
     }; }
 }
 
@@ -27962,7 +27986,7 @@ class Label {
         document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
     }
     render() {
-        return (hAsync(Host, { key: '6a8bf489a2e99059115391eebcfcd3ac60a15f84', onClick: this.labelClickHandler }, hAsync("div", { key: '3a690f256f850829107789b0560c0789a8578e09', class: CSS$N.container }, hAsync("slot", { key: 'ebb67d2ba5254b87058c5bf45edc2d6299da00e7' }))));
+        return (hAsync(Host, { key: '881662c0e2e7008bd94e8e25288ef06fac57269e', onClick: this.labelClickHandler }, hAsync("div", { key: '62c28743dc66b4dc926d3a61c496f3d93c109041', class: CSS$N.container }, hAsync("slot", { key: 'b20f7cefe52688d3f76972f1d4940051baab504a' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28041,17 +28065,17 @@ class Link {
         const { download, el } = this;
         const dir = getElementDir(el);
         const childElType = this.href ? "a" : "span";
-        const iconStartEl = (hAsync("calcite-icon", { key: '886638422905f1ae6b0cc0a9bcb2e2147067e7c8', class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
-        const iconEndEl = (hAsync("calcite-icon", { key: 'ace6f2ec903c70f16f2ea61114877a239d515c71', class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
+        const iconStartEl = (hAsync("calcite-icon", { key: '456e22f692a8043bb209f400915fe1b08f54fec9', class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
+        const iconEndEl = (hAsync("calcite-icon", { key: 'a270787881023d34c3d9cd22a857400cb678a63a', class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
         const Tag = childElType;
         const role = childElType === "span" ? "link" : null;
         const tabIndex = childElType === "span" ? 0 : null;
-        return (hAsync(Host, { key: '0377328ab74b27adeb8d65193f7041fc92de340f', role: "presentation" }, hAsync(InteractiveContainer, { key: '5d36a120545f630ec54069e9d71a4171e9b0d777', disabled: this.disabled }, hAsync(Tag, { key: 'bff624c9f7b58e66af31fef464bdc26b4d69937e', class: { [CSS_UTILITY.rtl]: dir === "rtl" },
+        return (hAsync(Host, { key: 'd69c67356efd44dc492510b3021eb345c4a40041', role: "presentation" }, hAsync(InteractiveContainer, { key: '4bd9ac0dfcf77476e36257ba7eddb4088b8ed347', disabled: this.disabled }, hAsync(Tag, { key: '39e243d41384cdc76ccaffa881a434c17c0380b9', class: { [CSS_UTILITY.rtl]: dir === "rtl" },
             /*
           When the 'download' property of type 'boolean | string' is set to true, the value is "".
           This works around that issue for now.
           */
-            download: Tag === "a" && (download === "" || download) ? download : null, href: Tag === "a" && this.href, onClick: this.childElClickHandler, ref: this.storeTagRef, rel: Tag === "a" && this.rel, role: role, tabIndex: tabIndex, target: Tag === "a" && this.target }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: 'fdc152ba2dad60b16415159ad82de9208897e26d' }), this.iconEnd ? iconEndEl : null))));
+            download: Tag === "a" && (download === "" || download) ? download : null, href: Tag === "a" && this.href, onClick: this.childElClickHandler, ref: this.storeTagRef, rel: Tag === "a" && this.rel, role: role, tabIndex: tabIndex, target: Tag === "a" && this.target }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: 'ab36d39e7d52fe70b48b23a29c32402f5da01843' }), this.iconEnd ? iconEndEl : null))));
     }
     //--------------------------------------------------------------------------
     //
@@ -31306,7 +31330,7 @@ class List$1 {
     // --------------------------------------------------------------------------
     render() {
         const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, filteredItems, hasFilterActionsStart, hasFilterActionsEnd, hasFilterNoResults, filterProps, } = this;
-        return (hAsync(InteractiveContainer, { key: '6920ce1e7a038d1dc6b7dd67c03e96cd8f0566a3', disabled: this.disabled }, hAsync("div", { key: 'a721698cdff7cf9efc04331992f7d38c4ab46713', class: CSS$J.container }, this.dragEnabled ? (hAsync("span", { "aria-live": "assertive", class: CSS$J.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? hAsync("calcite-scrim", { class: CSS$J.scrim, loading: loading }) : null, hAsync("table", { key: '5963c97b5d79859ea89eccff4a23602712194d65', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS$J.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (hAsync("thead", { class: CSS$J.sticky }, hAsync("tr", null, hAsync("th", { colSpan: MAX_COLUMNS }, hAsync("calcite-stack", { class: CSS$J.stack }, hAsync("slot", { name: SLOTS$g.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$h.actionsStart }), hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, filterProps: filterProps, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, ref: this.setFilterEl, value: filterText }), hAsync("slot", { name: SLOTS$g.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$h.actionsEnd })))))) : null, hAsync("tbody", { key: '08afb43f1ead7099e959f32bf965eb258cdd52e8', class: CSS$J.tableContainer }, hAsync("slot", { key: '82c7d71dcd8c64945b7821839f6c8fea9cd3975f', onSlotchange: this.handleDefaultSlotChange }))), hAsync("div", { key: '02fbf5e99f454862f41b1495d1920512e963cf48', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, hAsync("slot", { key: '201b9eea655ff68f513157a355bc2add0c0e169c', name: SLOTS$g.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
+        return (hAsync(InteractiveContainer, { key: '4fb7e06d6768d6dd269f2b3e3d0db5a0b6048a6a', disabled: this.disabled }, hAsync("div", { key: '5f5b87d0757b1f56d4e8b86c17d19fc57058e315', class: CSS$J.container }, this.dragEnabled ? (hAsync("span", { "aria-live": "assertive", class: CSS$J.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? hAsync("calcite-scrim", { class: CSS$J.scrim, loading: loading }) : null, hAsync("table", { key: '651c93301fb891e686a13af7de6bfd05e1a91fc5', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS$J.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (hAsync("thead", { class: CSS$J.sticky }, hAsync("tr", null, hAsync("th", { colSpan: MAX_COLUMNS }, hAsync("calcite-stack", { class: CSS$J.stack }, hAsync("slot", { name: SLOTS$g.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$h.actionsStart }), hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, filterProps: filterProps, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, ref: this.setFilterEl, value: filterText }), hAsync("slot", { name: SLOTS$g.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$h.actionsEnd })))))) : null, hAsync("tbody", { key: 'fb94267a3fe03d881f66c8229b914f574b50a303', class: CSS$J.tableContainer }, hAsync("slot", { key: '8df0eacdb5ac1a9f2ed9b7473f3d8873f7d0460f', onSlotchange: this.handleDefaultSlotChange }))), hAsync("div", { key: '0dd2a889aad47a97d19b6dd088670adc240a4060', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, hAsync("slot", { key: '114e48b20ea274a1f5e25a5777d51f7425c021f1', name: SLOTS$g.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
     }
     // --------------------------------------------------------------------------
     //
@@ -31491,7 +31515,7 @@ class List$1 {
     }; }
 }
 
-const listItemCss = "/*!@:host([disabled])*/[disabled].sc-calcite-list-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-item-h *.sc-calcite-list-item,.sc-calcite-list-item-h[disabled].sc-calcite-list-item-s>*,.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-item-h{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}/*!@:host([filter-hidden]),\n:host([closed])*/[filter-hidden].sc-calcite-list-item-h,[closed].sc-calcite-list-item-h{display:none}/*!@.wrapper--bordered*/.wrapper--bordered.sc-calcite-list-item{border-block-end:1px solid var(--calcite-color-border-3)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-h [calcite-hydrated][disabled].sc-calcite-list-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-list-item{display:contents}/*!@.container*/.container.sc-calcite-list-item{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1)}/*!@.container **/.container.sc-calcite-list-item *.sc-calcite-list-item{box-sizing:border-box}/*!@.container--hover:hover*/.container--hover.sc-calcite-list-item:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}/*!@.container:active*/.container.sc-calcite-list-item:active{background-color:var(--calcite-color-foreground-1)}/*!@.container--border*/.container--border.sc-calcite-list-item{border-inline-start-width:4px;border-inline-start-style:solid}/*!@.container--border-selected*/.container--border-selected.sc-calcite-list-item{border-inline-start-color:var(--calcite-color-brand)}/*!@.container--border-unselected*/.container--border-unselected.sc-calcite-list-item{border-inline-start-color:transparent}/*!@.container:hover.container--border-unselected*/.container.sc-calcite-list-item:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}/*!@.nested-container*/.nested-container.sc-calcite-list-item{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);margin-inline-start:var(--calcite-list-item-spacing-indent, 1.5rem)}/*!@.nested-container--open*/.nested-container--open.sc-calcite-list-item{display:flex}/*!@.content-container*/.content-container.sc-calcite-list-item{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}/*!@tr,\ntd*/tr.sc-calcite-list-item,td.sc-calcite-list-item{outline-color:transparent}/*!@tr*/tr.sc-calcite-list-item{position:relative}/*!@tr:focus,\ntd:focus*/tr.sc-calcite-list-item:focus,td.sc-calcite-list-item:focus{z-index:var(--calcite-app-z-index-sticky);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand))}/*!@.content,\n.custom-content*/.content.sc-calcite-list-item,.custom-content.sc-calcite-list-item{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}/*!@.label,\n.description,\n.content-bottom*/.label.sc-calcite-list-item,.description.sc-calcite-list-item,.content-bottom.sc-calcite-list-item{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}/*!@.label:only-child,\n.description:only-child,\n.content-bottom:only-child*/.label.sc-calcite-list-item:only-child,.description.sc-calcite-list-item:only-child,.content-bottom.sc-calcite-list-item:only-child{margin:0px;padding-block:0.25rem}/*!@.label*/.label.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@:host([selected]) .label*/[selected].sc-calcite-list-item-h .label.sc-calcite-list-item{font-weight:var(--calcite-font-weight-medium)}/*!@.description*/.description.sc-calcite-list-item{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}/*!@:host([selected]) .description*/[selected].sc-calcite-list-item-h .description.sc-calcite-list-item{color:var(--calcite-color-text-2)}/*!@.content-start*/.content-start.sc-calcite-list-item{justify-content:flex-start}/*!@.content-end*/.content-end.sc-calcite-list-item{justify-content:flex-end}/*!@.content-start,\n.content-end*/.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item{flex:1 1 auto}/*!@.content-start ::slotted(calcite-icon),\n.content-end ::slotted(calcite-icon)*/.content-start .sc-calcite-list-item-s>calcite-icon,.content-end.sc-calcite-list-item-s>calcite-icon,.content-end .sc-calcite-list-item-s>calcite-icon{margin-inline:0.75rem;align-self:center}/*!@.content-bottom*/.content-bottom.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end*/.content-container--has-center-content.sc-calcite-list-item .content-start.sc-calcite-list-item,.content-container--has-center-content.sc-calcite-list-item .content-end.sc-calcite-list-item{flex:0 1 auto}/*!@.selection-container*/.selection-container.sc-calcite-list-item{display:flex;padding-inline:0.75rem;padding-block:0px;color:var(--calcite-color-border-input)}/*!@.selection-container--single*/.selection-container--single.sc-calcite-list-item{color:transparent}/*!@:host(:not([disabled]):not([selected])) .container:hover .selection-container--single*/.sc-calcite-list-item-h:not([disabled]):not([selected]) .container.sc-calcite-list-item:hover .selection-container--single.sc-calcite-list-item{color:var(--calcite-color-border-1)}/*!@:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container*/[selected].sc-calcite-list-item-h:hover .selection-container.sc-calcite-list-item,[selected].sc-calcite-list-item-h:hover .selection-container--single.sc-calcite-list-item,[selected].sc-calcite-list-item-h .selection-container.sc-calcite-list-item{color:var(--calcite-list-item-icon-color)}/*!@.open-container*/.open-container.sc-calcite-list-item{color:var(--calcite-color-text-3)}/*!@:host(:not([disabled])) .container:hover .open-container*/.sc-calcite-list-item-h:not([disabled]) .container.sc-calcite-list-item:hover .open-container.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item,.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item,.selection-container.sc-calcite-list-item,.drag-container.sc-calcite-list-item,.open-container.sc-calcite-list-item{display:flex;align-items:center}/*!@.actions-start calcite-action,\n.actions-start calcite-handle,\n.actions-end calcite-action,\n.actions-end calcite-handle,\n.content-start calcite-action,\n.content-start calcite-handle,\n.content-end calcite-action,\n.content-end calcite-handle,\n.selection-container calcite-action,\n.selection-container calcite-handle,\n.drag-container calcite-action,\n.drag-container calcite-handle,\n.open-container calcite-action,\n.open-container calcite-handle*/.actions-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item{align-self:stretch}/*!@.open-container,\n.selection-container*/.open-container.sc-calcite-list-item,.selection-container.sc-calcite-list-item{cursor:pointer}/*!@.actions-start,\n.actions-end*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item{position:relative;padding:0px}/*!@.actions-start ::slotted(calcite-action),\n.actions-start ::slotted(calcite-action-menu),\n.actions-start ::slotted(calcite-handle),\n.actions-start ::slotted(calcite-dropdown),\n.actions-end ::slotted(calcite-action),\n.actions-end ::slotted(calcite-action-menu),\n.actions-end ::slotted(calcite-handle),\n.actions-end ::slotted(calcite-dropdown)*/.actions-start .sc-calcite-list-item-s>calcite-action,.actions-start.sc-calcite-list-item-s>calcite-action-menu,.actions-start .sc-calcite-list-item-s>calcite-action-menu,.actions-start.sc-calcite-list-item-s>calcite-handle,.actions-start .sc-calcite-list-item-s>calcite-handle,.actions-start.sc-calcite-list-item-s>calcite-dropdown,.actions-start .sc-calcite-list-item-s>calcite-dropdown,.actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action-menu,.actions-end .sc-calcite-list-item-s>calcite-action-menu,.actions-end.sc-calcite-list-item-s>calcite-handle,.actions-end .sc-calcite-list-item-s>calcite-handle,.actions-end.sc-calcite-list-item-s>calcite-dropdown,.actions-end .sc-calcite-list-item-s>calcite-dropdown{align-self:stretch;color:inherit}/*!@tr:focus .actions-start,\ntr:focus .actions-end*/tr.sc-calcite-list-item:focus .actions-start.sc-calcite-list-item,tr.sc-calcite-list-item:focus .actions-end.sc-calcite-list-item{inset-block:0.125rem}/*!@tr:focus .actions-start .close,\ntr:focus .actions-start ::slotted(calcite-action),\ntr:focus .actions-start ::slotted(calcite-action-menu),\ntr:focus .actions-start ::slotted(calcite-handle),\ntr:focus .actions-start ::slotted(calcite-dropdown),\ntr:focus .actions-end .close,\ntr:focus .actions-end ::slotted(calcite-action),\ntr:focus .actions-end ::slotted(calcite-action-menu),\ntr:focus .actions-end ::slotted(calcite-handle),\ntr:focus .actions-end ::slotted(calcite-dropdown)*/tr.sc-calcite-list-item:focus .actions-start.sc-calcite-list-item .close.sc-calcite-list-item,tr:focus .actions-start.sc-calcite-list-item-s>calcite-action,tr:focus .actions-start .sc-calcite-list-item-s>calcite-action,tr:focus .actions-start.sc-calcite-list-item-s>calcite-action-menu,.actions-start .sc-calcite-list-item-s>calcite-action-menu,tr:focus .actions-start.sc-calcite-list-item-s>calcite-handle,.actions-start .sc-calcite-list-item-s>calcite-handle,tr:focus .actions-start.sc-calcite-list-item-s>calcite-dropdown,.actions-start .sc-calcite-list-item-s>calcite-dropdown,tr.sc-calcite-list-item:focus .actions-end.sc-calcite-list-item .close.sc-calcite-list-item,tr:focus .actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action-menu,.actions-end .sc-calcite-list-item-s>calcite-action-menu,tr:focus .actions-end.sc-calcite-list-item-s>calcite-handle,.actions-end .sc-calcite-list-item-s>calcite-handle,tr:focus .actions-end.sc-calcite-list-item-s>calcite-dropdown,.actions-end .sc-calcite-list-item-s>calcite-dropdown{block-size:calc(100% - 0.25rem)}/*!@tr:focus::after, tr:focus::before*/tr.sc-calcite-list-item:focus::after,tr.sc-calcite-list-item:focus::before{position:absolute;content:\"\";inline-size:0px;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-brand);inset-block:0}/*!@tr:focus::before*/tr.sc-calcite-list-item:focus::before{inset-inline-start:0}/*!@tr:focus::after*/tr.sc-calcite-list-item:focus::after{inset-inline-end:0}/*!@.container--border:focus::before*/.container--border.sc-calcite-list-item:focus::before{display:none}/*!@::slotted(calcite-list:empty)*/.sc-calcite-list-item-s>calcite-list:empty{border-block-start-width:0px}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-list-item{display:none}";
+const listItemCss = "/*!@:host([disabled])*/[disabled].sc-calcite-list-item-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-item-h *.sc-calcite-list-item,.sc-calcite-list-item-h[disabled].sc-calcite-list-item-s>*,.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-item-h{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-icon-color:var(--calcite-color-brand)}/*!@:host([filter-hidden]),\n:host([closed])*/[filter-hidden].sc-calcite-list-item-h,[closed].sc-calcite-list-item-h{display:none}/*!@.wrapper--bordered*/.wrapper--bordered.sc-calcite-list-item{border-block-end:1px solid var(--calcite-color-border-3)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-h[disabled] .sc-calcite-list-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-h [calcite-hydrated][disabled].sc-calcite-list-item{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-list-item{display:contents}/*!@.container*/.container.sc-calcite-list-item{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1)}/*!@.container **/.container.sc-calcite-list-item *.sc-calcite-list-item{box-sizing:border-box}/*!@.container--hover:hover*/.container--hover.sc-calcite-list-item:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}/*!@.container:active*/.container.sc-calcite-list-item:active{background-color:var(--calcite-color-foreground-1)}/*!@.container--border*/.container--border.sc-calcite-list-item{border-inline-start-width:4px;border-inline-start-style:solid}/*!@.container--border-selected*/.container--border-selected.sc-calcite-list-item{border-inline-start-color:var(--calcite-color-brand)}/*!@.container--border-unselected*/.container--border-unselected.sc-calcite-list-item{border-inline-start-color:transparent}/*!@.container:hover.container--border-unselected*/.container.sc-calcite-list-item:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}/*!@.nested-container*/.nested-container.sc-calcite-list-item{display:none;flex-direction:column;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);margin-inline-start:var(--calcite-list-item-spacing-indent, 1.5rem)}/*!@.nested-container--open*/.nested-container--open.sc-calcite-list-item{display:flex}/*!@.content-container*/.content-container.sc-calcite-list-item{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}/*!@tr,\ntd*/tr.sc-calcite-list-item,td.sc-calcite-list-item{outline-color:transparent}/*!@tr*/tr.sc-calcite-list-item{position:relative}/*!@tr:focus,\ntd:focus*/tr.sc-calcite-list-item:focus,td.sc-calcite-list-item: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          )}/*!@.content,\n.custom-content*/.content.sc-calcite-list-item,.custom-content.sc-calcite-list-item{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}/*!@.label,\n.description,\n.content-bottom*/.label.sc-calcite-list-item,.description.sc-calcite-list-item,.content-bottom.sc-calcite-list-item{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}/*!@.label:only-child,\n.description:only-child,\n.content-bottom:only-child*/.label.sc-calcite-list-item:only-child,.description.sc-calcite-list-item:only-child,.content-bottom.sc-calcite-list-item:only-child{margin:0px;padding-block:0.25rem}/*!@.label*/.label.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@:host([selected]) .label*/[selected].sc-calcite-list-item-h .label.sc-calcite-list-item{font-weight:var(--calcite-font-weight-medium)}/*!@.description*/.description.sc-calcite-list-item{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}/*!@:host([selected]) .description*/[selected].sc-calcite-list-item-h .description.sc-calcite-list-item{color:var(--calcite-color-text-2)}/*!@.content-start*/.content-start.sc-calcite-list-item{justify-content:flex-start}/*!@.content-end*/.content-end.sc-calcite-list-item{justify-content:flex-end}/*!@.content-start,\n.content-end*/.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item{flex:1 1 auto}/*!@.content-start ::slotted(calcite-icon),\n.content-end ::slotted(calcite-icon)*/.content-start .sc-calcite-list-item-s>calcite-icon,.content-end.sc-calcite-list-item-s>calcite-icon,.content-end .sc-calcite-list-item-s>calcite-icon{margin-inline:0.75rem;align-self:center}/*!@.content-bottom*/.content-bottom.sc-calcite-list-item{display:flex;flex-direction:column}/*!@.content-container--has-center-content .content-start,\n.content-container--has-center-content .content-end*/.content-container--has-center-content.sc-calcite-list-item .content-start.sc-calcite-list-item,.content-container--has-center-content.sc-calcite-list-item .content-end.sc-calcite-list-item{flex:0 1 auto}/*!@.selection-container*/.selection-container.sc-calcite-list-item{display:flex;padding-inline:0.75rem;padding-block:0px;color:var(--calcite-color-border-input)}/*!@.selection-container--single*/.selection-container--single.sc-calcite-list-item{color:transparent}/*!@:host(:not([disabled]):not([selected])) .container:hover .selection-container--single*/.sc-calcite-list-item-h:not([disabled]):not([selected]) .container.sc-calcite-list-item:hover .selection-container--single.sc-calcite-list-item{color:var(--calcite-color-border-1)}/*!@:host([selected]:hover) .selection-container,\n:host([selected]:hover) .selection-container--single,\n:host([selected]) .selection-container*/[selected].sc-calcite-list-item-h:hover .selection-container.sc-calcite-list-item,[selected].sc-calcite-list-item-h:hover .selection-container--single.sc-calcite-list-item,[selected].sc-calcite-list-item-h .selection-container.sc-calcite-list-item{color:var(--calcite-list-item-icon-color)}/*!@.open-container*/.open-container.sc-calcite-list-item{color:var(--calcite-color-text-3)}/*!@:host(:not([disabled])) .container:hover .open-container*/.sc-calcite-list-item-h:not([disabled]) .container.sc-calcite-list-item:hover .open-container.sc-calcite-list-item{color:var(--calcite-color-text-1)}/*!@.actions-start,\n.actions-end,\n.content-start,\n.content-end,\n.selection-container,\n.drag-container,\n.open-container*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item,.content-start.sc-calcite-list-item,.content-end.sc-calcite-list-item,.selection-container.sc-calcite-list-item,.drag-container.sc-calcite-list-item,.open-container.sc-calcite-list-item{display:flex;align-items:center}/*!@.actions-start calcite-action,\n.actions-start calcite-handle,\n.actions-end calcite-action,\n.actions-end calcite-handle,\n.content-start calcite-action,\n.content-start calcite-handle,\n.content-end calcite-action,\n.content-end calcite-handle,\n.selection-container calcite-action,\n.selection-container calcite-handle,\n.drag-container calcite-action,\n.drag-container calcite-handle,\n.open-container calcite-action,\n.open-container calcite-handle*/.actions-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.actions-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-start.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-action.sc-calcite-list-item,.content-end.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.selection-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.drag-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-action.sc-calcite-list-item,.open-container.sc-calcite-list-item calcite-handle.sc-calcite-list-item{align-self:stretch}/*!@.open-container,\n.selection-container*/.open-container.sc-calcite-list-item,.selection-container.sc-calcite-list-item{cursor:pointer}/*!@.actions-start,\n.actions-end*/.actions-start.sc-calcite-list-item,.actions-end.sc-calcite-list-item{position:relative;padding:0px}/*!@.actions-start ::slotted(calcite-action),\n.actions-start ::slotted(calcite-action-menu),\n.actions-start ::slotted(calcite-handle),\n.actions-start ::slotted(calcite-dropdown),\n.actions-end ::slotted(calcite-action),\n.actions-end ::slotted(calcite-action-menu),\n.actions-end ::slotted(calcite-handle),\n.actions-end ::slotted(calcite-dropdown)*/.actions-start .sc-calcite-list-item-s>calcite-action,.actions-start.sc-calcite-list-item-s>calcite-action-menu,.actions-start .sc-calcite-list-item-s>calcite-action-menu,.actions-start.sc-calcite-list-item-s>calcite-handle,.actions-start .sc-calcite-list-item-s>calcite-handle,.actions-start.sc-calcite-list-item-s>calcite-dropdown,.actions-start .sc-calcite-list-item-s>calcite-dropdown,.actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action-menu,.actions-end .sc-calcite-list-item-s>calcite-action-menu,.actions-end.sc-calcite-list-item-s>calcite-handle,.actions-end .sc-calcite-list-item-s>calcite-handle,.actions-end.sc-calcite-list-item-s>calcite-dropdown,.actions-end .sc-calcite-list-item-s>calcite-dropdown{align-self:stretch;color:inherit}/*!@tr:focus .actions-start,\ntr:focus .actions-end*/tr.sc-calcite-list-item:focus .actions-start.sc-calcite-list-item,tr.sc-calcite-list-item:focus .actions-end.sc-calcite-list-item{inset-block:0.125rem}/*!@tr:focus .actions-start .close,\ntr:focus .actions-start ::slotted(calcite-action),\ntr:focus .actions-start ::slotted(calcite-action-menu),\ntr:focus .actions-start ::slotted(calcite-handle),\ntr:focus .actions-start ::slotted(calcite-dropdown),\ntr:focus .actions-end .close,\ntr:focus .actions-end ::slotted(calcite-action),\ntr:focus .actions-end ::slotted(calcite-action-menu),\ntr:focus .actions-end ::slotted(calcite-handle),\ntr:focus .actions-end ::slotted(calcite-dropdown)*/tr.sc-calcite-list-item:focus .actions-start.sc-calcite-list-item .close.sc-calcite-list-item,tr:focus .actions-start.sc-calcite-list-item-s>calcite-action,tr:focus .actions-start .sc-calcite-list-item-s>calcite-action,tr:focus .actions-start.sc-calcite-list-item-s>calcite-action-menu,.actions-start .sc-calcite-list-item-s>calcite-action-menu,tr:focus .actions-start.sc-calcite-list-item-s>calcite-handle,.actions-start .sc-calcite-list-item-s>calcite-handle,tr:focus .actions-start.sc-calcite-list-item-s>calcite-dropdown,.actions-start .sc-calcite-list-item-s>calcite-dropdown,tr.sc-calcite-list-item:focus .actions-end.sc-calcite-list-item .close.sc-calcite-list-item,tr:focus .actions-end.sc-calcite-list-item-s>calcite-action,.actions-end .sc-calcite-list-item-s>calcite-action,.actions-end.sc-calcite-list-item-s>calcite-action-menu,.actions-end .sc-calcite-list-item-s>calcite-action-menu,tr:focus .actions-end.sc-calcite-list-item-s>calcite-handle,.actions-end .sc-calcite-list-item-s>calcite-handle,tr:focus .actions-end.sc-calcite-list-item-s>calcite-dropdown,.actions-end .sc-calcite-list-item-s>calcite-dropdown{block-size:calc(100% - 0.25rem)}/*!@tr:focus::after, tr:focus::before*/tr.sc-calcite-list-item:focus::after,tr.sc-calcite-list-item:focus::before{position:absolute;content:\"\";inline-size:0.125rem;z-index:var(--calcite-z-index-header);background-color:var(--calcite-color-brand);inset-block:0}/*!@tr:focus::before*/tr.sc-calcite-list-item:focus::before{inset-inline-start:0}/*!@tr:focus::after*/tr.sc-calcite-list-item:focus::after{inset-inline-end:0}/*!@.container--border:focus::before*/.container--border.sc-calcite-list-item:focus::before{display:none}/*!@::slotted(calcite-list:empty)*/.sc-calcite-list-item-s>calcite-list:empty{border-block-start-width:0px}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-list-item{display:none}";
 var CalciteListItemStyle0 = listItemCss;
 
 const focusMap = new Map();
@@ -31877,7 +31901,7 @@ class ListItem {
         const showBorder = selectionMode !== "none" && selectionAppearance === "border";
         const borderSelected = showBorder && selected;
         const borderUnselected = showBorder && !selected;
-        return (hAsync(Host, { key: '1e307090473152ef14074c7b49e239835b4fa9f0' }, hAsync(InteractiveContainer, { key: '488a245661071f7e80a0f8b04efe4c883553230f', disabled: disabled }, hAsync("div", { key: '1c1a2ab67e650ba42205cd51e23f8237315de880', class: { [CSS$M.wrapper]: true, [CSS$M.wrapperBordered]: bordered } }, hAsync("tr", { key: 'fe26dc906d874fc50de24d8fc5928b8c9bddda57', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
+        return (hAsync(Host, { key: '0ad7f6606712fcb789d833c2a8226e2492f02d9b' }, hAsync(InteractiveContainer, { key: 'f908e68db67b02be4cc99007713188e28c47a4ff', disabled: disabled }, hAsync("div", { key: '565126927033a03940fcc09bcf26114029ee592a', class: { [CSS$M.wrapper]: true, [CSS$M.wrapperBordered]: bordered } }, hAsync("tr", { key: '8268f9c8efc3c754114ac2213d4b30dfa620897b', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
                 [CSS$M.container]: true,
                 [CSS$M.containerHover]: true,
                 [CSS$M.containerBorder]: showBorder,
@@ -32019,7 +32043,7 @@ class ListItemGroup {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, heading } = this;
-        return (hAsync(Host, { key: 'bad92d862f0c50bca064ee4663d44820b5a84da7' }, hAsync(InteractiveContainer, { key: 'ad8fbc27bcce80caf2f81812c3d68c5635b4cedc', disabled: disabled }, hAsync("tr", { key: '6118999fc23dbd7852c82f0e9bba7e81e28db839', class: CSS$I.container }, hAsync("td", { key: '6127e43e4e2582f8a8427a0535ecc0c30c6cb242', class: CSS$I.heading, colSpan: MAX_COLUMNS }, heading)), hAsync("slot", { key: 'a7a5e3a79b2f03b4722a9df5d41b0db80156cc51', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync(Host, { key: '49d0c6f86c120af1e07940706ae7209d9bfe8505' }, hAsync(InteractiveContainer, { key: 'ad13451f3d785e38f18ef5e70863da34e6156a92', disabled: disabled }, hAsync("tr", { key: '05c409b57cfb750738bda992941ef3fa2af55e55', class: CSS$I.container }, hAsync("td", { key: 'b55ddbc0165d0725a2ff768787956ce8a6c684ec', class: CSS$I.heading, colSpan: MAX_COLUMNS }, heading)), hAsync("slot", { key: '9eed41b10f61dc047ded58ecb0ca5b96beac2cca', onSlotchange: this.handleDefaultSlotChange }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteListItemGroupStyle0; }
@@ -32075,7 +32099,7 @@ class Loader {
         };
         const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
         const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-        return (hAsync(Host, { key: 'fed04e53a90bd853500d22e4867c6011586b564d', "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) }, hAsync("div", { key: 'd88e1af1b33496e29b3eaa9f8fa32b0ebc8f4629', class: "loader__svgs" }, hAsync("svg", { key: 'a231420ed5c17bcb82595f68af93666b050ea45f', "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, hAsync("circle", { key: 'c714d45b72283929f8e1352eca814d2a48b245c1', ...svgAttributes })), hAsync("svg", { key: '95133837d1c8093b4e9b49b2df14b9d33079af32', "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, hAsync("circle", { key: '0d9eebc9a9568cf696fbab1fb0c2a0ffa781537e', ...svgAttributes })), hAsync("svg", { key: 'b8b07f3c667ee87213e8acefd7360d80c1a042e7', "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, hAsync("circle", { key: '0a52ba4bac23d93352562d5faea7566a51c294d5', ...svgAttributes }))), text && hAsync("div", { key: '1e5fc5a38f219d248caf2c42fa6be4147184f115', class: "loader__text" }, text), isDeterminate && hAsync("div", { key: '9a5a103245be5d16e71c3a3cb23d840c3b96a6aa', class: "loader__percentage" }, value)));
+        return (hAsync(Host, { key: '87cb8ad468f0121ed0e25680b1a03edf458565e9', "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) }, hAsync("div", { key: 'b6e9c4c387faa37b6677c06bacc755054948e55d', class: "loader__svgs" }, hAsync("svg", { key: '831f6e98185262bd098e237eb0380957a018b9bc', "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, hAsync("circle", { key: '2745eea697ac72478dfb42660fb0e8f441bdfb43', ...svgAttributes })), hAsync("svg", { key: '744319fc7e1ba1ad47191a1349c406504e90e102', "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, hAsync("circle", { key: '7325a6ecae40cd9e946b353dd505aba7d219e705', ...svgAttributes })), hAsync("svg", { key: '320206b6b6366ae6847d5a23f3f46d462a374ecc', "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, hAsync("circle", { key: 'a220af184f43aed623157c4b2c742b1d65d6bde3', ...svgAttributes }))), text && hAsync("div", { key: '88744f93a3cb2278c35e2dd1708260841eeaee7c', class: "loader__text" }, text), isDeterminate && hAsync("div", { key: '1b292414df2d7a39ff5ebf1ca491ceb290485263', class: "loader__percentage" }, value)));
     }
     //--------------------------------------------------------------------------
     //
@@ -32395,7 +32419,7 @@ class Meter {
             : unitLabel
                 ? textUnitLabel
                 : undefined;
-        return (hAsync(Host, { key: '7cc0c403183b60a6b392bfd91acb9a5082e76bd7' }, hAsync("div", { key: '604071f77b2a040e6094ce0cdec22cb6f33a1722', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
+        return (hAsync(Host, { key: 'd4ce6f2e83c5211e8fb5f306fbfc0369e7d95608' }, hAsync("div", { key: '09555ec77424d7f2d8c0c242aec246e8c7f6a1f1', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
                 [CSS$H.container]: true,
                 [CSS$H.stepsVisible]: rangeLabels,
                 [CSS$H.valueVisible]: valueLabel,
@@ -32645,16 +32669,16 @@ class Modal {
         this.slottedInShell = false;
     }
     render() {
-        return (hAsync(Host, { key: '091b1639a649124c1481393263c2f733dc7eb7b4', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: '990923d505a6c1103bfdeea1e50b7ca074d1d149', class: {
+        return (hAsync(Host, { key: '5988d0ae6102227a53416a87e19623bcb6c2bff7', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: '7c38ff73a4925431bad86e09ba1594c16e01574a', class: {
                 [CSS$G.container]: true,
                 [CSS$G.containerOpen]: this.opened,
                 [CSS$G.slottedInShell]: this.slottedInShell,
-            } }, hAsync("calcite-scrim", { key: '6aae59702cb63c1122762443e53018f1bd102f78', class: CSS$G.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), hAsync("div", { key: '2ba81c3e33fde1dd12738ba9b14a04596016c04f', class: {
+            } }, hAsync("calcite-scrim", { key: '0320fc0cb33f8a80c3a97da89e78060541f79ee1', class: CSS$G.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), hAsync("div", { key: '8dccbedf921a3cb9c2b70c3f184abd3362fed956', class: {
                 [CSS$G.modal]: true,
-            }, ref: this.setTransitionEl }, hAsync("div", { key: '88c764d22f7a28273e223e35496dca06f120a4f7', class: CSS$G.header }, this.renderCloseButton(), hAsync("header", { key: 'e786bf85d2078c1e5860b3cbfb6cc51896af9e58', class: CSS$G.title }, hAsync("slot", { key: '9f6d347caababac018a18d02259f7e548733bd80', name: CSS$G.header }))), this.renderContentTop(), hAsync("div", { key: '4bbb77f8101e1c29ace74df37d1a2bb0e84fb958', class: {
+            }, ref: this.setTransitionEl }, hAsync("div", { key: '5eca173f4c4e8ba5e8b771195a3f8d3eb0a23481', class: CSS$G.header }, this.renderCloseButton(), hAsync("header", { key: '8c5e8465066363660c39f7a9007b4371ee8b8b9b', class: CSS$G.title }, hAsync("slot", { key: '69ad005c561f3382bb9dc6d7d62821c72e988df9', name: CSS$G.header }))), this.renderContentTop(), hAsync("div", { key: '653ec9ea8e2a91bf7b1f2c5d24700050cc3b71d7', class: {
                 [CSS$G.content]: true,
                 [CSS$G.contentNoFooter]: !this.hasFooter,
-            }, ref: (el) => (this.modalContent = el) }, hAsync("slot", { key: '5119545b9002145c60032abf3068ace47976273d', name: SLOTS$f.content })), this.renderContentBottom(), this.renderFooter()))));
+            }, ref: (el) => (this.modalContent = el) }, hAsync("slot", { key: 'cfb2ca243899891d2169eaf22db843171a90607a', name: SLOTS$f.content })), this.renderContentBottom(), this.renderFooter()))));
     }
     renderFooter() {
         return this.hasFooter ? (hAsync("div", { class: CSS$G.footer, key: "footer" }, hAsync("span", { class: CSS$G.back }, hAsync("slot", { name: SLOTS$f.back })), hAsync("span", { class: CSS$G.secondary }, hAsync("slot", { name: SLOTS$f.secondary })), hAsync("span", { class: CSS$G.primary }, hAsync("slot", { name: SLOTS$f.primary })))) : null;
@@ -32946,9 +32970,9 @@ class Notice {
     }
     render() {
         const { el } = this;
-        const closeButton = (hAsync("button", { key: 'c3d3dd23dba78ff7699a104906f655c1598419e5', "aria-label": this.messages.close, class: CSS$F.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, hAsync("calcite-icon", { key: '4dacfd9e6c4e97f7883c781a6b2f1525458888bb', icon: "x", scale: getIconScale(this.scale) })));
+        const closeButton = (hAsync("button", { key: '1b4ae79f5fc89f18c9d4d627083b4be8d8a92e3d', "aria-label": this.messages.close, class: CSS$F.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, hAsync("calcite-icon", { key: '1064f053c388a5c91050ac496c59c9bd9a5426ac', icon: "x", scale: getIconScale(this.scale) })));
         const hasActionEnd = getSlotted(el, SLOTS$e.actionsEnd);
-        return (hAsync("div", { key: '798f11e900357229ec987913e99c78fa7f6d40d7', class: CSS$F.container, ref: this.setTransitionEl }, this.requestedIcon ? (hAsync("div", { class: CSS$F.icon }, hAsync("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, hAsync("div", { key: '140d2347c7f448c47b5bc90a9a84fc45d009debd', class: CSS$F.content }, hAsync("slot", { key: '6838dda68c49726928f4efac52c47eb4bbe0f668', name: SLOTS$e.title }), hAsync("slot", { key: '4ac8350ede4b779cc505dbe403931bdb623dc477', name: SLOTS$e.message }), hAsync("slot", { key: '5d0b2fef2eb2ab9fdb9e6471ce30a7599f6b771c', name: SLOTS$e.link })), hasActionEnd ? (hAsync("div", { class: CSS$F.actionsEnd }, hAsync("slot", { name: SLOTS$e.actionsEnd }))) : null, this.closable ? closeButton : null));
+        return (hAsync("div", { key: '7ab86963e6d7e7a3de19cff902c2ecd63c0af24e', class: CSS$F.container, ref: this.setTransitionEl }, this.requestedIcon ? (hAsync("div", { class: CSS$F.icon }, hAsync("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, hAsync("div", { key: '78c341c2e53c971418b4444b53a91f5aa1bb44a4', class: CSS$F.content }, hAsync("slot", { key: '8abebe878544b8f114669416773ddbfa51a37667', name: SLOTS$e.title }), hAsync("slot", { key: '527cff9ac8397c27a1da38771d8887ab489eb8c7', name: SLOTS$e.message }), hAsync("slot", { key: '5c51f496846f890d554cd155de67c91f392fbf24', name: SLOTS$e.link })), hasActionEnd ? (hAsync("div", { class: CSS$F.actionsEnd }, hAsync("slot", { name: SLOTS$e.actionsEnd }))) : null, this.closable ? closeButton : null));
     }
     //--------------------------------------------------------------------------
     //
@@ -33076,7 +33100,7 @@ class Option {
     //
     //--------------------------------------------------------------------------
     render() {
-        return hAsync("slot", { key: 'd686e0daaf790dc3ca828f92f1b343f19299c57c' }, this.label);
+        return hAsync("slot", { key: '1fc4aa5b4af5d736dcf52c530167f225f465f195' }, this.label);
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -33123,7 +33147,7 @@ class OptionGroup {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (hAsync(Fragment, { key: 'df2694d1a3d7b3761e4d63ae6c53adeac7b81bc5' }, hAsync("div", { key: '0fb229f74c212cb859bf0bebb7e205fbe1ac1a27' }, this.label), hAsync("slot", { key: '481be4ea439f50cfbaf07b9c19dcfe0fbc410413' })));
+        return (hAsync(Fragment, { key: 'b4cd175214829ea1d1751ddae82e40559e477867' }, hAsync("div", { key: '5342ad95ad2f3e7ba075bc5fb12e51b937f221af' }, this.label), hAsync("slot", { key: '8cd0822a67680aec1dcebaba2b64a7c8389a1503' })));
     }
     static get watchers() { return {
         "disabled": ["handlePropChange"],
@@ -33145,7 +33169,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jun 2024 17:48:56 GMT
+ * Generated on Wed, 26 Jun 2024 09:02:07 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -33488,7 +33512,7 @@ class Pagination {
             }, disabled: disabled, key: "last-button", onClick: this.lastClicked }, hAsync("calcite-icon", { flipRtl: true, icon: ICONS$7.last, scale: getIconScale(this.scale) }))) : null;
     }
     render() {
-        return (hAsync("ul", { key: 'affecd97a2d55a31a86c7db37960bed03ec66ed4', class: CSS$E.list }, hAsync("li", { key: '3e5b2d3f113f68c2b42ad445560378c0ee3acb3f', class: CSS$E.listItem }, this.renderFirstChevron()), hAsync("li", { key: 'd32f69c2b19d1c596ea510ecfc96efad338f42a6', class: CSS$E.listItem }, this.renderPreviousChevron()), this.renderItems(), hAsync("li", { key: '76d7985685a769631bfe89ffb8e65a6d468df85a', class: CSS$E.listItem }, this.renderNextChevron()), hAsync("li", { key: '156feb4eacbd0464facf443cd0ac6c728908e279', class: CSS$E.listItem }, this.renderLastChevron())));
+        return (hAsync("ul", { key: '028249592b9071ccf8265ffd253c1136517ebabd', class: CSS$E.list }, hAsync("li", { key: 'efceb3a20185fad3f36c6441b9bd43f0ab65f4e0', class: CSS$E.listItem }, this.renderFirstChevron()), hAsync("li", { key: 'e13359e2a2d01d9c3ce4358eb66b19f55cbfe9e0', class: CSS$E.listItem }, this.renderPreviousChevron()), this.renderItems(), hAsync("li", { key: 'e975096580cf86f04fc05161fe8fb096869c5549', class: CSS$E.listItem }, this.renderNextChevron()), hAsync("li", { key: '9dc30649c80859ea43b4548410a4e46fb924e305', class: CSS$E.listItem }, this.renderLastChevron())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -33531,7 +33555,7 @@ class Pagination {
     }; }
 }
 
-const panelCss = "/*!@:host*/.sc-calcite-panel-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-panel-h *.sc-calcite-panel{box-sizing:border-box}/*!@:host([disabled])*/[disabled].sc-calcite-panel-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-panel-h *.sc-calcite-panel,.sc-calcite-panel-h[disabled].sc-calcite-panel-s>*,.sc-calcite-panel-h[disabled] .sc-calcite-panel-s>*{pointer-events:none}/*!@:host*/.sc-calcite-panel-h{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-panel-h[disabled] .sc-calcite-panel-s>[calcite-hydrated][disabled],[disabled].sc-calcite-panel-h [calcite-hydrated][disabled].sc-calcite-panel{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-panel{display:contents}/*!@.header*/.header.sc-calcite-panel{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}/*!@.heading*/.heading.sc-calcite-panel{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}/*!@.header .heading*/.header.sc-calcite-panel .heading.sc-calcite-panel{flex:1 1 auto;padding:0.5rem}/*!@:host([scale=s]) .content-top,\n.content-bottom*/[scale=s].sc-calcite-panel-h .content-top.sc-calcite-panel,.content-bottom.sc-calcite-panel{padding:var(--calcite-spacing-sm)}/*!@:host([scale=m]) .content-top,\n.content-bottom*/[scale=m].sc-calcite-panel-h .content-top.sc-calcite-panel,.content-bottom.sc-calcite-panel{padding:var(--calcite-spacing-md)}/*!@:host([scale=l]) .content-top,\n.content-bottom*/[scale=l].sc-calcite-panel-h .content-top.sc-calcite-panel,.content-bottom.sc-calcite-panel{padding:var(--calcite-spacing-xl)}/*!@.content-top,\n.content-bottom*/.content-top.sc-calcite-panel,.content-bottom.sc-calcite-panel{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-spacing-md);border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}/*!@.container*/.container.sc-calcite-panel{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}/*!@.container[hidden]*/.container[hidden].sc-calcite-panel{display:none}/*!@.header*/.header.sc-calcite-panel{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}/*!@.header-container*/.header-container.sc-calcite-panel{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}/*!@.header-container--border-end*/.header-container--border-end.sc-calcite-panel{border-block-end:1px solid var(--calcite-color-border-3)}/*!@.action-bar-container*/.action-bar-container.sc-calcite-panel{inline-size:100%}/*!@.action-bar-container ::slotted(calcite-action-bar)*/.action-bar-container .sc-calcite-panel-s>calcite-action-bar{inline-size:100%}/*!@.header-content*/.header-content.sc-calcite-panel{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}/*!@.header-content .heading,\n.header-content .description*/.header-content.sc-calcite-panel .heading.sc-calcite-panel,.header-content.sc-calcite-panel .description.sc-calcite-panel{display:block;overflow-wrap:break-word;padding:0px}/*!@.header-content .heading*/.header-content.sc-calcite-panel .heading.sc-calcite-panel{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}/*!@.header-content .heading:only-child*/.header-content.sc-calcite-panel .heading.sc-calcite-panel:only-child{margin-block-end:0px}/*!@.header-content .description*/.header-content.sc-calcite-panel .description.sc-calcite-panel{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}/*!@.back-button*/.back-button.sc-calcite-panel{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}/*!@.header-actions*/.header-actions.sc-calcite-panel{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}/*!@.header-actions--end*/.header-actions--end.sc-calcite-panel{margin-inline-start:auto}/*!@.content-wrapper*/.content-wrapper.sc-calcite-panel{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}/*!@.footer*/.footer.sc-calcite-panel{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding, 0.5rem);border-block-start:1px solid var(--calcite-color-border-3)}/*!@.fab-container*/.fab-container.sc-calcite-panel{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}/*!@:host([hidden])*/[hidden].sc-calcite-panel-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-panel{display:none}";
+const panelCss = "/*!@:host*/.sc-calcite-panel-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-panel-h *.sc-calcite-panel{box-sizing:border-box}/*!@:host([disabled])*/[disabled].sc-calcite-panel-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-panel-h *.sc-calcite-panel,.sc-calcite-panel-h[disabled].sc-calcite-panel-s>*,.sc-calcite-panel-h[disabled] .sc-calcite-panel-s>*{pointer-events:none}/*!@:host*/.sc-calcite-panel-h{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-panel-h[disabled] .sc-calcite-panel-s>[calcite-hydrated][disabled],[disabled].sc-calcite-panel-h [calcite-hydrated][disabled].sc-calcite-panel{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-panel{display:contents}/*!@.header*/.header.sc-calcite-panel{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}/*!@.heading*/.heading.sc-calcite-panel{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}/*!@.header .heading*/.header.sc-calcite-panel .heading.sc-calcite-panel{flex:1 1 auto;padding:0.5rem}/*!@:host([scale=s]) .content-top,\n:host([scale=s]) .content-bottom*/[scale=s].sc-calcite-panel-h .content-top.sc-calcite-panel,[scale=s].sc-calcite-panel-h .content-bottom.sc-calcite-panel{padding:var(--calcite-spacing-sm)}/*!@:host([scale=m]) .content-top,\n:host([scale=m]) .content-bottom*/[scale=m].sc-calcite-panel-h .content-top.sc-calcite-panel,[scale=m].sc-calcite-panel-h .content-bottom.sc-calcite-panel{padding:var(--calcite-spacing-md)}/*!@:host([scale=l]) .content-top,\n:host([scale=l]) .content-bottom*/[scale=l].sc-calcite-panel-h .content-top.sc-calcite-panel,[scale=l].sc-calcite-panel-h .content-bottom.sc-calcite-panel{padding:var(--calcite-spacing-xl)}/*!@.content-top,\n.content-bottom*/.content-top.sc-calcite-panel,.content-bottom.sc-calcite-panel{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-spacing-md);border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}/*!@.container*/.container.sc-calcite-panel{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}/*!@.container[hidden]*/.container[hidden].sc-calcite-panel{display:none}/*!@.header*/.header.sc-calcite-panel{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}/*!@.header-container*/.header-container.sc-calcite-panel{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}/*!@.header-container--border-end*/.header-container--border-end.sc-calcite-panel{border-block-end:1px solid var(--calcite-color-border-3)}/*!@.action-bar-container*/.action-bar-container.sc-calcite-panel{inline-size:100%}/*!@.action-bar-container ::slotted(calcite-action-bar)*/.action-bar-container .sc-calcite-panel-s>calcite-action-bar{inline-size:100%}/*!@.header-content*/.header-content.sc-calcite-panel{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}/*!@.header-content .heading,\n.header-content .description*/.header-content.sc-calcite-panel .heading.sc-calcite-panel,.header-content.sc-calcite-panel .description.sc-calcite-panel{display:block;overflow-wrap:break-word;padding:0px}/*!@.header-content .heading*/.header-content.sc-calcite-panel .heading.sc-calcite-panel{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}/*!@.header-content .heading:only-child*/.header-content.sc-calcite-panel .heading.sc-calcite-panel:only-child{margin-block-end:0px}/*!@.header-content .description*/.header-content.sc-calcite-panel .description.sc-calcite-panel{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}/*!@.back-button*/.back-button.sc-calcite-panel{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}/*!@.header-actions*/.header-actions.sc-calcite-panel{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}/*!@.header-actions--end*/.header-actions--end.sc-calcite-panel{margin-inline-start:auto}/*!@.content-wrapper*/.content-wrapper.sc-calcite-panel{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}/*!@.footer*/.footer.sc-calcite-panel{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-spacing-sm);column-gap:0;row-gap:var(--calcite-spacing-md)}/*!@slot[name=footer-start]::slotted(*),\n*::slotted([slot=footer-start])*/slot[name=footer-start].sc-calcite-panel-s>*,*.sc-calcite-panel-s>[slot=footer-start]{display:flex;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto;gap:var(--calcite-spacing-md)}/*!@slot[name=footer-end]::slotted(*),\n*::slotted([slot=footer-end])*/slot[name=footer-end].sc-calcite-panel-s>*,*.sc-calcite-panel-s>[slot=footer-end]{display:flex;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;gap:var(--calcite-spacing-md)}/*!@.fab-container*/.fab-container.sc-calcite-panel{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}/*!@:host([hidden])*/[hidden].sc-calcite-panel-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-panel{display:none}";
 var CalcitePanelStyle0 = panelCss;
 
 /**
@@ -33544,8 +33568,10 @@ var CalcitePanelStyle0 = panelCss;
  * @slot header-content - A slot for adding custom content to the header.
  * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.
  * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
- * @slot footer-actions - [Deprecated] Use the `"footer"` slot instead. A slot for adding `calcite-button`s to the component's footer.
- * @slot footer - A slot for adding custom content to the footer.
+ * @slot footer - A slot for adding custom content to the component's footer.
+ * @slot footer-actions - [Deprecated] Use the `footer-start` and `footer-end` slots instead. A slot for adding `calcite-button`s to the component's footer.
+ * @slot footer-end - A slot for adding a trailing footer custom content.
+ * @slot footer-start - A slot for adding a leading footer custom content.
  */
 class Panel {
     constructor(hostRef) {
@@ -33605,14 +33631,20 @@ class Panel {
         this.handleHeaderContentSlotChange = (event) => {
             this.hasHeaderContent = slotChangeHasAssignedElement(event);
         };
-        this.handleFooterSlotChange = (event) => {
-            this.hasFooterContent = slotChangeHasAssignedElement(event);
+        this.handleFabSlotChange = (event) => {
+            this.hasFab = slotChangeHasAssignedElement(event);
         };
         this.handleFooterActionsSlotChange = (event) => {
             this.hasFooterActions = slotChangeHasAssignedElement(event);
         };
-        this.handleFabSlotChange = (event) => {
-            this.hasFab = slotChangeHasAssignedElement(event);
+        this.handleFooterEndSlotChange = (event) => {
+            this.hasFooterEndContent = slotChangeHasAssignedElement(event);
+        };
+        this.handleFooterStartSlotChange = (event) => {
+            this.hasFooterStartContent = slotChangeHasAssignedElement(event);
+        };
+        this.handleFooterSlotChange = (event) => {
+            this.hasFooterContent = slotChangeHasAssignedElement(event);
         };
         this.contentBottomSlotChangeHandler = (event) => {
             this.hasContentBottom = slotChangeHasAssignedElement(event);
@@ -33649,9 +33681,11 @@ class Panel {
         this.hasActionBar = false;
         this.hasContentBottom = false;
         this.hasContentTop = false;
-        this.hasFooterContent = false;
-        this.hasFooterActions = false;
         this.hasFab = false;
+        this.hasFooterActions = false;
+        this.hasFooterContent = false;
+        this.hasFooterEndContent = false;
+        this.hasFooterStartContent = false;
         this.defaultMessages = undefined;
         this.effectiveLocale = "";
         this.showHeaderContent = false;
@@ -33767,9 +33801,9 @@ class Panel {
         return (hAsync("header", { class: CSS$X.header, hidden: !(showHeaderContent || hasActionBar) }, hAsync("div", { class: { [CSS$X.headerContainer]: true, [CSS$X.headerContainerBorderEnd]: hasActionBar }, hidden: !showHeaderContent }, this.renderHeaderStartActions(), this.renderHeaderSlottedContent(), headerContentNode, this.renderHeaderActionsEnd()), this.renderActionBar(), this.renderContentTop()));
     }
     renderFooterNode() {
-        const { hasFooterContent, hasFooterActions } = this;
-        const showFooter = hasFooterContent || hasFooterActions;
-        return (hAsync("footer", { class: CSS$X.footer, hidden: !showFooter }, hAsync("slot", { key: "footer-slot", name: SLOTS$n.footer, onSlotchange: this.handleFooterSlotChange }), hAsync("slot", { key: "footer-actions-slot", name: SLOTS$n.footerActions, onSlotchange: this.handleFooterActionsSlotChange })));
+        const { hasFooterEndContent, hasFooterStartContent, hasFooterContent, hasFooterActions } = this;
+        const showFooter = hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;
+        return (hAsync("footer", { class: CSS$X.footer, hidden: !showFooter }, hAsync("slot", { name: SLOTS$n.footer, onSlotchange: this.handleFooterSlotChange }, hAsync("slot", { name: SLOTS$n.footerStart, onSlotchange: this.handleFooterStartSlotChange }), hAsync("slot", { name: SLOTS$n.footerEnd, onSlotchange: this.handleFooterEndSlotChange })), hAsync("slot", { key: "footer-actions-slot", name: SLOTS$n.footerActions, onSlotchange: this.handleFooterActionsSlotChange })));
     }
     renderContent() {
         return (hAsync("div", { class: CSS$X.contentWrapper, hidden: this.collapsible && this.collapsed, onScroll: this.panelScrollHandler, ref: this.setPanelScrollEl }, hAsync("slot", null), this.renderFab()));
@@ -33785,8 +33819,8 @@ class Panel {
     }
     render() {
         const { disabled, loading, panelKeyDownHandler, closed, closable } = this;
-        const panelNode = (hAsync("article", { key: '1c2b8d466ced9cff8a6d2b2e21d374809690f998', "aria-busy": toAriaBoolean(loading), class: CSS$X.container, hidden: closed, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode()));
-        return (hAsync(Host, { key: 'f55fb4e04b99c4911f103da14d787dc8daa62d58', onKeyDown: panelKeyDownHandler }, hAsync(InteractiveContainer, { key: '96aa9f3120af131b97b37de7946fa8011347e9a2', disabled: disabled }, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode)));
+        const panelNode = (hAsync("article", { key: 'a9ec3de60dbfa095ed5c18040738603975f35882', "aria-busy": toAriaBoolean(loading), class: CSS$X.container, hidden: closed, ref: this.setContainerRef, tabIndex: closable ? 0 : -1 }, this.renderHeaderNode(), this.renderContent(), this.renderContentBottom(), this.renderFooterNode()));
+        return (hAsync(Host, { key: 'd2dfb299ed634f2e67d3390c5d29386c6faa0373', onKeyDown: panelKeyDownHandler }, hAsync(InteractiveContainer, { key: '2f139a9fcb0f57682e0e85ba1a6aec5b53a499d7', disabled: disabled }, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -33820,9 +33854,11 @@ class Panel {
             "hasActionBar": [32],
             "hasContentBottom": [32],
             "hasContentTop": [32],
-            "hasFooterContent": [32],
-            "hasFooterActions": [32],
             "hasFab": [32],
+            "hasFooterActions": [32],
+            "hasFooterContent": [32],
+            "hasFooterEndContent": [32],
+            "hasFooterStartContent": [32],
             "defaultMessages": [32],
             "effectiveLocale": [32],
             "showHeaderContent": [32],
@@ -34370,7 +34406,7 @@ class PickListGroup {
         const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
         const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
-        return (hAsync(Fragment, { key: '71908551b9fbae2eaf5383b38b728242c7a35bb1' }, title ? (hAsync(Heading, { class: CSS$C.heading, level: level }, title)) : null, hAsync("slot", { key: '66952891b1d5a507993df3acfacf660527733d4a', name: SLOTS$c.parentItem }), hAsync("section", { key: '41a57e7e1aaecf017770e59f5b93b110c60eabe6', class: sectionClasses }, hAsync("slot", { key: '13ea1657375bc125d555d5599720f30d4d6fe560' }))));
+        return (hAsync(Fragment, { key: '6f435ddb455a5041cd5512e7571648eb0db1f36d' }, title ? (hAsync(Heading, { class: CSS$C.heading, level: level }, title)) : null, hAsync("slot", { key: 'aed7d2f298984c4d2f7b9d413375ab8b58bf78d3', name: SLOTS$c.parentItem }), hAsync("section", { key: '7ce79b5559814aa3ff89b76f4b20f218234be84c', class: sectionClasses }, hAsync("slot", { key: '7ded64937b644e7e53fdd59cf6cbf8144dc93d0d' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalcitePickListGroupStyle0; }
@@ -34569,7 +34605,7 @@ class PickListItem {
     }
     render() {
         const { description, label } = this;
-        return (hAsync(InteractiveContainer, { key: 'd3293ec35896879c62ea70508c1e58e0adbb8246', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), hAsync("label", { key: '8fdade93ced1534951a5278d6a5a76fed3fb6b31', "aria-label": label, class: CSS$B.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, hAsync("div", { key: 'b73b4ea3ff00a16b9514157cf41a311df42817be', "aria-checked": toAriaBoolean(this.selected), class: CSS$B.textContainer, role: "menuitemcheckbox" }, hAsync("span", { key: 'ee302512cb4fd84cb0526e387074455fc50d1c8a', class: CSS$B.title }, label), description ? hAsync("span", { class: CSS$B.description }, description) : null)), this.renderActionsEnd()));
+        return (hAsync(InteractiveContainer, { key: 'b0a6a61daea92e2c4dc0ec2e31a6ad9c283e1727', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), hAsync("label", { key: 'eab25fdaee860109912439779800f89fc678f4f3', "aria-label": label, class: CSS$B.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, hAsync("div", { key: 'e8e9ad80e3fab056e6c289d0e1a7c027be0625c8', "aria-checked": toAriaBoolean(this.selected), class: CSS$B.textContainer, role: "menuitemcheckbox" }, hAsync("span", { key: '4523c6a57546d8e35284038c1988dba3838873be', class: CSS$B.title }, label), description ? hAsync("span", { class: CSS$B.description }, description) : null)), this.renderActionsEnd()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -34759,6 +34795,7 @@ class Popover {
         this.mutationObserver = createObserver();
         this.guid = `calcite-popover-${guid()}`;
         this.openTransitionProp = "opacity";
+        this.hasLoaded = false;
         // --------------------------------------------------------------------------
         //
         //  Private Methods
@@ -34893,16 +34930,14 @@ class Popover {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
+    connectedCallback() {
         this.setFilteredPlacements();
         connectLocalized(this);
         connectMessages(this);
-        await componentOnReady(this.el);
-        this.setUpReferenceElement();
         connectFocusTrap(this);
-        if (this.open) {
-            onToggleOpenCloseComponent(this);
-        }
+        // we set up the ref element in the next frame to ensure PopoverManager
+        // event handlers are invoked after connect (mainly for `components` output target)
+        requestAnimationFrame(() => this.setUpReferenceElement(this.hasLoaded));
     }
     async componentWillLoad() {
         await setUpMessages(this);
@@ -34910,6 +34945,13 @@ class Popover {
     }
     componentDidLoad() {
         setComponentLoaded(this);
+        if (this.referenceElement && !this.effectiveReferenceElement) {
+            this.setUpReferenceElement();
+        }
+        if (this.open) {
+            onToggleOpenCloseComponent(this);
+        }
+        this.hasLoaded = true;
     }
     disconnectedCallback() {
         this.removeReferences();
@@ -34995,13 +35037,13 @@ class Popover {
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
         const arrowNode = !pointerDisabled ? (hAsync(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow", ref: this.storeArrowEl })) : null;
-        return (hAsync(Host, { key: '89c46aed4c83b959b4a35a4d622da36e06f61f63', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '1ca67622234665365760d3d641647c536c33c124', class: {
+        return (hAsync(Host, { key: '693d249566ca53960cbfd2a5710b56c7bc239d70', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '5e8b8a5c280cd88f1633787e779e063869e7f568', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: 'ec32b4ba19864c24114b235a76e2c1865700e237', class: {
+            }, ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: 'e30ef0aac5309e6139f6680b2b5fa8ccbf926bd8', class: {
                 [CSS$z.hasHeader]: !!heading,
                 [CSS$z.container]: true,
-            } }, this.renderHeader(), hAsync("div", { key: '0bb98fa04d8d607288cae2d0edb2629690493778', class: CSS$z.content }, hAsync("slot", { key: 'aced894d4febb2f969748dda8c17d8aaff8ce2d1' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), hAsync("div", { key: '77ef34667e847684b38d0b131e6340b1ba10ece3', class: CSS$z.content }, hAsync("slot", { key: '6f8c40b34eda273acefa8f9ffdd9831726668713' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -35071,7 +35113,7 @@ class Progress {
         const isDeterminate = this.type === "determinate";
         const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
         const dir = getElementDir(this.el);
-        return (hAsync("div", { key: '7e96b294f2005a79b49ff086094a53b9e5861b5f', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, hAsync("div", { key: 'a9bd258e0b82580d0c125d53c8956795060ad3d5', class: "track" }, hAsync("div", { key: '5ef4412b8bdf1c36ea883e636372eca00e3f1322', class: {
+        return (hAsync("div", { key: 'cd55f92523bbf44ed5dc50711af93d67314a4c2e', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, hAsync("div", { key: 'd5c47f3fab3f877c00e8f349522e26a79355c89a', class: "track" }, hAsync("div", { key: 'e5b081de209ba8570296470ccb00b9d809fabded', class: {
                 bar: true,
                 indeterminate: this.type === "indeterminate",
                 [CSS_UTILITY.rtl]: dir === "rtl",
@@ -35377,7 +35419,7 @@ class RadioButton {
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (hAsync(Host, { key: '12033aa966fd5efa0bdade10b57bbfa4c0acd25e', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync(InteractiveContainer, { key: 'b532bf75ee7dcf5e03a6a6302a7740a3b362cff0', disabled: this.disabled }, hAsync("div", { key: 'd3f7e9863e16d863c7e66f405c9040f04fa227fe', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$y.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, hAsync("div", { key: '8e85a38fb0771936c5a45326f49b8f887742edd8', class: "radio" })), hAsync(HiddenFormInputSlot, { key: '1494703d13bb9d64a7fa9586874c4f9084e571b4', component: this }))));
+        return (hAsync(Host, { key: '642f4817a74bd441bc64c14c1b955f806f768103', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync(InteractiveContainer, { key: '84c69c965d8dabeb0d842fcac6def8540255daf6', disabled: this.disabled }, hAsync("div", { key: '54e2ff13cb11854e594b80b5ac73230768347f85', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$y.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, hAsync("div", { key: '6379e5099d9c9c51fe3579ebe01a6473f3ea8fa1', class: "radio" })), hAsync(HiddenFormInputSlot, { key: '970dccd6968339fb67fcf5691fa39756c027ca9b', component: this }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35524,7 +35566,7 @@ class RadioButtonGroup {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: 'eaec52414a0fd87440e521ccb4fd9d8ab66ff3be', role: "radiogroup" }, hAsync("div", { key: '7038deff86c54222195bc89d29b8ec975a972650', class: CSS$x.itemWrapper }, hAsync("slot", { key: 'ed0b2912db0966c11e7de379b46d17a68aa9d477' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (hAsync(Host, { key: 'cfabfbb738ebfe1576fc216e0be953fe52df42da', role: "radiogroup" }, hAsync("div", { key: '3660764c8e05b913242d7582fa6b4560adf458dc', class: CSS$x.itemWrapper }, hAsync("slot", { key: '8a327ac7cce2e99e41239a5448d296ded5440479' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35730,7 +35772,7 @@ class Rating {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: 'cab93c4d7486d7243430bcab50a10ad358eee6f8', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, hAsync(InteractiveContainer, { key: '857c7a734622a2d8bdd8ae087a1b2b415bd9da21', disabled: this.disabled }, hAsync("span", { key: '409cafa5c066c236f10ad364cee621a2a6f978c0', class: "wrapper" }, hAsync("fieldset", { key: '9b20176dd4328b7a37b3fa103b4ffc24096e3039', class: "fieldset", disabled: this.disabled }, hAsync("legend", { key: '24d9bef1a9be4a32e0b4641859565ddf20e314ab', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (hAsync(Host, { key: '1cdfcdebea3d3ed1ab27aecc103b80c3d9c6f8f2', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, hAsync(InteractiveContainer, { key: '7967d681999450bf6d0a583dcc3b6eac892e6337', disabled: this.disabled }, hAsync("span", { key: 'a4eede65a8bcba54970d208ad35f98c7f1c5f3e4', class: "wrapper" }, hAsync("fieldset", { key: '65674e03084c4e8612168376965dda651f857d70', class: "fieldset", disabled: this.disabled }, hAsync("legend", { key: '0d0ac44ef25a25f621ea58040e954c2ad7c0df8b', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (hAsync("label", { class: {
                     star: true,
                     selected,
@@ -35738,7 +35780,7 @@ class Rating {
                     average,
                     partial,
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, ref: this.setLabelEl, tabIndex: tabIndex }, hAsync("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), hAsync(StarIcon, { full: selected || average, scale: this.scale }), partial && (hAsync("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, hAsync(StarIcon, { full: true, partial: true, scale: this.scale }))), hAsync("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (hAsync("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && hAsync("span", { class: "number--average" }, this.average.toString()), !!this.count && hAsync("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), hAsync(HiddenFormInputSlot, { key: '0f1988f6928d2c5be02dd910c84e5b7845409d0b', component: this })))));
+        }), (this.count || this.average) && this.showChip ? (hAsync("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && hAsync("span", { class: "number--average" }, this.average.toString()), !!this.count && hAsync("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), hAsync(HiddenFormInputSlot, { key: 'cd5319562185a50f30aff46446c02de64710f46a', component: this })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -35884,7 +35926,7 @@ class Scrim {
     // --------------------------------------------------------------------------
     render() {
         const { hasContent, loading, messages } = this;
-        return (hAsync("div", { key: 'c2ee7a7af9eed9de701798291c54d6c5dbe6dd38', class: CSS$w.scrim }, loading ? (hAsync("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, hAsync("div", { key: '0692506a6a24ddb8ff995dbcc3f0c0db73f4f52c', class: CSS$w.content, hidden: !hasContent }, hAsync("slot", { key: 'e0e9dfd8fbf2dde0e26c2e59c122ae48e2863958', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync("div", { key: 'f2c728581805bc3a8b98931e55b4d56bc34bd3e0', class: CSS$w.scrim }, loading ? (hAsync("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, hAsync("div", { key: 'eafea949b7d533d951125cae482cab4a7334c003', class: CSS$w.content, hidden: !hasContent }, hAsync("slot", { key: '0eebfe6fbe3206b6f75a81086b6abb1b91ea7905', onSlotchange: this.handleDefaultSlotChange }))));
     }
     getScale(size) {
         if (size < BREAKPOINTS.s) {
@@ -36035,7 +36077,7 @@ class SegmentedControl {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: '491897b605dfbd3c4d76f8888296f630fdb24fdb', onClick: this.handleClick, role: "radiogroup" }, hAsync("div", { key: '96bfbc3eeb375eeb2a000ef62cf831abc059f37c', class: CSS$v.itemWrapper }, hAsync(InteractiveContainer, { key: 'a1f3c50ec4967fabe8a38ad31b0e84889d7cc7c2', disabled: this.disabled }, hAsync("slot", { key: '7ccf4f53f64b45ca7eb6a081b4b36adb9751030d' }), hAsync(HiddenFormInputSlot, { key: '72db0e1053c2a4373f97997dd6d66fb9fc92351b', component: this }))), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (hAsync(Host, { key: '86fd4fde810b6857124af636da329a5fcf8b6864', onClick: this.handleClick, role: "radiogroup" }, hAsync("div", { key: '1e42ccc9a60a1182ed00a7a9199e002150b11aed', class: CSS$v.itemWrapper }, hAsync(InteractiveContainer, { key: '155638d65fea182e911f4cd2136a88a428bfbf08', disabled: this.disabled }, hAsync("slot", { key: 'fc90d4dc13a6d7211d42c74d741ac7dd92d5201d' }), hAsync(HiddenFormInputSlot, { key: '59b0c94ab67d540184ceb4f52dd11a594336f9a0', component: this }))), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     handleSelected(event) {
         event.preventDefault();
@@ -36237,7 +36279,7 @@ class SegmentedControlItem {
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (hAsync(Host, { key: 'e829c05f7c525c469e56ded8f1731632c76822cf', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: '508a493c4ea822d257f094d69bdff1b876dcf6ca', class: {
+        return (hAsync(Host, { key: 'acba894d3206d103930f8c76c6a910168979a210', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: '8553c78d40c3ad4cd321a099a7ae1266d794dbf0', class: {
                 [CSS$u.label]: true,
                 [CSS$u.labelScale(scale)]: true,
                 [CSS$u.labelHorizontal]: layout === "horizontal",
@@ -36500,7 +36542,7 @@ class Select {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(Host, { key: '356c80f2212ee03c5517f73825ffe46371370103' }, hAsync(InteractiveContainer, { key: 'ada524c1720479d90d610d9849ec1316a0d20d8a', disabled: disabled }, hAsync("div", { key: '7814c21ba0a71ad29d9ab0d9628c1c66727c1e2f', class: CSS$t.wrapper }, hAsync("select", { key: 'c3fa429eecd21e8ff2c2f4667ffbe7b20ea692d5', "aria-label": getLabelText(this), class: CSS$t.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, hAsync("slot", { key: 'f11424a605392b6890b907e0d0502664e7d29735' })), this.renderChevron(), hAsync(HiddenFormInputSlot, { key: 'f8e6c073f9b771f2f1984f7a342016299b9b0a1e', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: '80f3cb1fef4ae35fe2b6e9deb524abf4d60f62aa' }, hAsync(InteractiveContainer, { key: '293fc389614ae9921328f34dafc1849bd129c6a9', disabled: disabled }, hAsync("div", { key: '09f5e5312cf8ba805fec4d7c1102981890834d09', class: CSS$t.wrapper }, hAsync("select", { key: 'cc6a95b4dc105b3e4aeec499bf6007957e22a6ec', "aria-label": getLabelText(this), class: CSS$t.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, hAsync("slot", { key: 'f03975d523f1bd67cbe0ac0593a2fe2397f9d129' })), this.renderChevron(), hAsync(HiddenFormInputSlot, { key: '4f89ff06734e30f384dc900aeec831b075de1df9', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -36651,14 +36693,14 @@ class Sheet {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (hAsync(Host, { key: '9a407a7f790534e880d8210c0724b4e1b49b6336', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: 'c98a33843917d6dff8d268ea6e075f3f99199fd6', class: {
+        return (hAsync(Host, { key: '7a1ed7e069e9ee09b69dfe1280b383e26340c4fc', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: '67f710ed7e5fc3b6482f6cdf83872e069bd122f3', class: {
                 [CSS$s.container]: true,
                 [CSS$s.containerOpen]: this.opened,
                 [CSS$s.containerSlottedInShell]: this.slottedInShell,
                 [CSS_UTILITY.rtl]: dir === "rtl",
-            } }, hAsync("calcite-scrim", { key: '1c18d5656d8ddc1a586d7cb56bb12c23b985e3f8', class: CSS$s.scrim, onClick: this.handleOutsideClose }), hAsync("div", { key: '0a60a708349e950d7767bc173a98e82e8be8dcd6', class: {
+            } }, hAsync("calcite-scrim", { key: '157435029505414017c3584920097750e4a61e03', class: CSS$s.scrim, onClick: this.handleOutsideClose }), hAsync("div", { key: '4f28851c36965f2556053356272ffe48586b6551', class: {
                 [CSS$s.content]: true,
-            }, ref: this.setTransitionEl }, hAsync("slot", { key: '6944b3de425889b422dba61bb739a717ddd54079' })))));
+            }, ref: this.setTransitionEl }, hAsync("slot", { key: '58a5bcb9a59a95033965dcbcf90785973d3d2738' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -36913,7 +36955,7 @@ class Shell {
         return (hAsync("div", { class: CSS$r.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderSheets()));
     }
     render() {
-        return (hAsync(Fragment, { key: '6d24f4a25a09141b5a42979b2eebfcc2615e7943' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
+        return (hAsync(Fragment, { key: 'd5ca9178c4e9c74dae958a6105655a5d30de1584' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellStyle0; }
@@ -36975,14 +37017,14 @@ class ShellCenterRow {
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (hAsync("div", { key: '6944899fab37a67b72ce30e34c1e1d91e67a08f3', class: CSS$q.content }, hAsync("slot", { key: 'ad4e0176fa8f25476d5cdbb728c56871a7612d97' })));
+        const contentNode = (hAsync("div", { key: '272dced8d569d7cbb822739dea81fc4e66e773f6', class: CSS$q.content }, hAsync("slot", { key: '7eb60d427747c4c05a9c4c64465f8ee0519cf9c2' })));
         const actionBar = getSlotted(el, SLOTS$8.actionBar);
         const actionBarNode = actionBar ? (hAsync("div", { class: CSS$q.actionBarContainer, key: "action-bar" }, hAsync("slot", { name: SLOTS$8.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return hAsync(Fragment, { key: '9437259583d4b8cb5c2b1d13164814dcf018fcab' }, children);
+        return hAsync(Fragment, { key: 'eba71689b26127da5043ab43bbd746702e59b788' }, children);
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellCenterRowStyle0; }
@@ -37724,11 +37766,11 @@ class Slider {
                         left: `${mirror ? 100 - maxInterval : minInterval}%`,
                         right: `${mirror ? minInterval : 100 - maxInterval}%`,
                     };
-        return (hAsync(Host, { key: 'cc82d66c7829e0fe3e97a4c6fe1b1fe1ac4b4f7f', id: id, onKeyDown: this.handleKeyDown, onTouchStart: this.handleTouchStart }, hAsync(InteractiveContainer, { key: 'a58f5aa40f91598c7f86a1c54005553efdd798f9', disabled: this.disabled }, hAsync("div", { key: 'a621a196a1c45961467d1353328f3884595fe77a', "aria-label": getLabelText(this), class: {
+        return (hAsync(Host, { key: '1e191b2451f079a5db30b7cc042943453c44f56a', id: id, onKeyDown: this.handleKeyDown, onTouchStart: this.handleTouchStart }, hAsync(InteractiveContainer, { key: '140dd6f95d439e9bf8fd13d6c797fbbba8ae4d24', disabled: this.disabled }, hAsync("div", { key: '2f6d8f2f6d32618db387dd01b1b3c21e93e619b2', "aria-label": getLabelText(this), class: {
                 [CSS$o.container]: true,
                 [CSS$o.containerRange]: valueIsRange,
                 [`scale--${this.scale}`]: true,
-            } }, this.renderGraph(), hAsync("div", { key: 'f2c7bf57a2d7ce0cc9d8a8d15a241d69ad394742', class: CSS$o.track, ref: this.storeTrackRef }, hAsync("div", { key: 'e85a1b9ad0f7f64630b8bd9cb16f8eb3a35ff9cf', class: CSS$o.trackRange, onPointerDown: this.onTrackPointerDown, style: trackRangePlacementStyles }), hAsync("div", { key: 'c8a4b2ecb579129bca5a9c871af2e57c50140d4e', class: CSS$o.ticks }, this.tickValues.map((tick) => {
+            } }, this.renderGraph(), hAsync("div", { key: 'd7bff8e4d6104f4db91a7f28f5945740216c27e9', class: CSS$o.track, ref: this.storeTrackRef }, hAsync("div", { key: 'bc6095af9daf55093dc10afda224182d6170ee14', class: CSS$o.trackRange, onPointerDown: this.onTrackPointerDown, style: trackRangePlacementStyles }), hAsync("div", { key: 'e814211cf1dba7b462d6c91e2fa2f62d48615599', class: CSS$o.ticks }, this.tickValues.map((tick) => {
             const tickOffset = `${this.getUnitInterval(tick) * 100}%`;
             let activeTicks = false;
             if (fillPlacement === "start" || fillPlacement === "end") {
@@ -37748,7 +37790,7 @@ class Slider {
                     left: mirror ? "" : tickOffset,
                     right: mirror ? tickOffset : "",
                 } }, this.renderTickLabel(tick)));
-        }))), hAsync("div", { key: '38a4756199a2672a1bba43fafcad9f7ff44d28e9', class: CSS$o.thumbContainer }, minThumb, thumb, hAsync(HiddenFormInputSlot, { key: 'c0be1431ecaab884a39b743013922538ee6654e4', component: this }))))));
+        }))), hAsync("div", { key: 'e4c936b67116dd415a9c6c950afba446fb025128', class: CSS$o.thumbContainer }, minThumb, thumb, hAsync(HiddenFormInputSlot, { key: 'fa431ec11ffab1b639e1f4aeef31937661b27089', component: this }))))));
     }
     renderThumb({ type, mirror, thumbPlacement, minInterval, maxInterval, }) {
         const isLabeled = type.includes("labeled");
@@ -38422,11 +38464,11 @@ class SortableList {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (hAsync(InteractiveContainer, { key: '44a3ffb6247380add68de1d40abff4376c170dd6', disabled: disabled }, hAsync("div", { key: '3d99c8f0b1a330cfb5caff2e9b8b4896587dafdc', class: {
+        return (hAsync(InteractiveContainer, { key: 'ebb128d801cf201dfdd2de2e50d287357bcc0fdb', disabled: disabled }, hAsync("div", { key: '6d2e198ecfd8147e4d1818608a3b47dde8928647', class: {
                 [CSS$n.container]: true,
                 [CSS$n.containerVertical]: !horizontal,
                 [CSS$n.containerHorizontal]: horizontal,
-            } }, hAsync("slot", { key: '09ef7cd7bfac62bd20c993f3ff41f6e988864a59' }))));
+            } }, hAsync("slot", { key: 'be83ec4e3b23e021b9d9a55ef4c56952128a35e7' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSortableListStyle0; }
@@ -38531,7 +38573,7 @@ class SplitButton {
     }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (hAsync(InteractiveContainer, { key: '29a01dcdfb77420965e3255738466781f483248b', disabled: this.disabled }, hAsync("div", { key: '021b958d944b2b6d6119d88caf62993221b0fdbe', class: CSS$m.container }, hAsync("calcite-button", { key: '62ac9ccaf0c7a840cfc8d49868f7bd3cddb10f40', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), hAsync("div", { key: 'ca2b635f3be150909391a43bb3ca5439ca3943a6', class: CSS$m.dividerContainer }, hAsync("div", { key: '4e1e4f1c8ad6205c913189c5a14548177cf3ca12', class: CSS$m.divider })), hAsync("calcite-dropdown", { key: '5d513bb00ccf27df82dbf6c6428d3806af2c2012', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, hAsync("calcite-button", { key: '1fc1316a145a7733c9f3ea42fe3e96f913200ef2', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), hAsync("slot", { key: 'cb0b7107e204bb9b630cedb06a78175bfbac84e7' })))));
+        return (hAsync(InteractiveContainer, { key: '9816cd5d0599d1c5f8028fdc8ae73e131a3d5cde', disabled: this.disabled }, hAsync("div", { key: '5da8524d892c4c9cc10e38597e83a5384d79069f', class: CSS$m.container }, hAsync("calcite-button", { key: '78768e3ea566183d6050e57cdd33b9d7f0094628', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), hAsync("div", { key: '0ba1be6e170e0ca37f137095408218e71c329f5f', class: CSS$m.dividerContainer }, hAsync("div", { key: 'c74f972e11098664376b5d2111a0cb8c5c20bd18', class: CSS$m.divider })), hAsync("calcite-dropdown", { key: 'cc63acc79dcbfa4d45de7de9cea7a45746a0f6c8', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, hAsync("calcite-button", { key: 'c01f813baed84a23a47d1efc7002c4ca028a125d', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), hAsync("slot", { key: 'c8c326396544ed85f75e9b8a561dd16d3d84e39d' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"
@@ -38639,7 +38681,7 @@ class Stack {
         return (hAsync("div", { class: CSS$K.contentEnd, hidden: !hasContentEnd }, hAsync("slot", { name: SLOTS$h.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
     }
     render() {
-        return (hAsync(Host, { key: 'bfef9c6daea190a6262ea66a82012c9450f62d25' }, hAsync("div", { key: 'af9f7f3a139b302d31acc5c714d47b840551831d', class: CSS$K.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
+        return (hAsync(Host, { key: '492c80b97264841866409c59337d0cf189f4d818' }, hAsync("div", { key: 'a5c669572afa0de9029c4eb8104c58e226e71e4b', class: CSS$K.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
     static get style() { return CalciteStackStyle0; }
     static get cmpMeta() { return {
@@ -38785,7 +38827,7 @@ class Stepper {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (hAsync(Host, { key: '1b7fe3f50929c4ac1afdccb86e35db2895d431e8', "aria-label": this.messages.label, role: "region" }, hAsync("div", { key: 'ed676bff58cbbcf9db0a4dc1b87f9f7736482e05', class: { container: true, [CSS$l.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (hAsync("div", { key: '49a91660e380a7770dc834a3bae082b0067e838d', class: { [CSS$l.stepBarContainer]: true } }, this.items.map((item, index) => (hAsync(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (hAsync("div", { key: '1cdf8c27f13df68398ea3e726dfe59378d8d580b', class: { [CSS$l.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), hAsync("slot", { key: 'd2ad38829dcb56b6259df925d8d6afdd593482e5', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync(Host, { key: '2be19afef4a5e085bfc4ea8f2f6cb65a6de83196', "aria-label": this.messages.label, role: "region" }, hAsync("div", { key: 'e6bd09696b2dece88c200df2fcdf8b0ceadd5c8a', class: { container: true, [CSS$l.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (hAsync("div", { key: 'd42d90048b6a473b84f6b9385dd096f5b4f68d55', class: { [CSS$l.stepBarContainer]: true } }, this.items.map((item, index) => (hAsync(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (hAsync("div", { key: '86851a89f024c1da158d2fa49e1357b5710223e9', class: { [CSS$l.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), hAsync("slot", { key: 'e635faa3273041dd35dcb4b737d2bdecf99ec639', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -39141,9 +39183,9 @@ class StepperItem {
         disconnectMessages(this);
     }
     render() {
-        return (hAsync(Host, { key: '9408ed9a5f0ac304069f2510f08a385fd493b767', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '22d9be6089de841fb1bbcd052e19f162967bb80c', disabled: this.disabled }, hAsync("div", { key: '1e7d2787328ae97a398f156c1fa8821b8d2aa4bd', class: CSS$j.container }, this.complete && (hAsync("span", { key: 'b40f4229dfa1413cc70628149636df0ee5c99284', "aria-live": "polite", class: CSS$j.visuallyHidden }, this.messages.complete)), hAsync("div", { key: '6bf36ad6dbfdacea400e4bf30ff3b0c23bdf008b', class: CSS$j.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
+        return (hAsync(Host, { key: 'e558570c1e2068daec381888b4bb1e7826ec062c', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '67b2df92e4af3cfe2d6e449ee7860890d3adfb94', disabled: this.disabled }, hAsync("div", { key: '6de1885c996ff0dfd2dbfbaa0671edfff4a23934', class: CSS$j.container }, this.complete && (hAsync("span", { key: '275d720e03765bee32b2cd4427513a468bf83280', "aria-live": "polite", class: CSS$j.visuallyHidden }, this.messages.complete)), hAsync("div", { key: 'ab6984c2b37de0bdf2a00be81456ddc325a1e010', class: CSS$j.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
             /* additional tab index logic needed because of display: contents */
-            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: CSS$j.stepperItemNumber }, this.renderNumbers(), ".")) : null, hAsync("div", { key: '9215720c53429554b045ce197a45b3f7e1a1e4ec', class: CSS$j.stepperItemHeaderText }, hAsync("span", { key: 'b5defa1b27eb646e1e47d8c74505ae92ba28989b', class: CSS$j.stepperItemHeading }, this.heading), hAsync("span", { key: '8f56aa9f93664283b0c66462d6d181a2bdeebad6', class: CSS$j.stepperItemDescription }, this.description))), hAsync("div", { key: 'd840a45b4844f05b95ca7beb97763e3739bc9c7c', class: CSS$j.stepperItemContent }, hAsync("slot", { key: 'e8eaa2295e218c96b0e74aa25a6f867ebb157a55' }))))));
+            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: CSS$j.stepperItemNumber }, this.renderNumbers(), ".")) : null, hAsync("div", { key: '250e4875c4e755a1c2182595cb2b40cf12900808', class: CSS$j.stepperItemHeaderText }, hAsync("span", { key: 'd1644434c42dcc1388dda9caf09afca01bded9a5', class: CSS$j.stepperItemHeading }, this.heading), hAsync("span", { key: 'b1173d636da796ebc10af029e017100344f904df', class: CSS$j.stepperItemDescription }, this.description))), hAsync("div", { key: '35fe242f95bcf185aa860a0b655feb188d664c16', class: CSS$j.stepperItemContent }, hAsync("slot", { key: 'd374807564e5f3c5970624fa51639727cb004a44' }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -39330,7 +39372,7 @@ class Switch {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '23f4b4d08b0c960807f88975b973394e549e844b', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'a22dd3af55b38c6e0b0afc0c882d64d899b26b8b', disabled: this.disabled }, hAsync("div", { key: '60cbe4cdf7ccd236b5a35ba9c2f4a57b1ad682aa', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$i.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, hAsync("div", { key: 'fbd5b34d37bedaa43038c179eccc96ae15367d5b', class: CSS$i.track }, hAsync("div", { key: 'cb85dd4518c6ebff5c477697e18e262b7c796111', class: CSS$i.handle })), hAsync(HiddenFormInputSlot, { key: '21005193599f327a54b14880902f32661f8103d5', component: this })))));
+        return (hAsync(Host, { key: '12bb296580214f4accddf5efd8ef6a7bd6d3768d', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '5f5627bf657f8dcb14360d4f7a0fa9adf7d4374e', disabled: this.disabled }, hAsync("div", { key: 'f0b23182436727d14d18307bbc2532f08543f5ed', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$i.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, hAsync("div", { key: '8913eda6b5cc9d4cf4304283bf9699009ab6fe16', class: CSS$i.track }, hAsync("div", { key: '8ade6efdaba228bde1b4c6cabe2910679d37d9bf', class: CSS$i.handle })), hAsync(HiddenFormInputSlot, { key: 'ded92b55e79a980484b39cb9e89e475fa92b67cf', component: this })))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSwitchStyle0; }
@@ -39381,7 +39423,7 @@ class Tab {
     //--------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (hAsync(Host, { key: '544a4125f4b80e347a538a6ba19a23f0c46a7b99', "aria-labelledby": this.labeledBy, id: id }, hAsync("div", { key: 'ab6d99b74efd29a5bdd32bf00f57884db1b5c279', class: { [CSS$h.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, hAsync("section", { key: '74eb3f170f79534fe81bd5a4b08ca8d16b14ecb1', class: CSS$h.content }, hAsync("slot", { key: '4dcebcad77d1bb9fac19a55a95d204abe1b48aa9' })))));
+        return (hAsync(Host, { key: '34f25633afec73b771fba5a8d2c35e647dbc7abe', "aria-labelledby": this.labeledBy, id: id }, hAsync("div", { key: '8ee7f4025cc393cfb3f4d53a6762a50017abbfe8', class: { [CSS$h.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, hAsync("section", { key: 'eda53c19a48f0a96b52362a588292139f8526da4', class: CSS$h.content }, hAsync("slot", { key: 'c1da92b857f33df134cbaf5eeddc3f8fcda1f5dc' })))));
     }
     connectedCallback() {
         this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -39694,18 +39736,18 @@ class TabNav {
         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: '3046624bae23347b653cad5bf3f80cfe4997e878', role: "tablist" }, hAsync("div", { key: '93041afe1c7ab80414cf99ae1e92d8acc7e3097b', class: {
+        return (hAsync(Host, { key: '174cd3c34b59be8c237cb1bd2e143d8d9369198c', role: "tablist" }, hAsync("div", { key: '3431edaba38c8875d6077a649610d2f21173df47', 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: '0541663c1e15bc2d53791c5bba2e2419a00aedce', class: {
+            }, ref: this.storeContainerRef }, this.renderScrollButton("start"), hAsync("div", { key: '1fee2edb04f475641523b66d5fbe4e62a7403c26', class: {
                 [CSS$g.tabTitleSlotWrapper]: true,
-            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: 'b6b142a97725143776ebb2ef4e9f1a07e00a3274', onSlotchange: this.onSlotChange })), hAsync("div", { key: '9d5cc5184d3474f5c328eb4cfe2de9b345ff6311', class: {
+            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: 'e14eea620096ffa9bc6d518ce31ebe0f623bdf4e', onSlotchange: this.onSlotChange })), hAsync("div", { key: '1ec5cff7490ac9ae87b0dab467ca3890c217a3b3', class: {
                 [CSS$g.activeIndicatorContainer]: true,
-            }, ref: (el) => (this.activeIndicatorContainerEl = el) }, hAsync("div", { key: '8e056e21aae233d05c926b653f2b0ac07717030a', class: "tab-nav-active-indicator", ref: (el) => (this.activeIndicatorEl = el), style: indicatorStyle })), this.renderScrollButton("end"))));
+            }, ref: (el) => (this.activeIndicatorContainerEl = el) }, hAsync("div", { key: 'e0e10bbeedcae6bcf1f5d5957d35e06e555fd14c', class: "tab-nav-active-indicator", ref: (el) => (this.activeIndicatorEl = el), style: indicatorStyle })), this.renderScrollButton("end"))));
     }
     //--------------------------------------------------------------------------
     //
@@ -40029,13 +40071,13 @@ class TabTitle {
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (hAsync("calcite-icon", { key: '2455e4a31353950ff15b0dc8f5a8b9f10b07cd46', 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: 'a515f8b1297cc9b31f6d592815bcc1800d52a9ae', 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: 'c14336a46936230b8e2012b48fa1563987bf283f', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '8ad432e2e1e8d75af369a2bc03b03eba7c48fd65', disabled: this.disabled }, hAsync("div", { key: '7303ecb804108977b3b6157222d54f54b00dc75a', class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: 'c6c7baa28fe5aa5ed07d85815d0a0ebac4318368', 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: 'fc5e9d925510867e451df60bed298b158a10054b', 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: 'd84446a2e6fb8a9007c70a798e997d2f8bae485e', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '0130123cde98ed0f0e5065387156293fda2d1c4b', disabled: this.disabled }, hAsync("div", { key: 'c37a2e097b38dd17588a7eb81fa4fa2c5f3977a9', class: {
                 container: true,
                 [CSS$f.iconPresent]: !!this.iconStart || !!this.iconEnd,
                 [`scale-${this.scale}`]: true,
-            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, hAsync("div", { key: 'd2cd356b4108bb33710c85278324b8f8b87e470a', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '51215c65e03cf4738b11af4c70cf6987d6a99137' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
+            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, hAsync("div", { key: '53065b8558e4e0732aaeb60624367547a0aee7f8', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: 'c05fdb2126495f59fe88e32b5368e8ad8a79b303' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
     }
     renderCloseButton() {
         const { closable, messages } = this;
@@ -40475,13 +40517,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: 'f6501bbe29568030134249295c8eed1fb7e2ed77' }, hAsync("div", { key: 'c1bf2ee4c26a6dd66ddfc2b6e978ea4f10b5a3b4', class: CSS$e.container }, this.selectionMode !== "none" &&
+        return (hAsync(Host, { key: '303db103a86b0ac3593876f7c1365d151de38949' }, hAsync("div", { key: '46ad58071827847e9771d5aa4f0687bb0d504cbd', class: CSS$e.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), hAsync("div", { key: 'ecfa2a112ab8f5856cc2697079c251bb0c0dc746', class: {
+            this.renderSelectionArea(), hAsync("div", { key: 'ce6c9a94137aaf3116fe02e28e99f47c68f5874f', class: {
                 [CSS$e.bordered]: this.bordered,
                 [CSS$e.striped]: this.striped || this.zebra,
                 [CSS$e.tableContainer]: true,
-            } }, hAsync("table", { key: 'b1c682f442af3ff0b1d7056202228d282def09f9', "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: '36f62065e1bbd5412035acf32eb07b26909ee72a', class: CSS$e.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, hAsync("table", { key: '123286bcb3811bd6c4a71e5f8df15bb9a1ded395', "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: '6eda3a41c089f184b4f6c71f143ec4aaf18878a4', 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); }
@@ -40648,7 +40690,7 @@ class TableCell {
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (hAsync(Host, { key: '52248567c452e3d2de00614a29030e2a6e30aa6a' }, hAsync(InteractiveContainer, { key: 'fd9392343076e3cf272aac01c223d47748f1172c', disabled: this.disabled }, hAsync("td", { key: '04e35eb1f91105d6b2aa1ed00c55d77dace2acaf', "aria-disabled": this.disabled, class: {
+        return (hAsync(Host, { key: 'c4117a89686d9ad0521b122d11794f4bbbdf7399' }, hAsync(InteractiveContainer, { key: '7dde369a681dc7dcc7f8cb3d6160de4a7444c196', disabled: this.disabled }, hAsync("td", { key: '45d8b5227b0b407982c7c0f5166eab98e1c98f39', "aria-disabled": this.disabled, class: {
                 [CSS$d.footerCell]: this.parentRowType === "foot",
                 [CSS$d.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$d.numberCell]: this.numberCell,
@@ -40658,7 +40700,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: '10b231a73310221e5432c63557fdc94e8aa9ab82', "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: 'a2ca26b25535aaa2010bf6e5f8d72b74509f83b6', 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: '50dfa94b182cae99c8b8ed1c6f614dece87292a6', "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: '235ee7d4ccb170f2dfa73cd601b7bc1a4a110c49', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -40833,7 +40875,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: 'e0d6b97408f527d0a8d0fc77d7ffe2270da120a6' }, hAsync("th", { key: 'b982b4642d4dccbbf269e245cd0051bc91d2c3b4', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (hAsync(Host, { key: 'da0b65737ce60dcaea3f4a033e54a5adedc7a252' }, hAsync("th", { key: 'd0a71fbe4da75f578ee69ee14782c2213acad5db', "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,
@@ -40844,7 +40886,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: '0885233b835a927ccb5e14c2a289178b8a4dc314', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: 'de9f41cdc6df0526a0d996530a931d4ee4b7b33a', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: '330a5767df2e064721d07be3c9f225dcef561010', class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: 'cba1e2edc3f79bc22c8a41624abb01cad9cad336', "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: '50b85ffe26c1b305bca0e137431be182281dc893', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: '9d51fa12b4b7f1bccf7bdc2f9899ea1d9352451c', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: 'fb16d491a9452f26807130358c5997ef7c437e23', class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: '3501e1933dffbb49164e97c183e917d82be9fc87', "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); }
@@ -41114,7 +41156,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: 'bee859b6315a791fe96a156c425fb63e0996c08b' }, hAsync(InteractiveContainer, { key: '2d99b9eacf71f21388ae481f12fcdd09f21a69b5', disabled: this.disabled }, hAsync("tr", { key: 'a538ad83abbe3fdefc498bbaaf04e15a5e929cee', "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: '7a21d3f966b4d7be6dce24b3e0a657d77366b86e', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (hAsync(Host, { key: '46546bb443b09dd88942b3af3871369d3da6c395' }, hAsync(InteractiveContainer, { key: 'bda62c531c3623c20628c9302f1d166717bd5ef8', disabled: this.disabled }, hAsync("tr", { key: '2420e0131b56feb56d9dc08c3a6b4e641bfd2875', "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: 'f4ae062ff757091ca7ea00580261ea6b7abc9282', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -41197,7 +41239,7 @@ class Tabs {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (hAsync(Fragment, { key: '30db1e8f2dcb9fb1119d43ef171e6d56fe872561' }, hAsync("slot", { key: '18880552bc8632189766534c703f4791e5ce1677', name: SLOTS$5.titleGroup }), hAsync("section", { key: 'a6472d27bb74ab2afa794c7e514c386e1ece984f' }, hAsync("slot", { key: 'a7121dcae1a0ed7b9e3d1eec2f1e665a33052010' }))));
+        return (hAsync(Fragment, { key: '8f47fe2cdeb7897a888891ba33b3fcda0d1d2b10' }, hAsync("slot", { key: 'e19648c5138807be98e46ff6a343989a8d931c86', name: SLOTS$5.titleGroup }), hAsync("section", { key: '64880a376a2cda485d608ba00fe3431fdb7ea011' }, hAsync("slot", { key: '2cbd9deb8203448212357a4de42f5ac4a1f5daad' }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -41486,20 +41528,20 @@ class TextArea {
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-        return (hAsync(Host, { key: '80fd3cf06c998119105d1afaf512d81655169698' }, hAsync(InteractiveContainer, { key: 'a42a2d5812c9dc34adedb6df67ac64eac502a322', disabled: this.disabled }, hAsync("textarea", { key: '29e79eed5313a3ec8567728c1fa1c5a0f1094067', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
+        return (hAsync(Host, { key: '1cf8d8932cfc34863ec4f6954c05cab29be79e0a' }, hAsync(InteractiveContainer, { key: '562df527b0a00e33a3f72c5dd1a5b921e4db48c4', disabled: this.disabled }, hAsync("textarea", { key: '4044f82c8d7d86a83e2451350d7bb7d7f330485f', "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: '3605990df245633f73c63046182ad72d21ff81b2', class: { [CSS$a.content]: true } }, hAsync("slot", { key: '24fc3eacbc1bb322588e06faa8d9722cdde8c414', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: '7f8685d535a56af5bf3f85b82382b8f6226e644c', 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: 'e23a55600d68239c78fc2fb98f289195f1d6a797', class: { [CSS$a.content]: true } }, hAsync("slot", { key: '4ea0a5fe04210574843207e899d0ce16a1bb4c48', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: '07072a422762ca26f0f30b8497503edb8d77e8bc', class: {
                 [CSS$a.footer]: true,
                 [CSS$a.readOnly]: this.readOnly,
                 [CSS$a.hide]: !hasFooter,
-            }, ref: (el) => (this.footerEl = el) }, hAsync("div", { key: '73675632ff1b8ee5b00e7fbb84b321b6bb2c9601', class: {
+            }, ref: (el) => (this.footerEl = el) }, hAsync("div", { key: '95c690b9ec35ebdd9ca008ac4213d49d57788e96', class: {
                 [CSS$a.container]: true,
                 [CSS$a.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, hAsync("slot", { key: '42809751529ce89dd876608f922ff99a79e1f2b3', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: 'a8069f62b655288525ff892ba5a525c79bae7c01', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: '86b605b8d1c33c827fb039dc9619455a0d0e9ada', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: '701c091eff94da3defe5a48521030a8626ce5bf6', "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: '65dbd9cef4d617c8bd9a6bbd610091f505188b0f', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: '8e05f35c0c130fcde292c98f35b584dbc189f840', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: '7e0b7f5c82fab77065d8f8ce2d3f6dc877515602', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: '4ed6485bc07b81aa5ce3e865c54fda74a054d691', "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)));
     }
     //--------------------------------------------------------------------------
     //
@@ -41819,7 +41861,7 @@ class Tile {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(InteractiveContainer, { key: '4091fa5bb52fefcc7f1d7bbe39270dba92ed53c5', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (hAsync(InteractiveContainer, { key: 'fefee534d623f2cb2c3d672ebe389fbf27bcd916', 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; }
@@ -42006,7 +42048,7 @@ class TileGroup {
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (hAsync(InteractiveContainer, { key: '913613cec0a1c6a3053521ce34967d7451a2eba9', disabled: this.disabled }, hAsync("div", { key: '8458b913035dc204ace2736fd52cefda699a86e1', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: 'f820a50452c7725374c490f3a595116536bd07ee', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
+        return (hAsync(InteractiveContainer, { key: '7295e4d11cea10efc846dcbd44e29313f4e24ec1', disabled: this.disabled }, hAsync("div", { key: 'a0f58d44165ed6fd430a9429a54f569acd366f5d', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: '6826c4b01ada7d2e63324ce7cc9cc0ccaa8d9739', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -42219,7 +42261,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: 'f07a5b4221b677c7eb019e814d7cff8d58ac0fc8', disabled: disabled }, hAsync("div", { key: '149023eb4237c78da2365b6b9fbc908739ee2847', class: {
+        return (hAsync(InteractiveContainer, { key: '7acdfde84246014561a51fe868208c315cf5a3ed', disabled: disabled }, hAsync("div", { key: 'c8c672449fc79db97fd13b6198eea4da627f75f2', class: {
                 checked,
                 container: true,
                 [CSS$7.description]: Boolean(description),
@@ -42236,7 +42278,7 @@ class TileSelect {
                 [CSS$7.largeVisual]: isLargeVisual,
                 [CSS$7.widthAuto]: width === "auto",
                 [CSS$7.widthFull]: width === "full",
-            } }, hAsync("div", { key: '3ea624ccd93973b0066a90d52f37663fd5501ad3', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: '525be864787a961a5c07de4e2cabe37d416b89e9', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: '1d4c5a14ed5b17e2e45fb8a79e14d1066097d5e5', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: '26af17e435ffd73056c7494e58835d2d10b415cf', class: CSS$7.tileContentContainer }, hAsync("div", { key: '28d4cf3d7da19fc4947faeb149612a2d8b36c8d4', class: CSS$7.tileContent }, heading && hAsync("div", { key: '1eddc80788adc5b3400a9ef3f4d596c36cf04dc9', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: 'a44daff054cbbcd7807f10f0e28afea1542777ee', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: 'dad6d5f46ea23bb84918da6d992fe2f004afb99d' }))));
+            } }, hAsync("div", { key: '40a366c01297f703d656b6452132b675a4023ece', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: '82310a812aac47ec904091e6284b55519d5ee242', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: '506fa463a99ae0eafee798ac6944408db8ded8f0', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: 'bca3d226f4aa3aadb58c38851d15dbc424383ff9', class: CSS$7.tileContentContainer }, hAsync("div", { key: 'eb256a4f0cd1ba213a562de5b7da58bb11b28e48', class: CSS$7.tileContent }, heading && hAsync("div", { key: '228f8472a5ed9e00e3b8b34f8b3459147e173145', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: '173e5e4efe4076d5beec291e88167ddd83d4f376', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: 'f9fa7eecad83c321c9ab2f2401149777fa8dd222' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -42297,7 +42339,7 @@ class TileSelectGroup {
         disconnectInteractive(this);
     }
     render() {
-        return (hAsync(InteractiveContainer, { key: '536933fe2032c90609f71cd3aebaf4c3d4ed197a', disabled: this.disabled }, hAsync("slot", { key: '4a0a39578fb04425461f09c5add3fae79efc950e' })));
+        return (hAsync(InteractiveContainer, { key: 'c2b3ea84b52caa807e718d047df4544496145dc6', disabled: this.disabled }, hAsync("slot", { key: 'aad045941f8c7ea5f1c335b37d7a9dcb7ccd4a3f' })));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileSelectGroupStyle0; }
@@ -43042,69 +43084,69 @@ class TimePicker {
         const secondIsNumber = isValidNumber(this.second);
         const fractionalSecondIsNumber = isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (hAsync("div", { key: 'ac47b15f8de010b4462e2ad5135a01fc6cffbfbf', class: {
+        return (hAsync("div", { key: '0b13e9884c7e6795911ece9275702f5f70afc8d8', 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: '6afdd618e730aa29f9b58a4eb32d94375acc7c4a', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'c5a67704191d1533ac7a46f99bea70b51b337511', "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, hAsync("div", { key: '40a627116c384a11a65bbaaf5359ed56a9b0a954', class: CSS$6.column, role: "group" }, hAsync("span", { key: '8d14e974bcce95a1715b809d90d152f956613166', "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: '45f3ddb160dd9c7abca9cc757d9bc9295772ea70', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '0f9157b95ca5676318535e1410b2898e57e3152f', "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: 'bfacb03ba5eb88301232149d29d1763d909de847', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'b2e006317fd8997ca45c8a693a45b0cb34e1c012', "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: '545c603218c602d7c3fd76a60bbe11762cdc58bf', "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: '94e3b7eb596549e4d5e509bc9d6eacc6e814571f', "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: '9548056b11ef190e7e5fe4a755276e8ceff08fd2', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: '78295c14b30eb56a0d57dfd1631e88556c8607c5', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: 'a78f673a30551651ee92f493995712bcbfee6b93', class: CSS$6.column, role: "group" }, hAsync("span", { key: '5edd391ecaba6e5e5614944ea7fd3c92773b2bf9', "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'e6a6354f3c1528f4d9a7c58f97e763a291404745', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: 'da9e69c5a2f162704153d2d799689332c6cfe96b', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: '538ff4b0daf92d4d1a3bc250c1096303e9343967', class: CSS$6.column, role: "group" }, hAsync("span", { key: '6df3c2cb459000de7f813f32dc074fb48bf60f55', "aria-label": this.messages.minuteUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'ec3715f6b60283104405d3a9ff232b4ed61c11fb', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'faa28eae86915a7e1d2b311982e5f6d7e2278019', "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: 'ecfb35802542db3da0af57ce1ac6356dc031a248', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '58a1bbcd49a4cf5d8dbac2362b8d06eefe9841ed', "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: '64ce58c740f521386b072db050f1bb33a8a7ba5f', "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: '70a9b29aa4cd256e58c1a97ea3a8dc8b0a2390c7', "aria-label": this.messages.minuteDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '0f3cf339988718912f0d730cf881a922edc4294c', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: '3b786eec1e20fb0d2b68361bc1f56cdecb8ade83', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: '57bb2d99335aefe56d715ada44b222fd3b359b8e', class: CSS$6.column, role: "group" }, hAsync("span", { key: '3fd9116edd07768372094a2853ce7068aab0d607', "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'ab7abba85f6b75bb46d6e774a468fb2976cf93c5', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: '87793f21ee3c354a25b5d717862fcc60aa258597', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: 'f7f674498673ea4fd01e753b18d01fb43c022690', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'e29e4cf67839dda1db29122ad2caa440f983368b', "aria-label": this.messages.secondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'd7f400bf013b0fe04989d18dca1e98848354955a', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'bd57b61b5dcddb182a8da1015d64867fc42e06cc', "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: '2cf5d11dc7b9b6687371b6c46bf753bb7174ef6b', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'ed2af614eb1ae9c747d0a91999ff0d47761f3c83', "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: 'a8e93d4c4797db97d86486a4e5bcba3838421847', "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: '7da3d99f1e8d7e504a6b360f347628cb8201bd19', "aria-label": this.messages.secondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'c3d7d715e344c84b85c406a94d90ef5dba747ca8', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: '8abdd4f0f57ce567f0b1ffd1e2400a4a6b6f5a6e', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: '490f18219dd4f821f24ff7d20c75a134222cfde4', class: CSS$6.column, role: "group" }, hAsync("span", { key: '4f9e592bc2e283c14fd1fbbc2361fdf6a3f8936f', "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '4b461d08f3d81395cdbeb09cb433f07b3f5d96ad', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: 'a243778b6ccd13ff93d1cdd36bc95f7f4f30abf3', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: '69d58a727a9b9129a86cdf4229607792f405a872', class: CSS$6.column, role: "group" }, hAsync("span", { key: '52d582ae745c98da28d46250089c717bc9a465e8', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'a681e94f8c147820776a37a120d1df54f21306dd', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '54d1ff2a0911b5125b60ad82bec8ae002082632c', "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: '5f5e04f54beb477106ae636acab8e77c6ac4ceb6', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '3826e4fcf70095ae262fe2091573de436e15e8f2', "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: '28f20d3d784eae2130976bbd8ec9a44e30b556cf', "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: '10eb9f6fc3033f4398dd147e4ad752f041a54c26', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'fb9f50557fc435dd83f6526b5f548716ef261adb', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: '7df73ca15aa34488d48b81efa0a730265196a24a', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: 'c87bedc3e22c83c9f44ebbb9c014cfe51a84495e', class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '6a9e74fb67f77bbe6c5f03ad433724305ceaff8d', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: 'c60b3cdc1b6afbc0c579d0f2eae9be9d01b0f8cc', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: '69065ed996cac1ac49ee6e93d15cdb2cb87cb7b9', class: {
                 [CSS$6.column]: true,
                 [CSS$6.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, hAsync("span", { key: 'f5be3f6105150baeb3535448aa243bc653191603', "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, hAsync("span", { key: '69d653fbec25b856caa75f531e33ef93ee2dd52e', "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: '96587eeddac26f4ae245f0ce355875084dd45230', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'd8a1028b3f2da7cf92603e91d373b6d13110f447', "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: 'b5994501a7d83a2d76892802cc6a1290d035b20a', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '005bbc86ba9cc3e28fba696527c16bbabc9898a8', "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: 'daf2146d6a95ebbd23330a868c9a8a9196829b33', "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: '74bf7d0880945afa9b15d518d39da2217efac32f', "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: '1c29b49fb292b429703c3f4a57fd4e0f78e06251', icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '3c2b9a5f00d2eb194166814ef32ffdf5077f177a', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -43252,7 +43294,7 @@ class Tip {
         return (hAsync("div", { class: CSS$5.content }, this.renderImageFrame(), this.renderInfoNode()));
     }
     render() {
-        return (hAsync(Fragment, { key: 'e0f0ca403772ecef4cc9cce4ece15f268e2aa2a5' }, hAsync("article", { key: 'c948be55714dfbf430d2ab1f1c619d97e4ec1045', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
+        return (hAsync(Fragment, { key: '883679cf3cadde5f70e23f3431798e47a669b589' }, hAsync("article", { key: 'c821d3ce0496b9e1dfd9689d021ad08e40e87a67', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -43294,7 +43336,7 @@ class TipGroup {
         this.groupTitle = undefined;
     }
     render() {
-        return hAsync("slot", { key: '5733d25b3e942fa936ded5c03d84d5945ea2fa12' });
+        return hAsync("slot", { key: '6d0bbdf7afacf20d36729395f92a6affdc5d9eb8' });
     }
     static get style() { return CalciteTipGroupStyle0; }
     static get cmpMeta() { return {
@@ -43766,6 +43808,7 @@ class Tooltip {
         this.calciteTooltipBeforeOpen = createEvent(this, "calciteTooltipBeforeOpen", 6);
         this.calciteTooltipOpen = createEvent(this, "calciteTooltipOpen", 6);
         this.guid = `calcite-tooltip-${guid()}`;
+        this.hasLoaded = false;
         this.openTransitionProp = "opacity";
         this.setTransitionEl = (el) => {
             this.transitionEl = el;
@@ -43841,8 +43884,7 @@ class Tooltip {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    async connectedCallback() {
-        await componentOnReady(this.el);
+    connectedCallback() {
         this.setUpReferenceElement(true);
         if (this.open) {
             onToggleOpenCloseComponent(this);
@@ -43853,6 +43895,12 @@ class Tooltip {
             onToggleOpenCloseComponent(this);
         }
     }
+    componentDidLoad() {
+        if (this.referenceElement && !this.effectiveReferenceElement) {
+            this.setUpReferenceElement();
+        }
+        this.hasLoaded = true;
+    }
     disconnectedCallback() {
         this.removeReferences();
         disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
@@ -43906,10 +43954,10 @@ class Tooltip {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (hAsync(Host, { key: 'ed85b2d8f2b315b44794a319e458edfab3d2ae99', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '90a64eb031fc3ae472d55985df733c5087f6cdd6', class: {
+        return (hAsync(Host, { key: 'efe45cfea02c55dc9485e7f1760aef938aff1999', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '0110992190776206883f22752e73f2dc215890ed', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '6e64b84eaeb5b2bf0cc3c8af698386dc41d1eb9d', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '66a83179d7b9542762372e7f781a68032f9c96df', class: CSS$3.container }, hAsync("slot", { key: 'add39324eff140ba4faa4354d3fd8bf0471d97f4' })))));
+            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '993f3df44f2104096966c5865217465868a028c3', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '3289d59eba5264aa5bff0285441452861ac49d8b', class: CSS$3.container }, hAsync("slot", { key: 'e060c878105353e47ecb5dfc9b85888be791c8c9' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -44064,9 +44112,9 @@ class Tree {
         this.child = !!parent;
     }
     render() {
-        return (hAsync(Host, { key: '626f794e9c025004df9379d27abdab444fde7178', "aria-multiselectable": this.child
+        return (hAsync(Host, { key: '60482915d0c0020ff558e562fccbb9cba064b1b2', "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: '1abbd919baa0cb4ade32f0c0be9d53082d7723ab' })));
+                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", { key: 'f9d50bf3c4c0e75be2c0f9cc9676aa7b7e703e0d' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -44419,14 +44467,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: '4d7fb768803accfb12567060cfeed4142a1e08cf', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        return (hAsync(Host, { key: '659d7f355f3621abfd82e2f321724c9f6f8409e1', "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: 'bed3d6aa8cdb015bf536ec094dfdba391215cd1c', disabled: this.disabled }, hAsync("div", { key: 'a043972f41cec21e0cec97ebcecb5cab14ac2e04', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: 'ee478b87f259b44a36b834f4250bc1ced0231efc', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: '99f11f62c35f60853c38321af5d66d0f8bbb3e71', class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: 'fa6de7e7de920a005ae48378d32cc85763e6e164', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        return (hAsync(Host, { key: '4ab7794c9d33e6102dc4de5133aa297b1a55a9b0', "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: '88199a3a8f3b0f24ccf8b0da090d99d26a398eb4', disabled: this.disabled }, hAsync("div", { key: 'f8e349927173e3de2ed7a3bb908c1de36dc9c176', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: '334b187995b0c273b7c9ac979562c10384060f31', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: '5cf871f0a46784b28309e2832c953af130001225', 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: '8c49d896a60fb1a55638c24861a98ac3456e64f0', class: CSS$2.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: 'af8c592aacd01f8d1d106d1d5dc0852e0f61fc33', class: {
+            }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { key: '3bf93ad9e883bc5f29877a874de754e18b7451fc', class: CSS$2.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: 'fe64fb095521af5336728a486a86721a2ab8416e', 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: '1e72c4b2679e099c7a04c94b7481845e4aade275', name: SLOTS$1.children }))))));
+            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, hAsync("slot", { key: '9a6ccbac1cfc2ea1e19ef09739b81aa732bf2b58', name: SLOTS$1.children }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -44994,7 +45042,7 @@ class ValueListItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '6d15b58d26aeb1c298b8a20896c903d15dd4eecd', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: '0934e95e2c3f0a7da7c94492eddc85ee49475f34', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: 'cebac3452ced728364aaf18c35d3fd93286fa9ba', 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: 'd89ea77d31ede37aebb655ee1ab7e667df1b76b9', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: 'aa4bec39005964d0aad6b58ffc74ee34218cf58c', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: 'b3788f4ac44bec53f5b7d09a5fccc9fb0db39f49', 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; }