@esri/calcite-components 2.9.0 → 2.9.1-next.1

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/main/LICENSE.md for details.
- * v2.9.0
+ * v2.9.1-next.1
  */
 'use strict';
 
@@ -130,7 +130,7 @@ const NAMESPACE = 'calcite';
 const BUILD = /* calcite */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: true, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "calcite-hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
- Stencil Hydrate Platform v4.18.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.18.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -1702,10 +1702,11 @@ var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) =>
   }
 };
 var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
   try {
     {
       if (hostRef.$flags$ & 256 /* isListenReady */) {
-        hostRef.$lazyInstance$[methodName](ev);
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
       } else {
         (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
       }
@@ -14642,7 +14643,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Wed, 29 May 2024 06:41:17 GMT
+ * Generated on Tue, 04 Jun 2024 05:33:22 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -33003,7 +33004,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Wed, 29 May 2024 06:41:19 GMT
+ * Generated on Tue, 04 Jun 2024 05:33:24 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -33028,6 +33029,8 @@ function cssLengthToNumber(length) {
 }
 
 const CSS$E = {
+    list: "list",
+    listItem: "list-item",
     page: "page",
     selected: "selected",
     chevron: "chevron",
@@ -33041,7 +33044,7 @@ const ICONS$7 = {
     last: "chevron-end",
 };
 
-const paginationCss = "/*!@:host*/.sc-calcite-pagination-h{display:flex;writing-mode:horizontal-tb}/*!@:host([scale=s]) .chevron, :host([scale=s]) .page, :host([scale=s]) .ellipsis*/[scale=s].sc-calcite-pagination-h .chevron.sc-calcite-pagination,[scale=s].sc-calcite-pagination-h .page.sc-calcite-pagination,[scale=s].sc-calcite-pagination-h .ellipsis.sc-calcite-pagination{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}/*!@:host([scale=m]) .chevron, :host([scale=m]) .page, :host([scale=m]) .ellipsis*/[scale=m].sc-calcite-pagination-h .chevron.sc-calcite-pagination,[scale=m].sc-calcite-pagination-h .page.sc-calcite-pagination,[scale=m].sc-calcite-pagination-h .ellipsis.sc-calcite-pagination{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}/*!@:host([scale=l]) .chevron, :host([scale=l]) .page, :host([scale=l]) .ellipsis*/[scale=l].sc-calcite-pagination-h .chevron.sc-calcite-pagination,[scale=l].sc-calcite-pagination-h .page.sc-calcite-pagination,[scale=l].sc-calcite-pagination-h .ellipsis.sc-calcite-pagination{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}/*!@:host([scale=l]) .chevron*/[scale=l].sc-calcite-pagination-h .chevron.sc-calcite-pagination{padding-inline:0.625rem}/*!@:host([scale=l]) .page, :host([scale=l]) .ellipsis*/[scale=l].sc-calcite-pagination-h .page.sc-calcite-pagination,[scale=l].sc-calcite-pagination-h .ellipsis.sc-calcite-pagination{padding-inline:0.75rem}/*!@:host button*/.sc-calcite-pagination-h button.sc-calcite-pagination{outline-color:transparent}/*!@:host button:focus*/.sc-calcite-pagination-h button.sc-calcite-pagination: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          )}/*!@.chevron,\n.page,\n.ellipsis*/.chevron.sc-calcite-pagination,.page.sc-calcite-pagination,.ellipsis.sc-calcite-pagination{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-3)}/*!@.chevron,\n.page*/.chevron.sc-calcite-pagination,.page.sc-calcite-pagination{cursor:pointer;border-block:2px solid transparent}/*!@.chevron:hover,\n.page:hover*/.chevron.sc-calcite-pagination:hover,.page.sc-calcite-pagination:hover{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}/*!@.page:hover*/.page.sc-calcite-pagination:hover{border-block-end-color:var(--calcite-color-border-2)}/*!@.page.selected*/.page.selected.sc-calcite-pagination{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-end-color:var(--calcite-color-brand)}/*!@.chevron:hover*/.chevron.sc-calcite-pagination:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-brand)}/*!@.chevron:active*/.chevron.sc-calcite-pagination:active{background-color:var(--calcite-color-foreground-3)}/*!@.chevron.disabled*/.chevron.disabled.sc-calcite-pagination{pointer-events:none;background-color:transparent}/*!@.chevron.disabled > calcite-icon*/.chevron.disabled.sc-calcite-pagination>calcite-icon.sc-calcite-pagination{opacity:var(--calcite-opacity-disabled)}/*!@:host([hidden])*/[hidden].sc-calcite-pagination-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-pagination{display:none}";
+const paginationCss = "/*!@:host*/.sc-calcite-pagination-h{display:flex;writing-mode:horizontal-tb}/*!@.list*/.list.sc-calcite-pagination{margin:0px;display:flex;list-style-type:none;padding:0px}/*!@.list-item*/.list-item.sc-calcite-pagination{margin:0px;display:flex;padding:0px}/*!@:host([scale=s]) .chevron, :host([scale=s]) .page, :host([scale=s]) .ellipsis*/[scale=s].sc-calcite-pagination-h .chevron.sc-calcite-pagination,[scale=s].sc-calcite-pagination-h .page.sc-calcite-pagination,[scale=s].sc-calcite-pagination-h .ellipsis.sc-calcite-pagination{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}/*!@:host([scale=m]) .chevron, :host([scale=m]) .page, :host([scale=m]) .ellipsis*/[scale=m].sc-calcite-pagination-h .chevron.sc-calcite-pagination,[scale=m].sc-calcite-pagination-h .page.sc-calcite-pagination,[scale=m].sc-calcite-pagination-h .ellipsis.sc-calcite-pagination{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}/*!@:host([scale=l]) .chevron, :host([scale=l]) .page, :host([scale=l]) .ellipsis*/[scale=l].sc-calcite-pagination-h .chevron.sc-calcite-pagination,[scale=l].sc-calcite-pagination-h .page.sc-calcite-pagination,[scale=l].sc-calcite-pagination-h .ellipsis.sc-calcite-pagination{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}/*!@:host([scale=l]) .chevron*/[scale=l].sc-calcite-pagination-h .chevron.sc-calcite-pagination{padding-inline:0.625rem}/*!@:host([scale=l]) .page, :host([scale=l]) .ellipsis*/[scale=l].sc-calcite-pagination-h .page.sc-calcite-pagination,[scale=l].sc-calcite-pagination-h .ellipsis.sc-calcite-pagination{padding-inline:0.75rem}/*!@:host button*/.sc-calcite-pagination-h button.sc-calcite-pagination{outline-color:transparent}/*!@:host button:focus*/.sc-calcite-pagination-h button.sc-calcite-pagination: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          )}/*!@.chevron,\n.page,\n.ellipsis*/.chevron.sc-calcite-pagination,.page.sc-calcite-pagination,.ellipsis.sc-calcite-pagination{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-3)}/*!@.chevron,\n.page*/.chevron.sc-calcite-pagination,.page.sc-calcite-pagination{cursor:pointer;border-block:2px solid transparent}/*!@.chevron:hover,\n.page:hover*/.chevron.sc-calcite-pagination:hover,.page.sc-calcite-pagination:hover{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}/*!@.page:hover*/.page.sc-calcite-pagination:hover{border-block-end-color:var(--calcite-color-border-2)}/*!@.page.selected*/.page.selected.sc-calcite-pagination{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-end-color:var(--calcite-color-brand)}/*!@.chevron:hover*/.chevron.sc-calcite-pagination:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-brand)}/*!@.chevron:active*/.chevron.sc-calcite-pagination:active{background-color:var(--calcite-color-foreground-3)}/*!@.chevron.disabled*/.chevron.disabled.sc-calcite-pagination{pointer-events:none;background-color:transparent}/*!@.chevron.disabled > calcite-icon*/.chevron.disabled.sc-calcite-pagination>calcite-icon.sc-calcite-pagination{opacity:var(--calcite-opacity-disabled)}/*!@:host([hidden])*/[hidden].sc-calcite-pagination-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-pagination{display:none}";
 var CalcitePaginationStyle0 = paginationCss;
 
 const firstAndLastPageCount = 2;
@@ -33306,10 +33309,10 @@ class Pagination {
         };
         const displayedPage = numberStringFormatter.localize(page.toString());
         const selected = start === this.startItem;
-        return (hAsync("button", { "aria-current": selected ? "page" : "false", class: {
+        return (hAsync("li", { class: CSS$E.listItem }, hAsync("button", { "aria-current": selected ? "page" : "false", class: {
                 [CSS$E.page]: true,
                 [CSS$E.selected]: selected,
-            }, onClick: this.handlePageClick, value: start }, displayedPage));
+            }, onClick: this.handlePageClick, value: start }, displayedPage)));
     }
     renderPreviousChevron() {
         const { pageSize, startItem, messages } = this;
@@ -33344,7 +33347,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(Fragment, { key: 'c233933985a4aae69d22322db1d3aa9c70d49a6c' }, this.renderFirstChevron(), this.renderPreviousChevron(), this.renderItems(), this.renderNextChevron(), this.renderLastChevron()));
+        return (hAsync("ul", { key: 'ea9cdae21084bfee230ae2035303f190774e931e', class: CSS$E.list }, hAsync("li", { key: '906e3242ca6af42c2feac56529e3408eed1b19eb', class: CSS$E.listItem }, this.renderFirstChevron()), hAsync("li", { key: 'c28b170a42222fa7cbdaa70169240bbe41dc79b2', class: CSS$E.listItem }, this.renderPreviousChevron()), this.renderItems(), hAsync("li", { key: 'c42d2b381065309621da1d6dc814456531a075ee', class: CSS$E.listItem }, this.renderNextChevron()), hAsync("li", { key: '97b1c92b7d9a762966e5cb2073303820bf4bcc12', class: CSS$E.listItem }, this.renderLastChevron())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -33387,7 +33390,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{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.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}";
 var CalcitePanelStyle0 = panelCss;
 
 /**
@@ -33641,8 +33644,8 @@ class Panel {
     }
     render() {
         const { disabled, loading, panelKeyDownHandler, closed, closable } = this;
-        const panelNode = (hAsync("article", { key: 'ef6d443da0ee8f1632ccc2d42212fbcb8aae9c7b', "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: '19de467ff4b2b1a93b66e35f39b8bddea879cfcb', onKeyDown: panelKeyDownHandler }, hAsync(InteractiveContainer, { key: 'b7a1c9cec41545805c36a541d6ae8a0218a66a0a', disabled: disabled }, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode)));
+        const panelNode = (hAsync("article", { key: '99879c232eee3924ce7d971832123ed0f3b2ee4f', "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: '1f88d8915ef214ddc5f18541c2a505a2a6c7ce0d', onKeyDown: panelKeyDownHandler }, hAsync(InteractiveContainer, { key: '7873da3f875405f6379e0a9b9ee763ad805efa34', disabled: disabled }, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -34226,7 +34229,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: '2b683eccacd3d0721ea6d2a40cbad7e7023f8b1c' }, title ? (hAsync(Heading, { class: CSS$C.heading, level: level }, title)) : null, hAsync("slot", { key: '9f3441e5eaba495f97bcef4425fe0e1f6373726f', name: SLOTS$c.parentItem }), hAsync("section", { key: '98b9dd92ff222ada37586643048c1e89ec5558e5', class: sectionClasses }, hAsync("slot", { key: '947e5f8b6272f831d3ae950a36bc2aa39bace9fa' }))));
+        return (hAsync(Fragment, { key: 'bb330c60c2b2f54f030b169c141ab719122b6bf5' }, title ? (hAsync(Heading, { class: CSS$C.heading, level: level }, title)) : null, hAsync("slot", { key: '38eb4bb633296be7911a65bac6f32a4735ea81ee', name: SLOTS$c.parentItem }), hAsync("section", { key: '9bfd1181c429549ce1dbe2aaa1f78dab8dae62cf', class: sectionClasses }, hAsync("slot", { key: '73b6c36c11882e4d42b0943429b146f865b6dce6' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalcitePickListGroupStyle0; }
@@ -34425,7 +34428,7 @@ class PickListItem {
     }
     render() {
         const { description, label } = this;
-        return (hAsync(InteractiveContainer, { key: '85a0571031019b57368a2000567235bd4483a026', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), hAsync("label", { key: 'c9a58b18d5578310ac9d1f1ac7774712432c8a1d', "aria-label": label, class: CSS$B.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, hAsync("div", { key: '4efff287c27ac06bec50fb4a5b3e03d31af59ed4', "aria-checked": toAriaBoolean(this.selected), class: CSS$B.textContainer, role: "menuitemcheckbox" }, hAsync("span", { key: '56d9bac1fb6d7625d62e25e82efee682e37bd2b9', class: CSS$B.title }, label), description ? hAsync("span", { class: CSS$B.description }, description) : null)), this.renderActionsEnd()));
+        return (hAsync(InteractiveContainer, { key: '92492f04fbbb1a9acf780916316afdc7c39236b4', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), hAsync("label", { key: '8be8637a3b344ef80b57cbf7e9389e246dd78205', "aria-label": label, class: CSS$B.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, hAsync("div", { key: 'daf718a667d488315c937c97490315a589422b3d', "aria-checked": toAriaBoolean(this.selected), class: CSS$B.textContainer, role: "menuitemcheckbox" }, hAsync("span", { key: '9ecc7314589830ca866fe5392f29d1e809d94edf', 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); }
@@ -34851,13 +34854,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: 'e8506c9d3ebc8207a1f247c7b170223c490b1e60', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: 'ebf86df978ed5f949fccd65d7b20816b0ae1e444', class: {
+        return (hAsync(Host, { key: 'fbe89d92d6dcb6abe82a8f4bdfa0c35867273e82', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '1fbe240ce6caae3a56ae56fcf688c6b9710105c0', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: '3470845888172fdf0e0c6fbe3b0f514ef1d0a231', class: {
+            }, ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: '22e826203e8af1c5fbdfb68c6c6f8919afbd7307', class: {
                 [CSS$z.hasHeader]: !!heading,
                 [CSS$z.container]: true,
-            } }, this.renderHeader(), hAsync("div", { key: '7db1c2b89d88ba5641e232e7ef16e1f8edc00c7b', class: CSS$z.content }, hAsync("slot", { key: 'f559c29d7b0d90140c05baed67e7c43b50b9a401' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), hAsync("div", { key: '0d56f3f7d882220aac18f4f8a7f78c3f2502b594', class: CSS$z.content }, hAsync("slot", { key: '6dd064e94bba3ca84e3de71a723e8973b702f81f' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -34927,7 +34930,7 @@ class Progress {
         const isDeterminate = this.type === "determinate";
         const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
         const dir = getElementDir(this.el);
-        return (hAsync("div", { key: 'c86314688985d7c85e033a0115d0a074f7a6107b', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, hAsync("div", { key: '67cbdc62121dcc98469f4f087b0875bb81b205a1', class: "track" }, hAsync("div", { key: 'e2a222f91f461296ce3909cf4b1c711452258d91', class: {
+        return (hAsync("div", { key: '2ecfa07e2013640028844bedf564c42d2d869049', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, hAsync("div", { key: '5d9cfa699be183602dec6a3d21f77a9f766febd5', class: "track" }, hAsync("div", { key: '994f278844c65529a3715e9497bcb6451ca8e668', class: {
                 bar: true,
                 indeterminate: this.type === "indeterminate",
                 [CSS_UTILITY.rtl]: dir === "rtl",
@@ -35233,7 +35236,7 @@ class RadioButton {
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (hAsync(Host, { key: '8f3041ba8734968e9ca661384fe5263ce7a7cc59', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync(InteractiveContainer, { key: 'df85d6120f9a1e56cc76c1a113288c8b3e96c3fe', disabled: this.disabled }, hAsync("div", { key: '3ce0f9b2d7b3b8cbc8b4f3a150b3aef94609e37f', "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: '05bb36982a0c97c7dac4f3af93765fc99cef55da', class: "radio" })), hAsync(HiddenFormInputSlot, { key: '5aec77d3a354d25d9ee49b8255c89c5fdffcc6aa', component: this }))));
+        return (hAsync(Host, { key: 'e6789298a4022e100e77ab85b93de513e4d1ac13', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync(InteractiveContainer, { key: '39806d1e2477ef6838a34a8543ce48cb38db8219', disabled: this.disabled }, hAsync("div", { key: 'f9caba93cd68411c64474579de72929b223ddd57', "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: 'f2632cccc2929d05c4e7bdf74dfeb16416cfcaae', class: "radio" })), hAsync(HiddenFormInputSlot, { key: '2b4e515de1b8153b0486bbec9b950763a96476f9', component: this }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35380,7 +35383,7 @@ class RadioButtonGroup {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '5a94ec3362a9b9f7db1ca45a26e53cf8f1de911b', role: "radiogroup" }, hAsync("div", { key: '9f627ec4f22f4c2b56d1133ef14f9268c8e5df62', class: CSS$x.itemWrapper }, hAsync("slot", { key: 'a3d1b1afe48ba0c447319a06e7733f1ab99fb44c' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (hAsync(Host, { key: 'f47662cbbf7bcc5a0869b3da3c955d9f68d376e0', role: "radiogroup" }, hAsync("div", { key: '21ba5496149dc7791283edb739e1a86e29b5729e', class: CSS$x.itemWrapper }, hAsync("slot", { key: 'd74cb3e6cea5158e3df314ad3cd5313714aa4e4c' })), 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 {
@@ -35586,7 +35589,7 @@ class Rating {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: 'b6a1c760c1481fce56241eae3099676fa2a2d1a8', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, hAsync(InteractiveContainer, { key: 'eb630ca68a4ef75fec897a8e3f0ca7ac60ae4359', disabled: this.disabled }, hAsync("span", { key: '700bb5bf1243c14fa108a3be24d5c3046a18f3e7', class: "wrapper" }, hAsync("fieldset", { key: '9e3646d966e303a9368b46d25ccf998250ae31b7', class: "fieldset", disabled: this.disabled }, hAsync("legend", { key: 'c6f0c10d17585d912c4ce3d64fdedf839074aad1', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (hAsync(Host, { key: '4f86ec4f7148f42bd46c57a41bb474033cd10efe', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, hAsync(InteractiveContainer, { key: 'e810e964945c5786e392ccf9f0d7dd3f3e5c6521', disabled: this.disabled }, hAsync("span", { key: '2303045a2c8a8f261708f5f6f8c49013a5b56d94', class: "wrapper" }, hAsync("fieldset", { key: 'e358928a36737b4f607a743b53cf5e259c1870fe', class: "fieldset", disabled: this.disabled }, hAsync("legend", { key: '51b13214652430af51da5486b43eb257688b0a11', 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,
@@ -35594,7 +35597,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: '97a7c9889d8da42def0303697c185f9e6b656bbb', 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: '57bf9655de129548a028d685f17948cbe3581424', component: this })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -35740,7 +35743,7 @@ class Scrim {
     // --------------------------------------------------------------------------
     render() {
         const { hasContent, loading, messages } = this;
-        return (hAsync("div", { key: '8da71202fdcfc4d149c91d99870c2be6254baecd', class: CSS$w.scrim }, loading ? (hAsync("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, hAsync("div", { key: '893fff6ab8f12415f79cc1a51831029a25215523', class: CSS$w.content, hidden: !hasContent }, hAsync("slot", { key: '08f17320892c630d53a80f5853299f4d7cc72a7e', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync("div", { key: 'f2702116e030ad6fbdc328805b69cdd595feadf6', class: CSS$w.scrim }, loading ? (hAsync("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, hAsync("div", { key: '77bc1a25458c09719bda7c42629a09cbf5d3fd21', class: CSS$w.content, hidden: !hasContent }, hAsync("slot", { key: '6863d5d13ea1a975eb492922b354a535e04009b5', onSlotchange: this.handleDefaultSlotChange }))));
     }
     getScale(size) {
         if (size < BREAKPOINTS.s) {
@@ -35891,7 +35894,7 @@ class SegmentedControl {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: '50faa0d049d2f0bcae98d8736280e995fc176b0f', onClick: this.handleClick, role: "radiogroup" }, hAsync("div", { key: '070e333887507f0b1ceaee80f670ad858322a217', class: CSS$v.itemWrapper }, hAsync(InteractiveContainer, { key: '580f183a1e8e53e09067806abd5b0bfde52a4f3b', disabled: this.disabled }, hAsync("slot", { key: '8f02a31ad01304b3fbd970a1801721102607d280' }), hAsync(HiddenFormInputSlot, { key: '5e4a2dea48865c02308ada4acfd1e89972e5a78b', 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: '99f2ebe7f6e6143d46dcf46e234822ab9620630d', onClick: this.handleClick, role: "radiogroup" }, hAsync("div", { key: 'e4a311cb24f555462eb9be7ae04dd7f2cc352660', class: CSS$v.itemWrapper }, hAsync(InteractiveContainer, { key: '47de46cfd87eef43803fd634f5adf68e5fd3cf80', disabled: this.disabled }, hAsync("slot", { key: '4335bb99f503bac8d3d2519dee28e773b16f4281' }), hAsync(HiddenFormInputSlot, { key: '3aeb39b095a1737fadbd0b35a2f99983e7a230b9', 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();
@@ -36093,7 +36096,7 @@ class SegmentedControlItem {
     }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        return (hAsync(Host, { key: 'cccfab9b2bafbd943d4130299f9e2c1bff945a94', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: 'f406eac31751d139fb4b51ba42dbe907d6560a7a', class: {
+        return (hAsync(Host, { key: 'd35f712b6c63d5ccb393eaf80456410555ffad4a', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: 'f46c172a0002faa93536377be913c7e5a54c3016', class: {
                 [CSS$u.label]: true,
                 [CSS$u.labelScale(scale)]: true,
                 [CSS$u.labelHorizontal]: layout === "horizontal",
@@ -36356,7 +36359,7 @@ class Select {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(Host, { key: '7ad7273616547303b16b4acb5a0a7e74e6b70103' }, hAsync(InteractiveContainer, { key: 'd4f38f4ee1836e7d2ef63b0ee6eb94e00ca363a5', disabled: disabled }, hAsync("div", { key: '8e07dfd9a1ae6a76336229c6111999c1722af48a', class: CSS$t.wrapper }, hAsync("select", { key: 'bb09bb53c0a6fdfd1cf81fcc901e470e4822be1d', "aria-label": getLabelText(this), class: CSS$t.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, hAsync("slot", { key: '3efcacc3bdb058e36d10c86bb87da89a1fd93994' })), this.renderChevron(), hAsync(HiddenFormInputSlot, { key: '02af04d02f83b3542c46601f08a45cac63b3eecd', 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: '0ed651ad72d092d013d459f0b9bb9c7a2ec34b5c' }, hAsync(InteractiveContainer, { key: '3bc57c980d724eaa9a8d30cb7f39ff0080433185', disabled: disabled }, hAsync("div", { key: 'a38f4364c37613b392e09ccd70b08a09d95f1212', class: CSS$t.wrapper }, hAsync("select", { key: 'dd729e0157c7c4c7f243e9c131b53db4db1bad74', "aria-label": getLabelText(this), class: CSS$t.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, hAsync("slot", { key: '30689e53826818fc11dd287a1c42ba4b6de16dc1' })), this.renderChevron(), hAsync(HiddenFormInputSlot, { key: '40d50638169d9f744f3e13ab415735e6777a43ed', 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 {
@@ -36507,14 +36510,14 @@ class Sheet {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (hAsync(Host, { key: '63e321ecb08bf8d274ed051308ac0a641f92feba', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: '7b05d963fc37d3e72cc9eaa5a391c4b72e30a322', class: {
+        return (hAsync(Host, { key: '5665dce6c65f76318e670dd3dd4d968d45d25064', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: '52667009902480e0851d7a7cb16504c3e8b157ee', class: {
                 [CSS$s.container]: true,
                 [CSS$s.containerOpen]: this.opened,
                 [CSS$s.containerSlottedInShell]: this.slottedInShell,
                 [CSS_UTILITY.rtl]: dir === "rtl",
-            } }, hAsync("calcite-scrim", { key: '4a449289c1ebbaee0ebab426b50f2fe4799da402', class: CSS$s.scrim, onClick: this.handleOutsideClose }), hAsync("div", { key: 'b43bad1af599d02c40ebe17b89f28f55d2602add', class: {
+            } }, hAsync("calcite-scrim", { key: '37f1b11d93cd563c69c80b53dd2b2b8173a3c736', class: CSS$s.scrim, onClick: this.handleOutsideClose }), hAsync("div", { key: 'c966dc8e25b7172ff742a9db888b9a7f4d15a372', class: {
                 [CSS$s.content]: true,
-            }, ref: this.setTransitionEl }, hAsync("slot", { key: '78faab4b2a5558175afbe69d53da438ba3957bf9' })))));
+            }, ref: this.setTransitionEl }, hAsync("slot", { key: '27650ec8ae468923a04203f06a87e6e1ee1822eb' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -36769,7 +36772,7 @@ class Shell {
         return (hAsync("div", { class: CSS$r.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderSheets()));
     }
     render() {
-        return (hAsync(Fragment, { key: 'dec1862d2e9bfd53e523ad05089d443decbc8b4e' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
+        return (hAsync(Fragment, { key: '299fb90e133438e45fd21ac97bd50ce2bf9937b3' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellStyle0; }
@@ -36831,14 +36834,14 @@ class ShellCenterRow {
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (hAsync("div", { key: '082724bcccaca00d5f596f0942651d93eb253bb1', class: CSS$q.content }, hAsync("slot", { key: 'a14fbda9f01f45fed3b0d9249d08ce2f9a05bacf' })));
+        const contentNode = (hAsync("div", { key: 'ed99b61def2fb596aead306e00fbda004d8901a4', class: CSS$q.content }, hAsync("slot", { key: '981aaa8a2f38c2d3972d3f5273f05cc3493a59bf' })));
         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: '81f87809e3837c8e338f40d8838401fdb63febe9' }, children);
+        return hAsync(Fragment, { key: 'c8bddad05f6f76dc3dc67cb08fc10124af6db17f' }, children);
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellCenterRowStyle0; }
@@ -37580,11 +37583,11 @@ class Slider {
                         left: `${mirror ? 100 - maxInterval : minInterval}%`,
                         right: `${mirror ? minInterval : 100 - maxInterval}%`,
                     };
-        return (hAsync(Host, { key: '86ec64bfb42495e7fc927751ad7d2a667b0a625d', id: id, onKeyDown: this.handleKeyDown, onTouchStart: this.handleTouchStart }, hAsync(InteractiveContainer, { key: '842aacebaf4199a088f71b2d2ad7420845cf2629', disabled: this.disabled }, hAsync("div", { key: '364511c370bbf454958accdd4c3084a1c339de22', "aria-label": getLabelText(this), class: {
+        return (hAsync(Host, { key: '2ffc271983d7bd928d4f90310e2e554254d8b618', id: id, onKeyDown: this.handleKeyDown, onTouchStart: this.handleTouchStart }, hAsync(InteractiveContainer, { key: 'dde42d5d9d7db189f8ccf18eea075663c87e042f', disabled: this.disabled }, hAsync("div", { key: '744721f03192365a31941bc4be01a9fb413003a0', "aria-label": getLabelText(this), class: {
                 [CSS$o.container]: true,
                 [CSS$o.containerRange]: valueIsRange,
                 [`scale--${this.scale}`]: true,
-            } }, this.renderGraph(), hAsync("div", { key: 'c8366d13976102bdabf6bca85523f295e9713c53', class: CSS$o.track, ref: this.storeTrackRef }, hAsync("div", { key: '9b078da10285e125f525a8307b52457cd83edf89', class: CSS$o.trackRange, onPointerDown: this.onTrackPointerDown, style: trackRangePlacementStyles }), hAsync("div", { key: '78fe14d82f98b323d21db80061d64cd348495793', class: CSS$o.ticks }, this.tickValues.map((tick) => {
+            } }, this.renderGraph(), hAsync("div", { key: 'cad258ee6f3abc1774cad912381a1ede4e51a422', class: CSS$o.track, ref: this.storeTrackRef }, hAsync("div", { key: 'd28fdc04073ddcb187b1a0101a53b167f9ccce56', class: CSS$o.trackRange, onPointerDown: this.onTrackPointerDown, style: trackRangePlacementStyles }), hAsync("div", { key: 'd282ce29102ed913e0a4cfc40ffe530c64b2e646', class: CSS$o.ticks }, this.tickValues.map((tick) => {
             const tickOffset = `${this.getUnitInterval(tick) * 100}%`;
             let activeTicks = false;
             if (fillPlacement === "start" || fillPlacement === "end") {
@@ -37604,7 +37607,7 @@ class Slider {
                     left: mirror ? "" : tickOffset,
                     right: mirror ? tickOffset : "",
                 } }, this.renderTickLabel(tick)));
-        }))), hAsync("div", { key: '65cd9bb7414a77ba26468a9253369ed0bca0503f', class: CSS$o.thumbContainer }, minThumb, thumb, hAsync(HiddenFormInputSlot, { key: '83a8c80504e00feb2f5fd584efcdeda53a65c2fd', component: this }))))));
+        }))), hAsync("div", { key: '90ad77738f07d14bae20436c201c1b9af0820d76', class: CSS$o.thumbContainer }, minThumb, thumb, hAsync(HiddenFormInputSlot, { key: 'bae406d1009b548c64d9724b957fc78ec9b89700', component: this }))))));
     }
     renderThumb({ type, mirror, thumbPlacement, minInterval, maxInterval, }) {
         const isLabeled = type.includes("labeled");
@@ -38284,11 +38287,11 @@ class SortableList {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (hAsync(InteractiveContainer, { key: '1d1ca38cb992e78dc7f8cac66c7ee2d27fe85992', disabled: disabled }, hAsync("div", { key: '556fc03733b819ac5cccf142c6683a472bc8472a', class: {
+        return (hAsync(InteractiveContainer, { key: '37d5e8280a83eb7b624bb2c83ef94261818dd145', disabled: disabled }, hAsync("div", { key: '711d0bcdc363799cc8161dbdac91fa28aa989721', class: {
                 [CSS$n.container]: true,
                 [CSS$n.containerVertical]: !horizontal,
                 [CSS$n.containerHorizontal]: horizontal,
-            } }, hAsync("slot", { key: '5cea272c33957a923f7cce3494050db3cb00f3bb' }))));
+            } }, hAsync("slot", { key: '0f6ec8a9947e959db970624a0eecac27ad790a96' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSortableListStyle0; }
@@ -38391,7 +38394,7 @@ class SplitButton {
     }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (hAsync(InteractiveContainer, { key: '5bca9f9751e7f7ff1a4fb5bde5dd2cf8adeb039b', disabled: this.disabled }, hAsync("div", { key: 'd8d95651c49144034a5356b045b39a9b80ed8778', class: CSS$m.container }, hAsync("calcite-button", { key: 'd882eca49b2d32c0c366bac900c01b6f448e2af6', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), hAsync("div", { key: '7756c7e247a7d74c94d635b7da4e23e25588ccdc', class: CSS$m.dividerContainer }, hAsync("div", { key: 'b855b43e1338dd73b8f9fa27217843bb0e1bdf64', class: CSS$m.divider })), hAsync("calcite-dropdown", { key: 'ab0fba71ae22c3af9563f99a5ac0feb51be0fb9f', disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, "width-scale": this.scale }, hAsync("calcite-button", { key: '6b94ce6f08d225bff2be6a3ece459e991436835d', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), hAsync("slot", { key: 'd7ddac81064109f923f0e871b59ff38128a17ab8' })))));
+        return (hAsync(InteractiveContainer, { key: 'cfb1bf0075251bc2e834e6429bba99bfa0ddab7e', disabled: this.disabled }, hAsync("div", { key: '29c127ccc7ccf8afe16017a351420d86b7709b46', class: CSS$m.container }, hAsync("calcite-button", { key: '0b927da69661f4fec9b129ca37651d27bdc2bf7a', 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: 'dc8d83d3e7e7bac5b65df711b86b5c413b85f71a', class: CSS$m.dividerContainer }, hAsync("div", { key: '6db5c97f21af8fc0dc743788bc63b9ba80ec04c4', class: CSS$m.divider })), hAsync("calcite-dropdown", { key: 'b655e8a852849fa301802c642c1fbcdf71d2bc27', disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, "width-scale": this.scale }, hAsync("calcite-button", { key: 'fdf594fa71d693e587465cb25f5c042e71de8a2d', 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: 'c71fffff06fbff6aadabb6c7cdef0e1413c3ecb7' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"
@@ -38497,7 +38500,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: 'f8d423aff1f3991e45cf591bd0480537cc09f846' }, hAsync("div", { key: '6c8e70bc5cced152dde2592c2b6f1f28695de681', class: CSS$K.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
+        return (hAsync(Host, { key: '8f0f99acb6f2033059bc56e425f301b9c6796537' }, hAsync("div", { key: '6e4fc13f456d72a4f39b1e4dfb61642c8bacf87b', class: CSS$K.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
     static get style() { return CalciteStackStyle0; }
     static get cmpMeta() { return {
@@ -38643,7 +38646,7 @@ class Stepper {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (hAsync(Host, { key: '64d0ba01a4c261859d24330a991053e4d11a674d', "aria-label": this.messages.label, role: "region" }, hAsync("div", { key: 'f9d6ad9c23d0e184c56d1f0e55646371bf737773', class: { container: true, [CSS$l.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (hAsync("div", { key: '8b3a6eae8e36b5a88ddeeca23e40707b4a846ff9', 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: 'c8ea14b7ac19b686d2e10300eeeaabeeab5080f0', class: { [CSS$l.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), hAsync("slot", { key: 'f1182fb35227c30969addd5890ea9f3906451194', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync(Host, { key: 'cb6e32e996acc73b700dbebd72b70d38933e048e', "aria-label": this.messages.label, role: "region" }, hAsync("div", { key: '62f4872bbd0aea34777a6e65b2fa089c43d6e65c', class: { container: true, [CSS$l.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (hAsync("div", { key: '913815f2c68681f8154182a04024420e0b755144', 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: '033f518bc78c18a76cd5ed27c0a6a15f9b35c0cf', class: { [CSS$l.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), hAsync("slot", { key: '6e0eb9319a10c7c04b3cd2ac7d3fb76e9df64513', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -38999,9 +39002,9 @@ class StepperItem {
         disconnectMessages(this);
     }
     render() {
-        return (hAsync(Host, { key: '7e1676213fd9ea5ca92d3ba9448d46f10b03d274', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '5f04c2ff5d5434557f2cd93fb2cbcef74cf11066', disabled: this.disabled }, hAsync("div", { key: '1695f8538c9fa37be7a35a8e540a696544b78f96', class: CSS$j.container }, this.complete && (hAsync("span", { key: 'd01e2ed0841fcbd130f35c794d034b8cc60981ab', "aria-live": "polite", class: CSS$j.visuallyHidden }, this.messages.complete)), hAsync("div", { key: '74f3420af394eae3edb8dadd5f04acdbf57ce24b', class: CSS$j.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
+        return (hAsync(Host, { key: '850c8abc83d39fe32579e8da2f557fe228f77c26', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: 'a43a7d38c8206b8927cc3ca95a5a9e23c12d69c0', disabled: this.disabled }, hAsync("div", { key: 'b4b8bccc1db28fc5f87d87088ecb8a391fde2985', class: CSS$j.container }, this.complete && (hAsync("span", { key: 'ccd641ded86fefd9a702b10756e1bce18a39366a', "aria-live": "polite", class: CSS$j.visuallyHidden }, this.messages.complete)), hAsync("div", { key: '999359af535075ebcd7ad34a78cf7338b9dc128e', 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: 'dbdb6b16f627bd603d08e8110b7d14216b6e3d0e', class: CSS$j.stepperItemHeaderText }, hAsync("span", { key: 'db672b9568fc093b87bf95455aa6e2991eec4602', class: CSS$j.stepperItemHeading }, this.heading), hAsync("span", { key: '2d9c14e1dc57c3620911f1b17c18a5c0ba432d87', class: CSS$j.stepperItemDescription }, this.description))), hAsync("div", { key: 'e687eda9cbe53f0bbf9c72e22a0a3e092df40e8e', class: CSS$j.stepperItemContent }, hAsync("slot", { key: '04000d35a912a8fdc19f5edc5e6761a0fbbbf0b8' }))))));
+            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: 'cc014c4cd3f407709e2b9ee6c9d1d19d92d075be', class: CSS$j.stepperItemHeaderText }, hAsync("span", { key: '260d59ee50a8b2f9b66e505f4da0f573f2dec53d', class: CSS$j.stepperItemHeading }, this.heading), hAsync("span", { key: 'e8260f19c2fb1ea4bf0cd199577c747da2cb23e4', class: CSS$j.stepperItemDescription }, this.description))), hAsync("div", { key: 'e0433994790e92e7a0662df2da9835a8f1f8a505', class: CSS$j.stepperItemContent }, hAsync("slot", { key: '013362ac67e1757c56983b0bf15a5e287d51344e' }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -39188,7 +39191,7 @@ class Switch {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: 'c20adcd3fc9cae797400858f98e67107b03fa9e0', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '4ed4d6a1279a878e9a77ab98df8e4ef28a3de63c', disabled: this.disabled }, hAsync("div", { key: '96197c87a50be23dc97c96bac701585301d2f307', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$i.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, hAsync("div", { key: 'e11b7ba961982ab310253460fb39ece47e37c012', class: CSS$i.track }, hAsync("div", { key: '42652b1d4cad4ebebb095935530d962225d8dac3', class: CSS$i.handle })), hAsync(HiddenFormInputSlot, { key: 'f0bc123cdde232a4aa6ee08056c43f65c804b05d', component: this })))));
+        return (hAsync(Host, { key: 'b7be1f52bb96420cc502c7cdc50379d5822e5ddf', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'be445c0011316e9ca61979671aaea6d015d34d30', disabled: this.disabled }, hAsync("div", { key: '0d65e0ca793645027dceb8b66e66d935be106c9a', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$i.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, hAsync("div", { key: '88c1caa312aef73addce335cca0303b4de9c6465', class: CSS$i.track }, hAsync("div", { key: '888dee6c3899e1b5bff82169269615f07b039038', class: CSS$i.handle })), hAsync(HiddenFormInputSlot, { key: 'c29825e342c1e956fee0c5e2d4ccf9ee7b993a42', component: this })))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSwitchStyle0; }
@@ -39239,7 +39242,7 @@ class Tab {
     //--------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (hAsync(Host, { key: '71074d2c26a860d7934fbd9b236f9a264ab3c34f', "aria-labelledby": this.labeledBy, id: id }, hAsync("div", { key: '3fcf14f4aaddf9ad579c26c962ad75803febcea0', class: { [CSS$h.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, hAsync("section", { key: 'ba967be2e5121636d81754ec959452160bc4bb0d', class: CSS$h.content }, hAsync("slot", { key: 'fae921d6fe2ae713bddc83adacbcf7e418aa1b7c' })))));
+        return (hAsync(Host, { key: '6852a53432189f470b51adc896f0ceca99950fe0', "aria-labelledby": this.labeledBy, id: id }, hAsync("div", { key: '349b04676765a49fe377377567ca26912606df85', class: { [CSS$h.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, hAsync("section", { key: 'a75c6ebb826a3182c9e3df6cac2cdb2ccf04ea97', class: CSS$h.content }, hAsync("slot", { key: '9c31532512c57db5cfab4c5ee2c3c4d5f010169f' })))));
     }
     connectedCallback() {
         this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -39552,18 +39555,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: '0824dd4470393b0e186b0fdf238420454fed396c', role: "tablist" }, hAsync("div", { key: '4761ce3b7b69660308bbf3b0814e99ecb1bac7fc', class: {
+        return (hAsync(Host, { key: '80ded1c6811904a1111ceda9a78c48acbbc56688', role: "tablist" }, hAsync("div", { key: '838a4ad0b772d576b3f7136be23362eeee35a269', 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: 'b98f8a5ea1073ea282cf33b39681f92416106f7f', class: {
+            }, ref: this.storeContainerRef }, this.renderScrollButton("start"), hAsync("div", { key: 'e6884fe261ee99dfd7bfa532c8057dc192ede580', class: {
                 [CSS$g.tabTitleSlotWrapper]: true,
-            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: 'ecb067c861253342cd71904778c8befc59addbb8', onSlotchange: this.onSlotChange })), hAsync("div", { key: 'f61bd3e90aabc09e7d0a5252ae47680953842aad', class: {
+            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: '5fadfa54ac1109280869f93e5988ad5b81be6da5', onSlotchange: this.onSlotChange })), hAsync("div", { key: 'f432b7b86965d395ddb48c3a3b7586aba4fd472d', class: {
                 [CSS$g.activeIndicatorContainer]: true,
-            }, ref: (el) => (this.activeIndicatorContainerEl = el) }, hAsync("div", { key: 'c0b4bb7cd2adfae6a60308920da9d8d45e45e573', class: "tab-nav-active-indicator", ref: (el) => (this.activeIndicatorEl = el), style: indicatorStyle })), this.renderScrollButton("end"))));
+            }, ref: (el) => (this.activeIndicatorContainerEl = el) }, hAsync("div", { key: '8c7c585b25f943e22a89e756ab101c5dab94e163', class: "tab-nav-active-indicator", ref: (el) => (this.activeIndicatorEl = el), style: indicatorStyle })), this.renderScrollButton("end"))));
     }
     //--------------------------------------------------------------------------
     //
@@ -39887,13 +39890,13 @@ class TabTitle {
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (hAsync("calcite-icon", { key: 'dc31a68fd20ffcf451d5b23e2aaae683249aa50a', 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: 'b8b85c799e950e050bb6c953cec61ab871894c9c', 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: '532a18e093cd481a1058e55f1ac936489cad3ddb', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: 'dede575160963d2463e50f6e8baab92319acda9f', disabled: this.disabled }, hAsync("div", { key: '384fab5a193878dcf8509718b94ceaace0c3e370', class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: '0465632272bb604886ce029bfaf2391bba28b9a6', 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: '947c0f5448cb1aefdfcc3f64c60869c6d9fcb5c4', 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: 'f3b9adbe4de2f18b36892b994157dd3984d87394', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '682cc5a228c70930754429fa1457b3df9ffbb6ae', disabled: this.disabled }, hAsync("div", { key: '33c599c7defd4e187439bd9e3a4a2c49b8fc5934', 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: '9663b1a3178d18c6a9049241189bfd5db9c20eee', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '34f878add4124ea2f10bb9153ef15bafe602071d' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
+            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, hAsync("div", { key: '1b3224de2693ed33e29d936c1abf4d458eefbb08', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '8877dec2314efcf81ffb4bc56e5b980c83d0418f' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
     }
     renderCloseButton() {
         const { closable, messages } = this;
@@ -40333,13 +40336,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: '0ad775918a528e0383ae8ac668aaea171e743c50' }, hAsync("div", { key: '001fa218604e3f208bc74fe2eb55633c37fb6359', class: CSS$e.container }, this.selectionMode !== "none" &&
+        return (hAsync(Host, { key: '4c00acc8348269f4bf94e660fcd6d98159e4c915' }, hAsync("div", { key: '434bcb6097a1ac582105df05ddc93d186771d87f', class: CSS$e.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), hAsync("div", { key: '3ed54bb7c34347be92c41ac8cb3daa50833b08bc', class: {
+            this.renderSelectionArea(), hAsync("div", { key: 'cf8fea0d5b79246aab325a73250205a035ef9de2', class: {
                 [CSS$e.bordered]: this.bordered,
                 [CSS$e.striped]: this.striped || this.zebra,
                 [CSS$e.tableContainer]: true,
-            } }, hAsync("table", { key: 'fdde4e69f98bf70dd39a9a51cc269ced2d0e88b4', "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: '10dcd581d09d75e8ecb968e04bba90367b248731', class: CSS$e.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, hAsync("table", { key: 'd0b6e560aa5beb77587e51d33319967e209a2b1b', "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: '21e717ce195510f00c5e8a6ff6fcaf84551e9456', 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); }
@@ -40506,7 +40509,7 @@ class TableCell {
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (hAsync(Host, { key: '2c8bd5fb8909c57b46499b5fe8a525cdc46bb3c6' }, hAsync(InteractiveContainer, { key: '1a7e4d12f5304274f9085e0f0db4b12ba41d51ed', disabled: this.disabled }, hAsync("td", { key: 'b46bd5d89520a43058bb813f9697a3041507992a', "aria-disabled": this.disabled, class: {
+        return (hAsync(Host, { key: 'f77ff8a22dba0f6ea341ce0f5007162fd5bf44bb' }, hAsync(InteractiveContainer, { key: '69a4637fa17d47915d28f191a9ee7629a5d623f6', disabled: this.disabled }, hAsync("td", { key: '52fb4ef92e35d3ca64ad42a5bd36228d315225cc', "aria-disabled": this.disabled, class: {
                 [CSS$d.footerCell]: this.parentRowType === "foot",
                 [CSS$d.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$d.numberCell]: this.numberCell,
@@ -40516,7 +40519,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: '7d7a3f1c86a6e5d37ee3ac1379deacb6dd6c625e', "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: '5b2b90c84fd45ded9b364a7620c6e5c943435cfe', 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: 'fdd222156c096ee77a0c6a54943e1f7f03877d5f', "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: 'cb5f0ee726b14bf402680e8b6c3e2d051df59f0f', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -40691,7 +40694,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: '8903d493aaa6fe46c1e7ee00814bc0d409fe05e4' }, hAsync("th", { key: '26731c66a6991a47be0a3c47cfe199782c55535d', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (hAsync(Host, { key: 'a6a9fd4854b5210d5e81e98e5e335ed047cac9c2' }, hAsync("th", { key: '70920ddb8f6e78dd299b6ec7ecdf06919a2d7279', "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,
@@ -40702,7 +40705,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: '0ddf95bda3a18a0e966f8d8248c10bc1de806b96', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: 'dfce36fdaa1b839b71be9705c6fd8a69c643cc05', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: 'bc9dcc2b7949465512e2336ebf50713ab4e6c3f3', class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: '2c7515f610c632cb808622bb0f5fc252cfa0ea1d', "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: '39cb47320285a305fd5f24d55f1b0bcf66453ed9', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: '28663f2891e2ff990fb483543f766abc138494c1', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: 'b76857801e8aec5e890e85419fa75f00c8570036', class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: '549747434f061c0507e26f0520bc8cb8c092715e', "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); }
@@ -40972,7 +40975,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: '1d51f5351ce604d34d7b5a8c6ff241d1f1bb7121' }, hAsync(InteractiveContainer, { key: '67d835df1a6a91ebddd1742f76bdf45407bce5e5', disabled: this.disabled }, hAsync("tr", { key: '008cd752567987e27df6468f21e4baf71ddca901', "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: '0f79c326202a63c358ecf4e6231b96123c2bedb2', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (hAsync(Host, { key: '4c6a32dae3c73ae5fecf529b26857e94d49d7c96' }, hAsync(InteractiveContainer, { key: 'c836b9e4f16ce9812ffbfdc84ffd9acd628a41d2', disabled: this.disabled }, hAsync("tr", { key: '17bddb9a79f38a21c0425e14c55cddf693dc2568', "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: '4a3710ec707702a8a58cf0a0376774a7d6163c6e', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -41055,7 +41058,7 @@ class Tabs {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (hAsync(Fragment, { key: '3298379f9625744b770c10f0f86fc1b2bc990cad' }, hAsync("slot", { key: 'fd0be78d348a01b701d58f37663d392ee04ca6a9', name: SLOTS$5.titleGroup }), hAsync("section", { key: '31212d582a0e6367ed38d250c1acc39cad3fa987' }, hAsync("slot", { key: '179bdacefed784c60dd000101e606d5e678d93c9' }))));
+        return (hAsync(Fragment, { key: 'b294041992d568090d5a3b7e5829bc9001561152' }, hAsync("slot", { key: '3c15d2b041179dcba4ac3b8d844dd1cd8c1bb53f', name: SLOTS$5.titleGroup }), hAsync("section", { key: '6378337d83c0070fcf7b25c2550c918acb2955d2' }, hAsync("slot", { key: '7e7ab009a5c9583a233e75938a5d65e26434c8fe' }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -41344,20 +41347,20 @@ class TextArea {
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-        return (hAsync(Host, { key: 'd457e39960155acef2958e6ed809b1a3ac334028' }, hAsync(InteractiveContainer, { key: 'a3bfe30414830e1a793ab7e8231a126e6963906f', disabled: this.disabled }, hAsync("textarea", { key: 'a1b350f2b9006bd6e05549edda0de0a1d259863e', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
+        return (hAsync(Host, { key: '275b4627d7be81ed02c4020c50848fcb8231e198' }, hAsync(InteractiveContainer, { key: '8d4b97e7e9261588d870477c7ebb654123d891ae', disabled: this.disabled }, hAsync("textarea", { key: 'fd046ffd7fa975a88d8830fed3da574812b459f9', "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: '03b147914ccd080d34c1a5c61cba86219257c64d', class: { [CSS$a.content]: true } }, hAsync("slot", { key: '691895ff47da98f0c79a51f109f8c7c2eb0bd7c6', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: '36c6ec87e6dc84b65969ccc455fb0ab6afa109a2', 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: 'd24a74a9e5536c836156ef0c73fce6b4a26e7539', class: { [CSS$a.content]: true } }, hAsync("slot", { key: 'ecd48b5ed497a2804d1d1a87c0b09f018c4fe55c', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: '90c0e6d4eff112c2f5f93adfebddfdee1301ad9e', class: {
                 [CSS$a.footer]: true,
                 [CSS$a.readOnly]: this.readOnly,
                 [CSS$a.hide]: !hasFooter,
-            }, ref: (el) => (this.footerEl = el) }, hAsync("div", { key: 'd69b3f29142173f0748ea307509f402edb15670a', class: {
+            }, ref: (el) => (this.footerEl = el) }, hAsync("div", { key: 'f1d9bc19183d699b62be28abd7ebd2d63d0393b4', class: {
                 [CSS$a.container]: true,
                 [CSS$a.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, hAsync("slot", { key: '7d65f2ba112d3257e732ed0be90f9d89f3df582f', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: 'e1a972b08955ef23e97550a1749ffcd5c5e4935b', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: '485490a69c92cb3def5e92c8b77c27d1c1981dd8', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: '472b365d87b5b0c62c7eaafa9cb9a61c19541d98', "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: 'c9e28433cac11eca9274bd48830d6738263f5492', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: '5673ca7452679913547a679a10bae4b45352f2c2', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: 'fb9f1572edf8441706d9e86aa3428d027130b95e', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: '739ba3960c1862dae3483087432ea6f819c6b4f8', "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)));
     }
     //--------------------------------------------------------------------------
     //
@@ -41677,7 +41680,7 @@ class Tile {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(InteractiveContainer, { key: '7e1367887f1ab8c6dedb788d9c3f83625202c982', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (hAsync(InteractiveContainer, { key: '940b6b9fd8b266b2b0e833342a3a60797cce81c3', 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; }
@@ -41864,7 +41867,7 @@ class TileGroup {
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (hAsync(InteractiveContainer, { key: '75c2bdc0d4eedf5ff3b6af4881c6a688c71d71a7', disabled: this.disabled }, hAsync("div", { key: '6980b132d7e813def95c9f5e2be8b9d6bc7f3320', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: 'a18f2bde015d09f44ae86973dd2622796655da67', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
+        return (hAsync(InteractiveContainer, { key: '583476864aa14280fd5f49b1a9b59ecdc00e3418', disabled: this.disabled }, hAsync("div", { key: '241f7af293a8abe3d1372e72e3d326bc47d2ac94', "aria-label": this.label, class: CSS$8.container, role: role }, hAsync("slot", { key: 'e64645c16e8c1b78a012558da4a0004cbf9ee850', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -42077,7 +42080,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: 'f70783f8c4dddccf2bfba87de96f4c6072603ae0', disabled: disabled }, hAsync("div", { key: 'd982179b5d5e01a1b22110b98338846e32885e0a', class: {
+        return (hAsync(InteractiveContainer, { key: '6f6544f3fdc1adab8249f48ea46d046de1ecc511', disabled: disabled }, hAsync("div", { key: 'ef9b6d321961d8948790625337d40f080aad7cf4', class: {
                 checked,
                 container: true,
                 [CSS$7.description]: Boolean(description),
@@ -42094,7 +42097,7 @@ class TileSelect {
                 [CSS$7.largeVisual]: isLargeVisual,
                 [CSS$7.widthAuto]: width === "auto",
                 [CSS$7.widthFull]: width === "full",
-            } }, hAsync("div", { key: 'd02b7606cc8d1c9bceb60e6045c1b94ddb94aa47', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: 'd9025c18ccdcc05b98366b5222eb7eae937ac351', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: '740671b50c6feb1baef2090afc16bad798ed0d58', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: '719a57afbd608f98ef5b56b3f58f1f475cd4e528', class: CSS$7.tileContentContainer }, hAsync("div", { key: 'fda283b27ad44f0b28f03a79069f6ccc3e109c82', class: CSS$7.tileContent }, heading && hAsync("div", { key: '3136fc30f4cc38eaac1ed2643ed08ae1f9d68572', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: '814ec2da7cce51f36da4da10c0740697d710a715', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: 'f1ef1b66654864ab61c7eca65c2698ad61707a5a' }))));
+            } }, hAsync("div", { key: '911695caae6c76506ac40d283a130d6e81be3302', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: 'd5fe318d5d3e05537af32040b2079dfe9840fd74', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: 'fd81fff01119362c3e15788dd952ca23dc025e31', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: 'b3da3a53c4c0d83aaf625d296a439c0f95e38ce4', class: CSS$7.tileContentContainer }, hAsync("div", { key: '80ab9d3b6effa1110b3f238a02cadecdd5642931', class: CSS$7.tileContent }, heading && hAsync("div", { key: 'ea52aacb059860b64c19e4640bd6c8c69f9505ae', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: '8ee3b76aa48bb06e9f1b2901b28333023fb03caa', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: '81ce6e83d243dbfb80e729fdda0b4939286937f4' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -42155,7 +42158,7 @@ class TileSelectGroup {
         disconnectInteractive(this);
     }
     render() {
-        return (hAsync(InteractiveContainer, { key: '0a940853ee584166188e6c553db579ec7dcae268', disabled: this.disabled }, hAsync("slot", { key: 'f0ee847dc3b6896ff245df23d6b76ce5816f482d' })));
+        return (hAsync(InteractiveContainer, { key: '11eaba0302d48e835ee0996f8981d1597206bbe5', disabled: this.disabled }, hAsync("slot", { key: 'ac8dec57f5d17ae737b6ae7ff2a16238386134e9' })));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileSelectGroupStyle0; }
@@ -42900,69 +42903,69 @@ class TimePicker {
         const secondIsNumber = isValidNumber(this.second);
         const fractionalSecondIsNumber = isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (hAsync("div", { key: 'a14cbeb1861fce5acdb6c06210c62d1a60e2c7e7', class: {
+        return (hAsync("div", { key: '96ff870960ccdbed5590ad9839994386a60a716c', 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: 'a53db9fc5411776df398bdf4df8a2521cc16c938', class: CSS$6.column, role: "group" }, hAsync("span", { key: '117e2b1eca1cd8ee8b5f79a9cfc0b003e165967d', "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, hAsync("div", { key: '79a75fc32ad00dad60ef99d13cf3f676f6b21a53', class: CSS$6.column, role: "group" }, hAsync("span", { key: '0622cb2d0d84b3aebd41b1492e71de8d7d9ec7b6', "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: 'd1dfd48891fb26a56873ec597ec9822b2ae9cf5e', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '703fddfc787993df85ada887bf4c70042e845651', "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: 'aa05ea5bb94b307dd29c0f4d65808b4d18ebf0dc', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '2267617b0aa80de90999884d6a1ec72fb9ce6b94', "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: '213873cc6df77fb4a4da2fdd146c18b317f8cac0', "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: '4a04b29a56caea0e9c9b20eb521d5f0cc6ed4d97', "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: 'f56620ff6b98898301cb44269986d1cea0c0d50b', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: '65694936b1fd9882ea8d7b157cee4982209fa27f', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: '37f5b8bfaa4138aa8637bae2be700858d7357687', class: CSS$6.column, role: "group" }, hAsync("span", { key: '8f6eb30fe2656127a7d3474a32ac30c297ac6987', "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '9b2e12e4d299aece1dd86f6c4bd2352b90bf4cef', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: '27fe3b50930c5e7206a3c4249f5aa9227573b93a', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: '0e371f60a3657d8dcd32b66f387baf119d9bd52c', class: CSS$6.column, role: "group" }, hAsync("span", { key: '9e82341d5002209e9788d662c5c85970a2e0e088', "aria-label": this.messages.minuteUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '3f0ab4b6f0c164bd6c3ca83e9c2e6580299a3a71', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '28b84074cfd72609d76ffaea1889bfdd9c5a2b3a', "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: '45892d9481f8f95f06405300c543c419d391f52d', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '6d398c1c7814d0fec301df4678085a4da5d592c7', "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: '30d5ab5f073e6ae03fdf4f1228b1b10d627bdf10', "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: 'a85e7a15e9efdcd6a3f7399108012e4809d24948', "aria-label": this.messages.minuteDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '88ea98f99e5b41ef9b2a1919b4e66142c84ea31b', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: 'd50f7950df83e6a11d0979c6aac6e88ddcb5fcaf', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: 'c93de10979377c49b66c26e49d3bfa3df618c582', class: CSS$6.column, role: "group" }, hAsync("span", { key: '6bb2b948b6246d7520e5e031b52d8188b1a3fd72', "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'cc0bd7ffe8c7192a3e00f19af10bde9136ab111e', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: 'd8f4d1a51064b1bc472a3183f1c1218c24db1f8e', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: '5788be40a9bcd7e865fded92a8dc9bc79c046a87', class: CSS$6.column, role: "group" }, hAsync("span", { key: '36de48253c3e1200d1a99c6f59e9c32362e69eb2', "aria-label": this.messages.secondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '67a2d526cdbc02e28441c961a9bd5760a2d28382', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '2ea6c88de974575f886503b46857ee1ef69c2cc0', "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: '8e865a1a3200f5a54a8cbdaac595f77294b0e89e', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '5442ee0f048378c7997deba913670678b68f8286', "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: 'd3a86592230284a1e68e10bb13437353cfcba1f5', "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: '0f9253fccf6d4d222e21a07538600005ed7fdf14', "aria-label": this.messages.secondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '7dcb9aef452ec2820d966e299b29af5934054d54', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: 'da9573b772437ef10fb7f7322c806400e72d56cc', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: '2af76ac59390d31e9a04eee3b9982f3a19209db5', class: CSS$6.column, role: "group" }, hAsync("span", { key: '937d5987f32e63db4ea97c212059c7dcd01d6dc0', "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'd015d1f3f417a4d66444f606deeb42da3f5e6b57', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: 'a4268d1622c6513c70cf763022dadfc6a66056da', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: 'bd9b8b169fc3b2ee249cd2148e614343517cb0ff', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'fc6beb9a98e6206bcaac13747d14c9edf344b670', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'ade2c358a4978cc27b8fa69497f7c6ed6b55a791', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'ccfa71b8097d3d7d0a124172a2d505e61a131321', "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: '693e59ae22c0223ae4e85b7ae8b177104c27cf80', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'dc3abfdd6a1da49f7fa21169b728265a47593e56', "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: '0bca03719ade016a99af7f2e8f4ac7167c75fca4', "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: '3f23e81f6cd0e8b143a16d22b0f556b7e89de5c4', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'ed06216b19f3bbc4a4d813e8de4fec44573a2476', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: '025990771a02644aa5bbc85a12f0d45accd60831', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: '9f4b1c6e87825db6c48950709ae607108cbcfa13', class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '476596be78063ceade7c6740dee9d8343b5ba902', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: 'f71ad2be11ce43d6d0a5b716ccd0567324fa0810', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: '7c574c27d0b0e9f603d2fb653de4828846ae72fe', class: {
                 [CSS$6.column]: true,
                 [CSS$6.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, hAsync("span", { key: 'b27554040f55ad75b9e594f5f3a37e1854e66f86', "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, hAsync("span", { key: 'c00a3e075b284623f53d1dfc2f7f0b00d5ddf0bc', "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: 'de36bf1c89facc28cd30781a039302ee65b43bd1', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '9bc188238ba5b800e1d3348d5072d9663a8ca4d9', "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: '282c629341d11bad77e64978133072b46fc9889c', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'fcd399fe9bcca3c5898aba6306c4cb5926945ded', "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: '81e60f60f2b9daa8b1123c69834bb7a61702dabb', "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: '6349fa6f74928b3b0d64d521e381efd081b10f89', "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: 'ad319248fd32601a11471451d344387a612302a3', icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '5ec5a004832e16dbab0327d1fbd9cbd48bdea6bf', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -43110,7 +43113,7 @@ class Tip {
         return (hAsync("div", { class: CSS$5.content }, this.renderImageFrame(), this.renderInfoNode()));
     }
     render() {
-        return (hAsync(Fragment, { key: 'e73ae078f92bf5f548ff2e0a8240c3eb213f58c7' }, hAsync("article", { key: '221db7a5ed670198df1ed809942d609a452149a4', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
+        return (hAsync(Fragment, { key: 'fd1fc6c7cbebaf8734563b8223eb9580e7994d0c' }, hAsync("article", { key: '3a6c521ae7b79afc6a6be37a0aa8c907b2dc2338', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -43152,7 +43155,7 @@ class TipGroup {
         this.groupTitle = undefined;
     }
     render() {
-        return hAsync("slot", { key: '284f8e5e3890d264b7131cfcb1ceb7f64f17705c' });
+        return hAsync("slot", { key: 'de1a76f712653fe318c3413bf4d2df98f3aa601b' });
     }
     static get style() { return CalciteTipGroupStyle0; }
     static get cmpMeta() { return {
@@ -43764,10 +43767,10 @@ class Tooltip {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (hAsync(Host, { key: 'ae49e09ed0bff6db00b92e8bb34d518fdc1a3823', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '5445d83bd2e88f0e5929de80b8c835aa2141f58e', class: {
+        return (hAsync(Host, { key: 'b2e4ddb40bc6be298519c49e27e85f82abea67e3', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '94859117137bf8eb100446928b3b679213541cfc', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '22eb13880745a1a5caf9ef4fcc4d6a8e62003347', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '6de4a60c6cae94cbd4550d98a9597c01fef66fc6', class: CSS$3.container }, hAsync("slot", { key: '06115e9594d7561cd03f92ce5d0aa08ae26254ab' })))));
+            }, ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '72d5b5bcd0ff32a223cb9bf3029d4dce0f70aa4f', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '1ab9a0df873206bd91bf20af13922b0daa17dc17', class: CSS$3.container }, hAsync("slot", { key: '75fe300066a525b59a4c43ac701b4012255e1ca9' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -43922,9 +43925,9 @@ class Tree {
         this.child = !!parent;
     }
     render() {
-        return (hAsync(Host, { key: '4526caaeb8c36baa64c82db9587686515acddc5f', "aria-multiselectable": this.child
+        return (hAsync(Host, { key: '0a1496c2e254b36b4ba0860cdd823a61b37a6767', "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: '87a2923ef212db797f3930774bdf599849e57848' })));
+                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", { key: '5fb9b7d8d3eacf7066e0a71d6feb02f662996867' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -44277,14 +44280,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: 'a249973d78e8cd1ca94be60f5804510e3831a7e4', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        return (hAsync(Host, { key: 'd82060e37f784052bd7297d9570ff57ba8125b15', "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: '14ad3db5c910c777b57a1d7e1860cf1942dc857e', disabled: this.disabled }, hAsync("div", { key: '9742f14f4612edddac8d105df8d96894de46d323', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: '1efc895929d8f385234a45bcb48db534f12beebe', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: '1315de460da680a17788222b7d5f0dae1c3bf576', class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: '56d1ba8ecb74bc15bcebad75938cc5e4e93d7f4d', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        return (hAsync(Host, { key: '81d266ad747a632a1ca0909c5603b2aac082e4fa', "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: '09e793fcf21d47f288e83a00104e81e20b2b2f63', disabled: this.disabled }, hAsync("div", { key: '4498d86d9637674517d65abe3e14876e73bcfaff', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: '463a0cf6bba77d20b6b9736e0aa30ed1e9c72ac3', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: '6a71fbcbc452a57bafd8d903549b56b7cbc4969c', 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: '4d59f6ee7de6381f65f45fea330e3857dbbea22d', class: CSS$2.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: 'a56e40d6d33f7011053e838b25fa7763d3121242', class: {
+            }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { key: '9a72bee173e24654dd577ff298baa144956b4a68', class: CSS$2.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: '97dac2ce434dc059c7eadcdc9ba4257d2a9f87f4', 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: '2ecb28c15aef9d55eb6783f472db09a2c97573ba', name: SLOTS$1.children }))))));
+            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, hAsync("slot", { key: '07748ffce64c8f9723a9047f882e0461753a09b6', name: SLOTS$1.children }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -44858,7 +44861,7 @@ class ValueListItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '5eedefaa65be96d0553a7869a3410b3f599ad0d2', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: '9c85c73f602865e3cf90d70db801135e3863433b', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: '916fb72ef07bd99c28eb1a3146691d0e2b2ed296', 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: '9e560d9f3700811023bc938733f44d2b5fc0428f', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: 'e36c302d9efb4fb5270e4742de1407db69553ecf', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: '150c41f91d15d0ad90bd8c9f9edf8181a212d024', 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; }
@@ -48218,7 +48221,7 @@ exports.hydrateApp = hydrateApp;
 }
 
 /*
- Stencil Hydrate Runner v4.18.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.18.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -60548,67 +60551,75 @@ var MockUListElement = class extends MockHTMLElement {
     super(ownerDocument, "ul");
   }
 };
+var CanvasRenderingContext = class {
+  constructor(context, contextAttributes) {
+    this.context = context;
+    this.contextAttributes = contextAttributes;
+  }
+  fillRect() {
+    return;
+  }
+  clearRect() {
+  }
+  getImageData(_, __, w, h) {
+    return {
+      data: new Array(w * h * 4)
+    };
+  }
+  toDataURL() {
+    return "data:,";
+  }
+  putImageData() {
+  }
+  createImageData() {
+    return {};
+  }
+  setTransform() {
+  }
+  drawImage() {
+  }
+  save() {
+  }
+  fillText() {
+  }
+  restore() {
+  }
+  beginPath() {
+  }
+  moveTo() {
+  }
+  lineTo() {
+  }
+  closePath() {
+  }
+  stroke() {
+  }
+  translate() {
+  }
+  scale() {
+  }
+  rotate() {
+  }
+  arc() {
+  }
+  fill() {
+  }
+  measureText() {
+    return { width: 0 };
+  }
+  transform() {
+  }
+  rect() {
+  }
+  clip() {
+  }
+};
 var MockCanvasElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "canvas");
   }
-  getContext() {
-    return {
-      fillRect() {
-        return;
-      },
-      clearRect() {
-      },
-      getImageData: function(_, __, w, h) {
-        return {
-          data: new Array(w * h * 4)
-        };
-      },
-      putImageData() {
-      },
-      createImageData: function() {
-        return [];
-      },
-      setTransform() {
-      },
-      drawImage() {
-      },
-      save() {
-      },
-      fillText() {
-      },
-      restore() {
-      },
-      beginPath() {
-      },
-      moveTo() {
-      },
-      lineTo() {
-      },
-      closePath() {
-      },
-      stroke() {
-      },
-      translate() {
-      },
-      scale() {
-      },
-      rotate() {
-      },
-      arc() {
-      },
-      fill() {
-      },
-      measureText() {
-        return { width: 0 };
-      },
-      transform() {
-      },
-      rect() {
-      },
-      clip() {
-      }
-    };
+  getContext(context, contextAttributes) {
+    return new CanvasRenderingContext(context, contextAttributes);
   }
 };
 function fullUrl(elm, attrName) {