@awc-ui/core 1.0.0-beta.3 → 1.0.0-beta.4

package/hydrate/index.js

@@ -6403,11 +6403,11 @@ class MdAccordionItem {
         // A capped panel body scrolls; it must be keyboard-reachable so
         // arrow keys can scroll it (WCAG 2.1.1 / axe scrollable-region-focusable).
         const scrollable = this.contentMaxHeight.trim().length > 0;
-        return (hAsync(Host, { key: '3835ae209e2b750a6ee99b0e53ec8ff67882cfcd', class: {
+        return (hAsync(Host, { key: '7e0d130275287d00316cc915664a9a3c2bc6af29', class: {
                 'md-accordion-item': true,
                 'md-accordion-item--expanded': this.expanded,
                 'md-accordion-item--disabled': this.disabled,
-            } }, hAsync("span", { key: 'c6e1a9975c8b424a7b631b9c4f3e71f843133b63', class: "md-accordion-item__chassis-handle", part: "chassis-handle", "data-accordion-chassis-drag": "true", role: "presentation", "aria-hidden": "true", onClick: this.handleDragHandleClick, onKeyDown: this.handleDragHandleKeyDown }, hAsync("span", { key: 'b103f0360db2426b514b6ef45ecd8dd02bad568f', class: "md-accordion-item__chassis-handle-bar", part: "chassis-handle-bar" })), hAsync(HeadingTag, { key: 'dc9c4e560d63610961c737ac15b66b86241ef0da', class: "md-accordion-item__heading", part: "heading" }, hAsync("button", { key: 'e93a6826f6161215b4875658afa71eee84953cba', id: this.headerId, class: "md-accordion-item__header", part: "header", type: "button", "aria-expanded": String(this.expanded), "aria-controls": this.contentId, "aria-disabled": this.ariaDisabledHeader ? 'true' : undefined, disabled: this.disabled, onClick: this.handleHeaderClick, onKeyDown: this.handleHeaderKeyDown, ref: (el) => (this.headerEl = el) }, hAsync("md-ripple", { key: 'cfbab825a90916157c5b599a1ca88833032c0225', disabled: this.disabled }), hAsync("span", { key: 'b8c131bf06752a33276898d5c7c3c0485fd1adb3', class: "md-accordion-item__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("span", { key: '62ae03c5c806cc938e511c5268aecaf16c1581f3', class: "md-accordion-item__drag-handle", part: "drag-handle", "data-accordion-drag-handle": "true", "aria-hidden": "true", onClick: this.handleDragHandleClick, onKeyDown: this.handleDragHandleKeyDown }, hAsync("span", { key: '9ef8f93588b89ef410c9776ccf6ca405142c0f2c', class: "material-symbols-outlined md-accordion-item__drag-handle-icon" }, "drag_indicator")), hasLeading && (hAsync("span", { key: 'a44743e131aa70bbcd0bd3c86d2ef8caa0807d0f', class: "md-accordion-item__leading", part: "leading-icon", "aria-hidden": "true" }, hAsync("slot", { key: '27e66c7f3acd3e4c30502c53c2ece00e07db7daa', name: "leading-icon" }, this.icon && (hAsync("span", { key: 'ff1412c12787d275e4234008b0fc42bae8358a0d', class: "material-symbols-outlined md-accordion-item__icon" }, this.icon))))), hAsync("span", { key: '7bd9027b0f64f680a940aeb17d16de58b3a5d74c', class: "md-accordion-item__text" }, hAsync("span", { key: '63f20ce72fc67653bd2197b468ebb9bd73776a5b', class: "md-accordion-item__headline", part: "headline" }, hAsync("slot", { key: 'f3b8a09d83d34f92b3eee5b2a0d890625b8dad24', name: "headline" }, this.headline)), (this.supportingText || this.hasSlottedHeadline) && this.supportingText && (hAsync("span", { key: '13cdbc46b4c6cb0fdc51db21353cf3bd65acc28a', class: "md-accordion-item__supporting", part: "supporting-text" }, this.supportingText))), hAsync("span", { key: '3d61a6d22aff8562e02d4ce0edaa87e96fc45142', class: "md-accordion-item__trailing", part: "trailing-icon", "aria-hidden": "true" }, hAsync("slot", { key: '9232bb33ad813733c86fa6963e9514097cf4624f', name: "trailing-icon" }, hAsync("svg", { key: 'df5894febebfaa398b4ae51b39475135dc526114', class: "md-accordion-item__chevron", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, hAsync("path", { key: 'b0af6a419f5aaf22dfdfe906fb1ad1074f2df4b2', d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z" })))))), hAsync("div", { key: '88c0b517fc5fcf033ec81761458d12e5d2b6548f', id: this.contentId, class: "md-accordion-item__panel", part: "panel", role: this.regionRole === 'none' ? undefined : this.regionRole, "aria-labelledby": this.headerId, "aria-hidden": this.expanded ? 'false' : 'true', inert: !this.expanded }, hAsync("div", { key: '181add0b2cf432a3162e43f882beaa812a52bd84', class: "md-accordion-item__content", part: "content" }, hAsync("div", { key: '42cb650176a89d48b6d70618e513d3ed0cb6373c', class: {
+            } }, hAsync("span", { key: 'f68872307e464bf1014abd1095c7bb6225325e4c', class: "md-accordion-item__chassis-handle", part: "chassis-handle", "data-accordion-chassis-drag": "true", role: "presentation", "aria-hidden": "true", onClick: this.handleDragHandleClick, onKeyDown: this.handleDragHandleKeyDown }, hAsync("span", { key: '80f529008e9c2dd85b7cfa46cbdfc69c105cab42', class: "md-accordion-item__chassis-handle-bar", part: "chassis-handle-bar" })), hAsync(HeadingTag, { key: '9fd3ff2d9e1a16461fc0db764146401a220c3f64', class: "md-accordion-item__heading", part: "heading" }, hAsync("button", { key: '56b3b1a088d0bad367ee9167ea6d6a306b59dc6e', id: this.headerId, class: "md-accordion-item__header", part: "header", type: "button", "aria-expanded": String(this.expanded), "aria-controls": this.contentId, "aria-disabled": this.ariaDisabledHeader ? 'true' : undefined, disabled: this.disabled, onClick: this.handleHeaderClick, onKeyDown: this.handleHeaderKeyDown, ref: (el) => (this.headerEl = el) }, hAsync("md-ripple", { key: '97f20418eaddc07501a8651182be141c4f20badf', disabled: this.disabled }), hAsync("span", { key: '1bcb8aa3fa536774651a0a8b65f06d1a93f3f46f', class: "md-accordion-item__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("span", { key: '325ca53f39efab3af2b06acbb386f311c89ea86c', class: "md-accordion-item__drag-handle", part: "drag-handle", "data-accordion-drag-handle": "true", "aria-hidden": "true", onClick: this.handleDragHandleClick, onKeyDown: this.handleDragHandleKeyDown }, hAsync("span", { key: 'adf26283784849a9c2de5b59c0445ca802641cb5', class: "material-symbols-outlined md-accordion-item__drag-handle-icon" }, "drag_indicator")), hasLeading && (hAsync("span", { key: 'f4fe7d16b3040d02a154a3426186610505a9cf60', class: "md-accordion-item__leading", part: "leading-icon", "aria-hidden": "true" }, hAsync("slot", { key: '3cc1f0838a2ba7e0d949aa71803fec6b8d75e4df', name: "leading-icon" }, this.icon && (hAsync("span", { key: '5f671046393a2e181234fd8ea8a1f97c710aa276', class: "material-symbols-outlined md-accordion-item__icon" }, this.icon))))), hAsync("span", { key: '830e7cf3fd8f09ed0f8d0d16db19406912f6a147', class: "md-accordion-item__text" }, hAsync("span", { key: 'a0fe23593d164997d1e12d6c2eae03bbb1e49827', class: "md-accordion-item__headline", part: "headline" }, hAsync("slot", { key: '6577f0f727032f3aceb863411aeb18e9e8fc364f', name: "headline" }, this.headline)), (this.supportingText || this.hasSlottedHeadline) && this.supportingText && (hAsync("span", { key: 'b92b3d81df310e18d1e55e602544401b7d8f41fb', class: "md-accordion-item__supporting", part: "supporting-text" }, this.supportingText))), hAsync("span", { key: '8c232a8ae8047865e72adbdd8170837106cb14e6', class: "md-accordion-item__trailing", part: "trailing-icon", "aria-hidden": "true" }, hAsync("slot", { key: 'be0a56b7f2e170b84a8854919c6f7e3d7d8d3f55', name: "trailing-icon" }, hAsync("svg", { key: '884836d66c65d1b044c0eec819151b7ae7def035', class: "md-accordion-item__chevron", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, hAsync("path", { key: 'a4efb141425c414c5b9d20b4e7188cd027d87ca7', d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z" })))))), hAsync("div", { key: 'a583ecf306d26550eed28ea577e4e53923d0802a', id: this.contentId, class: "md-accordion-item__panel", part: "panel", role: this.regionRole === 'none' ? undefined : this.regionRole, "aria-labelledby": this.headerId, "aria-hidden": this.expanded ? 'false' : 'true', inert: !this.expanded }, hAsync("div", { key: 'a475f8b98e22c21a5bdc41ed2d898ab7b3df7eb7', class: "md-accordion-item__content", part: "content" }, hAsync("div", { key: 'fba1a524a1afd9a7d92ad905324eeaefa1242288', class: {
                 'md-accordion-item__content-inner': true,
                 'md-accordion-item__content-inner--scroll': scrollable,
             }, part: "content-inner",
@@ -6416,7 +6416,7 @@ class MdAccordionItem {
             // (axe scrollable-region-focusable). Its accessible name is
             // provided by the enclosing labelled panel region, so no
             // extra role/label is needed here.
-            tabindex: scrollable ? '0' : undefined, style: scrollable ? { maxBlockSize: this.contentMaxHeight } : undefined }, hAsync("slot", { key: '3e437633a9142414622fab5a3054ad2692646d56' }))))));
+            tabindex: scrollable ? '0' : undefined, style: scrollable ? { maxBlockSize: this.contentMaxHeight } : undefined }, hAsync("slot", { key: 'b65e04d26ebcd5cf67450d03211ee25100fa85da' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -6730,7 +6730,7 @@ class MdAppBar {
         const flexible = this.isFlexible();
         const search = this.isSearchVariant();
         const centered = this.titleAlignment === 'center';
-        return (hAsync(Host, { key: '28769a5568a4a6be2949cefef62b2cc2a9fa3a75', class: {
+        return (hAsync(Host, { key: '85ee3b31e44fffe17f0553e70589b7420488c89f', class: {
                 'md-app-bar': true,
                 [`md-app-bar--${this.variant}`]: true,
                 'md-app-bar--flexible': flexible,
@@ -16684,13 +16684,13 @@ class MdAreaChart {
         // While loading, the loader owns the box — an empty-state message under it
         // would just be the wrong answer to "where is my data?".
         const empty = this.series.length === 0 && !this.loading;
-        return (hAsync(Host, { key: '0496c0aa00bf1655d18ece61bb6aff208b3fabcb', class: {
+        return (hAsync(Host, { key: '907187a03d335c1bf6d6fd9cc67fe8f35d16bd57', class: {
                 'md-area-chart': true,
                 'md-area-chart--empty': empty,
                 'md-area-chart--mounted': this.mounted,
                 'md-area-chart--zoom-slider': this.zoomSliderOn,
                 'md-area-chart--zoom-drag': this.zoomInside,
-            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, hAsync("header", { key: 'f0052cede200134219b212236ed8d3c4ae480528', class: "md-area-chart__header", part: "header" }, hAsync("slot", { key: '40a404dd9b38e79fb08508196fdf395125d98e62', name: "header" })), hAsync("div", { key: '83c877928ab37405a3682dcb0279963d79328b4a', class: "md-area-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (hAsync("div", { key: '0adc7d94c1d03e92a7c9075770182300894f9198', class: "md-area-chart__empty", part: "empty" }, hAsync("slot", { key: 'c09b857d1a67c8c414e364dd36cc098854d43858', name: "empty" }, this.labelEmpty))), this.loading && (hAsync("div", { key: 'b586efd6ffb6c357abc5d41ca57b6f6bad0ecb8a', class: "md-area-chart__loading", part: "loading", role: "status" }, hAsync("slot", { key: '1d45a922f9a86a93899ee0cb805e944660ea44a4', name: "loader" }, hAsync("slot", { key: 'c8dec7602f7580185f7157724e4ec689511a2c3c', name: "loading" }, hAsync("md-progress-indicator", { key: 'b2228ab15341274424f53a2f5959290f27bd24e0', class: "md-area-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), hAsync("span", { key: 'c5befeda9e8a296191e33f2c56ba1e7ccb47eafb', class: "md-area-chart__loading-text" }, this.loadingLabel))))), this.dragBand && this.plotRect() && (hAsync("div", { key: '9d3d6a7c26458e5d2d368ad32aea1fae95883d1a', class: "md-area-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), hAsync("footer", { key: 'a28e742fd635979a879993ace7d00c2973a23b87', class: "md-area-chart__footer", part: "footer" }, hAsync("slot", { key: '1f4b8cb324d8acd16facd6f53fadde294c28f808', name: "footer" })), hAsync("div", { key: '59c7c19842feecc2d38901c0533ceb9a560de713', class: "md-area-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), hAsync("div", { key: '604caca8b90bae8742a18aa6f6be5f82dcaee93f', class: "md-area-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
+            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, hAsync("header", { key: '8d5f6ad2d135e60d3a2bb34b2cae08669a63301f', class: "md-area-chart__header", part: "header" }, hAsync("slot", { key: '86eb06739b665c65313f8aaed5a66aee779fc602', name: "header" })), hAsync("div", { key: '51d593702cb973f2fca78a14763c7147d33d4f03', class: "md-area-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (hAsync("div", { key: 'dde9ed1a8008beb3a24b4c5e70a3d00b5d400346', class: "md-area-chart__empty", part: "empty" }, hAsync("slot", { key: '8a4de09ed1352811e142a88189ee7e417e5c8d5c', name: "empty" }, this.labelEmpty))), this.loading && (hAsync("div", { key: '3371d8aa20e37a61be148e05b2f003f37d93eb22', class: "md-area-chart__loading", part: "loading", role: "status" }, hAsync("slot", { key: 'c733e2e476186a363825b509d7dd82c3d93960ac', name: "loader" }, hAsync("slot", { key: 'ff76c6f70c80923c681112a6a9cea3fde8f60593', name: "loading" }, hAsync("md-progress-indicator", { key: 'b10e9ac7de4a5390877a47adc1c685046840b439', class: "md-area-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), hAsync("span", { key: '55f835ce64856f233cbaeb147e6461e7d6f35230', class: "md-area-chart__loading-text" }, this.loadingLabel))))), this.dragBand && this.plotRect() && (hAsync("div", { key: '12accf53559eb1933ce83fe6e34c5462f02f0743', class: "md-area-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), hAsync("footer", { key: '8138a8696892a4df9bc83b486e4e1cc0899a3ac3', class: "md-area-chart__footer", part: "footer" }, hAsync("slot", { key: '32b2ab8bf259e49ece161c940dbf6c53603bdfd5', name: "footer" })), hAsync("div", { key: '08efb73a3841095f3cc938370b1fe295164489b1', class: "md-area-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), hAsync("div", { key: 'cf9f068cddfa9d48e109f51436461a5cf839b306', class: "md-area-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16835,6 +16835,67 @@ class MdAreaChart {
     }; }
 }
 
+/**
+ * Lazily registered <md-loading-indicator> for host components.
+ *
+ * A literal `<md-loading-indicator>` JSX tag makes the Stencil compiler add
+ * the spinner to the consumer's STATIC dependency graph, so every app using
+ * md-button/md-select/... shipped its ~3 kB gz eagerly even though the tag
+ * only renders while `loading`/`searching` is active. This wrapper renders
+ * the tag through a computed string the compiler cannot trace, and registers
+ * the element on first actual render via a dynamic import — the bundler emits
+ * it as its own async chunk, fetched only when a loading state first engages.
+ *
+ * Behavior by build:
+ * - dist-custom-elements (bundlers): the element is usually NOT defined yet —
+ *   the import lands, defineCustomElement() runs, the already-in-DOM tag
+ *   upgrades. One frame of unstyled (invisible) spinner on first engage.
+ * - lazy/loader build and `define` users: everything is registered at boot,
+ *   the customElements.get() guard short-circuits, no import happens.
+ * - hydrate (SSR): renders in Node with its own full registry; the guard
+ *   also prevents the import from running server-side.
+ *
+ * KNOWN COUPLING: this deliberately bypasses Stencil's tag-graph analysis.
+ * If a future Stencil version changes how dist-custom-elements modules expose
+ * `defineCustomElement`, the import callback below is the single place to fix.
+ */
+// Computed, not a literal, so no compiler string-scan can re-add the edge.
+const TAG = 'md-loading-' + 'indicator';
+let requested = false;
+function ensureLoadingIndicator() {
+    if (requested)
+        return;
+    requested = true;
+    if (typeof customElements === 'undefined' || customElements.get(TAG))
+        return;
+    Promise.resolve().then(function () { return mdLoadingIndicator; }).then((m) => {
+        if (customElements.get(TAG))
+            return;
+        const define = m.defineCustomElement;
+        if (typeof define === 'function') {
+            define();
+        }
+        else if (typeof m.MdLoadingIndicator === 'function') {
+            // Fallback for a Stencil that stops exporting the per-module helper:
+            // the transformed class itself is a valid custom-element constructor.
+            customElements.define(TAG, m.MdLoadingIndicator);
+        }
+    }, () => {
+        // Import failed (offline chunk fetch, exotic env): allow a retry on the
+        // next render instead of latching a broken state.
+        requested = false;
+    });
+}
+/**
+ * Drop-in replacement for a literal <md-loading-indicator> tag: forwards all
+ * props/children and kicks off the lazy registration on first render.
+ */
+const LazyLoadingIndicator = (props, children) => {
+    ensureLoadingIndicator();
+    const Tag = TAG;
+    return hAsync(Tag, { ...props }, children);
+};
+
 /**
  * Helpers for form-associated custom elements (ElementInternals).
  */
@@ -18724,7 +18785,7 @@ class MdAutocomplete {
         // field width — is identical across idle/typing/busy/loaded.
         [
             this.renderClearButton(true),
-            hAsync("span", { slot: "trailing-icon", class: "md-autocomplete__loader", part: "loading-spinner" }, hAsync("slot", { name: "loader" }, hAsync("md-loading-indicator", { label: this.loadingText }))),
+            hAsync("span", { slot: "trailing-icon", class: "md-autocomplete__loader", part: "loading-spinner" }, hAsync("slot", { name: "loader" }, hAsync(LazyLoadingIndicator, { label: this.loadingText }))),
         ]) : ([
             this.renderClearButton(),
             hAsync("span", { slot: "trailing-icon", class: "md-autocomplete__caret material-symbols-outlined", part: "caret", "aria-hidden": "true", onClick: (e) => {
@@ -18772,7 +18833,7 @@ class MdAutocomplete {
             : this.open
                 ? this.statusTemplate.replace('{count}', String(optionCount))
                 : '';
-        return (hAsync(Host, { key: '265bb0cbd1dc6b00e618a0263c0cd825ad3a77fb', class: {
+        return (hAsync(Host, { key: '95493b711c8d67c0ad5156af5d6b406757003260', class: {
                 'md-autocomplete': true,
                 [`md-autocomplete--${this.variant}`]: true,
                 'md-autocomplete--open': this.open,
@@ -18781,7 +18842,7 @@ class MdAutocomplete {
                 'md-autocomplete--multiple': this.multiple,
                 'md-autocomplete--loading': this.busy,
                 [`md-autocomplete--chips-${this.chipPosition}`]: this.multiple,
-            }, "aria-haspopup": "listbox", "aria-busy": this.busy ? 'true' : 'false' }, chipsFirst && this.renderChips(), this.renderTrigger(), !chipsFirst && this.renderChips(), this.renderMenu(), hAsync("span", { key: '65354ca0d573e3411bc022eb008b59cf4fa335bf', class: "md-autocomplete__sr-status", role: "status", "aria-live": "polite" }, srStatus)));
+            }, "aria-haspopup": "listbox", "aria-busy": this.busy ? 'true' : 'false' }, chipsFirst && this.renderChips(), this.renderTrigger(), !chipsFirst && this.renderChips(), this.renderMenu(), hAsync("span", { key: '0f2678b39bb9644696e625623111d5ea73b7a7fa', class: "md-autocomplete__sr-status", role: "status", "aria-live": "polite" }, srStatus)));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -19100,7 +19161,7 @@ class MdAvatar {
         const isPresetSize = PRESET_SIZES.has(String(this.size));
         const customSize = isPresetSize ? undefined : coerceCssLength(this.size);
         const hostStyle = customSize ? { '--md-avatar-size': customSize } : undefined;
-        return (hAsync(Host, { key: '9c501d0c01a99ceb6789888854af1b87c5dddb8b', class: {
+        return (hAsync(Host, { key: 'c8a7c5cc76083cd8454c4c4b5214b2926d9a5d12', class: {
                 'md-avatar': true,
                 [`md-avatar--${this.size}`]: isPresetSize,
                 'md-avatar--custom-size': !isPresetSize && !!customSize,
@@ -19108,7 +19169,7 @@ class MdAvatar {
                 [`md-avatar--mode-${fallbackMode}`]: true,
                 [`md-avatar--palette-${palette}`]: palette > 0 && fallbackMode !== 'image',
                 'md-avatar--has-image': hasImage,
-            }, style: hostStyle, role: a11yLabel ? 'img' : 'presentation', "aria-label": a11yLabel, "aria-hidden": a11yLabel ? null : 'true' }, fallbackMode === 'image' && (hAsync("img", { key: '3a4a031b0be8b102498e7f52b8f7e7bf57f958af', class: "md-avatar__image", part: "image", src: this.src, alt: this.alt || '', loading: this.loading, crossorigin: this.crossorigin || undefined, "aria-hidden": "true", draggable: false, onLoad: this.handleImageLoad, onError: this.handleImageError })), fallbackMode === 'initials' && (hAsync("span", { key: '69c7a040ca06120eea15ca26ac5ff89233c20f7a', class: "md-avatar__initials", part: "initials", "aria-hidden": "true" }, computedInitials)), fallbackMode === 'slot' && (hAsync("slot", { key: 'b60a1be8c71176be1fb8c1b5e289b01242aeb685' }, hAsync("span", { key: '85a31c4cde8c852e0fbe118d897100d5fb6c28b6', class: "md-avatar__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, "person")))));
+            }, style: hostStyle, role: a11yLabel ? 'img' : 'presentation', "aria-label": a11yLabel, "aria-hidden": a11yLabel ? null : 'true' }, fallbackMode === 'image' && (hAsync("img", { key: '774653af2c3c89d6717f05285d64c472dd2b63f0', class: "md-avatar__image", part: "image", src: this.src, alt: this.alt || '', loading: this.loading, crossorigin: this.crossorigin || undefined, "aria-hidden": "true", draggable: false, onLoad: this.handleImageLoad, onError: this.handleImageError })), fallbackMode === 'initials' && (hAsync("span", { key: '52bc085dc3f5d44b89b40967b587f8c4ba7101bb', class: "md-avatar__initials", part: "initials", "aria-hidden": "true" }, computedInitials)), fallbackMode === 'slot' && (hAsync("slot", { key: 'af4fb3205ff7776196a0c925381e80461eee21c6' }, hAsync("span", { key: 'a83bbca713bceba984843a4017ab3957c98d47dc', class: "md-avatar__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, "person")))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19203,12 +19264,12 @@ class MdBadge {
         const hasLabel = !isSmall && !!display;
         const hasIcon = !isSmall && (!!this.icon || this.hasSlottedIcon);
         const hasContent = hasLabel || hasIcon;
-        return (hAsync(Host, { key: '24252e87e0919c3ef49173c4659ad7509e989826', class: {
+        return (hAsync(Host, { key: '81a83dc5494fb90262e948a16795763cbb077410', class: {
                 'md-badge': true,
                 'md-badge--small': isSmall,
                 'md-badge--large': !isSmall,
                 'md-badge--has-content': hasContent,
-            }, role: "status", "aria-label": this.accessibleLabel }, !isSmall && (hAsync("slot", { key: '8d9fd92575a0a03c8d7e9017b58e86b609d36d07', name: "icon", onSlotchange: this.readSlottedIcon }, this.icon ? (hAsync("span", { class: "md-badge__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)) : null)), hasLabel && (hAsync("span", { key: 'c62df0bac4aa40c211e3fc830fa51fb0f003852c', class: "md-badge__label", part: "label" }, display))));
+            }, role: "status", "aria-label": this.accessibleLabel }, !isSmall && (hAsync("slot", { key: '011585801a80562b772518fafdfdb9bf3cdcf6ff', name: "icon", onSlotchange: this.readSlottedIcon }, this.icon ? (hAsync("span", { class: "md-badge__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)) : null)), hasLabel && (hAsync("span", { key: '20544a829f5cdc2b6a0e564aabcc310ee0bf80bb', class: "md-badge__label", part: "label" }, display))));
     }
     get el() { return getElement(this); }
     static get style() { return mdBadgeCss(); }
@@ -20057,7 +20118,7 @@ class MdBarChart {
         // While loading, the loader owns the box — an empty-state message under it
         // answers "no data" to a question nobody asked yet.
         const empty = this.series.length === 0 && !this.loading;
-        return (hAsync(Host, { key: 'e155582d9ff9e0d8cf87e7b05e8632a27b8a73c3', class: {
+        return (hAsync(Host, { key: 'f535a5ceb5ac843c5415093faf58c129f4b55d24', class: {
                 'md-bar-chart': true,
                 'md-bar-chart--empty': empty,
                 'md-bar-chart--loading': this.loading,
@@ -20065,7 +20126,7 @@ class MdBarChart {
                 'md-bar-chart--zoom-slider': this.zoomSliderOn,
                 'md-bar-chart--zoom-drag': this.zoomInside,
                 [`md-bar-chart--${this.layout}`]: true,
-            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, hAsync("header", { key: 'c3d8bb7c3ec9f82fa757d95a77f8ca7bf02f1bf9', class: "md-bar-chart__header", part: "header" }, hAsync("slot", { key: 'c48b20369d3aceb5f5b3cfebeaec42bf745e5b36', name: "header" })), hAsync("div", { key: '68a52073ff664265f87f427110dd4bb091ab274b', class: "md-bar-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (hAsync("div", { key: '2477f2824bba08ff626f5523b6d34c986dd86f56', class: "md-bar-chart__empty", part: "empty" }, hAsync("slot", { key: '11862b82c1baf5309abfa9ce67fa586df130c4a1', name: "empty" }, "No data to display"))), this.loading && (hAsync("div", { key: 'c9486cc7ceb63e39e86f8d041d35e2b8bb6b5876', class: "md-bar-chart__loading", part: "loading", role: "status" }, hAsync("slot", { key: '6984426167cc5e5393d8ca01754cd53c7ac170fb', name: "loader" }, hAsync("slot", { key: '71ee31df2d4a0359c130fe8f7a6c5a4656055290', name: "loading" }, hAsync("md-progress-indicator", { key: '1ee2036ed0dbc533b0bebd0f0d71c0c544d135cf', class: "md-bar-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), hAsync("span", { key: '302bf82125dafd91375155a50fe082dd44d800a2', class: "md-bar-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (hAsync("div", { key: '6893ef9fcd3e7e2d54d95f9850497de9c6188ffe', class: "md-bar-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), hAsync("footer", { key: '885e368d60144c82afdc6e2f1ed0066f3915e7c8', class: "md-bar-chart__footer", part: "footer" }, hAsync("slot", { key: '21e5f868257837f6371a55f2d56fbc76867af2da', name: "footer" })), hAsync("div", { key: 'dbc0fc3578b302a5fd1dbe08966c4000636099e6', class: "md-bar-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), hAsync("div", { key: 'bfab9fd9c80b333b3770ceaa0fc7b4f6c1dccf93', class: "md-bar-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
+            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, hAsync("header", { key: 'a56de64118eacdcce86a58d61b3e08ce1ffe5858', class: "md-bar-chart__header", part: "header" }, hAsync("slot", { key: 'f6ca05ffbdb07279d103adc3e79395cebf2fcc62', name: "header" })), hAsync("div", { key: '16d38bd35ddef6f48c6748bdbe9285681a9a5091', class: "md-bar-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (hAsync("div", { key: 'd63918dfde5234203ebe21be413011bd77787b15', class: "md-bar-chart__empty", part: "empty" }, hAsync("slot", { key: '8fd2db209115817c725c2461b29e9ec2c6509f92', name: "empty" }, "No data to display"))), this.loading && (hAsync("div", { key: '44f3f2347bde451c61025a8c050d2e263a3f6e3e', class: "md-bar-chart__loading", part: "loading", role: "status" }, hAsync("slot", { key: '7137288cd3456cb926569963238ab481b1a981ce', name: "loader" }, hAsync("slot", { key: 'd2fea29b0fb087763fda403882c982115bba460d', name: "loading" }, hAsync("md-progress-indicator", { key: '4ecd5e96bc396b49574ac81539983880d2690f27', class: "md-bar-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), hAsync("span", { key: '5922c3146b595840b452ed479d9590eb323a2118', class: "md-bar-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (hAsync("div", { key: '1c1d3b22ce4c53fe0273525a35806b105ee798c1', class: "md-bar-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), hAsync("footer", { key: 'c6ef361aaff6269136da37ec7c5d26d27410b52c', class: "md-bar-chart__footer", part: "footer" }, hAsync("slot", { key: '3ad5106449977ae89b7e3be3f3eb7ac7e300a65b', name: "footer" })), hAsync("div", { key: 'c05f67cd4b89a188d6e3decc2689c0f8b3698264', class: "md-bar-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), hAsync("div", { key: '869b2143b2cc1c9dc27f63cfcb5ac41eae575242', class: "md-bar-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20541,12 +20602,12 @@ class MdBottomSheet {
     render() {
         const hasHeadline = !!this.headline;
         const showHeader = hasHeadline || this.closeable || this.hasSlottedClose;
-        return (hAsync(Host, { key: '7bf8662ebf946e995685290835cd8ae1b760facd', class: {
+        return (hAsync(Host, { key: 'ee9aaf1a07d8eb9cb2f41803bf34a50a3732910a', class: {
                 'md-bottom-sheet': true,
                 [`md-bottom-sheet--${this.variant}`]: true,
                 'md-bottom-sheet--open': this.open,
                 'md-bottom-sheet--no-drag-handle': !this.showDragHandle,
-            } }, hAsync("div", { key: '47c620ee40367d41ef709717f5b4124583239677', class: "md-bottom-sheet__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick }), hAsync("div", { key: '3e1e741f8d4ec34d0ec7b7cea469973daf8b357f', class: "md-bottom-sheet__container", part: "container", role: "dialog", "aria-modal": "true", "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-label": this.sheetAriaLabel ||
+            } }, hAsync("div", { key: '396b506ca18251d2791d1445b3476602a00f344f', class: "md-bottom-sheet__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick }), hAsync("div", { key: '3d86789a8f297772f6f951a23d0f61bb66ba585d', class: "md-bottom-sheet__container", part: "container", role: "dialog", "aria-modal": "true", "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-label": this.sheetAriaLabel ||
                 (!hasHeadline ? 'Bottom sheet' : undefined), "aria-hidden": !this.open ? 'true' : undefined,
             // A closed sheet stays in the DOM (translated off-screen for the
             // enter/exit motion, never display:none), so its focus guards,
@@ -20555,10 +20616,10 @@ class MdBottomSheet {
             // drops the whole panel from focus order and the a11y tree while
             // hidden; it flips off in the same render that clears aria-hidden,
             // before the post-open focusFirst() runs.
-            inert: !this.open, tabindex: -1, ref: (el) => (this.containerEl = el) }, hAsync("span", { key: 'c9d16b98c401a630282dc269611a8949d34ad4e0', class: "md-bottom-sheet__focus-guard", tabindex: 0, "aria-hidden": "true", onFocus: this.handleEndGuardFocus }), this.showDragHandle && (hAsync("div", { key: '2f30f95cec55aa7dac22e65b4ec588fb62a74ba2', class: {
+            inert: !this.open, tabindex: -1, ref: (el) => (this.containerEl = el) }, hAsync("span", { key: '33f1833c6e37ad867411ab883a8b4413fc2737e8', class: "md-bottom-sheet__focus-guard", tabindex: 0, "aria-hidden": "true", onFocus: this.handleEndGuardFocus }), this.showDragHandle && (hAsync("div", { key: '4f855aec9da649004422efa2dfa869792f2fa554', class: {
                 'md-bottom-sheet__drag-handle': true,
                 'md-bottom-sheet__drag-handle--dragging': this.dragging,
-            }, part: "drag-handle", "aria-hidden": "true", onPointerDown: this.handleDragStart, onPointerMove: this.handleDragMove, onPointerUp: this.handleDragEnd, onPointerCancel: this.handleDragEnd }, hAsync("div", { key: '36b88841e55f3dcc8632eae6aa4ccbed8d66b288', class: "md-bottom-sheet__drag-handle-indicator", part: "drag-handle-indicator" }))), showHeader && (hAsync("div", { key: '86cf0fb217c23190850506d20cc315bb33a2cd61', class: "md-bottom-sheet__header", part: "header" }, hasHeadline && (hAsync("span", { key: '718af03929d31904541e40781143b1c03058493e', id: this.headlineId, class: "md-bottom-sheet__headline", part: "headline" }, hAsync("slot", { key: 'b42e1bd6a51d8aa774ab5fbf401bee39b9610f97', name: "headline" }, this.headline))), (this.closeable || this.hasSlottedClose) && (hAsync("div", { key: '2c85f77dc9d235fcf042682746800d1a106f776e', class: "md-bottom-sheet__close", part: "close" }, hAsync("slot", { key: '8b519e7a49a47fb7ac6a680edddcfc3571d086e5', name: "close" }, hAsync("md-icon-button", { key: '0aedcd29fd764feec2fd7782e0e98c1abde2b379', variant: "standard", icon: "close", "aria-label": "Close bottom sheet", onClick: this.handleCloseClick })))))), this.topDivider && (hAsync("div", { key: 'a568c1979145410546cc022b05c872eb85854ea0', class: "md-bottom-sheet__divider", part: "divider-top", "aria-hidden": "true" })), hAsync("div", { key: 'd38538f74c944acf9b797ac71b0edc31f5a5ec12', class: "md-bottom-sheet__content", part: "content" }, hAsync("slot", { key: 'f9c060e543f80074ca44455b80e8e208027cb447' })), this.hasActions && this.bottomDivider && (hAsync("div", { key: 'd9695c0415763040a0e940b90629fc247dd48cf5', class: "md-bottom-sheet__divider md-bottom-sheet__divider--bottom", part: "divider-bottom", "aria-hidden": "true" })), this.hasActions && (hAsync("div", { key: '97f2727a454a547ed42f2bb7ae975c9c1faba061', class: "md-bottom-sheet__actions", part: "actions" }, hAsync("slot", { key: '8a8c7a032c56d0ee4d575bf8b28668977564787c', name: "actions" }))), hAsync("span", { key: '02d8e8162536432e224b8b4be26f3e3debadbd91', class: "md-bottom-sheet__focus-guard", tabindex: 0, "aria-hidden": "true", onFocus: this.handleStartGuardFocus }))));
+            }, part: "drag-handle", "aria-hidden": "true", onPointerDown: this.handleDragStart, onPointerMove: this.handleDragMove, onPointerUp: this.handleDragEnd, onPointerCancel: this.handleDragEnd }, hAsync("div", { key: '76da30ada36ef53052130ead104bc15427cab05f', class: "md-bottom-sheet__drag-handle-indicator", part: "drag-handle-indicator" }))), showHeader && (hAsync("div", { key: '1e56e5fe59cb5e6a1a164da5b8ce2a87ea2adc3d', class: "md-bottom-sheet__header", part: "header" }, hasHeadline && (hAsync("span", { key: '8fe97bc3cf784111ff82410a0238f7c7c0897b71', id: this.headlineId, class: "md-bottom-sheet__headline", part: "headline" }, hAsync("slot", { key: '30b6da3d283ca5c99265950465d61405051d4983', name: "headline" }, this.headline))), (this.closeable || this.hasSlottedClose) && (hAsync("div", { key: 'b485c3896dd50733e432b7bed194e7130f4c5612', class: "md-bottom-sheet__close", part: "close" }, hAsync("slot", { key: 'cfd23b597ec9bb2748c8f02055b0bee69ecdfec8', name: "close" }, hAsync("md-icon-button", { key: 'a7f597d5fc4e76b2ea063e9db2e1cf7407819302', variant: "standard", icon: "close", "aria-label": "Close bottom sheet", onClick: this.handleCloseClick })))))), this.topDivider && (hAsync("div", { key: '7394a9ce1c36c9ce16a3485ebf3dcf7bb5f71059', class: "md-bottom-sheet__divider", part: "divider-top", "aria-hidden": "true" })), hAsync("div", { key: '7b5de96c437a159bfc7fdcfad2f2296b62efd419', class: "md-bottom-sheet__content", part: "content" }, hAsync("slot", { key: 'fefde953467f1f08960b46af3dd56da67fccc88e' })), this.hasActions && this.bottomDivider && (hAsync("div", { key: 'df44b71b94ce36c04e9a2a8f3bcbbaee263a095f', class: "md-bottom-sheet__divider md-bottom-sheet__divider--bottom", part: "divider-bottom", "aria-hidden": "true" })), this.hasActions && (hAsync("div", { key: '64e0cb7fd2eee8c39b7681784a78bfb18cd6b1c1', class: "md-bottom-sheet__actions", part: "actions" }, hAsync("slot", { key: '68cdbde2476e1d9b16ea0c3272796220d3ab23fd', name: "actions" }))), hAsync("span", { key: '84bbb8c92ccc5f681c8096223b1727135e0b189f', class: "md-bottom-sheet__focus-guard", tabindex: 0, "aria-hidden": "true", onFocus: this.handleStartGuardFocus }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21022,9 +21083,9 @@ class MdBreadcrumbs {
         const showCollapseToggle = this.maxItems > 0 &&
             this.itemCount > this.maxItems &&
             !this.expanded;
-        return (hAsync(Host, { key: 'ce51f7b6eb3d275e04651c8fa295492f16e636d0', class: "md-breadcrumbs", role: "navigation", "aria-label": this.label }, hAsync("ol", { key: '9da9d0a035aa8c7b126c170c660032f6691b3b0d', class: "md-breadcrumbs__list", part: "list" }, hAsync("slot", { key: '0fc20ae66a03543cf593d466087ba6120ff28ab8' }), showCollapseToggle && (hAsync("li", { key: '46b99c919a39f5621b91e34462a23425077db930', class: "md-breadcrumbs__overflow", part: "overflow" }, Math.max(0, this.itemsBeforeCollapse) > 0
+        return (hAsync(Host, { key: '6f23f1df810a985f560080ffbc3ef2cc84bb6aac', class: "md-breadcrumbs", role: "navigation", "aria-label": this.label }, hAsync("ol", { key: '6a8d9404fb7f69b4cc18a5d673db40bc12eecd4c', class: "md-breadcrumbs__list", part: "list" }, hAsync("slot", { key: '7be137b4ee893d169a9aacbcd6945cc7198dcea2' }), showCollapseToggle && (hAsync("li", { key: 'c71d04eed44facd2f43ae324deebec02d3c6a3d9', class: "md-breadcrumbs__overflow", part: "overflow" }, Math.max(0, this.itemsBeforeCollapse) > 0
             ? this.renderSeparator(-2)
-            : null, hAsync("button", { key: '7bac5a791b503e120d7e55b6146a0cbbab7ad28d', type: "button", class: "md-breadcrumbs__overflow-btn", part: "overflow-button", "aria-label": this.expandLabel, "aria-expanded": this.expanded ? 'true' : 'false', onClick: this.toggleExpanded }, hAsync("svg", { key: '629e99fbfff2aa8403470cde5e5b8db9ca34bc7d', viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true" }, hAsync("circle", { key: '9435f7716d854d921460b3e13726ce26ffdb7f27', cx: "6", cy: "12", r: "1.6" }), hAsync("circle", { key: '0baa627bca5f382f0cf9c0b8899bd19d0cdcc920', cx: "12", cy: "12", r: "1.6" }), hAsync("circle", { key: '3c63f0c71b887ddf51ef485eaa4562ee2d5704a6', cx: "18", cy: "12", r: "1.6" }))))))));
+            : null, hAsync("button", { key: '9b2f97c61c4260d765d7e57c82f902859fb7d6a0', type: "button", class: "md-breadcrumbs__overflow-btn", part: "overflow-button", "aria-label": this.expandLabel, "aria-expanded": this.expanded ? 'true' : 'false', onClick: this.toggleExpanded }, hAsync("svg", { key: '5d98bc01fc58049d20119ffd1f2a4dd961c7075c', viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true" }, hAsync("circle", { key: '7ddb80ca2c6ddc1156a347c0258a5e0edc1705ef', cx: "6", cy: "12", r: "1.6" }), hAsync("circle", { key: '138c27a9047165cb9bb43232c15c8f8bd9fff7a3', cx: "12", cy: "12", r: "1.6" }), hAsync("circle", { key: '5d7263f67eb5a60d0fb6a3f5e8b0bd50e45e0981', cx: "18", cy: "12", r: "1.6" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21279,7 +21340,7 @@ class MdButton {
         const isEffectivelyDisabled = this.isDisabled;
         const hasLeadingIcon = !!this.icon;
         const hasTrailingIcon = !!this.trailingIcon;
-        return (hAsync(Host, { key: '6b090f8bb24dabe25b5cbcf0ca6b4e6b3c667a31', class: {
+        return (hAsync(Host, { key: '08c5be7135433762687d4386cfbbe3faa044789a', class: {
                 'md-button': true,
                 [`md-button--${this.variant}`]: true,
                 [`md-button--${this.size}`]: true,
@@ -21297,7 +21358,7 @@ class MdButton {
                 'md-button--full-width': this.fullWidth,
             }, role: this.roleOverride || 'button', "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', "aria-pressed": this.toggle ? String(this.selected) : undefined, tabindex: this.disabled
                 ? '-1'
-                : (this.groupTabindex !== null ? String(this.groupTabindex) : '0'), onClick: this.handleClick, onKeyDown: this.handleKeyDown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.ripple && hAsync("md-ripple", { key: '5f4da04adad6d58814189fa629634d78f9b922d6', disabled: isEffectivelyDisabled }), hAsync("span", { key: '136b4b9fdc384e87e628a263fd727381212ca39a', class: "md-button__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("slot", { key: 'de4b9b8078984d220f86c3ab984c9a6cf998e987', name: "leading-icon" }, hasLeadingIcon && hAsync("span", { key: 'fef73ccdb6e25406b090dc6778d1363dc5ac877c', class: "md-button__icon material-symbols-outlined", part: "icon" }, this.icon)), hAsync("span", { key: 'b1b77be2bec9e05603f26421ec398c4d574f049d', class: "md-button__label", part: "label" }, hAsync("slot", { key: '3e55a0f0ffb89e2039ab6ce3838d5a804b5996dc' })), hAsync("slot", { key: '8bb568db616e8c0892d01d948a2dfa76ca1f7241', name: "trailing-icon" }, hasTrailingIcon && hAsync("span", { key: '36bafed7a8cf957bda74d8bb79372d1e893bc7f7', class: "md-button__trailing-icon material-symbols-outlined", part: "trailing-icon" }, this.trailingIcon)), this.loading && (
+                : (this.groupTabindex !== null ? String(this.groupTabindex) : '0'), onClick: this.handleClick, onKeyDown: this.handleKeyDown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.ripple && hAsync("md-ripple", { key: '5e8e1860cf1e07f5e786cda3993a938f5858ee93', disabled: isEffectivelyDisabled }), hAsync("span", { key: '22815acead32dc0aa71a940fc9a48136721a46a5', class: "md-button__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("slot", { key: '863362e479f2294ce3e189f7555fe5d3c246a84e', name: "leading-icon" }, hasLeadingIcon && hAsync("span", { key: 'fe2cd35d10f548d90ce64a3745afc45c4e74bf52', class: "md-button__icon material-symbols-outlined", part: "icon" }, this.icon)), hAsync("span", { key: '744ddd0f277e1e572f949a16c5097e31a60722ab', class: "md-button__label", part: "label" }, hAsync("slot", { key: '6c382a5e8c36b62de29a780890b2161c6e6a533f' })), hAsync("slot", { key: '98ad3af9a3dae0012b3001155a23507ad4fa5e6c', name: "trailing-icon" }, hasTrailingIcon && hAsync("span", { key: '361900cc872a3c8d3484bebf63d57207828d3e08', class: "md-button__trailing-icon material-symbols-outlined", part: "trailing-icon" }, this.trailingIcon)), this.loading && (
         /* md-loading-indicator, not a hand-rolled ring: never ship a custom
            loading affordance where a library component exists. It is
            md-loading-indicator rather than md-progress-indicator because the
@@ -21308,7 +21369,7 @@ class MdButton {
            The `loader` slot lets a consumer swap it (e.g. for a circular
            md-progress-indicator). The size hooks sit on this WRAPPER so they
            cascade to whatever ends up inside it, default or slotted. */
-        hAsync("span", { key: '775c639e462c951d75ee2662f1a5d4bc151a125e', class: "md-button__loading", part: "loading", "aria-hidden": "true" }, hAsync("slot", { key: '523db784cd7bf543fdd88ffb82f50a9771bff2fe', name: "loader" }, hAsync("md-loading-indicator", { key: 'a6aa69ee8671bc181db7b9c13529b69934571243', class: "md-button__loading-default" }))))));
+        hAsync("span", { key: '0e180026bd5c392787a3e4aa7ba8a8405a9f8aa5', class: "md-button__loading", part: "loading", "aria-hidden": "true" }, hAsync("slot", { key: 'cc7cb4c7311b4bed3d6882383c5e005784e1a1ce', name: "loader" }, hAsync(LazyLoadingIndicator, { key: 'fce7949b088c1689508e022ae4a401dc0c46b6ba', class: "md-button__loading-default" }))))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -21672,13 +21733,13 @@ class MdButtonGroup {
     }
     render() {
         const useRadioGroup = this.selectionMode === 'single-select';
-        return (hAsync(Host, { key: 'afbb0014a97b31452f8a75ec35ea68c247851977', class: {
+        return (hAsync(Host, { key: '99fac3da7c1f65b51895c6e530ffc4d62da8b360', class: {
                 'md-button-group': true,
                 [`md-button-group--${this.variant}`]: true,
                 [`md-button-group--${this.size}`]: true,
                 [`md-button-group--${this.shape}`]: true,
                 'md-button-group--full-width': this.fullWidth,
-            }, role: useRadioGroup ? 'radiogroup' : 'group', "aria-orientation": useRadioGroup ? 'horizontal' : undefined }, hAsync("slot", { key: '26bc5eb1cbecfdf27571b4d929b22c47ca34f902' })));
+            }, role: useRadioGroup ? 'radiogroup' : 'group', "aria-orientation": useRadioGroup ? 'horizontal' : undefined }, hAsync("slot", { key: '1f63ab2203ce8b8cd7fb1180e101421a65c9ae8c' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21930,7 +21991,7 @@ class MdCard {
            mouse-clickable (host `onClick` → `mdClick`) and visually interactive, but
            the inner controls are the real keyboard tab stops. */
         const actsAsButton = this.interactive && !this.hasInteractiveContent;
-        return (hAsync(Host, { key: 'bf9c73e3e7d290f2ef69cd392bdf2aaf214e3503', class: {
+        return (hAsync(Host, { key: '067450c6baf3417b8adc6138e90ffc54fa6fec88', class: {
                 'md-card': true,
                 [`md-card--${this.variant}`]: true,
                 'md-card--interactive': this.interactive,
@@ -21939,7 +22000,7 @@ class MdCard {
                 'md-card--dragged': this.dragging,
                 'md-card--full-width': this.fullWidth,
                 'md-card--full-height': this.fullHeight,
-            }, role: actsAsButton ? 'button' : undefined, "aria-disabled": actsAsButton && isEffectivelyDisabled ? 'true' : undefined, "aria-grabbed": this.dragEnabled ? (this.dragging ? 'true' : 'false') : undefined, tabindex: actsAsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, (this.interactive || this.dragEnabled) && this.ripple && hAsync("md-ripple", { key: '73e11fe7916addea8967bb051bd8e5297f38502c', disabled: isEffectivelyDisabled }), (this.interactive || this.dragEnabled) && hAsync("span", { key: 'af10e462142ac1fd5c492ac804f2721e21b24d8e', class: "md-card__state-layer", part: "state-layer", "aria-hidden": "true" }), this.variant === 'outlined' && hAsync("span", { key: '84d50d287ba601f79f15f0222a0b3b3a3c613ab8', class: "md-card__outline", part: "outline", "aria-hidden": "true" }), hAsync("slot", { key: '978ceb875d90c734bcdf5dd948e7c27140f4fff3', onSlotchange: this.detectInteractiveContent })));
+            }, role: actsAsButton ? 'button' : undefined, "aria-disabled": actsAsButton && isEffectivelyDisabled ? 'true' : undefined, "aria-grabbed": this.dragEnabled ? (this.dragging ? 'true' : 'false') : undefined, tabindex: actsAsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, (this.interactive || this.dragEnabled) && this.ripple && hAsync("md-ripple", { key: '5fcb37a8762d43586c083ad38b6148294829ae7f', disabled: isEffectivelyDisabled }), (this.interactive || this.dragEnabled) && hAsync("span", { key: '507ee66b1d65087c29bddd14e74f6a3d0c6d7434', class: "md-card__state-layer", part: "state-layer", "aria-hidden": "true" }), this.variant === 'outlined' && hAsync("span", { key: '578568f43403feeb2cde4a435a678db0931e8502', class: "md-card__outline", part: "outline", "aria-hidden": "true" }), hAsync("slot", { key: '57f6a516c8c486af8e7210c0fd217e582f76979e', onSlotchange: this.detectInteractiveContent })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22226,7 +22287,7 @@ class MdCheckbox {
            (tabindex present) widget descendant "even with aria-hidden" — so the
            attribute is dropped entirely, leaving the host non-focusable. */
         const decorative = this.el.getAttribute('aria-hidden') === 'true';
-        return (hAsync(Host, { key: 'a0d40b9f78fd0156ee6cdec1366112632f167511', class: {
+        return (hAsync(Host, { key: '6151d70a6d2b1c923477873ef91c0e80d1d165e8', class: {
                 'md-checkbox': true,
                 'md-checkbox--checked': this.checked && !this.indeterminate,
                 'md-checkbox--indeterminate': this.indeterminate,
@@ -22236,7 +22297,7 @@ class MdCheckbox {
                 'md-checkbox--pressed': this.pressed,
                 'md-checkbox--prev-unselected': !this.prevChecked && !this.prevIndeterminate,
                 'md-checkbox--has-support': !!(this.errorText || this.supportingText),
-            }, role: "checkbox", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.errorText || this.supportingText ? `${this.uid}-support` : undefined, "aria-checked": this.ariaCheckedValue, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: decorative ? null : this.disabled ? '-1' : '0', onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("span", { key: '08c18fbbeb24f4b2776e533f9fe5891c7962d68a', class: "md-checkbox__target", part: "target" }, hAsync("span", { key: 'bd3d4b8aff21d9574ad129ee875d8b673d7365d9', class: "md-checkbox__ripple-layer", "aria-hidden": "true" }, hAsync("md-ripple", { key: 'da2c6869e619d1afa2f209cded502588e5ca2f9a', disabled: isEffectivelyDisabled })), hAsync("span", { key: '141b88846ca966456a5d93a71ac8e8c89b638500', class: "md-checkbox__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("span", { key: '97c914aaa946e06275280a1f6022836c42137911', class: "md-checkbox__container", part: "container" }, hAsync("span", { key: '2feb4131baf460aef5e0e13e53a1cddc289eadf6', class: "md-checkbox__icon", part: "icon", "aria-hidden": "true" }, hAsync("span", { key: '1405ff7289795bf85418a95747e1b2475be9b354', class: "material-symbols-outlined" }, this.indeterminate ? 'remove' : 'check')))), (this.errorText || this.supportingText) && (hAsync("span", { key: 'b5cbb3b42837a18b6135dcd5fc10c363badd4636', id: `${this.uid}-support`, part: "supporting-text", role: this.error ? 'alert' : undefined, class: {
+            }, role: "checkbox", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.errorText || this.supportingText ? `${this.uid}-support` : undefined, "aria-checked": this.ariaCheckedValue, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: decorative ? null : this.disabled ? '-1' : '0', onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("span", { key: 'e40a207fadba9da13cc242770b5dbf25bd982bf9', class: "md-checkbox__target", part: "target" }, hAsync("span", { key: 'e9743a49ac5ad9d09341871d94241a73d9a6f6db', class: "md-checkbox__ripple-layer", "aria-hidden": "true" }, hAsync("md-ripple", { key: '6b2b3f16de880e62bd4c7e535972d72b9b852356', disabled: isEffectivelyDisabled })), hAsync("span", { key: '083ac5d32a3b61934bf59992dc94d0aecfa4519b', class: "md-checkbox__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("span", { key: '15b739357adfe8b42bbd529ae9c73c07c81be941', class: "md-checkbox__container", part: "container" }, hAsync("span", { key: '3af9b1d50202b1e8946fb6c4df12e3dcf4b6f721', class: "md-checkbox__icon", part: "icon", "aria-hidden": "true" }, hAsync("span", { key: 'c79042be6891ac7553c93ac2111f52b0ef6a115e', class: "material-symbols-outlined" }, this.indeterminate ? 'remove' : 'check')))), (this.errorText || this.supportingText) && (hAsync("span", { key: '72f3b6a14ea4d901ac0ed671d0407860d10777bb', id: `${this.uid}-support`, part: "supporting-text", role: this.error ? 'alert' : undefined, class: {
                 'md-checkbox__support': true,
                 'md-checkbox__support--error': this.error,
             } }, this.errorText || this.supportingText))));
@@ -22489,7 +22550,7 @@ class MdChip {
         // remove button to nest.
         const hostIsButton = this.isInteractiveHost && !showRemove;
         const renderPrimary = this.isInteractiveHost && showRemove;
-        return (hAsync(Host, { key: 'ac377a67d3c9c5e464f9cc30cada24b9c9f2e848', style: this.colorVars, class: {
+        return (hAsync(Host, { key: '0a328e2479ae8b551eeb7288192dfb79bf4ee99e', style: this.colorVars, class: {
                 'md-chip': true,
                 [`md-chip--${this.variant}`]: true,
                 'md-chip--selected': this.selected && this.isSelectable,
@@ -22503,7 +22564,7 @@ class MdChip {
                 'md-chip--disabled': isEffectivelyDisabled,
                 'md-chip--with-leading-icon': hasLeadingIcon || showCheckmark,
                 'md-chip--with-trailing-icon': hasTrailingIcon || showRemove,
-            }, role: hostIsButton ? 'button' : 'group', "aria-roledescription": "chip", "aria-pressed": hostIsButton && this.isSelectable ? String(this.selected) : undefined, "aria-label": hostIsButton ? undefined : chipLabel || undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, tabindex: hostIsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("md-ripple", { key: '71ddc00b4e7f72a93b9356f647b3630aa50380a3', disabled: isEffectivelyDisabled }), hAsync("span", { key: '6eab2a000c1543bb6957c175cfb33cbb06d3f345', class: "md-chip__state-layer", part: "state-layer", "aria-hidden": "true" }), !this.elevated && hAsync("span", { key: 'ee96614931899684057f77b1bed36c315964fdca', class: "md-chip__outline", part: "outline", "aria-hidden": "true" }), renderPrimary && (hAsync("span", { key: 'f0743bfa4bc9b7c6cf7d357c000426f1e5f3b108', class: "md-chip__primary", part: "primary", role: "button", tabindex: this.disabled ? '-1' : '0', "aria-labelledby": "md-chip-label-text", "aria-pressed": this.isSelectable ? String(this.selected) : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined })), showCheckmark && (hAsync("span", { key: 'c15afa18cc1fa1e956c1dcf3c0806d7b065620b0', class: "md-chip__checkmark", part: "checkmark", "aria-hidden": "true" }, hAsync("svg", { key: '1e7a5eb1ec44df6efd803543e943889bff65e1e8', viewBox: "0 0 18 18", fill: "none" }, hAsync("path", { key: '3d36f6406d5bce2e0b7fb71f25b9a6142cc88b3b', d: "M6.75 12.127L3.623 9l-1.06 1.057L6.75 14.25l9-9-1.057-1.057L6.75 12.127z", fill: "currentColor" })))), hAsync("slot", { key: '9dd3792251fc0f43baa3e3b0787fbbf7967cfc2b', name: "leading-icon" }, hasLeadingIcon && !showCheckmark && (hAsync("span", { key: '0078163a6741535eef3c413559d8cc9a4b7dbbc2', class: "md-chip__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hAsync("span", { key: 'bae9ed93b4ba0e8dda2e9d0fbae102405fbdaeae', class: "md-chip__label", part: "label", id: "md-chip-label-text" }, hAsync("slot", { key: '9f36d159a093aaa93e3c4867e7bbf7a5543fcebd' }, this.label)), showRemove ? (hAsync("button", { class: "md-chip__remove", part: "remove", type: "button", tabindex: this.disabled ? '-1' : '0', "aria-label": chipLabel ? `Remove ${chipLabel}` : 'Remove', disabled: isEffectivelyDisabled, onClick: this.handleRemoveClick, onKeyDown: this.handleRemoveKeyDown }, hAsync("slot", { name: "trailing-icon" }, hAsync("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true" }, hAsync("path", { d: "M14.25 4.808l-1.058-1.058L9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.192l1.058 1.058L9 10.058l4.192 4.192 1.058-1.058L10.058 9l4.192-4.192z", fill: "currentColor" }))))) : (hAsync("slot", { name: "trailing-icon" }, hasTrailingIcon && (hAsync("span", { class: "md-chip__trailing-icon material-symbols-outlined", part: "trailing-icon", "aria-hidden": "true" }, this.trailingIcon))))));
+            }, role: hostIsButton ? 'button' : 'group', "aria-roledescription": "chip", "aria-pressed": hostIsButton && this.isSelectable ? String(this.selected) : undefined, "aria-label": hostIsButton ? undefined : chipLabel || undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, tabindex: hostIsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("md-ripple", { key: '73b49904dae32e15bbdb50623494d42bce04d6a7', disabled: isEffectivelyDisabled }), hAsync("span", { key: 'cfefcd180227f6386ef4c20a982f8f17c734f307', class: "md-chip__state-layer", part: "state-layer", "aria-hidden": "true" }), !this.elevated && hAsync("span", { key: 'e814b0966bc07ecef53daa0b5e12070bc88b56e3', class: "md-chip__outline", part: "outline", "aria-hidden": "true" }), renderPrimary && (hAsync("span", { key: 'adaf99f2ca0a22c682aafbcdc2ff32ef90362c6b', class: "md-chip__primary", part: "primary", role: "button", tabindex: this.disabled ? '-1' : '0', "aria-labelledby": "md-chip-label-text", "aria-pressed": this.isSelectable ? String(this.selected) : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined })), showCheckmark && (hAsync("span", { key: '4d7ef4295ae72f6a9d623e49c38037a0dc8b08fc', class: "md-chip__checkmark", part: "checkmark", "aria-hidden": "true" }, hAsync("svg", { key: '3b5f9d0d70ca30d56a3d3567e72d77424bc1faec', viewBox: "0 0 18 18", fill: "none" }, hAsync("path", { key: 'e49d701bb05de3507af5e1e20bf789d3ffe2737c', d: "M6.75 12.127L3.623 9l-1.06 1.057L6.75 14.25l9-9-1.057-1.057L6.75 12.127z", fill: "currentColor" })))), hAsync("slot", { key: '3bdfe28e8ab4815fdcd9a0eecb06460882ab3dfe', name: "leading-icon" }, hasLeadingIcon && !showCheckmark && (hAsync("span", { key: '9ac99981f7593db7923734234489bb983ca11a99', class: "md-chip__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hAsync("span", { key: 'ab1acdc080116f4d5b2529289b9f8879745b6c14', class: "md-chip__label", part: "label", id: "md-chip-label-text" }, hAsync("slot", { key: '90ec6e8a87cc540123f61278df8acb60b761449d' }, this.label)), showRemove ? (hAsync("button", { class: "md-chip__remove", part: "remove", type: "button", tabindex: this.disabled ? '-1' : '0', "aria-label": chipLabel ? `Remove ${chipLabel}` : 'Remove', disabled: isEffectivelyDisabled, onClick: this.handleRemoveClick, onKeyDown: this.handleRemoveKeyDown }, hAsync("slot", { name: "trailing-icon" }, hAsync("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true" }, hAsync("path", { d: "M14.25 4.808l-1.058-1.058L9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.192l1.058 1.058L9 10.058l4.192 4.192 1.058-1.058L10.058 9l4.192-4.192z", fill: "currentColor" }))))) : (hAsync("slot", { name: "trailing-icon" }, hasTrailingIcon && (hAsync("span", { class: "md-chip__trailing-icon material-symbols-outlined", part: "trailing-icon", "aria-hidden": "true" }, this.trailingIcon))))));
     }
     get el() { return getElement(this); }
     static get style() { return mdChipCss(); }
@@ -26183,7 +26244,7 @@ class MdDatePicker {
     render() {
         const panelVisible = this.open || this.panelClosing;
         const panelOpen = this.open && !this.panelClosing;
-        return (hAsync(Host, { key: '6cbba8cfae9317ef203d515804b15682fc4ac369', class: {
+        return (hAsync(Host, { key: '32adec3ed4418d1d48c02b0894c17574d38fd146', class: {
                 'md-date-picker': true,
                 [`md-date-picker--${this.variant}`]: true,
                 'md-date-picker--open': panelOpen,
@@ -26670,13 +26731,13 @@ class MdDialog {
         // slotted content was provided, which made the slot effectively
         // unreachable.
         const hasHeadline = !!this.headline || this.hasSlottedHeadline;
-        return (hAsync(Host, { key: '816d6b7b367160e92cfdc538ae9c27e926b34d37', class: {
+        return (hAsync(Host, { key: 'a7a08aa4537ec3473f7ded83e8a3bccb35db9dc5', class: {
                 'md-dialog': true,
                 'md-dialog--open': this.open,
                 'md-dialog--fullscreen': this.fullscreen,
                 'md-dialog--animating': this.animating,
                 'md-dialog--has-icon': hasIcon,
-            } }, !this.fullscreen && (hAsync("div", { key: 'f9b87cd611013b2f035f1b998096bfe269bebd56', class: "md-dialog__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), hAsync("div", { key: '75164bab79f10e7e12938a0e7ee47455da863a76', class: "md-dialog__container", part: "container", role: this.fullscreen ? 'dialog' : 'alertdialog', "aria-modal": "true", "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-describedby": this.contentId, tabindex: -1, ref: (el) => (this.containerEl = el) }, this.fullscreen && (hAsync("div", { key: 'b8c58ea9783e2f2103ed1c397c420e8cde34691e', class: "md-dialog__header", part: "header" }, hAsync("button", { key: '3616e77c7a2015676f543f51a50706adf78dd394', class: "md-dialog__close-btn", part: "close-button", "aria-label": this.resolvedLabel(this.closeLabel, 'close'), onClick: this.handleCloseClick }, hAsync("svg", { key: '31691834c13bd2d8f1ef5ad0802fc0c60b5cbe6a', viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, hAsync("path", { key: '1bfd05825fb3d3e08ff5a3a0aae5d98d8de691db', d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }))), hasHeadline && (hAsync("span", { key: 'cd7b7d8a1884ebd528caf9abda698a9200aff1cd', id: this.headlineId, class: "md-dialog__header-headline", part: "headline" }, this.headline)), hAsync("slot", { key: 'f209a51eafecab18cb634e814ad1f451770ff3df', name: "header-action" }))), this.fullscreen && this.headerDivider && (hAsync("div", { key: '08f82162a0809fe09d9886dc4c51832e0574d818', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), !this.fullscreen && (hAsync("div", { key: 'f0a99ab0d57560889f6b89ecce4b10208dd82073', class: "md-dialog__basic-header", part: "header" }, hAsync("slot", { key: '3a8586bd79666137f1a7c0e9b86b5e348d39fdbd', name: "icon" }, this.icon && (hAsync("span", { key: '71b6db731e3a73da8bbe65cbc27c26005849df33', class: "md-dialog__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hasHeadline && (hAsync("div", { key: '85ac375f2115a8b61a42589ff2b1b9eab88ecbb2', id: this.headlineId, class: "md-dialog__headline", part: "headline" }, hAsync("slot", { key: 'da1e42bd66df38cf8fe49f7acb83d69ff55b487c', name: "headline" }, this.headline))))), hAsync("div", { key: '6934f1de19d2f15d2f4eba128f179ecc0ef07753', id: this.contentId, class: "md-dialog__content", part: "content" }, hAsync("slot", { key: 'c9d669c128d4333081632e067acb5bb77856586e' })), this.divider && (hAsync("div", { key: 'a31c0afb54066ddef36841eba4c586cfb5123cb5', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), this.renderActions())));
+            } }, !this.fullscreen && (hAsync("div", { key: '38d6f78fe15cfcdf449eb442cf60f62b63399a96', class: "md-dialog__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), hAsync("div", { key: '4d5306f139440eb6e8c08e607d1b37470df45c4e', class: "md-dialog__container", part: "container", role: this.fullscreen ? 'dialog' : 'alertdialog', "aria-modal": "true", "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-describedby": this.contentId, tabindex: -1, ref: (el) => (this.containerEl = el) }, this.fullscreen && (hAsync("div", { key: '59f56a555b1ce523f13e1d1baa01c30b146d3fd4', class: "md-dialog__header", part: "header" }, hAsync("button", { key: 'ba66dacb86b0f12b093b390049a985e39b649452', class: "md-dialog__close-btn", part: "close-button", "aria-label": this.resolvedLabel(this.closeLabel, 'close'), onClick: this.handleCloseClick }, hAsync("svg", { key: 'd6fbf39a0c9b4041a510f44929a72f178e3f6dcc', viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, hAsync("path", { key: 'a9e24803cbf3303a4f5bdd680de9aceb5d7b471f', d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }))), hasHeadline && (hAsync("span", { key: '3b5a5914a48a5db0adf4cb0ea559a4b1af939875', id: this.headlineId, class: "md-dialog__header-headline", part: "headline" }, this.headline)), hAsync("slot", { key: '41e617d81a36ea2d5a682c63605cfb093d47a7e6', name: "header-action" }))), this.fullscreen && this.headerDivider && (hAsync("div", { key: 'a859f931cc334c3dbe3e9d12c0de3f636928a4fe', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), !this.fullscreen && (hAsync("div", { key: '4fe1f49e2dd39d1390e9781d623144dee4ccc3ca', class: "md-dialog__basic-header", part: "header" }, hAsync("slot", { key: '45e4abee072480b8d8a7cb80c1c848fc6a8cb2ec', name: "icon" }, this.icon && (hAsync("span", { key: '4a3cb1428d3876e6fafe69e9592c9a3efae2604e', class: "md-dialog__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hasHeadline && (hAsync("div", { key: '05f30544f1a0f2486890d747361bd30ab12a7bf2', id: this.headlineId, class: "md-dialog__headline", part: "headline" }, hAsync("slot", { key: '8ea63db23f32df2f3945a9cb8645fd28f75a34d9', name: "headline" }, this.headline))))), hAsync("div", { key: 'e8819873ed88143416717feb133d02896dd10fbc', id: this.contentId, class: "md-dialog__content", part: "content" }, hAsync("slot", { key: '26478e466c5fb1162a4a4feb13ca86224c35506a' })), this.divider && (hAsync("div", { key: '580b77e97e64d98c16e130253f5e60b4d1922b2f', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), this.renderActions())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -26822,13 +26883,13 @@ class MdDivider {
         this.vertical = false;
     }
     render() {
-        return (hAsync(Host, { key: '236e1e4509cb3cb5aa302b659d2394745595483e', class: {
+        return (hAsync(Host, { key: 'ac4ff97d8cd888c42a726d7d57898576b5d4591f', class: {
                 'md-divider': true,
                 'md-divider--inset': this.inset,
                 'md-divider--inset-start': this.insetStart,
                 'md-divider--inset-end': this.insetEnd,
                 'md-divider--vertical': this.vertical,
-            }, role: "separator", "aria-orientation": this.vertical ? 'vertical' : 'horizontal' }, hAsync("div", { key: '53484e39e2a192bd2db2b5140738cbd8be516420', class: "md-divider__line", part: "divider" })));
+            }, role: "separator", "aria-orientation": this.vertical ? 'vertical' : 'horizontal' }, hAsync("div", { key: 'ae92f30866cb2da8675c50a794f8cfd86c08ea63', class: "md-divider__line", part: "divider" })));
     }
     static get style() { return mdDividerCss(); }
     static get cmpMeta() { return {
@@ -26976,7 +27037,7 @@ class MdFab {
         const isExtended = this.extended === undefined ? hasLabel : this.extended;
         const hasIcon = !!this.icon;
         const hasExplicitAriaLabel = this.authoredAccessibleName;
-        return (hAsync(Host, { key: '9f38d5a63ee3ff8d86b361e83917091a3550a415', class: {
+        return (hAsync(Host, { key: 'fbd2c3ad0b52387a0560e11b68482fe84468390a', class: {
                 'md-fab': true,
                 [`md-fab--${this.variant}`]: true,
                 // Fixed circular sizes apply only to FABs that never carry a label.
@@ -26986,7 +27047,7 @@ class MdFab {
                 'md-fab--with-icon': hasIcon || this.hasSlottedIcon,
                 'md-fab--lowered': this.lowered,
                 'md-fab--disabled': this.disabled || this.softDisabled,
-            }, role: "button", "aria-label": hasLabel && !hasExplicitAriaLabel ? this.label : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.ripple && hAsync("md-ripple", { key: '5a0114263fe2817f3b7466fc4ec757403e31c203', disabled: isEffectivelyDisabled }), hAsync("span", { key: 'd4a45e41c4982d48212672e1ae87a3721edaf9b7', class: "md-fab__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("slot", { key: 'dddb0c1469a57e06af7fc9eea94f4acc5a9f5cf8', name: "icon" }, hasIcon && hAsync("span", { key: '47d5415adbdfd8629f6efe67c799a59058496f7e', class: "md-fab__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)), hasLabel && hAsync("span", { key: 'b2cf917ff3886b0adfb909ecde641fc1bd0ce1fd', class: "md-fab__label", part: "label", "aria-hidden": !isExtended ? 'true' : undefined }, this.label)));
+            }, role: "button", "aria-label": hasLabel && !hasExplicitAriaLabel ? this.label : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.ripple && hAsync("md-ripple", { key: 'cb9339ab1f4517d6f1a20e0ab85e8a776ff02d98', disabled: isEffectivelyDisabled }), hAsync("span", { key: '7b75ba2f21d7081da580edd470a7ce8a15781532', class: "md-fab__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("slot", { key: 'b2918b686e306493fdb0364322a4667934428b03', name: "icon" }, hasIcon && hAsync("span", { key: '7a3bc8d8edfc1a1df416e4fc9799a6d3a8c26217', class: "md-fab__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)), hasLabel && hAsync("span", { key: '2256df4b1377109e3f4edd843863c4bcaa3cccb4', class: "md-fab__label", part: "label", "aria-hidden": !isExtended ? 'true' : undefined }, this.label)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -27664,13 +27725,13 @@ class MdFabMenu {
     }
     /* ── Render ───────────────────────────────────────────── */
     render() {
-        return (hAsync(Host, { key: '7d92976fb9210339e957720b632d35cfdff532fe', class: {
+        return (hAsync(Host, { key: 'eb38be0588c7ca8b8cca6d04d15e5defd5ab196d', class: {
                 'md-fab-menu': true,
                 'md-fab-menu--open': this.open,
                 'md-fab-menu--closing': this.closing,
                 [`md-fab-menu--${this.variant}`]: true,
                 [`md-fab-menu--${this.effectivePlacement}`]: true,
-            }, role: "menu", id: this.menuId, "aria-label": this.menuLabel, "aria-orientation": "vertical", "aria-hidden": (!this.open && !this.closing) ? 'true' : 'false', onKeyDown: this.handleKeyDown }, hAsync("div", { key: 'cc2f3e1a224d69bab705793d8867b4797f342be9', class: "md-fab-menu__container" }, hAsync("div", { key: 'd43cb6ca7a3668c12118b6ff830152528d876f28', class: "md-fab-menu__items" }, hAsync("slot", { key: '6bbc2be30016796f4498734417bf1b711c76d449' })))));
+            }, role: "menu", id: this.menuId, "aria-label": this.menuLabel, "aria-orientation": "vertical", "aria-hidden": (!this.open && !this.closing) ? 'true' : 'false', onKeyDown: this.handleKeyDown }, hAsync("div", { key: 'fb9347312ceb5cd36ad866a7ee2a384de4e6f55c', class: "md-fab-menu__container" }, hAsync("div", { key: '1537c4a81d7e70630f327183319fc48cd68e8eff', class: "md-fab-menu__items" }, hAsync("slot", { key: '5dc74d72ab07be74ca3ed0a937a5590a3c60b291' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -27772,12 +27833,12 @@ class MdFabMenuItem {
     render() {
         const hasIcon = !!this.icon;
         const effectivelyDisabled = this.isDisabled;
-        return (hAsync(Host, { key: '776acd92b0443f4617576ce6e628c9700daa1d1f', class: {
+        return (hAsync(Host, { key: 'e699015c04bd99bff0b6115f748e6f5d3f4aef6a', class: {
                 'md-fab-menu-item': true,
                 'md-fab-menu-item--with-icon': hasIcon || this.hasSlottedIcon,
                 'md-fab-menu-item--disabled': effectivelyDisabled,
                 'md-fab-menu-item--roving-focus-visible': this.rovingFocusVisible,
-            }, role: "menuitem", "aria-disabled": effectivelyDisabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("md-ripple", { key: '0e1e1379829c42a0730605a6d14ccf082f74bfd7', disabled: effectivelyDisabled }), hAsync("span", { key: '83d7dfdc10c6389f9819207f2613519bb0ca118b', class: "md-fab-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("slot", { key: '4f5a17c3fcf744501d82e7942d5b0940a9889247', name: "icon" }, hasIcon && (hAsync("span", { key: 'a8e7e1d9025543e67bacfb5b7c8fd8ab4766a657', class: "md-fab-menu-item__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hAsync("span", { key: 'e5fc14ba00df55c92acc7ff3d3024ebe9491afd9', class: "md-fab-menu-item__label", part: "label" }, this.label ? this.label : hAsync("slot", null))));
+            }, role: "menuitem", "aria-disabled": effectivelyDisabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("md-ripple", { key: '66d1d6c5ee657a7c5b2ec5ec3dac1308b6131d1c', disabled: effectivelyDisabled }), hAsync("span", { key: '29baf1f4a5381ef65b9d508331ec7ab133dcc21b', class: "md-fab-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("slot", { key: 'b5d40819f7a5ece262ca67095137a109b160b28a', name: "icon" }, hasIcon && (hAsync("span", { key: 'ce2dd960172dea53be26ceefdc0aee394ee1f8ae', class: "md-fab-menu-item__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hAsync("span", { key: 'f35e75ed18e628c9dfcd972001b79b365e29b7a6', class: "md-fab-menu-item__label", part: "label" }, this.label ? this.label : hAsync("slot", null))));
     }
     get el() { return getElement(this); }
     static get style() { return mdFabMenuItemCss(); }
@@ -27942,7 +28003,7 @@ class MdIconButton {
         const hasIcon = !!this.icon || this.hasSlottedIcon;
         // Do not gate visibility on `hasIcon` — slotted glyphs must paint before sync.
         const showDefaultIconLayer = !showSelected || (!this.selectedIcon && !this.hasSlottedSelected);
-        return (hAsync(Host, { key: 'c8ba395e0f0eaa47019a6ec74ddb76135018d63a', class: {
+        return (hAsync(Host, { key: '09ede8ee7dd9deece236c792668d01d499a1b2e7', class: {
                 'md-icon-button': true,
                 [`md-icon-button--${this.variant}`]: true,
                 [`md-icon-button--${this.size}`]: true,
@@ -27958,13 +28019,13 @@ class MdIconButton {
                 'md-icon-button--connected-right': this.connectedRight,
             }, role: "button", "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', "aria-pressed": this.toggle ? String(this.selected) : undefined, tabindex: this.disabled
                 ? '-1'
-                : (this.groupTabindex !== null ? String(this.groupTabindex) : '0'), onClick: this.handleClick, onKeyDown: this.handleKeyDown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.ripple && hAsync("md-ripple", { key: '38a31f8be791e2441c128668d12cffc8d2883863', disabled: isEffectivelyDisabled }), hAsync("span", { key: '3e36940f6038c69663ae28330827edb68158e78e', class: "md-icon-button__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("span", { key: 'ee34874988c22da61d85a98db6e2f636c43b1bdb', class: {
+                : (this.groupTabindex !== null ? String(this.groupTabindex) : '0'), onClick: this.handleClick, onKeyDown: this.handleKeyDown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.ripple && hAsync("md-ripple", { key: '72e91836f4a9ed31b320e7adb3d16e3d8d62a0e9', disabled: isEffectivelyDisabled }), hAsync("span", { key: '7b7d129ceaef5fcd92170bb86c6342ebca6a4fd7', class: "md-icon-button__state-layer", part: "state-layer", "aria-hidden": "true" }), hAsync("span", { key: 'a7676d07a86d8067b03ab028871f79a5d9c2781a', class: {
                 'md-icon-button__icon': true,
                 'md-icon-button__icon--on': showDefaultIconLayer,
-            }, part: "icon" }, hAsync("slot", { key: '25fe46290a2d8793c7f72ee623fafcfeaf01d015' }), showDefaultIconLayer && hasIcon && !this.hasSlottedIcon && (hAsync("span", { key: '9da0f58088f30f43b37d14f93f1f2406454f493d', class: "md-icon-button__icon-font material-symbols-outlined", "aria-hidden": "true" }, showSelected && this.selectedIcon ? this.selectedIcon : this.icon))), this.toggle && (this.selectedIcon || this.hasSlottedSelected) && (hAsync("span", { key: '366c07e84c1aa12ca7259983518ecb6e6e909852', class: {
+            }, part: "icon" }, hAsync("slot", { key: '9b719ec841e5a917dbe7874a42c609ea6a3fb456' }), showDefaultIconLayer && hasIcon && !this.hasSlottedIcon && (hAsync("span", { key: 'cc86062ec19a4b20577212d7ac4efdaa81622565', class: "md-icon-button__icon-font material-symbols-outlined", "aria-hidden": "true" }, showSelected && this.selectedIcon ? this.selectedIcon : this.icon))), this.toggle && (this.selectedIcon || this.hasSlottedSelected) && (hAsync("span", { key: '8b09b003d9f24b5699400dda2d1a5aab3dacac0a', class: {
                 'md-icon-button__icon': true,
                 'md-icon-button__icon--on': showSelected,
-            }, part: "selected-icon" }, hAsync("slot", { key: '7b346adf89aca1c953618e2b2654df70ed2c2320', name: "selected" }), !this.hasSlottedSelected && this.selectedIcon && (hAsync("span", { key: 'f61d47d93eb24d4e95a5704dfc14bf59f3a3f9e0', class: "md-icon-button__icon-font material-symbols-outlined", "aria-hidden": "true" }, this.selectedIcon))))));
+            }, part: "selected-icon" }, hAsync("slot", { key: '4515b64d704dc5f64f7509d35f7fe2d3e50c64d3', name: "selected" }), !this.hasSlottedSelected && this.selectedIcon && (hAsync("span", { key: 'd18a21bdd3511d6f5ab6f9ce33e59caab9d8f29b', class: "md-icon-button__icon-font material-symbols-outlined", "aria-hidden": "true" }, this.selectedIcon))))));
     }
     get el() { return getElement(this); }
     static get style() { return mdIconButtonCss(); }
@@ -28922,14 +28983,14 @@ class MdLineChart {
         // While loading, the loader owns the box — an empty-state message under it
         // would just be the wrong answer to "where is my data?".
         const empty = this.series.length === 0 && !this.loading;
-        return (hAsync(Host, { key: 'd9a1a408606f3561ab600a9e11978ed9f6fb5308', class: {
+        return (hAsync(Host, { key: '9fdae447c59ed3416a6417db10ffbd0b0d441014', class: {
                 'md-line-chart': true,
                 'md-line-chart--empty': empty,
                 'md-line-chart--loading': this.loading,
                 'md-line-chart--mounted': this.mounted,
                 'md-line-chart--zoom-slider': this.zoomSliderOn,
                 'md-line-chart--zoom-drag': this.zoomInside,
-            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, hAsync("header", { key: '7d3982cb8d3a9a69f95554943898a214d221c734', class: "md-line-chart__header", part: "header" }, hAsync("slot", { key: 'fc1a089066350f40fa9c30b1984294017cd5dbbb', name: "header" })), hAsync("div", { key: 'e4818930f4ba554326a7e7720075fcf211fe17b0', class: "md-line-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (hAsync("div", { key: 'd056e1034d7cbf6a61a46256c7f271cb0343ce7b', class: "md-line-chart__empty", part: "empty" }, hAsync("slot", { key: 'd3af8ff195e4973432ae6fcf683e96f70bd1ccab', name: "empty" }, this.labelEmpty))), this.loading && (hAsync("div", { key: '3b26dd9069ebf17abd58d1c77e14828019e0a4e2', class: "md-line-chart__loading", part: "loading", role: "status" }, hAsync("slot", { key: 'd36d29dafcc655bd30d7bcbac13ae6c18a594839', name: "loader" }, hAsync("slot", { key: '47153fb58d0e11132e466e724ab587caa576c263', name: "loading" }, hAsync("md-progress-indicator", { key: '60c443fa744ac9ab1ef58afad715799059009326', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), hAsync("span", { key: '505c3a377627e288969725420ac2db4b7329b57d', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (hAsync("div", { key: '8b496a56977f724f86c43167fffa3ff7d07caf75', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), hAsync("footer", { key: '83a5255e217e7d74c2707d69d39b25c014ab3d1c', class: "md-line-chart__footer", part: "footer" }, hAsync("slot", { key: '9690127eb42f33b825d016f8cd85261cc62a74e7', name: "footer" })), hAsync("div", { key: '9d31b766915dbc6031b5e2f43b69b949d45e4f44', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), hAsync("div", { key: '2038de7cd5eca21af587cfa14a13edf08a73c750', class: "md-line-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
+            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, hAsync("header", { key: '9e99fad3c7a18d63c5434f06056a69d1e5923fd3', class: "md-line-chart__header", part: "header" }, hAsync("slot", { key: 'e232add7130f86efca6101ab2c81b947c9ac03cb', name: "header" })), hAsync("div", { key: 'de3dcc52d5966901d605d158d14f6b4ec88b4df4', class: "md-line-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (hAsync("div", { key: '2c6b6dc99eac4e51d3dda03c8bb0e1fb2b67100c', class: "md-line-chart__empty", part: "empty" }, hAsync("slot", { key: 'cff04093e72a5d90826f725534fa2700bbe65774', name: "empty" }, this.labelEmpty))), this.loading && (hAsync("div", { key: '3cc6a9d5e9289b7a92ab86ea19804c6e06b0ade8', class: "md-line-chart__loading", part: "loading", role: "status" }, hAsync("slot", { key: 'c049a9258b04247540d9bc535ca62fafd9c62757', name: "loader" }, hAsync("slot", { key: '56c043e6d654c7255d0bf0c8c3d7162d8d5da26b', name: "loading" }, hAsync("md-progress-indicator", { key: '42aabefb610f3810154695888f95aeb75d2c54e1', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), hAsync("span", { key: '34593a490492afb798cbdd580dd1973d7b35a9a9', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (hAsync("div", { key: '6339cff744e5b0f8fa00003f7b7f92bca80fe55b', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), hAsync("footer", { key: '2352c3298f8edde508e8f28163e47f30132ade34', class: "md-line-chart__footer", part: "footer" }, hAsync("slot", { key: '1e4d7f31cfc1a97a06b99b2ea5a856a27dc4e77d', name: "footer" })), hAsync("div", { key: '24ceaba1af71bcf7f1de0e8f500a3e4432b8162b', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), hAsync("div", { key: 'a4e2038ee145c1b7637b7f0f5a9bbee3f9d18a88', class: "md-line-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29876,17 +29937,17 @@ class MdList {
            expandable selection list degrades to `role="list"` (its per-row nested
            listboxes carry the option semantics), so gate the attribute on the role. */
         const ariaMulti = role === 'listbox' && this.selectionMode === 'multi-select' ? 'true' : null;
-        return (hAsync(Host, { key: 'b276cebae42f64386ad013dc37c0e3926ea00594', class: {
+        return (hAsync(Host, { key: '8daf2aaad9848b5d58ffbb98f9bb7d8920004f4d', class: {
                 'md-list': true,
                 [`md-list--${this.listStyle}`]: true,
                 [`md-list--${this.selectionMode}`]: this.selectionMode !== 'none',
                 [`md-list--${this.interactionMode}`]: true,
                 'md-list--reorderable': this.reorderable,
                 'md-list--reordering': !!this.dropPlaceholder,
-            }, role: role, "aria-label": this.label || null, "aria-labelledby": this.labelledby || null, "aria-multiselectable": ariaMulti }, this.dropPlaceholder && (hAsync("div", { key: '50ef5fcce48b5ab1a53d1bd74d254048c919bba0', class: "md-list__drop-placeholder", part: "drop-placeholder", "aria-hidden": "true", style: {
+            }, role: role, "aria-label": this.label || null, "aria-labelledby": this.labelledby || null, "aria-multiselectable": ariaMulti }, this.dropPlaceholder && (hAsync("div", { key: '88a98f3d21f89177d1f7d879fc406fe7e9cbb40c', class: "md-list__drop-placeholder", part: "drop-placeholder", "aria-hidden": "true", style: {
                 transform: `translateY(${this.dropPlaceholder.top}px)`,
                 blockSize: `${this.dropPlaceholder.height}px`,
-            } })), hAsync("slot", { key: '3f3144e9735900e8ba29abfd2190b9c8ce585b56' })));
+            } })), hAsync("slot", { key: '70452f5305b74576d8eff4ed4471a847fc061773' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30969,7 +31030,7 @@ class MdListItem {
                 ? 'group'
                 : 'region';
         const panelLabel = panelRole === 'region' ? undefined : this.headlineFullText() || undefined;
-        return (hAsync(Host, { key: '2b9d333fcd78fa67fa3811c61a02ac01b382363d', class: {
+        return (hAsync(Host, { key: 'cd61b205cde324e98ca0f95604a62ad00494c7c1', class: {
                 'md-list-item': true,
                 [`md-list-item--${lines}-line`]: true,
                 [`md-list-item--type-${this.type}`]: true,
@@ -30994,7 +31055,7 @@ class MdListItem {
                `focus` doesn't bubble, so handleFocus is wired on the primary in
                renderPrimary. The host keeps onFocus for selection / reorderable
                rows, which focus the host directly. */
-            onFocus: isInteractive && !hasPrimaryAction ? this.handleFocus : undefined }, hAsync("span", { key: 'f1a9a1759c9282ca6a44cbf2a8db81c6e3c04330', class: "md-list-item__row", part: "row" }, isInteractive && hAsync("md-ripple", { key: '9c1564542b14116edfcfc5c15606d5d0ee5b4437', disabled: this.isEffectivelyDisabled }), isInteractive && (hAsync("span", { key: 'a8c98bdc60fabdfc1bb6e3f8c7812a4721e87cc4', class: "md-list-item__state-layer", part: "state-layer", "aria-hidden": "true" })), hasPrimaryAction && this.renderPrimary(primaryTabIndex), !hasPrimaryAction && this.renderLeading(), !hasPrimaryAction && this.renderContent(), this.renderTrailing()), this.expandable && (hAsync("span", { key: '3eda42f27457a61543b6799c13222806f39cfb17', class: "md-list-item__expanded-panel", part: "expanded-panel", id: this.expandedPanelId,
+            onFocus: isInteractive && !hasPrimaryAction ? this.handleFocus : undefined }, hAsync("span", { key: '0af7fb5d7cbcd56393c428bcd3f65793613570a5', class: "md-list-item__row", part: "row" }, isInteractive && hAsync("md-ripple", { key: '428ed61997039e15e4e9443a9e323cde9391a041', disabled: this.isEffectivelyDisabled }), isInteractive && (hAsync("span", { key: 'ca6f498bd830e3583c5143f87ab3efa14c2ed20b', class: "md-list-item__state-layer", part: "state-layer", "aria-hidden": "true" })), hasPrimaryAction && this.renderPrimary(primaryTabIndex), !hasPrimaryAction && this.renderLeading(), !hasPrimaryAction && this.renderContent(), this.renderTrailing()), this.expandable && (hAsync("span", { key: '1301ba374be82875b89e1a47749e1b76e4bc69e2', class: "md-list-item__expanded-panel", part: "expanded-panel", id: this.expandedPanelId,
             /* The disclosed panel owns the row's slotted content. When that
                content is flat `md-list-item` rows they render as `listitem`,
                whose only valid axe context is `list` (verified against
@@ -31004,7 +31065,7 @@ class MdListItem {
                requires an owned role, so a plain `<div>`/FAQ panel can't trip
                `aria-required-children`. Interleaved dividers are `aria-hidden`
                (see syncExpandedContentDividers) so a `list` owns only its rows. */
-            role: panelRole, "aria-label": panelLabel, hidden: !this.expanded }, hAsync("span", { key: '3c763ff80f6a06f40bfa6ab3c6799fe8362fa626', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, hAsync("slot", { key: '78b2439caef1c7f3c5dd0c70b0330ee1d7280405', name: "expanded-content" }))))));
+            role: panelRole, "aria-label": panelLabel, hidden: !this.expanded }, hAsync("span", { key: '08e42531895724ae9de6688667c2bd866627aca3', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, hAsync("slot", { key: 'e2f5f73f0142d666d769eecdf9eddd5c62e2dd5f', name: "expanded-content" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31100,10 +31161,10 @@ class MdLoadingIndicator {
         this.density = 0;
     }
     render() {
-        return (hAsync(Host, { key: 'e6d22ea32ed8fef67906f81bb2ee61f127ed20f8', class: {
+        return (hAsync(Host, { key: '7283d7970401998bed6a0fba112756031f1ecdee', class: {
                 'md-loading-indicator': true,
                 [`md-loading-indicator--${this.variant}`]: true,
-            }, role: "progressbar", "aria-label": this.label, "aria-live": "polite" }, hAsync("span", { key: '284caf45947b622f09d46803b7b0205402b6a309', class: "md-loading-indicator__shape", part: "shape", "aria-hidden": "true" }), hAsync("span", { key: '472fac91cea4c2d490d49466b13ab75ab99ed962', class: "md-loading-indicator__sr-only", role: "status" }, this.label)));
+            }, role: "progressbar", "aria-label": this.label, "aria-live": "polite" }, hAsync("span", { key: 'b89f9b6f9eafd337fcf89af79771cee126ea7606', class: "md-loading-indicator__shape", part: "shape", "aria-hidden": "true" }), hAsync("span", { key: '5ff8ac5edfcb49334c22f3ac3b9d9be0edaf7b19', class: "md-loading-indicator__sr-only", role: "status" }, this.label)));
     }
     static get style() { return mdLoadingIndicatorCss(); }
     static get cmpMeta() { return {
@@ -31120,6 +31181,11 @@ class MdLoadingIndicator {
     }; }
 }
 
+var mdLoadingIndicator = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  MdLoadingIndicator: MdLoadingIndicator
+});
+
 const mdMenuCss = () => `:host{display:block;position:fixed;z-index:auto;pointer-events:none}:host(.md-menu--open){pointer-events:auto}.md-menu__surface{background-color:var(--md-sys-color-surface-container, #F7F2FA);border-radius:var(--md-sys-shape-corner-small, 8px);box-shadow:0 1px 2px rgba(0, 0, 0, 0.3),     0 2px 6px 2px rgba(0, 0, 0, 0.15);min-width:var(--md-menu-min-width, 112px);max-width:min(     var(--md-menu-max-width, 100vw),     calc(100vw - 2 * var(--md-menu-viewport-margin, 8px))   );padding:var(--md-sys-spacing-inset-xs, 4px) 0;overflow:visible;opacity:0;transform:scaleY(0.8);transform-origin:top left;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-menu--open) .md-menu__surface{opacity:1;transform:none}:host(.md-menu--closing) .md-menu__surface{opacity:0;transform:scaleY(0.8);transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15))}:host(.md-menu--closing){pointer-events:none}:host(.md-menu--quick) .md-menu__surface{transition:none}:host(.md-menu--inline-fill){position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;block-size:100%;inline-size:100%;pointer-events:auto}:host(.md-menu--inline-fill) .md-menu__surface{flex:1 1 auto;block-size:100%;min-block-size:0;min-inline-size:100%;max-inline-size:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;border:none;outline:none;padding:0;border-radius:0;border-end-start-radius:var(--md-menu-inline-fill-radius-end, 0);border-end-end-radius:var(--md-menu-inline-fill-radius-end, 0);background-color:var(--md-menu-inline-surface-color, transparent)}:host(.md-menu--inline-fill) .md-menu__scroll-shadow{flex:1 1 auto;min-block-size:0;block-size:100%}:host(.md-menu--inline-fill) .md-menu__surface ::slotted(md-menu-item:last-child){border-end-start-radius:var(--md-menu-inline-fill-radius-end, 0);border-end-end-radius:var(--md-menu-inline-fill-radius-end, 0)}:host(.md-menu--scroll):not(.md-menu--has-submenu) .md-menu__surface{overflow:hidden}:host(.md-menu--scroll) .md-menu__scroll-shadow{min-block-size:0}.md-menu__scroll-shadow{overflow-y:auto;overflow-anchor:none}:host([match-anchor-width]) .md-menu__surface{max-width:calc(100vw - 2 * var(--md-menu-viewport-margin, 8px));box-sizing:border-box}:host(:not(.md-menu--has-submenu):not(.md-menu--inline-fill):not(.md-menu--scroll)) .md-menu__surface{max-height:calc(100dvh - 2 * var(--md-menu-viewport-margin, 8px));overflow-y:auto;overscroll-behavior:contain}@media (max-width: 600px){:host(.md-menu--responsive) .md-menu__surface{width:calc(100vw - 2 * var(--md-menu-viewport-margin, 8px));min-width:0;max-width:none;box-sizing:border-box}}:host([placement="bottom-start"]) .md-menu__surface{transform-origin:top left}:host([placement="bottom-end"]) .md-menu__surface{transform-origin:top right}:host([placement="top-start"]) .md-menu__surface{transform-origin:bottom left}:host([placement="top-end"]) .md-menu__surface{transform-origin:bottom right}:host(.md-menu--standard) .md-menu__surface{background-color:var(--md-sys-color-surface-container-low, #F7F2FA);border-radius:var(--md-sys-shape-corner-large, 16px);box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),     0 4px 8px 3px rgba(0, 0, 0, 0.08);padding:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item){border-radius:var(--md-sys-shape-corner-small, 8px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:first-child),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:first-child){border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:last-child),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:last-child){border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:hover),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:hover){border-radius:var(--md-sys-shape-corner-extra-small, 4px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:active),:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item.md-menu-item--selected),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:active){border-radius:var(--md-sys-shape-corner-medium, 12px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:first-child:hover),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:first-child:hover){border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-extra-small, 4px);border-end-end-radius:var(--md-sys-shape-corner-extra-small, 4px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:last-child:hover),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:last-child:hover){border-start-start-radius:var(--md-sys-shape-corner-extra-small, 4px);border-start-end-radius:var(--md-sys-shape-corner-extra-small, 4px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--vibrant) .md-menu__surface{background-color:var(--md-sys-color-tertiary-container, #FFD8E4);border-radius:var(--md-sys-shape-corner-large, 16px);box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),     0 4px 8px 3px rgba(0, 0, 0, 0.08);padding:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item){border-radius:var(--md-sys-shape-corner-small, 8px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:first-child),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:first-child){border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:last-child),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:last-child){border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:hover),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:hover){border-radius:var(--md-sys-shape-corner-extra-small, 4px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:active),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item.md-menu-item--selected),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:active){border-radius:var(--md-sys-shape-corner-medium, 12px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:first-child:hover),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:first-child:hover){border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-extra-small, 4px);border-end-end-radius:var(--md-sys-shape-corner-extra-small, 4px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:last-child:hover),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:last-child:hover){border-start-start-radius:var(--md-sys-shape-corner-extra-small, 4px);border-start-end-radius:var(--md-sys-shape-corner-extra-small, 4px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--gap) .md-menu__surface{gap:var(--md-sys-spacing-gap-xs, 4px);display:flex;flex-direction:column}:host(.md-menu--grouped.md-menu--gap.md-menu--standard) .md-menu__surface,:host(.md-menu--grouped.md-menu--gap.md-menu--vibrant) .md-menu__surface{background-color:transparent;box-shadow:none;overflow:visible;display:flex;flex-direction:column;gap:var(--md-menu-group-gap, 4px);padding:0;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15))     drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1))}:host(.md-menu--grouped.md-menu--gap) .md-menu__surface ::slotted(md-menu-item-group),:host(.md-menu--grouped.md-menu--gap) .md-menu__scroll-shadow ::slotted(md-menu-item-group){flex-shrink:0}:host(.md-menu--grouped.md-menu--gap) .md-menu__scroll-shadow{display:flex;flex-direction:column;row-gap:var(--md-menu-group-gap, 4px)}:host(.md-menu--sectioned.md-menu--baseline) .md-menu__surface ::slotted([gap]){margin-bottom:var(--md-menu-section-gap, 2px)}.md-menu__empty{display:none;padding:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-body-medium-size, 14px);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);color:var(--md-sys-color-on-surface-variant, #49454F);text-align:center}:host(.md-menu--empty) .md-menu__empty{display:block}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
 
 const CLOSE_ANIMATION_MS = 150;
@@ -32219,7 +32285,7 @@ class MdMenu {
         ];
     }
     render() {
-        return (hAsync(Host, { key: '349ce271693310ea70aa98cb3980029e3afa1594', class: {
+        return (hAsync(Host, { key: 'b56dcecef34cbb5f88ec2ca077bb24793416a0e7', class: {
                 'md-menu': true,
                 'md-menu--open': this.open,
                 'md-menu--closing': this.closing,
@@ -32241,13 +32307,13 @@ class MdMenu {
             // closed steady state is just as affected). `inert` while hidden removes
             // the whole subtree from focus order and the a11y tree; it flips off in
             // the same render that clears aria-hidden, before any post-open focus.
-            inert: !this.open || this.closing }, hAsync("div", { key: '9a3e0ab8f4586b4164412fe972acbbf4cbc3000a', class: "md-menu__surface", part: "surface",
+            inert: !this.open || this.closing }, hAsync("div", { key: 'a3e6653976727089bc7f11162c5a363916525a3a', class: "md-menu__surface", part: "surface",
             // In provider/listbox mode the surface is just a container: it holds
             // the combobox (header slot) AND the listbox, so it must not itself be
             // a menu or a listbox. The host (md-select) renders the actual
             // role="listbox" wrapper around the options in its own shadow root, so
             // aria-controls / aria-activedescendant IDREFs resolve.
-            role: this.asListbox ? 'presentation' : 'menu', id: this.menuId, "aria-orientation": this.asListbox ? undefined : 'vertical', "aria-labelledby": this.asListbox ? undefined : this.anchor || undefined }, hAsync("slot", { key: 'abf20ee5e25dfcc174f8aa45814b6603b77e1c65', name: "header" }), this.useScrollViewport ? (hAsync("div", { class: "md-menu__scroll-shadow", part: "menu-viewport",
+            role: this.asListbox ? 'presentation' : 'menu', id: this.menuId, "aria-orientation": this.asListbox ? undefined : 'vertical', "aria-labelledby": this.asListbox ? undefined : this.anchor || undefined }, hAsync("slot", { key: '0ca8b628a129b2447b3db6102c4368072faa1d02', name: "header" }), this.useScrollViewport ? (hAsync("div", { class: "md-menu__scroll-shadow", part: "menu-viewport",
             // Keyboard access to the scrolling option list (WCAG 2.1.1): the
             // active option's roving tabindex can sit on a PINNED HEADER item
             // (e.g. a select's "Select all") that lives outside this viewport,
@@ -32476,7 +32542,7 @@ class MdMenuItem {
         return 'menuitem';
     }
     render() {
-        return (hAsync(Host, { key: 'b25da4876896e5eaf656f6e2139c09553454eec8', class: {
+        return (hAsync(Host, { key: '48e404d408c9ca6a0ac34caec39eea727c65a6a4', class: {
                 'md-menu-item': true,
                 'md-menu-item--selected': this.selected,
                 'md-menu-item--disabled': this.disabled,
@@ -32486,7 +32552,7 @@ class MdMenuItem {
                 ? this.indeterminate && !this.selected
                     ? 'mixed'
                     : String(this.selected)
-                : undefined, tabindex: "-1", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("md-ripple", { key: 'f68ad95aae97cc8ab0ca9af2050c29f723408e52', disabled: this.disabled }), hAsync("span", { key: '0fd37b9aa2303309350d7a449a0981a00a75be12', class: "md-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), this.type !== 'button' && this.checkPosition === 'start' && (hAsync("span", { key: '5549c5da78c3593035184d324411fcba8651fb3e', class: "md-menu-item__check", "aria-hidden": "true" }, hAsync("span", { key: 'f36546592022ccc977d158ab5b3ed00b126e6f8b', class: "material-symbols-outlined" }, this.selected ? 'check' : this.indeterminate ? 'remove' : ''))), this.hasLeadingIcon && (hAsync("span", { key: '0903854ac07ee37da7bd2157a760f448646f450a', class: "md-menu-item__leading", part: "leading-icon", "aria-hidden": "true" }, hAsync("slot", { key: 'af7ada80ec2c6b394fae8472a1df7089e0ba4094', name: "leading-icon" }))), hAsync("span", { key: '6254c0d2f1af7fb704bc67997aa72f3a1b16331d', class: "md-menu-item__content", part: "content" }, hAsync("span", { key: 'ce241acc497161cd00d353aa7e31c2aaac88f888', class: "md-menu-item__headline", part: "headline" }, this.headline), this.supportingText && (hAsync("span", { key: 'd0516abae552af8d01636efd29d9cbda0779a82b', class: "md-menu-item__supporting", part: "supporting-text" }, this.supportingText))), this.badge && (hAsync("span", { key: 'd37b17f80d96a51cd0eaf8949bc545e768d1f80a', class: "md-menu-item__badge", part: "badge" }, this.badge)), (this.hasTrailingIcon || this.trailingText) && (hAsync("span", { key: 'a9bd6510bc0cd58514413c60aa32c67b483e1827', class: "md-menu-item__trailing", part: "trailing" }, hAsync("slot", { key: '0cde3d7bde1836d4c9b8235dda7591ceb57dfac8', name: "trailing-icon" }, this.trailingText && (hAsync("span", { key: '6b26d3a72ccae3495cb1f23a757d328400fe658e', class: "md-menu-item__trailing-text" }, this.trailingText))))), this.type !== 'button' && this.checkPosition === 'end' && (hAsync("span", { key: '05c12792d280f770aad8fc64bfbab7833bb2aa91', class: "md-menu-item__check", "aria-hidden": "true" }, hAsync("span", { key: 'fb0edd0eb26708672ac89f5ffcf3ddf1164cfe75', class: "material-symbols-outlined" }, this.selected ? 'check' : this.indeterminate ? 'remove' : '')))));
+                : undefined, tabindex: "-1", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("md-ripple", { key: '497ed8d94922129ecc1569b6f4179fa6f5227772', disabled: this.disabled }), hAsync("span", { key: '5e54bd1eacefeafdbab3d5298be1a5ceb756866b', class: "md-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), this.type !== 'button' && this.checkPosition === 'start' && (hAsync("span", { key: 'd320b301ec5898b793f2ac303aec2e31f208870b', class: "md-menu-item__check", "aria-hidden": "true" }, hAsync("span", { key: 'a9f09d9e9cae4f932c11a5874157ee8974c2d4b0', class: "material-symbols-outlined" }, this.selected ? 'check' : this.indeterminate ? 'remove' : ''))), this.hasLeadingIcon && (hAsync("span", { key: '090c791b2ce17d004b9608f5e2b3d9e219a4a99c', class: "md-menu-item__leading", part: "leading-icon", "aria-hidden": "true" }, hAsync("slot", { key: 'b09e72ab4eec2035a782b0bf8ef440daf9979a28', name: "leading-icon" }))), hAsync("span", { key: '8d23acafa0b635b73e42d8dd9e5a4797d6603003', class: "md-menu-item__content", part: "content" }, hAsync("span", { key: '1260721ca31039703c9ebdc2f7ba220ee1caff3e', class: "md-menu-item__headline", part: "headline" }, this.headline), this.supportingText && (hAsync("span", { key: '63d53b3f400ba7e4b61d0858100bfc635a486c24', class: "md-menu-item__supporting", part: "supporting-text" }, this.supportingText))), this.badge && (hAsync("span", { key: '4eaddd507b789488ad55aa9abc049b929d3c229a', class: "md-menu-item__badge", part: "badge" }, this.badge)), (this.hasTrailingIcon || this.trailingText) && (hAsync("span", { key: 'b9d9de07acc7edef84f6bb848799749f68bbb8dc', class: "md-menu-item__trailing", part: "trailing" }, hAsync("slot", { key: '8c766e4ad6be0e7c4accbef209d91f758f24b924', name: "trailing-icon" }, this.trailingText && (hAsync("span", { key: 'd4e0221aa63168e972dd0c8ed968ad1f9c0bc14a', class: "md-menu-item__trailing-text" }, this.trailingText))))), this.type !== 'button' && this.checkPosition === 'end' && (hAsync("span", { key: 'cc7c2f89b94491a14f72f318916664b455d817c3', class: "md-menu-item__check", "aria-hidden": "true" }, hAsync("span", { key: '02cfb0716ac3635f720a07c06da9db75151d3437', class: "material-symbols-outlined" }, this.selected ? 'check' : this.indeterminate ? 'remove' : '')))));
     }
     get el() { return getElement(this); }
     static get style() { return mdMenuItemCss(); }
@@ -33777,7 +33843,7 @@ class MdMultiSelect {
             chipsWrap: isInline && this.chipOverflow === 'wrap', onClick: this.toggleOpen }, this.hasTriggerLeading && hAsync("slot", { name: "trigger-leading", slot: "leading-icon" }), isInline && this.renderInlineChips(), this.hasTriggerTrailing && hAsync("slot", { name: "trigger-trailing", slot: "trailing-icon" }), this.loading ? (
         // Busy state: a spinner replaces the clear/caret cluster. Consumers can
         // swap it via the `loader` slot; the default is md-loading-indicator.
-        hAsync("span", { slot: "trailing-icon", class: "md-multi-select__loader", part: "loading-spinner" }, hAsync("slot", { name: "loader" }, hAsync("md-loading-indicator", { label: this.loadingText })))) : ([
+        hAsync("span", { slot: "trailing-icon", class: "md-multi-select__loader", part: "loading-spinner" }, hAsync("slot", { name: "loader" }, hAsync(LazyLoadingIndicator, { label: this.loadingText })))) : ([
             this.clearable && hasValue && !this.isDisabled && (
             // A real <button> in the trailing slot: md-text-field detects it as an
             // interactive trailing control and un-hides the trailing wrapper, so this
@@ -33934,7 +34000,7 @@ class MdMultiSelect {
             // WAI-ARIA combobox: this input owns focus while the listbox is open;
             // md-menu conveys the active option via aria-activedescendant, and
             // aria-controls points at the listbox wrapper rendered in this shadow root.
-            role: "combobox", "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-controls": `${this.triggerId}-listbox`, "aria-autocomplete": "list", autocomplete: "off", placeholder: this.searchPlaceholder, "aria-label": this.filterLabel || (this.label ? `Filter ${this.label}` : 'Filter options'), onInput: this.onSearchInput, onClick: (e) => e.stopPropagation() }), this.searching && (hAsync("md-loading-indicator", { class: "md-multi-select__search-spinner", part: "search-spinner", label: this.searchingLabel, "aria-hidden": "true" })))), this.showSelectAll && !virtual && !this.loading && this.optionsData.length > 0 && (hAsync("div", { slot: "header", class: "md-multi-select__select-all", part: "select-all" }, hAsync("md-menu-item", { type: "checkbox", "check-position": "start", part: "select-all-item", "role-override": "checkbox", "keep-open": true, headline: this.selectAllLabel, selected: allSelected, indeterminate: someSelected, disabled: this.isDisabled, onMdClick: (e) => this.toggleSelectAll(e) }))), this.loading ? (
+            role: "combobox", "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-controls": `${this.triggerId}-listbox`, "aria-autocomplete": "list", autocomplete: "off", placeholder: this.searchPlaceholder, "aria-label": this.filterLabel || (this.label ? `Filter ${this.label}` : 'Filter options'), onInput: this.onSearchInput, onClick: (e) => e.stopPropagation() }), this.searching && (hAsync(LazyLoadingIndicator, { class: "md-multi-select__search-spinner", part: "search-spinner", label: this.searchingLabel, "aria-hidden": "true" })))), this.showSelectAll && !virtual && !this.loading && this.optionsData.length > 0 && (hAsync("div", { slot: "header", class: "md-multi-select__select-all", part: "select-all" }, hAsync("md-menu-item", { type: "checkbox", "check-position": "start", part: "select-all-item", "role-override": "checkbox", "keep-open": true, headline: this.selectAllLabel, selected: allSelected, indeterminate: someSelected, disabled: this.isDisabled, onMdClick: (e) => this.toggleSelectAll(e) }))), this.loading ? (
         // Busy state inside the menu: a wavy (M3 Expressive) indeterminate linear
         // progress bar instead of the option list or "Loading…" text.
         hAsync("div", { class: "md-multi-select__loading", part: "loading-bar", role: "status", "aria-label": this.loadingText }, hAsync("slot", { name: "menu-loader" }, hAsync("md-progress-indicator", { variant: "linear", indeterminate: true, wave: true, part: "loading-progress", label: this.loadingText })))) : virtual ? (
@@ -33956,7 +34022,7 @@ class MdMultiSelect {
         ])));
     }
     render() {
-        return (hAsync(Host, { key: '727566ee17b4c8007345fa27ee2fd1315d6af128', class: {
+        return (hAsync(Host, { key: '9fe3cdfe669524760d977efe2714ebcf4f19a59c', class: {
                 'md-multi-select': true,
                 [`md-multi-select--${this.variant}`]: true,
                 'md-multi-select--open': this.open,
@@ -33969,7 +34035,7 @@ class MdMultiSelect {
                 [`md-multi-select--chips-${this.chipPosition}`]: this.trigger === 'button' ||
                     this.hasSlottedTrigger ||
                     this.displayMode === 'chips',
-            }, "aria-haspopup": "listbox", "aria-busy": this.loading ? 'true' : undefined }, hAsync("div", { key: 'b7451455e24cf345b609f878a3c4af7c598262e1', class: "md-multi-select__frame", part: "frame", ref: (el) => (this.frameEl = el) }, this.renderTrigger(), this.renderChips()), this.renderInlineMeasure(), this.renderMenu(), hAsync("div", { key: '528396f650beec0a7718d9217afd9dafc08288b1', class: "md-multi-select__sr-live", part: "live-region", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveMessage), hAsync("div", { key: '0ff0bf3c847d24cd8a66ea48e26679d3c82e49f8', class: "md-multi-select__options", hidden: true }, hAsync("slot", { key: 'c6171dbffffbf80dc23fab363790d72037b1630e', onSlotchange: () => this.refreshOptions() }))));
+            }, "aria-haspopup": "listbox", "aria-busy": this.loading ? 'true' : undefined }, hAsync("div", { key: '7b1b2aecd1ac12d5645e779daa2973d60c00d678', class: "md-multi-select__frame", part: "frame", ref: (el) => (this.frameEl = el) }, this.renderTrigger(), this.renderChips()), this.renderInlineMeasure(), this.renderMenu(), hAsync("div", { key: '18d8e66db39168d0f4d336220c09dab3615460aa', class: "md-multi-select__sr-live", part: "live-region", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveMessage), hAsync("div", { key: '0b01ad6bdeb5d95c6d035bc739ac83094f0e6e57', class: "md-multi-select__options", hidden: true }, hAsync("slot", { key: 'e4bbb120ffdaf6307976dffa41227e97a8b834d0', onSlotchange: () => this.refreshOptions() }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -34349,7 +34415,7 @@ class MdNavigationBar {
         // the `tablist` role so keyboard semantics match the W3C tab pattern
         // while screen-reader users still see a navigation landmark. Authors give
         // the landmark a name by setting `aria-label` directly on the element.
-        return (hAsync(Host, { key: '325e851ac4a7042b130860220da50841a056e1c4', role: "navigation" }, hAsync("div", { key: 'ad48829d543d990abc77b4fe0f4acbfcf4761690', class: "md-navigation-bar__container", part: "container", role: "tablist", "aria-orientation": "horizontal" }, hAsync("slot", { key: 'cd8ef24df338375bd3a40a24ad39cb7b92ab3a59', onSlotchange: () => this.syncTabs() }))));
+        return (hAsync(Host, { key: 'cb22af9667abfc892a7f0d1d829bba39f17cdfd7', role: "navigation" }, hAsync("div", { key: '3f3b41e2f66fc7abe0d82425a685c64a0cf1e2dc', class: "md-navigation-bar__container", part: "container", role: "tablist", "aria-orientation": "horizontal" }, hAsync("slot", { key: 'ae3e561d42998fdd4f2489f6f50368d9de103f62', onSlotchange: () => this.syncTabs() }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35586,13 +35652,13 @@ class MdNavigationTab {
         const accessibleLabel = this.label || undefined;
         const visibility = this.resolveLabelVisibility();
         const ariaLabel = visibility === 'none' ? accessibleLabel : undefined;
-        return (hAsync(Host, { key: 'b84f80a399f4fa30e3fd35d3c708f5a10c86fbc7', class: {
+        return (hAsync(Host, { key: '1e813ec1dff85462d7936f43f4cb6b8063b21a9d', class: {
                 'md-navigation-tab': true,
                 'md-navigation-tab--active': this.active,
                 'md-navigation-tab--disabled': this.disabled,
                 'md-navigation-tab--soft-disabled': this.softDisabled && !this.disabled,
                 'md-navigation-tab--label-hidden': visibility === 'none',
-            }, "aria-label": ariaLabel, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur }, hAsync("md-ripple", { key: '83fec6cfe2db2bb364b91597f38263f9bc7ef919', disabled: this.interactionDisabled }), hAsync("span", { key: '66d3e42b259170e7dfc2021521e8e5a06b049b6a', class: "md-navigation-tab__state-layer", part: "state-layer", "aria-hidden": "true", "data-focus-visible": this.focusVisible ? 'true' : null }), hAsync("span", { key: '66fefed1e19574db90dc10435c4d252f25858281', class: "md-navigation-tab__container", part: "container" }, hAsync("span", { key: '9107a93789b7b0d3f45df0d8af5f2fb18ef0de50', class: {
+            }, "aria-label": ariaLabel, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur }, hAsync("md-ripple", { key: 'e82500d6252f6396ab2df765552c3d7f99d03ef6', disabled: this.interactionDisabled }), hAsync("span", { key: 'e8a2a889a6cabfaea71d8867ebba3596a5c71936', class: "md-navigation-tab__state-layer", part: "state-layer", "aria-hidden": "true", "data-focus-visible": this.focusVisible ? 'true' : null }), hAsync("span", { key: '823780d7fc34e8527e8c83604d9659e1299427a3', class: "md-navigation-tab__container", part: "container" }, hAsync("span", { key: 'a86bd4d59cf9597e971a3a72faa35d9313d61d45', class: {
                 'md-navigation-tab__indicator': true,
                 'md-navigation-tab__indicator--active': this.active,
             }, part: "indicator", "aria-hidden": "true" }), this.renderIcon(), this.renderLabel())));
@@ -36462,13 +36528,13 @@ class MdNumberField {
     }
     render() {
         const split = this.steppers === 'split';
-        return (hAsync(Host, { key: 'a05641b5d1a8483f8971ecdb3c2e3d2869d4cea3', class: {
+        return (hAsync(Host, { key: 'a5c75305c0b69a09e59c749fc8b9d2ff64089190', class: {
                 'md-number-field': true,
                 [`md-number-field--${this.variant}`]: true,
                 'md-number-field--disabled': this.isDisabled,
                 'md-number-field--split': split,
                 'md-number-field--inline': this.steppers === 'inline',
-            } }, split && this.renderStepper('decrement'), hAsync("md-text-field", { key: 'ccfc537634b5002a9d32f1b3fa753f6f5c69b2b7', ref: (el) => (this.fieldEl = el), class: "md-number-field__field", part: "field", variant: this.variant, label: this.label, placeholder: this.placeholder, value: this.inputValue, disabled: this.isDisabled, readOnly: this.readOnly, required: this.required, error: this.error, errorText: this.errorText, supportingText: this.supportingText, reserveSupportingSpace: this.reserveSupportingSpace, density: this.density,
+            } }, split && this.renderStepper('decrement'), hAsync("md-text-field", { key: '0a6e19edf3250e05e6beb067bfbe1bb90fce9dc4', ref: (el) => (this.fieldEl = el), class: "md-number-field__field", part: "field", variant: this.variant, label: this.label, placeholder: this.placeholder, value: this.inputValue, disabled: this.isDisabled, readOnly: this.readOnly, required: this.required, error: this.error, errorText: this.errorText, supportingText: this.supportingText, reserveSupportingSpace: this.reserveSupportingSpace, density: this.density,
             // A plain text input with a numeric software keyboard — deliberately
             // NOT type="number" (its spinners and browser-specific parsing fight
             // the Intl display), NOT role="spinbutton" (the formatted value stays
@@ -36832,10 +36898,10 @@ class MdOrganizationChart {
     render() {
         const roots = this.roots;
         const empty = roots.length === 0;
-        return (hAsync(Host, { key: '26bfcbc5b511f6d4a3fff05f01b7c5a17c76d799', class: {
+        return (hAsync(Host, { key: '30c2227bc9572fdf2eb6592bdf03409f86d8608e', class: {
                 'md-org-chart': true,
                 'md-org-chart--empty': empty,
-            } }, hAsync("div", { key: '341c78bd4de81514d001fe4df0b9065edc19f8fc', class: "md-org-chart__viewport", part: "viewport" }, empty ? (hAsync("div", { class: "md-org-chart__empty", part: "empty", role: "status" }, hAsync("slot", { name: "empty" }, "No data"))) : (hAsync("ul", { role: "tree", class: "md-org-chart__tree", part: "tree", "aria-label": this.label, "aria-multiselectable": this.selectionMode === 'multiple' ? 'true' : undefined }, roots.map((root, i) => this.renderNode(root, 1, i + 1, roots.length)))))));
+            } }, hAsync("div", { key: '469a05bbafc74a11fe0e8d76012e0b6f94c56536', class: "md-org-chart__viewport", part: "viewport" }, empty ? (hAsync("div", { class: "md-org-chart__empty", part: "empty", role: "status" }, hAsync("slot", { name: "empty" }, "No data"))) : (hAsync("ul", { role: "tree", class: "md-org-chart__tree", part: "tree", "aria-label": this.label, "aria-multiselectable": this.selectionMode === 'multiple' ? 'true' : undefined }, roots.map((root, i) => this.renderNode(root, 1, i + 1, roots.length)))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -37375,18 +37441,18 @@ class MdOtpField {
                 // keystrokes replacing rather than appending.
                 value: chars[i], "aria-label": cellLabel, "aria-invalid": this.error ? 'true' : undefined, "aria-required": i === 0 && this.required ? 'true' : undefined, "aria-describedby": supportText ? `${this.uid}-support` : undefined, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onClick: this.handleCellClick, onPaste: this.handlePaste }));
         }
-        return (hAsync(Host, { key: '540edbbe363e2f0ea8ef310d853c4feabc50c89d', class: {
+        return (hAsync(Host, { key: 'a737546458648b9a4d93231ef3ec423bd61236c6', class: {
                 'md-otp-field': true,
                 'md-otp-field--disabled': disabled,
                 'md-otp-field--readonly': this.readOnly,
                 'md-otp-field--error': this.error,
                 'md-otp-field--masked': this.mask,
-            } }, hAsync("div", { key: '3ce903d367a31fccba284b9581e2e075c59f25e9', class: "md-otp-field__cells", part: "cells", role: "group", "aria-label": this.label || undefined,
+            } }, hAsync("div", { key: '5a1d90c079a4f64c13f898615238956a055b7dcf', class: "md-otp-field__cells", part: "cells", role: "group", "aria-label": this.label || undefined,
             // Codes read left-to-right in RTL locales too — the row is pinned
             // LTR at the markup level (CSS re-asserts it).
             dir: "ltr", ref: (el) => {
                 this.cellsEl = el;
-            }, onFocusout: this.handleFocusOut }, nodes), showSupport && (hAsync("div", { key: '11dfa6c1c2fc88f6514f7eaba339b122aca3f008', class: "md-otp-field__support-row" }, hAsync("span", { key: '8b8c1eee61b1e2a758032b275f0bd9d2e5c010ba', id: `${this.uid}-support`, part: "supporting-text", role: this.error && supportText ? 'alert' : undefined, class: {
+            }, onFocusout: this.handleFocusOut }, nodes), showSupport && (hAsync("div", { key: '8a49a9672a1b59f2e9d942df4172da52b336ba23', class: "md-otp-field__support-row" }, hAsync("span", { key: '879c852f5b3fae2ec47d87eb34bf8b97b062e030', id: `${this.uid}-support`, part: "supporting-text", role: this.error && supportText ? 'alert' : undefined, class: {
                 'md-otp-field__support-text': true,
                 'md-otp-field__support-text--error': this.error,
             } }, supportText || '\u200B')))));
@@ -40744,7 +40810,7 @@ class MdRipple {
         this.growAnimation.addEventListener('finish', () => this.endWave(), { once: true });
     }
     render() {
-        return (hAsync(Host, { key: 'db104269176da1fe8c379500716b44c7d6575407', "aria-hidden": "true" }, hAsync("div", { key: '94d23e0d1697a050e49ae66e8e8c022b20f108bd', class: "md-ripple" })));
+        return (hAsync(Host, { key: '8e980fcdaae407a6adaa3ea90cd6f9e3771c19af', "aria-hidden": "true" }, hAsync("div", { key: 'd4c6fb757ce02f8cbba86d5e07de6cb4efb6d93b', class: "md-ripple" })));
     }
     get el() { return getElement(this); }
     static get style() { return mdRippleCss(); }
@@ -42085,7 +42151,7 @@ class MdSearch {
         // `loader` swaps the spinner (e.g. for a circular
         // md-progress-indicator); the default keeps the morph classes and
         // the exported shape part.
-        hAsync("slot", { name: "loader" }, hAsync("md-loading-indicator", { class: "md-search__loading", part: "loading", exportparts: "shape:loading-shape", label: this.loadingLabel }))), showClear && this.renderClearButton())), showVoice && this.renderVoiceButton(), hAsync("slot", { name: "trailing" })));
+        hAsync("slot", { name: "loader" }, hAsync(LazyLoadingIndicator, { class: "md-search__loading", part: "loading", exportparts: "shape:loading-shape", label: this.loadingLabel }))), showClear && this.renderClearButton())), showVoice && this.renderVoiceButton(), hAsync("slot", { name: "trailing" })));
     }
     // ────────────────────────────────────────────────────────────────────────
     // Render
@@ -42096,7 +42162,7 @@ class MdSearch {
         if (this.maxBlockSize) {
             hostStyle['--_max-block-size'] = this.maxBlockSize;
         }
-        return (hAsync(Host, { key: 'a1917af311741dbe519c61dbccc2444d2f7d1471', class: {
+        return (hAsync(Host, { key: '76ac5836c8203ebef26524ca009c55f263a29a53', class: {
                 'md-search': true,
                 [`md-search--${this.variant}`]: true,
                 [`md-search--${this.layout}`]: true,
@@ -42114,18 +42180,18 @@ class MdSearch {
                 'md-search--has-slotted-trailing': this.hasSlottedTrailing,
                 'md-search--full-width': this.fullWidth,
                 [`md-search--elevation-${this.elevation}`]: true,
-            }, style: Object.keys(hostStyle).length > 0 ? hostStyle : undefined }, hAsync("span", { key: 'fbe5d4a8afd52543bb6605dd7949ffcf007d40eb', class: "md-search__inset-probe", ref: (el) => (this.insetProbeEl = el), "aria-hidden": "true" }), hAsync("div", { key: '2dbe27e3953c8ee2ca91e05027ca4036d76e4a4b', class: "md-search__a11y-status", part: "status", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.resultsStatus), this.renderTrigger(), this.showBar && (hAsync("div", { key: 'e888147bb5f685e91b4e6be63811d183a84f8105', class: {
+            }, style: Object.keys(hostStyle).length > 0 ? hostStyle : undefined }, hAsync("span", { key: '07c31817339fccd674a4255abfaf4c1ba97844b0', class: "md-search__inset-probe", ref: (el) => (this.insetProbeEl = el), "aria-hidden": "true" }), hAsync("div", { key: 'b4c34966fadb4171ebc5993d812bf86d8d63b2c1', class: "md-search__a11y-status", part: "status", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.resultsStatus), this.renderTrigger(), this.showBar && (hAsync("div", { key: '7a15527ed9539e965909e26ca334d3ba364e6951', class: {
                 'md-search__bar': true,
                 'md-search__bar--focused': this.focused,
                 'md-search__bar--focus-ring': this.showFocusRing,
-            }, part: "bar", onClick: this.handleBarClick }, !this.disabled && (hAsync("md-ripple", { key: '9c34671fb64625f5d72ce562328f0c22ffefd9f9', ref: (el) => (this.rippleEl = el) })), hAsync("span", { key: '4a2e71d470ec5a5597f8c302b7ffb2ed0a664618', class: "md-search__state-layer", part: "state-layer", "aria-hidden": "true" }), this.renderLeading(), hAsync("input", { key: 'ed5b32d0d9d6500cd005902f6286d3091e21c943', ref: (el) => (this.input = el), class: "md-search__input", part: "input", type: "search", role: "combobox", value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.effectiveLabel(), "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "md-search-panel", "aria-autocomplete": "list", autocomplete: "off", spellcheck: false, onInput: this.handleInput, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyDown: this.handleInputKeyDown }), this.renderTrailing())), hAsync("div", { key: 'b263a0d7de44094b5202238f64fa333f82c17b34', id: "md-search-panel", class: {
+            }, part: "bar", onClick: this.handleBarClick }, !this.disabled && (hAsync("md-ripple", { key: 'bc64e49c6b6d1821162402ab1b4dce19e52fb29d', ref: (el) => (this.rippleEl = el) })), hAsync("span", { key: 'cefd6fcf4fdad156227987eff4907da85bbc6577', class: "md-search__state-layer", part: "state-layer", "aria-hidden": "true" }), this.renderLeading(), hAsync("input", { key: '7c0507ef8bcf5ee8149bf1eab0fa1f281f91c91b', ref: (el) => (this.input = el), class: "md-search__input", part: "input", type: "search", role: "combobox", value: this.value, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.effectiveLabel(), "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "md-search-panel", "aria-autocomplete": "list", autocomplete: "off", spellcheck: false, onInput: this.handleInput, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyDown: this.handleInputKeyDown }), this.renderTrailing())), hAsync("div", { key: '82a31127eb5cdd537368c5a39441ee5de76f8fce', id: "md-search-panel", class: {
                 'md-search__panel': true,
                 [`md-search__panel--${this.layout}`]: true,
                 'md-search__panel--open': this.isPanelRevealed(),
-            }, part: "panel", role: "dialog", "aria-modal": isFullScreen && this.isPanelRevealed() ? 'true' : 'false', "aria-hidden": this.isPanelRevealed() ? 'false' : 'true', "aria-label": this.effectiveLabel() }, this.variant === 'divided' && this.isPanelRevealed() && (hAsync("div", { key: '7267d71b9e43dee8d24652d1f5896282bb471be8', class: "md-search__divider", part: "divider", "aria-hidden": "true" })), hAsync("div", { key: '91137bdaeb1e35d9dde52c1ffd92298b8a78b9ff', class: {
+            }, part: "panel", role: "dialog", "aria-modal": isFullScreen && this.isPanelRevealed() ? 'true' : 'false', "aria-hidden": this.isPanelRevealed() ? 'false' : 'true', "aria-label": this.effectiveLabel() }, this.variant === 'divided' && this.isPanelRevealed() && (hAsync("div", { key: '8012f07b88bf161cd807648d922956cba050b2a8', class: "md-search__divider", part: "divider", "aria-hidden": "true" })), hAsync("div", { key: '5d65f89b9f627b3e3724847d045bf12ebfeaebe7', class: {
                 'md-search__panel-body': true,
                 'md-search__panel-body--empty': this.shouldShowVisibleEmptyState(),
-            }, part: "panel-body" }, this.shouldShowVisibleEmptyState() && (hAsync("p", { key: '3df90324a512cb06038c1488ef72f71a82796e7d', class: "md-search__empty", part: "empty", role: "status", "aria-live": "polite" }, this.noResultsLabel)), hAsync("div", { key: '76e88f72feeb9c6fba5ff3870cd1492a8679e9cd', class: "md-search__results-host", part: "results-host", hidden: this.shouldShowVisibleEmptyState() ? true : undefined, "aria-hidden": this.shouldShowVisibleEmptyState() ? 'true' : undefined }, hAsync("div", { key: '9a6d7f652aefe09ed382805822e8e0247294ff2c', class: "md-search__results-scroll", part: "results-viewport" }, hAsync("slot", { key: 'fdfd7c5b6b18dcb0bd1f6404d42e9da7ee3b417b', name: "results" })))))));
+            }, part: "panel-body" }, this.shouldShowVisibleEmptyState() && (hAsync("p", { key: '8ed70a0a101d7d3d7417f3f3d8e3d3b3bdbe3206', class: "md-search__empty", part: "empty", role: "status", "aria-live": "polite" }, this.noResultsLabel)), hAsync("div", { key: 'ca153e2149bc5eb04d2501a8ce9145003371f465', class: "md-search__results-host", part: "results-host", hidden: this.shouldShowVisibleEmptyState() ? true : undefined, "aria-hidden": this.shouldShowVisibleEmptyState() ? 'true' : undefined }, hAsync("div", { key: 'cf8048a6c67403fbc4791cbc181c30ce066bfc31', class: "md-search__results-scroll", part: "results-viewport" }, hAsync("slot", { key: '33e6f9eeaee028a2a15ee1925867230f8cf8da14', name: "results" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -43024,7 +43090,7 @@ class MdSelect {
         return (hAsync("md-text-field", { ref: (el) => (this.fieldEl = el), id: this.triggerId, class: "md-select__field", part: "field", exportparts: "container:field-container", variant: this.variant, label: this.label, "aria-label": fieldAriaLabel, placeholder: hasValue ? '' : this.placeholder, value: display, readOnly: true, disabled: this.disabled, required: this.required, error: this.error, errorText: this.errorText, reserveSupportingSpace: this.reserveSupportingSpace, supportingText: this.supportingText, density: this.density, appearFocused: this.open, onClick: this.toggleOpen }, hAsync("span", { slot: "trailing-icon", class: "md-select__trailing", part: "trailing", "aria-hidden": "true" }, this.loading ? (
         // Busy state: a spinner replaces the caret/clear. Consumers can swap
         // the spinner via the `loader` slot; the default is md-loading-indicator.
-        hAsync("span", { class: "md-select__loader", part: "loading-spinner" }, hAsync("slot", { name: "loader" }, hAsync("md-loading-indicator", { label: this.loadingText })))) : ([
+        hAsync("span", { class: "md-select__loader", part: "loading-spinner" }, hAsync("slot", { name: "loader" }, hAsync(LazyLoadingIndicator, { label: this.loadingText })))) : ([
             showClear && (hAsync("md-icon-button", { class: "md-select__clear", part: "clear", size: "xs", icon: this.clearIcon, "aria-label": this.clearLabel, shapeMorph: false,
                 // Keep it out of the tab order: the cluster is aria-hidden and
                 // the select trigger owns focus, matching the prior <button>.
@@ -43089,7 +43155,7 @@ class MdSelect {
             // (set by md-menu). aria-controls points at the listbox wrapper,
             // which md-select renders in this same shadow root so the IDREF
             // resolves (the menu surface is only role="presentation").
-            role: "combobox", "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-controls": `${this.triggerId}-listbox`, "aria-autocomplete": "list", autocomplete: "off", placeholder: this.searchPlaceholder, "aria-label": this.filterLabel || (this.label ? `Filter ${this.label}` : 'Filter options'), onInput: this.onSearchInput, onClick: (e) => e.stopPropagation() }), this.searching && (hAsync("md-loading-indicator", { class: "md-select__search-spinner", part: "search-spinner", label: this.searchingLabel, "aria-hidden": "true" })))), this.loading ? (
+            role: "combobox", "aria-haspopup": "listbox", "aria-expanded": String(this.open), "aria-controls": `${this.triggerId}-listbox`, "aria-autocomplete": "list", autocomplete: "off", placeholder: this.searchPlaceholder, "aria-label": this.filterLabel || (this.label ? `Filter ${this.label}` : 'Filter options'), onInput: this.onSearchInput, onClick: (e) => e.stopPropagation() }), this.searching && (hAsync(LazyLoadingIndicator, { class: "md-select__search-spinner", part: "search-spinner", label: this.searchingLabel, "aria-hidden": "true" })))), this.loading ? (
         // Busy state inside the menu: a wavy (M3 Expressive) indeterminate
         // linear progress bar instead of "Loading…" text.
         hAsync("div", { class: "md-select__loading", part: "loading-bar", role: "status", "aria-label": this.loadingText }, hAsync("md-progress-indicator", { variant: "linear", indeterminate: true, wave: true, part: "loading-progress", label: this.loadingText }))) : virtual ? (this.renderVirtualOptions()) : (
@@ -43101,13 +43167,13 @@ class MdSelect {
         hAsync("div", { class: "md-select__listbox", role: "listbox", id: `${this.triggerId}-listbox`, "aria-label": this.accessibleName || 'Options' }, listOptions.map((opt) => (hAsync("md-menu-item", { key: opt.value, id: `${this.triggerId}-opt-${opt.value}`, presentation: "option", type: "radio", "check-position": "start", "keep-open": true, part: opt.value === this.value ? 'option option-selected' : 'option', disabled: opt.disabled, selected: opt.value === this.value, headline: opt.label, "supporting-text": opt.supportingText || '', onMdClick: () => this.selectValue(opt.value) }, opt.icon ? (hAsync("span", { slot: "leading-icon", part: "option-icon", class: "material-symbols-outlined md-select__option-icon", style: opt.iconColor ? { color: opt.iconColor } : undefined, "aria-hidden": "true" }, opt.icon)) : null)))))));
     }
     render() {
-        return (hAsync(Host, { key: '9673c714adf54a5c44d38754a7539d75a530e750', class: {
+        return (hAsync(Host, { key: '80b4ba73a6076b553c86ecc8e1bfa2a32ca9eb1a', class: {
                 'md-select': true,
                 [`md-select--${this.variant}`]: true,
                 'md-select--open': this.open,
                 'md-select--disabled': this.disabled,
                 'md-select--loading': this.loading,
-            }, "aria-haspopup": "listbox", "aria-busy": this.loading ? 'true' : undefined }, this.renderTrigger(), this.renderMenu(), hAsync("div", { key: '4d83d5a2e165c72dfeddb87ad9679ecaaf964d44', class: "md-select__options", hidden: true }, hAsync("slot", { key: '0dbc2ee39737fc9fa38af8c0c2da4ca154807777', onSlotchange: () => this.refreshOptions() }))));
+            }, "aria-haspopup": "listbox", "aria-busy": this.loading ? 'true' : undefined }, this.renderTrigger(), this.renderMenu(), hAsync("div", { key: '3cb7f01eb33bd8025d26c0dffe52748a394d4091', class: "md-select__options", hidden: true }, hAsync("slot", { key: '2cc921cc04dc87830ca2ee4456eccd6dee79315a', onSlotchange: () => this.refreshOptions() }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -43243,7 +43309,7 @@ class MdSelectOption {
         // but the element is visually hidden — the picker renders the real,
         // interactive row inside its md-menu. aria-hidden avoids double
         // announcement of the (hidden) carrier alongside the live menu item.
-        return (hAsync(Host, { key: '5fce1088e0dfc241ac5c8a90979c517d114df40b', role: "option", "aria-hidden": "true", "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : 'false' }, hAsync("slot", { key: '1ec08d8e6dc4259988fbb55456a9bed3df1de37d' })));
+        return (hAsync(Host, { key: '0b425bb49e3918cd1be482c1ddcc76739bf58163', role: "option", "aria-hidden": "true", "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : 'false' }, hAsync("slot", { key: '12e2c4ca36f605dbdf20c8324e197872f8009e25' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -44411,7 +44477,7 @@ class MdSlider {
         const val = this.displayValue;
         const vs = this.displayStart;
         const ve = this.displayEnd;
-        return (hAsync(Host, { key: 'f38f7f4981a3204a40330e737263edfe2cf6f948', class: {
+        return (hAsync(Host, { key: 'e083d8312d9628f2ff406ce1431f1be7d5e4ec16', class: {
                 'md-slider': true,
                 [`md-slider--size-${this.size}`]: true,
                 'md-slider--vertical': vertical,
@@ -44421,7 +44487,7 @@ class MdSlider {
                 'md-slider--stops': this.showStops,
                 'md-slider--inset': insetArea,
                 'md-slider--disabled': this.disabled,
-            }, "aria-orientation": vertical ? 'vertical' : 'horizontal' }, hAsync("div", { key: 'f40ed52fd1e840350c3cd737089efe50590a21e9', class: "md-slider__surface", part: "surface" }, hAsync("div", { key: 'd53d5a9e829355365d3c549543e5c6de357c7b82', class: "md-slider__rail", onPointerDown: this.range ? this.onRangeRailPointerDown : vertical ? this.onVerticalRailPointerDown : undefined, onPointerMove: this.range ? this.onRangeRailPointerMove : vertical ? this.onVerticalRailPointerMove : undefined, onPointerUp: this.range ? this.onRangeRailPointerUp : vertical ? this.onVerticalRailPointerUp : undefined, onPointerCancel: this.range ? this.onRangeRailPointerUp : vertical ? this.onVerticalRailPointerUp : undefined, onLostPointerCapture: this.range ? this.onRangeRailLostPointerCapture : vertical ? this.onVerticalRailLostPointerCapture : undefined }, hAsync("div", { key: '09105e18b2f2ca3cafb720f85f3a274fa80474ab', class: "md-slider__track", part: "track" }, hAsync("div", { key: '3b4c474185357f9213066764add562647de56fe3', class: "md-slider__track-inactive", part: "track-inactive" }), hAsync("div", { key: '1f0dd86eff947adeb2fb54f59a404f1903829b2d', class: "md-slider__track-active", part: "track-active" }), this.showStops && hAsync("div", { key: '7d7c4ac145cee460b182cde9c9dea7082ee13898', class: "md-slider__ticks" }, this.getTickMarks()), insetArea && (hAsync("span", { key: 'f1f78c02e2a28cf689b6dbfe7c1bb329cfafd8c4', class: { 'md-slider__inset': true, 'md-slider__inset--on-active': this.insetOnActive }, part: "inset", "aria-hidden": "true" }, hAsync("slot", { key: 'f279cfc182914ddeb057d628416d73006286b09c', name: "inset-icon" }, this.icon ? (hAsync("span", { class: "md-slider__inset-font material-symbols-outlined" }, this.icon)) : null)))), this.range
+            }, "aria-orientation": vertical ? 'vertical' : 'horizontal' }, hAsync("div", { key: 'a3e39c6f960d7c20019a7780984366b8bf6ed6ea', class: "md-slider__surface", part: "surface" }, hAsync("div", { key: 'd6a85e9ae5b6ec29a6ca40c8b76d1f054bb6e994', class: "md-slider__rail", onPointerDown: this.range ? this.onRangeRailPointerDown : vertical ? this.onVerticalRailPointerDown : undefined, onPointerMove: this.range ? this.onRangeRailPointerMove : vertical ? this.onVerticalRailPointerMove : undefined, onPointerUp: this.range ? this.onRangeRailPointerUp : vertical ? this.onVerticalRailPointerUp : undefined, onPointerCancel: this.range ? this.onRangeRailPointerUp : vertical ? this.onVerticalRailPointerUp : undefined, onLostPointerCapture: this.range ? this.onRangeRailLostPointerCapture : vertical ? this.onVerticalRailLostPointerCapture : undefined }, hAsync("div", { key: 'f2f38bd2557c276a92c169293ff1a0be4d09222a', class: "md-slider__track", part: "track" }, hAsync("div", { key: '4f09b81bdeac65cb21b19a95ec34f795d2d4cf06', class: "md-slider__track-inactive", part: "track-inactive" }), hAsync("div", { key: '2642c070960a6b33c6d44437af69dbbe21653af6', class: "md-slider__track-active", part: "track-active" }), this.showStops && hAsync("div", { key: '6e3f6899c6f91480a592f71b1d96a457bbe351ac', class: "md-slider__ticks" }, this.getTickMarks()), insetArea && (hAsync("span", { key: 'cc8cb71c31eb7db47946d38ae42c6156cc4a150e', class: { 'md-slider__inset': true, 'md-slider__inset--on-active': this.insetOnActive }, part: "inset", "aria-hidden": "true" }, hAsync("slot", { key: '7b65cd157de7e2bd782a68a8100711f2843412e7', name: "inset-icon" }, this.icon ? (hAsync("span", { class: "md-slider__inset-font material-symbols-outlined" }, this.icon)) : null)))), this.range
             ? [
                 hAsync("div", { class: {
                         'md-slider__thumb': true,
@@ -45009,11 +45075,11 @@ class MdSparkline {
         const summary = finiteValues.length
             ? `Sparkline, latest ${fmt(last)}, range ${fmt(min)} to ${fmt(max)}.${refNote}`
             : `Sparkline, no data.${refNote}`;
-        return (hAsync(Host, { key: '2d582e0046776ed48114cf0f5e9e1a49cf8c5f78', class: {
+        return (hAsync(Host, { key: 'e58a06d3a132d5664464e6b80ce2ce1a62e4ac7b', class: {
                 'md-sparkline': true,
                 'md-sparkline--mounted': this.mounted,
                 [`md-sparkline--${this.variant}`]: true,
-            }, role: "img", "aria-label": summary, style: this.heightProp ? { blockSize: this.heightProp } : undefined }, hAsync("div", { key: '921430a9cb40fd37d2bb7c4595668f607bc0eed4', class: "md-sparkline__canvas", part: "canvas", ref: el => this.bindChartHost(el) })));
+            }, role: "img", "aria-label": summary, style: this.heightProp ? { blockSize: this.heightProp } : undefined }, hAsync("div", { key: '8ecf08ace640efee79995edb6732580f0a766e88', class: "md-sparkline__canvas", part: "canvas", ref: el => this.bindChartHost(el) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -45341,7 +45407,7 @@ class MdStatusDot {
         // aria-live="polite", so static labels deliberately avoid it to prevent
         // spurious announcements when the dot merely renders.
         const role = labelled ? (this.live ? 'status' : 'img') : 'presentation';
-        return (hAsync(Host, { key: 'ed3c2b9061a1baa5f3034b53b364164b76769619', class: {
+        return (hAsync(Host, { key: '0f92384de5ace257aaeb5745ecd2937a1f876faa', class: {
                 'md-status-dot': true,
                 [`md-status-dot--${this.state}`]: true,
                 [`md-status-dot--${this.size}`]: true,
@@ -48532,7 +48598,7 @@ class MdTable {
                     this.el.querySelectorAll('md-table-head md-table-row, md-table-foot md-table-row').length)
                 : null,
         };
-        return (hAsync(Host, { key: '2d19ed786e6aab10214244d6b3642152811e6820', class: {
+        return (hAsync(Host, { key: '1bd9291845eace76f528c806fa5b64e1e09d27d8', class: {
                 'md-table': true,
                 [`md-table--density-${this.density}`]: typeof this.density === 'string',
                 'md-table--sticky-header': this.stickyHeader,
@@ -48548,7 +48614,7 @@ class MdTable {
             // the host: the table content model admits only rowgroups/rows, and the
             // host also hosts the caption, live region, loading overlay and empty
             // state (axe aria-required-children).
-            style: style }, hAsync("span", { key: 'e416061b698d7307f45faf9860c020e426427007', class: "md-table__sr-status", "aria-live": "polite" }, this.srAnnouncement), this.caption && (hAsync("div", { key: '153592b09001e548545111212a75a3471a7d0ccf', class: "md-table__caption", part: "caption", "aria-hidden": "true" }, this.caption)), this.frozenHeader ? (
+            style: style }, hAsync("span", { key: '0f88e97df668f7330c332c1309886c0e718fc4aa', class: "md-table__sr-status", "aria-live": "polite" }, this.srAnnouncement), this.caption && (hAsync("div", { key: '20ce99947f9e1649a116b6b4e2c42910cf1c5f0d', class: "md-table__caption", part: "caption", "aria-hidden": "true" }, this.caption)), this.frozenHeader ? (
         // Frozen header: the header grid sits above a vertically-scrolling
         // body grid, so the scrollbar spans only the body. Both grids share
         // the column tracks (syncFrozenColumns copies the body's resolved
@@ -48566,7 +48632,7 @@ class MdTable {
             // their rows promote here instead of nesting a second rowgroup.
             role: "rowgroup", tabindex: "0", ref: (el) => (this.bodyScrollEl = el), onScroll: this.onBodyScroll, onWheel: this.onBodyWheel, onKeyDown: this.onBodyKeyDown }, hAsync("div", { class: "md-table__grid md-table__grid--body", part: "grid",
             // Layout-only grid between the rowgroup wrapper and the rows.
-            role: "presentation", ref: (el) => (this.bodyGridEl = el) }, hAsync("slot", { onSlotchange: this.handleSlotChange }), this.loading && this.loadingMode === 'skeleton' && this.renderSkeletonRows()), this.empty && !this.loading && this.renderEmpty()), hAsync("div", { class: "md-table__hscroll", part: "hscrollbar", "aria-hidden": "true", ref: (el) => (this.hTrackEl = el) }, hAsync("div", { class: "md-table__hscroll-thumb", part: "hscrollbar-thumb", ref: (el) => (this.hThumbEl = el), onPointerDown: this.onHThumbPointerDown, onPointerMove: this.onHThumbPointerMove, onPointerUp: this.onHThumbPointerUp, onPointerCancel: this.onHThumbPointerUp })), hAsync("div", { class: "md-table__vscroll", part: "vscrollbar", "aria-hidden": "true", ref: (el) => (this.vTrackEl = el) }, hAsync("div", { class: "md-table__vscroll-thumb", part: "vscrollbar-thumb", ref: (el) => (this.vThumbEl = el), onPointerDown: this.onVThumbPointerDown, onPointerMove: this.onVThumbPointerMove, onPointerUp: this.onVThumbPointerUp, onPointerCancel: this.onVThumbPointerUp })))) : (hAsync("div", { class: "md-table__grid", part: "grid", ...tableAria }, hAsync("slot", { onSlotchange: this.handleSlotChange }), this.loading && this.loadingMode === 'skeleton' && this.renderSkeletonRows())), this.loading && this.loadingMode === 'overlay' && (hAsync("div", { key: '1a7942835698bc6b669b2f01f095fee0d515415e', class: "md-table__loading", part: "loading", "aria-hidden": "true" }, hAsync("slot", { key: '799be3ec6a7c16cc9036e8dbccd0980dbbe87594', name: "loader" }, hAsync("slot", { key: '2334fbaed3d8239658b837a43d542c6131498a71', name: "loading" }, hAsync("div", { key: '196d712a296074a717390b499f2e0f9a26a5b857', class: "md-table__progress", part: "progress" }, hAsync("md-progress-indicator", { key: '85bdc004b127e7e13e4640004294e6e2d9fd491c', variant: "linear", indeterminate: true, "aria-label": "Loading" })), hAsync("div", { key: 'c1dac295e6ccab89bad3dc898756931cef0f14c6', class: "md-table__scrim" }))))), this.empty && !this.loading && !this.frozenHeader && this.renderEmpty()));
+            role: "presentation", ref: (el) => (this.bodyGridEl = el) }, hAsync("slot", { onSlotchange: this.handleSlotChange }), this.loading && this.loadingMode === 'skeleton' && this.renderSkeletonRows()), this.empty && !this.loading && this.renderEmpty()), hAsync("div", { class: "md-table__hscroll", part: "hscrollbar", "aria-hidden": "true", ref: (el) => (this.hTrackEl = el) }, hAsync("div", { class: "md-table__hscroll-thumb", part: "hscrollbar-thumb", ref: (el) => (this.hThumbEl = el), onPointerDown: this.onHThumbPointerDown, onPointerMove: this.onHThumbPointerMove, onPointerUp: this.onHThumbPointerUp, onPointerCancel: this.onHThumbPointerUp })), hAsync("div", { class: "md-table__vscroll", part: "vscrollbar", "aria-hidden": "true", ref: (el) => (this.vTrackEl = el) }, hAsync("div", { class: "md-table__vscroll-thumb", part: "vscrollbar-thumb", ref: (el) => (this.vThumbEl = el), onPointerDown: this.onVThumbPointerDown, onPointerMove: this.onVThumbPointerMove, onPointerUp: this.onVThumbPointerUp, onPointerCancel: this.onVThumbPointerUp })))) : (hAsync("div", { class: "md-table__grid", part: "grid", ...tableAria }, hAsync("slot", { onSlotchange: this.handleSlotChange }), this.loading && this.loadingMode === 'skeleton' && this.renderSkeletonRows())), this.loading && this.loadingMode === 'overlay' && (hAsync("div", { key: 'e1db4477aeb27e7b00f43f17e5301c1e19686573', class: "md-table__loading", part: "loading", "aria-hidden": "true" }, hAsync("slot", { key: '3d3e9a37b2975d16c9cdda79f256a020cfd534cd', name: "loader" }, hAsync("slot", { key: '8f3868dff5dda03bb847cb2e34574b2bf1258b58', name: "loading" }, hAsync("div", { key: 'd0f55e862b869ea79262e5c806cc50a354a9806a', class: "md-table__progress", part: "progress" }, hAsync("md-progress-indicator", { key: '3d1c5ab8a8559ce1f8970e722f9f7843cc368c1a', variant: "linear", indeterminate: true, "aria-label": "Loading" })), hAsync("div", { key: 'c06240e496d216d338561d375fc6bdb2be52e3fc', class: "md-table__scrim" }))))), this.empty && !this.loading && !this.frozenHeader && this.renderEmpty()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -51272,7 +51338,7 @@ class MdTextField {
             ? this.passwordVisible
             : this.type !== 'password';
         const passwordIcon = isPasswordRevealed ? 'visibility_off' : 'visibility';
-        return (hAsync(Host, { key: '4508bf039397006cfe5cbf6b6d4b4486161cf528', class: {
+        return (hAsync(Host, { key: '6cbbe2bcaf6c34d30d8827e89aa323c1b5d9314e', class: {
                 'md-text-field': true,
                 [`md-text-field--${this.variant}`]: true,
                 'md-text-field--focused': this.focused || this.appearFocused,
@@ -51292,25 +51358,25 @@ class MdTextField {
                 // made the documented custom properties dead (clobbered every render).
                 '--md-text-field-focus-border-width': `${Number(this.focusBorderWidth)}px`,
                 '--md-text-field-focus-inset': `${-(Number(this.focusBorderWidth) - 1)}px`,
-            } : undefined }, hAsync("div", { key: 'd9d373cfa27b4ba168f47f4b05d6433524227e1f', class: "md-text-field__container", part: "container", onClick: this.handleContainerClick }, hAsync("div", { key: '9312fd06590051f02f66cca2d488d537a4b7b083', class: "md-text-field__state-layer", "aria-hidden": "true" }), hAsync("span", { key: '73efa44c0053b753a101e1f64c64e2d2c39564fd', class: "md-text-field__icon md-text-field__icon--leading", "aria-hidden": "true", style: { display: hasLeading ? undefined : 'none' } }, hAsync("slot", { key: 'bf4a47cc04bca6daa5d11aaad263d87f20377378', name: "leading-icon" })), hAsync("div", { key: '06c44f320928d78994d992c2e32794ca4132ffed', class: "md-text-field__input-wrap" }, this.label && (hAsync("label", { key: 'a0d7d3b96ac067b17959770389461591baef936a', class: "md-text-field__label", part: "label", htmlFor: `${this.uid}-input` }, this.label)), hAsync("div", { key: 'ea7bcb96445bcaf3df21602c391068e47649d997', class: "md-text-field__input-row" }, hAsync("span", { key: '44c6f618e62608f265c6d87b59534f572ed00b75', class: "md-text-field__chips", part: "chips", style: { display: this.hasSlottedChips ? undefined : 'none' } }, hAsync("slot", { key: 'e977d02a77960b0fee7125cdd784caf9f66e41e0', name: "chips" })), this.prefixText && this.isFloating && (hAsync("span", { key: 'df25770815ba1f3307c61d860745257bfecb8209', class: "md-text-field__prefix" }, this.prefixText)), this.renderInputElement(), this.suffixText && this.isFloating && (hAsync("span", { key: '4effa7c4af78f7af50229c8ef132a981fcdb2722', class: "md-text-field__suffix" }, this.suffixText)))), showClear && (hAsync("button", { key: '46bfde02d14bd0c828171fc5f8c30c10f15d84ed', type: "button", class: {
+            } : undefined }, hAsync("div", { key: '5bdb646e75bf62c1ed0379007b7b3b22db7d5886', class: "md-text-field__container", part: "container", onClick: this.handleContainerClick }, hAsync("div", { key: 'f57cfb58fd26f34fd74adef8c75a38b9c6216e1f', class: "md-text-field__state-layer", "aria-hidden": "true" }), hAsync("span", { key: '90ebb55e16dfda11b999cc03b9f221d9c4d77f4c', class: "md-text-field__icon md-text-field__icon--leading", "aria-hidden": "true", style: { display: hasLeading ? undefined : 'none' } }, hAsync("slot", { key: 'b0ed2d7ffb99a500eb725f59de296a1918c628a8', name: "leading-icon" })), hAsync("div", { key: 'f041d801dde559a376fd7a620b916f0149efa9e1', class: "md-text-field__input-wrap" }, this.label && (hAsync("label", { key: '235d07b1a1c9259e4174cdf54edf902be369fc78', class: "md-text-field__label", part: "label", htmlFor: `${this.uid}-input` }, this.label)), hAsync("div", { key: '92000c4f462faa01d25868b984bcff83b393f982', class: "md-text-field__input-row" }, hAsync("span", { key: '0d6c0371556531f8fad881426eda0388915e43c8', class: "md-text-field__chips", part: "chips", style: { display: this.hasSlottedChips ? undefined : 'none' } }, hAsync("slot", { key: 'b49c5ad937b4ddabc9d91c7d269f96da2a9a39e8', name: "chips" })), this.prefixText && this.isFloating && (hAsync("span", { key: '3e81d28ec2408c5616f321960a4dba1ec4fc2646', class: "md-text-field__prefix" }, this.prefixText)), this.renderInputElement(), this.suffixText && this.isFloating && (hAsync("span", { key: '6571a4c1e01543de58d4fdf21d5a53f1e15cd7b5', class: "md-text-field__suffix" }, this.suffixText)))), showClear && (hAsync("button", { key: '85761281d21c6134ccad222ea0992c4e2ba9870b', type: "button", class: {
                 'md-text-field__clear': true,
                 'md-text-field__clear--disabled': clearDisabled,
                 'md-text-field__clear--empty': !this.value,
-            }, disabled: clearDisabled, onClick: this.handleClear, "aria-label": "Clear" }, hAsync("slot", { key: 'ce2c25c56aefc9e6b2eca382f1359e305c33b8e8', name: "clear-icon" }, hAsync("span", { key: '58d4069b1f6581d87ad8d18e64604608bdcee805', class: "material-symbols-outlined", "aria-hidden": "true" }, "cancel")))), showPasswordToggle && (hAsync("button", { key: 'ebd029da05a0eaa3132c7bae860bbba548c6b243', type: "button", class: {
+            }, disabled: clearDisabled, onClick: this.handleClear, "aria-label": "Clear" }, hAsync("slot", { key: 'e02eb3263ba5642abb380903a2e2ecd06c09e263', name: "clear-icon" }, hAsync("span", { key: '00017f708b0cff2b2ab745d58e8b1d01135e2458', class: "material-symbols-outlined", "aria-hidden": "true" }, "cancel")))), showPasswordToggle && (hAsync("button", { key: '3a0a64d481cc0f0aa3d998258b50ae39c1f2647a', type: "button", class: {
                 'md-text-field__password-toggle': true,
                 'md-text-field__password-toggle--disabled': this.isDisabled,
-            }, disabled: this.isDisabled, onClick: this.handlePasswordToggle, "aria-label": isPasswordRevealed ? 'Hide password' : 'Show password', "aria-pressed": isPasswordRevealed ? 'true' : 'false' }, hAsync("slot", { key: 'a32e0b4ab841edd5299d5e09ce69d5fd700d6e34', name: "password-toggle-icon" }, hAsync("span", { key: '616afe93a98c1a609b1e01feaf3bc8043145f36c', class: "material-symbols-outlined", "aria-hidden": "true" }, passwordIcon)))), showSpeech && (hAsync("button", { key: 'e53cbc05ae3fb648500470932bc96865fd206b2f', type: "button", class: {
+            }, disabled: this.isDisabled, onClick: this.handlePasswordToggle, "aria-label": isPasswordRevealed ? 'Hide password' : 'Show password', "aria-pressed": isPasswordRevealed ? 'true' : 'false' }, hAsync("slot", { key: '899e838a72dc7dd638b2e40184f8510f1346c870', name: "password-toggle-icon" }, hAsync("span", { key: '58075bfb8af4f9b364b0315ed0326a1b82de0cd4', class: "material-symbols-outlined", "aria-hidden": "true" }, passwordIcon)))), showSpeech && (hAsync("button", { key: '8e83a60479e56939e54ffb9545f70339f135d3b8', type: "button", class: {
                 'md-text-field__speech': true,
                 'md-text-field__speech--listening': this.listening,
                 'md-text-field__speech--disabled': this.isDisabled,
-            }, disabled: this.isDisabled || this.readOnly, onClick: this.handleSpeechToggle, "aria-label": this.listening ? 'Stop listening' : 'Start voice input', "aria-pressed": this.listening ? 'true' : 'false' }, hAsync("slot", { key: '9a5f7868e44b1c8e9f9047e536c1c63505226886', name: "speech-icon" }, hAsync("span", { key: 'a71be510232fddeb96cb6bb8f673231da9670dc9', class: "material-symbols-outlined", "aria-hidden": "true" }, this.listening ? 'hearing' : 'mic')))), this.error && (hAsync("span", { key: 'd729440b9e9e3ce6d8e6486036c97d7f3b443f0b', class: "md-text-field__error-icon", "aria-hidden": "true" }, hAsync("slot", { key: '90e770cf0fc390961ecb181dc48f92370c7823fd', name: "error-icon" }, hAsync("span", { key: 'e149f154a1f3d0194aff25d742ebc2c44b6d0547', class: "material-symbols-outlined", style: { fontVariationSettings: "'FILL' 1" } }, "error")))), hAsync("span", { key: '53a7d1b64a6385257de98f1f2a40806b76a0d35a', class: {
+            }, disabled: this.isDisabled || this.readOnly, onClick: this.handleSpeechToggle, "aria-label": this.listening ? 'Stop listening' : 'Start voice input', "aria-pressed": this.listening ? 'true' : 'false' }, hAsync("slot", { key: '70feffa1e5ed9eb6e20bcc6c6ffb5047e63ff641', name: "speech-icon" }, hAsync("span", { key: '1b22447f4cef33cb9411be12bc0629d8e805383d', class: "material-symbols-outlined", "aria-hidden": "true" }, this.listening ? 'hearing' : 'mic')))), this.error && (hAsync("span", { key: '6eae9694d74cb4cad1885874aed38da94bef8cb4', class: "md-text-field__error-icon", "aria-hidden": "true" }, hAsync("slot", { key: '5d9559047404f51870c33b6245595e0f81b65237', name: "error-icon" }, hAsync("span", { key: '6b1a1e213eeef03558ac817e9acc6cafd94cd1d3', class: "material-symbols-outlined", style: { fontVariationSettings: "'FILL' 1" } }, "error")))), hAsync("span", { key: 'b7504d7f26f3561e50e0b260944e10b5831907fc', class: {
                 'md-text-field__icon': !this.hasTrailingIconButton,
                 'md-text-field__icon--trailing': !this.hasTrailingIconButton,
                 'md-text-field__trailing-icon-button': this.hasTrailingIconButton,
-            }, "aria-hidden": this.hasTrailingIconButton ? null : 'true', style: { display: this.hasSlottedTrailing ? undefined : 'none' } }, hAsync("slot", { key: '9a66c71717eae11fead8bed3e8ccc6217d1dd32e', name: "trailing-icon" })), this.variant === 'filled' && hAsync("div", { key: '44c58eacdabd17b343bd2d9779f9146983412df6', class: "md-text-field__indicator" }), this.variant === 'outlined' && (hAsync("fieldset", { key: '0030dec6fd5327ee80d106167eb8746f6857a1b8', class: "md-text-field__fieldset" }, hAsync("legend", { key: 'f970588bb684f4a6d8c35f6e156c02fb5029a462', class: {
+            }, "aria-hidden": this.hasTrailingIconButton ? null : 'true', style: { display: this.hasSlottedTrailing ? undefined : 'none' } }, hAsync("slot", { key: '3e49ea37c07daec2cd87e9868b7d019d619bd670', name: "trailing-icon" })), this.variant === 'filled' && hAsync("div", { key: '4945e217ef49ef9193f2fa6d24f836d318f5f026', class: "md-text-field__indicator" }), this.variant === 'outlined' && (hAsync("fieldset", { key: '3e5c4128a7f443cff23fad429b05def7ca1efbcf', class: "md-text-field__fieldset" }, hAsync("legend", { key: '55e0c1bd976f8e3816a470862febb8ccf3bdf099', class: {
                 'md-text-field__legend': true,
                 'md-text-field__legend--active': this.isFloating && !!this.label,
-            } }, hAsync("span", { key: 'e1ca66b55e706fe2368e8da9b7087c0bd2144de9' }, this.label))))), (supportText || charCount || this.reserveSupportingSpace) && (hAsync("div", { key: '2d8c198e0a0ff72cfef291edef33078cbec15338', class: "md-text-field__support-row" }, hAsync("span", { key: 'e63c054d0e1443b0a968606742dea66f9b26b3fc', id: `${this.uid}-support`, part: "supporting-text", role: this.error ? 'alert' : undefined, class: { 'md-text-field__support-text': true, 'md-text-field__support-text--error': this.error } }, supportText || (this.reserveSupportingSpace ? '\u200B' : '')), charCount && hAsync("span", { key: 'cbad922f5b336990a6e126e82e23d9fea9a171e4', id: `${this.uid}-counter`, part: "counter", class: "md-text-field__counter" }, charCount)))));
+            } }, hAsync("span", { key: '7758d3c094f73d57fd7cb1fcbfd3b0caa54574ca' }, this.label))))), (supportText || charCount || this.reserveSupportingSpace) && (hAsync("div", { key: '8ed3ce21209aef15ab1ea826b048af01906209c5', class: "md-text-field__support-row" }, hAsync("span", { key: '340954eb48fc72808e342fb49acd98183dd2d138', id: `${this.uid}-support`, part: "supporting-text", role: this.error ? 'alert' : undefined, class: { 'md-text-field__support-text': true, 'md-text-field__support-text--error': this.error } }, supportText || (this.reserveSupportingSpace ? '\u200B' : '')), charCount && hAsync("span", { key: 'b081ffcf8b1be7f341f69d6fbea01519c7aeb30d', id: `${this.uid}-counter`, part: "counter", class: "md-text-field__counter" }, charCount)))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -53332,7 +53398,7 @@ class MdTimePicker {
     }
     // ───────────────────────────── RENDER ─────────────────────────────
     render() {
-        return (hAsync(Host, { key: '4d9f62bf492ca02f80f6128ac6c151dfcc8cd34d', class: {
+        return (hAsync(Host, { key: 'a99a007239478e87fd5fc131f5d160df0d09b6e5', class: {
                 'md-time-picker': true,
                 [`md-time-picker--${this.variant}`]: true,
                 [`md-time-picker--format-${this.format}`]: true,
@@ -54742,7 +54808,7 @@ class MdTooltip {
         const isRich = this.variant === 'rich';
         const hasSubhead = !!this.subhead || this.hasSlottedSubhead;
         const hasActions = this.hasSlottedActions;
-        return (hAsync(Host, { key: '18f4e3e81a7f3275e81c1a40859beab41f97104f', class: "md-tooltip-wrapper" }, hAsync("slot", { key: 'ea0496dbcf3c70aad4cb72dbe3133dc97024ef30' }), hAsync("div", { key: '8ed4c4183860370a72c9c5f14d1b9953acbf03aa', class: {
+        return (hAsync(Host, { key: 'f3272da5fa2e3b6a4c621182a5d2572f71e1badb', class: "md-tooltip-wrapper" }, hAsync("slot", { key: 'a97507419418ffab1abeb6980d212b1c83b7d8fb' }), hAsync("div", { key: '047b14502bb2942b6934408a4e40e120d654f939', class: {
                 'md-tooltip__popup': true,
                 'md-tooltip__popup--plain': !isRich,
                 'md-tooltip__popup--rich': isRich,
@@ -55067,7 +55133,7 @@ class MdTransferList {
         return (hAsync("div", { class: "md-transfer-list__controls", part: "controls" }, !this.singleStepOnly && (hAsync("md-icon-button", { variant: "tonal", icon: this.moveAllRightIcon, disabled: this.disabled || !sourceAvailable, "aria-label": this.moveAllRightLabel, onClick: this.moveAllRight })), hAsync("md-icon-button", { variant: "filled", icon: this.moveRightIcon, disabled: this.disabled || sourceCount === 0, "aria-label": this.moveRightLabel, onClick: this.moveRight }), hAsync("md-icon-button", { variant: "filled", icon: this.moveLeftIcon, disabled: this.disabled || targetCount === 0, "aria-label": this.moveLeftLabel, onClick: this.moveLeft }), !this.singleStepOnly && (hAsync("md-icon-button", { variant: "tonal", icon: this.moveAllLeftIcon, disabled: this.disabled || !targetAvailable, "aria-label": this.moveAllLeftLabel, onClick: this.moveAllLeft }))));
     }
     render() {
-        return (hAsync(Host, { key: '0a05bcbdb886ef5a52c9d5aae979f0ff6f8b46aa', class: {
+        return (hAsync(Host, { key: 'eede92cf0e9ab158aad634fb1b750e74f385100c', class: {
                 'md-transfer-list': true,
                 'md-transfer-list--disabled': this.disabled,
             }, role: "group", "aria-disabled": this.disabled ? 'true' : 'false' }, this.renderColumn('source'), this.renderControls(), this.renderColumn('target')));