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

package/dist/esm/md-chip.entry.js

@@ -198,7 +198,7 @@ const MdChip = class {
         // remove button to nest.
         const hostIsButton = this.isInteractiveHost && !showRemove;
         const renderPrimary = this.isInteractiveHost && showRemove;
-        return (h(Host, { key: 'ac377a67d3c9c5e464f9cc30cada24b9c9f2e848', style: this.colorVars, class: {
+        return (h(Host, { key: '0a328e2479ae8b551eeb7288192dfb79bf4ee99e', style: this.colorVars, class: {
                 'md-chip': true,
                 [`md-chip--${this.variant}`]: true,
                 'md-chip--selected': this.selected && this.isSelectable,
@@ -212,7 +212,7 @@ const MdChip = class {
                 '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 }, h("md-ripple", { key: '71ddc00b4e7f72a93b9356f647b3630aa50380a3', disabled: isEffectivelyDisabled }), h("span", { key: '6eab2a000c1543bb6957c175cfb33cbb06d3f345', class: "md-chip__state-layer", part: "state-layer", "aria-hidden": "true" }), !this.elevated && h("span", { key: 'ee96614931899684057f77b1bed36c315964fdca', class: "md-chip__outline", part: "outline", "aria-hidden": "true" }), renderPrimary && (h("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 && (h("span", { key: 'c15afa18cc1fa1e956c1dcf3c0806d7b065620b0', class: "md-chip__checkmark", part: "checkmark", "aria-hidden": "true" }, h("svg", { key: '1e7a5eb1ec44df6efd803543e943889bff65e1e8', viewBox: "0 0 18 18", fill: "none" }, h("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" })))), h("slot", { key: '9dd3792251fc0f43baa3e3b0787fbbf7967cfc2b', name: "leading-icon" }, hasLeadingIcon && !showCheckmark && (h("span", { key: '0078163a6741535eef3c413559d8cc9a4b7dbbc2', class: "md-chip__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), h("span", { key: 'bae9ed93b4ba0e8dda2e9d0fbae102405fbdaeae', class: "md-chip__label", part: "label", id: "md-chip-label-text" }, h("slot", { key: '9f36d159a093aaa93e3c4867e7bbf7a5543fcebd' }, this.label)), showRemove ? (h("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 }, h("slot", { name: "trailing-icon" }, h("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true" }, h("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" }))))) : (h("slot", { name: "trailing-icon" }, hasTrailingIcon && (h("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 }, h("md-ripple", { key: '73b49904dae32e15bbdb50623494d42bce04d6a7', disabled: isEffectivelyDisabled }), h("span", { key: 'cfefcd180227f6386ef4c20a982f8f17c734f307', class: "md-chip__state-layer", part: "state-layer", "aria-hidden": "true" }), !this.elevated && h("span", { key: 'e814b0966bc07ecef53daa0b5e12070bc88b56e3', class: "md-chip__outline", part: "outline", "aria-hidden": "true" }), renderPrimary && (h("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 && (h("span", { key: '4d7ef4295ae72f6a9d623e49c38037a0dc8b08fc', class: "md-chip__checkmark", part: "checkmark", "aria-hidden": "true" }, h("svg", { key: '3b5f9d0d70ca30d56a3d3567e72d77424bc1faec', viewBox: "0 0 18 18", fill: "none" }, h("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" })))), h("slot", { key: '3bdfe28e8ab4815fdcd9a0eecb06460882ab3dfe', name: "leading-icon" }, hasLeadingIcon && !showCheckmark && (h("span", { key: '9ac99981f7593db7923734234489bb983ca11a99', class: "md-chip__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), h("span", { key: 'ab1acdc080116f4d5b2529289b9f8879745b6c14', class: "md-chip__label", part: "label", id: "md-chip-label-text" }, h("slot", { key: '90ec6e8a87cc540123f61278df8acb60b761449d' }, this.label)), showRemove ? (h("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 }, h("slot", { name: "trailing-icon" }, h("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true" }, h("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" }))))) : (h("slot", { name: "trailing-icon" }, hasTrailingIcon && (h("span", { class: "md-chip__trailing-icon material-symbols-outlined", part: "trailing-icon", "aria-hidden": "true" }, this.trailingIcon))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/md-date-picker.entry.js

@@ -2657,7 +2657,7 @@ const MdDatePicker = class {
     render() {
         const panelVisible = this.open || this.panelClosing;
         const panelOpen = this.open && !this.panelClosing;
-        return (h(Host, { key: '6cbba8cfae9317ef203d515804b15682fc4ac369', class: {
+        return (h(Host, { key: '32adec3ed4418d1d48c02b0894c17574d38fd146', class: {
                 'md-date-picker': true,
                 [`md-date-picker--${this.variant}`]: true,
                 'md-date-picker--open': panelOpen,

package/dist/esm/md-dialog.entry.js

@@ -311,13 +311,13 @@ const MdDialog = class {
         // slotted content was provided, which made the slot effectively
         // unreachable.
         const hasHeadline = !!this.headline || this.hasSlottedHeadline;
-        return (h(Host, { key: '816d6b7b367160e92cfdc538ae9c27e926b34d37', class: {
+        return (h(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 && (h("div", { key: 'f9b87cd611013b2f035f1b998096bfe269bebd56', class: "md-dialog__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), h("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 && (h("div", { key: 'b8c58ea9783e2f2103ed1c397c420e8cde34691e', class: "md-dialog__header", part: "header" }, h("button", { key: '3616e77c7a2015676f543f51a50706adf78dd394', class: "md-dialog__close-btn", part: "close-button", "aria-label": this.resolvedLabel(this.closeLabel, 'close'), onClick: this.handleCloseClick }, h("svg", { key: '31691834c13bd2d8f1ef5ad0802fc0c60b5cbe6a', viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, h("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 && (h("span", { key: 'cd7b7d8a1884ebd528caf9abda698a9200aff1cd', id: this.headlineId, class: "md-dialog__header-headline", part: "headline" }, this.headline)), h("slot", { key: 'f209a51eafecab18cb634e814ad1f451770ff3df', name: "header-action" }))), this.fullscreen && this.headerDivider && (h("div", { key: '08f82162a0809fe09d9886dc4c51832e0574d818', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), !this.fullscreen && (h("div", { key: 'f0a99ab0d57560889f6b89ecce4b10208dd82073', class: "md-dialog__basic-header", part: "header" }, h("slot", { key: '3a8586bd79666137f1a7c0e9b86b5e348d39fdbd', name: "icon" }, this.icon && (h("span", { key: '71b6db731e3a73da8bbe65cbc27c26005849df33', class: "md-dialog__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hasHeadline && (h("div", { key: '85ac375f2115a8b61a42589ff2b1b9eab88ecbb2', id: this.headlineId, class: "md-dialog__headline", part: "headline" }, h("slot", { key: 'da1e42bd66df38cf8fe49f7acb83d69ff55b487c', name: "headline" }, this.headline))))), h("div", { key: '6934f1de19d2f15d2f4eba128f179ecc0ef07753', id: this.contentId, class: "md-dialog__content", part: "content" }, h("slot", { key: 'c9d669c128d4333081632e067acb5bb77856586e' })), this.divider && (h("div", { key: 'a31c0afb54066ddef36841eba4c586cfb5123cb5', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), this.renderActions())));
+            } }, !this.fullscreen && (h("div", { key: '38d6f78fe15cfcdf449eb442cf60f62b63399a96', class: "md-dialog__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), h("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 && (h("div", { key: '59f56a555b1ce523f13e1d1baa01c30b146d3fd4', class: "md-dialog__header", part: "header" }, h("button", { key: 'ba66dacb86b0f12b093b390049a985e39b649452', class: "md-dialog__close-btn", part: "close-button", "aria-label": this.resolvedLabel(this.closeLabel, 'close'), onClick: this.handleCloseClick }, h("svg", { key: 'd6fbf39a0c9b4041a510f44929a72f178e3f6dcc', viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, h("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 && (h("span", { key: '3b5a5914a48a5db0adf4cb0ea559a4b1af939875', id: this.headlineId, class: "md-dialog__header-headline", part: "headline" }, this.headline)), h("slot", { key: '41e617d81a36ea2d5a682c63605cfb093d47a7e6', name: "header-action" }))), this.fullscreen && this.headerDivider && (h("div", { key: 'a859f931cc334c3dbe3e9d12c0de3f636928a4fe', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), !this.fullscreen && (h("div", { key: '4fe1f49e2dd39d1390e9781d623144dee4ccc3ca', class: "md-dialog__basic-header", part: "header" }, h("slot", { key: '45e4abee072480b8d8a7cb80c1c848fc6a8cb2ec', name: "icon" }, this.icon && (h("span", { key: '4a3cb1428d3876e6fafe69e9592c9a3efae2604e', class: "md-dialog__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hasHeadline && (h("div", { key: '05f30544f1a0f2486890d747361bd30ab12a7bf2', id: this.headlineId, class: "md-dialog__headline", part: "headline" }, h("slot", { key: '8ea63db23f32df2f3945a9cb8645fd28f75a34d9', name: "headline" }, this.headline))))), h("div", { key: 'e8819873ed88143416717feb133d02896dd10fbc', id: this.contentId, class: "md-dialog__content", part: "content" }, h("slot", { key: '26478e466c5fb1162a4a4feb13ca86224c35506a' })), this.divider && (h("div", { key: '580b77e97e64d98c16e130253f5e60b4d1922b2f', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), this.renderActions())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/md-divider.entry.js

@@ -15,13 +15,13 @@ const MdDivider = class {
         this.vertical = false;
     }
     render() {
-        return (h(Host, { key: '236e1e4509cb3cb5aa302b659d2394745595483e', class: {
+        return (h(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' }, h("div", { key: '53484e39e2a192bd2db2b5140738cbd8be516420', class: "md-divider__line", part: "divider" })));
+            }, role: "separator", "aria-orientation": this.vertical ? 'vertical' : 'horizontal' }, h("div", { key: 'ae92f30866cb2da8675c50a794f8cfd86c08ea63', class: "md-divider__line", part: "divider" })));
     }
 };
 MdDivider.style = mdDividerCss();

package/dist/esm/md-fab-menu-item.entry.js

@@ -66,12 +66,12 @@ const MdFabMenuItem = class {
     render() {
         const hasIcon = !!this.icon;
         const effectivelyDisabled = this.isDisabled;
-        return (h(Host, { key: '776acd92b0443f4617576ce6e628c9700daa1d1f', class: {
+        return (h(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 }, h("md-ripple", { key: '0e1e1379829c42a0730605a6d14ccf082f74bfd7', disabled: effectivelyDisabled }), h("span", { key: '83d7dfdc10c6389f9819207f2613519bb0ca118b', class: "md-fab-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: '4f5a17c3fcf744501d82e7942d5b0940a9889247', name: "icon" }, hasIcon && (h("span", { key: 'a8e7e1d9025543e67bacfb5b7c8fd8ab4766a657', class: "md-fab-menu-item__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), h("span", { key: 'e5fc14ba00df55c92acc7ff3d3024ebe9491afd9', class: "md-fab-menu-item__label", part: "label" }, this.label ? this.label : h("slot", null))));
+            }, role: "menuitem", "aria-disabled": effectivelyDisabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("md-ripple", { key: '66d1d6c5ee657a7c5b2ec5ec3dac1308b6131d1c', disabled: effectivelyDisabled }), h("span", { key: '29baf1f4a5381ef65b9d508331ec7ab133dcc21b', class: "md-fab-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: 'b5d40819f7a5ece262ca67095137a109b160b28a', name: "icon" }, hasIcon && (h("span", { key: 'ce2dd960172dea53be26ceefdc0aee394ee1f8ae', class: "md-fab-menu-item__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), h("span", { key: 'f35e75ed18e628c9dfcd972001b79b365e29b7a6', class: "md-fab-menu-item__label", part: "label" }, this.label ? this.label : h("slot", null))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/md-fab-menu.entry.js

@@ -647,13 +647,13 @@ const MdFabMenu = class {
     }
     /* ── Render ───────────────────────────────────────────── */
     render() {
-        return (h(Host, { key: '7d92976fb9210339e957720b632d35cfdff532fe', class: {
+        return (h(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 }, h("div", { key: 'cc2f3e1a224d69bab705793d8867b4797f342be9', class: "md-fab-menu__container" }, h("div", { key: 'd43cb6ca7a3668c12118b6ff830152528d876f28', class: "md-fab-menu__items" }, h("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 }, h("div", { key: 'fb9347312ceb5cd36ad866a7ee2a384de4e6f55c', class: "md-fab-menu__container" }, h("div", { key: '1537c4a81d7e70630f327183319fc48cd68e8eff', class: "md-fab-menu__items" }, h("slot", { key: '5dc74d72ab07be74ca3ed0a937a5590a3c60b291' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/md-fab.entry.js

@@ -131,7 +131,7 @@ const MdFab = class {
         const isExtended = this.extended === undefined ? hasLabel : this.extended;
         const hasIcon = !!this.icon;
         const hasExplicitAriaLabel = this.authoredAccessibleName;
-        return (h(Host, { key: '9f38d5a63ee3ff8d86b361e83917091a3550a415', class: {
+        return (h(Host, { key: 'fbd2c3ad0b52387a0560e11b68482fe84468390a', class: {
                 'md-fab': true,
                 [`md-fab--${this.variant}`]: true,
                 // Fixed circular sizes apply only to FABs that never carry a label.
@@ -141,7 +141,7 @@ const MdFab = class {
                 '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 && h("md-ripple", { key: '5a0114263fe2817f3b7466fc4ec757403e31c203', disabled: isEffectivelyDisabled }), h("span", { key: 'd4a45e41c4982d48212672e1ae87a3721edaf9b7', class: "md-fab__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: 'dddb0c1469a57e06af7fc9eea94f4acc5a9f5cf8', name: "icon" }, hasIcon && h("span", { key: '47d5415adbdfd8629f6efe67c799a59058496f7e', class: "md-fab__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)), hasLabel && h("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 && h("md-ripple", { key: 'cb9339ab1f4517d6f1a20e0ab85e8a776ff02d98', disabled: isEffectivelyDisabled }), h("span", { key: '7b75ba2f21d7081da580edd470a7ce8a15781532', class: "md-fab__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: 'b2918b686e306493fdb0364322a4667934428b03', name: "icon" }, hasIcon && h("span", { key: '7a3bc8d8edfc1a1df416e4fc9799a6d3a8c26217', class: "md-fab__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)), hasLabel && h("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 {

package/dist/esm/md-line-chart.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-WmvQpZnM.js';
-import { c as normalizeSeriesX, r as remapIndexRecord, d as datumY, b as buildDataTableHtml, a as buildChartSummary } from './a11y-C6CRqodW.js';
-import { L as LineChartEngine } from './chart-32olae06.js';
-import { d as defaultValueFormatter, a as resolveSeriesColor, r as resolveAxisBands, b as readMdChartTheme, p as pickPaletteColor } from './rtl-DvOKnoqK.js';
-import './hit-test-DHldf5Lm.js';
+import { c as normalizeSeriesX, r as remapIndexRecord, d as datumY, b as buildDataTableHtml, a as buildChartSummary } from './a11y-BckJ95d7.js';
+import { L as LineChartEngine } from './chart-ByIhkqsG.js';
+import { k as defaultValueFormatter, l as resolveSeriesColor, j as resolveAxisBands, n as readMdChartTheme, o as pickPaletteColor } from './rtl-CVFH1DkU.js';
+import './hit-test-c_hI-yCX.js';
 
 const mdLineChartCss = () => `:host{--_block-size:var(--md-line-chart-block-size, auto);--_min-block-size:var(--md-line-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-line-chart-aspect-ratio, 16 / 9);--_background:var(--md-line-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-line-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--md-line-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-line-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-line-chart-empty-background, var(--_background));--_empty-font:var(--md-line-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-line-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-line-chart-empty-icon-size, 40px);--_zoom-size:var(--md-line-chart-zoom-size, 28px);--_zoom-track-color:var(--md-line-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-line-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-line-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-line-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-line-chart__header,.md-line-chart__footer{display:contents}.md-line-chart__header>slot[name='header']::slotted(*),.md-line-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-line-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.md-line-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-line-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-line-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}.md-line-chart__empty ::slotted(.material-symbols-outlined),.md-line-chart__empty ::slotted(.material-symbols-rounded),.md-line-chart__empty ::slotted(.material-symbols-sharp),.md-line-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}:host(.md-line-chart--zoom-slider) .md-line-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-line-chart--zoom-drag) .md-line-chart__canvas{cursor:ew-resize}.md-line-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-line-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-line-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-line-chart__zoom-pan:active{cursor:grabbing}.md-line-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}.md-line-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-line-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}.md-line-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}: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}`;
 
@@ -902,14 +902,14 @@ const MdLineChart = class {
         // 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 (h(Host, { key: 'd9a1a408606f3561ab600a9e11978ed9f6fb5308', class: {
+        return (h(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 }, h("header", { key: '7d3982cb8d3a9a69f95554943898a214d221c734', class: "md-line-chart__header", part: "header" }, h("slot", { key: 'fc1a089066350f40fa9c30b1984294017cd5dbbb', name: "header" })), h("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 && (h("div", { key: 'd056e1034d7cbf6a61a46256c7f271cb0343ce7b', class: "md-line-chart__empty", part: "empty" }, h("slot", { key: 'd3af8ff195e4973432ae6fcf683e96f70bd1ccab', name: "empty" }, this.labelEmpty))), this.loading && (h("div", { key: '3b26dd9069ebf17abd58d1c77e14828019e0a4e2', class: "md-line-chart__loading", part: "loading", role: "status" }, h("slot", { key: 'd36d29dafcc655bd30d7bcbac13ae6c18a594839', name: "loader" }, h("slot", { key: '47153fb58d0e11132e466e724ab587caa576c263', name: "loading" }, h("md-progress-indicator", { key: '60c443fa744ac9ab1ef58afad715799059009326', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), h("span", { key: '505c3a377627e288969725420ac2db4b7329b57d', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (h("div", { key: '8b496a56977f724f86c43167fffa3ff7d07caf75', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), h("footer", { key: '83a5255e217e7d74c2707d69d39b25c014ab3d1c', class: "md-line-chart__footer", part: "footer" }, h("slot", { key: '9690127eb42f33b825d016f8cd85261cc62a74e7', name: "footer" })), h("div", { key: '9d31b766915dbc6031b5e2f43b69b949d45e4f44', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), h("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 }, h("header", { key: '9e99fad3c7a18d63c5434f06056a69d1e5923fd3', class: "md-line-chart__header", part: "header" }, h("slot", { key: 'e232add7130f86efca6101ab2c81b947c9ac03cb', name: "header" })), h("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 && (h("div", { key: '2c6b6dc99eac4e51d3dda03c8bb0e1fb2b67100c', class: "md-line-chart__empty", part: "empty" }, h("slot", { key: 'cff04093e72a5d90826f725534fa2700bbe65774', name: "empty" }, this.labelEmpty))), this.loading && (h("div", { key: '3cc6a9d5e9289b7a92ab86ea19804c6e06b0ade8', class: "md-line-chart__loading", part: "loading", role: "status" }, h("slot", { key: 'c049a9258b04247540d9bc535ca62fafd9c62757', name: "loader" }, h("slot", { key: '56c043e6d654c7255d0bf0c8c3d7162d8d5da26b', name: "loading" }, h("md-progress-indicator", { key: '42aabefb610f3810154695888f95aeb75d2c54e1', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), h("span", { key: '34593a490492afb798cbdd580dd1973d7b35a9a9', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (h("div", { key: '6339cff744e5b0f8fa00003f7b7f92bca80fe55b', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), h("footer", { key: '2352c3298f8edde508e8f28163e47f30132ade34', class: "md-line-chart__footer", part: "footer" }, h("slot", { key: '1e4d7f31cfc1a97a06b99b2ea5a856a27dc4e77d', name: "footer" })), h("div", { key: '24ceaba1af71bcf7f1de0e8f500a3e4432b8162b', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), h("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 {

package/dist/esm/md-list-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-WmvQpZnM.js';
 import { t as triggerRipple } from './ripple-DYBUr7K_.js';
-import { s as sanitizeHref, S as SAFE_WINDOW_FEATURES, a as SAFE_LINK_REL } from './url-BjYKc1Ge.js';
+import { s as sanitizeHref, a as SAFE_WINDOW_FEATURES, S as SAFE_LINK_REL } from './url-BdEoSBtL.js';
 
 const mdListItemCss = () => `:host{--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_container-shape:var(--md-list-item-container-shape, 0px);--_container-shape-start-start:var(--md-list-item-container-shape-start-start, var(--_container-shape));--_container-shape-start-end:var(--md-list-item-container-shape-start-end, var(--_container-shape));--_container-shape-end-start:var(--md-list-item-container-shape-end-start, var(--_container-shape));--_container-shape-end-end:var(--md-list-item-container-shape-end-end, var(--_container-shape));--_hover-container-shape:var(--md-list-item-hover-container-shape,    var(--md-list-item-active-container-shape, 0px));--_focus-container-shape:calc(var(--md-list-item-focus-container-shape,    var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_pressed-container-shape:calc(var(--md-list-item-pressed-container-shape,  var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_selected-container-shape:calc(var(--md-list-item-selected-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_dragged-container-shape:var(--md-list-item-dragged-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px)));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_label-text-font:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-font:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size:var(--md-list-item-leading-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_leading-icon-expressive-size:var(--md-list-item-leading-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-trailing-icon-color:var(--md-list-item-unselected-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-expressive-size:var(--md-list-item-trailing-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_leading-avatar-color:var(--md-list-item-leading-avatar-color, var(--md-sys-color-primary-container, #eaddff));--_leading-avatar-label-color:var(--md-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container, #21005d));--_leading-avatar-size:var(--md-list-item-leading-avatar-size, 40px);--_leading-avatar-shape:var(--md-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_leading-image-width:var(--md-list-item-leading-image-width, 56px);--_leading-image-height:var(--md-list-item-leading-image-height, 56px);--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--md-sys-shape-corner-none, 0px));--_leading-image-expressive-shape:var(--md-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));--_leading-image-selection-scrim-color:var(     --md-list-item-leading-image-selection-scrim-color,     color-mix(in srgb, var(--md-sys-color-scrim, #000000) 32%, transparent)   );--_leading-image-selection-circle-color:var(     --md-list-item-leading-image-selection-circle-color,     color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 60%, transparent)   );--_leading-image-selection-icon-color:var(     --md-list-item-leading-image-selection-icon-color,     var(--md-sys-color-surface, #fef7ff)   );--_leading-image-selection-icon-size:var(--md-list-item-leading-image-selection-icon-size, 24px);--_leading-video-width:var(--md-list-item-leading-video-width, 100px);--_leading-video-height:var(--md-list-item-leading-video-height, 56px);--_leading-video-shape:var(--md-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));--_selected-container-color:var(--md-list-item-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-label-text-color:var(--md-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container, #4a4458));--_selected-active-icon-color:var(--md-list-item-selected-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-color:var(     --md-list-item-selected-disabled-container-color,     color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 12%, transparent)   );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_hover-state-layer-opacity:var(--md-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 0.08));--_focus-state-layer-opacity:var(--md-list-item-focus-state-layer-opacity, 0.1);--_pressed-state-layer-opacity:var(--md-list-item-pressed-state-layer-opacity, 0.1);--_dragged-state-layer-opacity:var(--md-list-item-dragged-state-layer-opacity, 0.16);--_disabled-state-layer-opacity:var(--md-list-item-disabled-state-layer-opacity, 0);--_leading-space:var(--md-list-item-leading-space, var(--md-sys-spacing-inset-lg, 16px));--_trailing-space:var(--md-list-item-trailing-space, var(--md-sys-spacing-inset-lg, 16px));--_top-space:var(--md-list-item-top-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_bottom-space:var(--md-list-item-bottom-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_between-space:var(--md-list-item-between-space, max(8px, var(--md-sys-spacing-gap-md, 12px)));--_three-line-top-space:var(--md-list-item-three-line-top-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_three-line-bottom-space:var(--md-list-item-three-line-bottom-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_density-delta:calc(var(--md-sys-density-scale, 0) * 4px);--_density-delta-multi:calc(var(--md-sys-density-scale, 0) * 6px);--_dragged-container-elevation:var(--md-list-item-dragged-container-elevation, var(--md-sys-elevation-4, 0px 6px 10px 4px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.3)));--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f));--_expand-duration:var(--md-list-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-list-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms));--_expand-easing:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_expanded-panel-padding-block:var(--md-list-item-expanded-panel-padding-block, 0px);--_expanded-panel-padding-inline:var(--md-list-item-expanded-panel-padding-inline, 0px);--_expanded-panel-padding-inline-start:var(     --md-list-item-expanded-panel-padding-inline-start,     var(--md-list-item-expanded-panel-padding-inline, 0px)   );--_expanded-panel-background:var(--md-list-item-expanded-panel-background, transparent);display:block;position:relative;background-color:var(--_container-color);color:var(--_label-text-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;overflow:clip;transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}.md-list-item__row{display:flex;align-items:center;position:relative;min-block-size:calc(56px + var(--_density-delta));padding-block-start:var(--_top-space);padding-block-end:var(--_bottom-space);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);gap:var(--_between-space);box-sizing:border-box;overflow:hidden;transition:border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-list-item--interactive) .md-list-item__row{cursor:pointer;user-select:none}:host(.md-list-item--type-text:not(.md-list-item--selection-mode):not(.md-list-item--expandable)) .md-list-item__row{cursor:default}.md-list-item__primary{display:flex;align-items:center;flex:1 1 auto;min-inline-size:0;gap:var(--_between-space);appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:inherit;outline:none;-webkit-tap-highlight-color:transparent}:host(.md-list-item--3-line) .md-list-item__primary{align-items:flex-start;align-self:stretch}:host(.md-list-item--1-line) .md-list-item__row{min-block-size:calc(56px + var(--_density-delta))}:host(.md-list-item--2-line) .md-list-item__row{min-block-size:calc(72px + var(--_density-delta-multi))}:host(.md-list-item--3-line) .md-list-item__row{min-block-size:calc(88px + var(--_density-delta-multi));padding-block-start:var(--_three-line-top-space);padding-block-end:var(--_three-line-bottom-space);align-items:flex-start}:host(.md-list-item--with-video){--_top-space:var(--md-list-item-leading-video-top-space, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_bottom-space:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-list-item--3-line) .md-list-item__leading{align-self:flex-start;}:host(.md-list-item--3-line.md-list-item--with-avatar) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line:has(md-avatar[slot='leading'])) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line) .md-list-item__trailing{align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:0}:host(.md-list-item--3-line) .md-list-item__trailing-icon{margin-block:auto}:host-context(.md-list--standard),:host-context(.md-list--segmented){--_leading-icon-size:var(--md-list-item-leading-icon-size, var(--_leading-icon-expressive-size));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, var(--_trailing-icon-expressive-size));--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--_leading-image-expressive-shape))}:host-context(.md-list--standard):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list-item--expandable.md-list-item--expanded){--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px}:host-context(.md-list--segmented){--_container-shape:var(--md-list-item-container-shape, var(--md-sys-shape-corner-extra-small, 4px))}:host-context(.md-list--segmented):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}.md-list-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-list-item--interactive) .md-list-item__row:hover .md-list-item__state-layer{opacity:var(--_hover-state-layer-opacity)}:host(.md-list-item--interactive:focus-visible) .md-list-item__state-layer,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive) .md-list-item__row:active .md-list-item__state-layer,:host(.md-list-item--pressed) .md-list-item__state-layer{opacity:var(--_pressed-state-layer-opacity)}:host(.md-list-item--dragged) .md-list-item__state-layer{opacity:var(--_dragged-state-layer-opacity)}:host(.md-list-item--dragged) md-ripple{display:none}:host(.md-list-item--dragged){box-shadow:var(--_dragged-container-elevation);z-index:1}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--dragged:focus-visible){box-shadow:var(--_dragged-container-elevation),     inset 0 0 0 3px var(--md-sys-color-secondary, #625b71)}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected),:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged){transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row,:host(.md-list-item--selected) .md-list-item__row,:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{transition:border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_focus-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_focus-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_focus-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_focus-container-shape))}:host(.md-list-item--selected),:host(.md-list-item--selected) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_selected-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_selected-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_selected-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_selected-container-shape))}:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged),:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_pressed-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_pressed-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_pressed-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_pressed-container-shape))}:host(.md-list-item--dragged),:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_dragged-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_dragged-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_dragged-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_dragged-container-shape))}:host(.md-list-item--selected){--_container-color:var(--_selected-container-color);--_label-text-color:var(--_selected-label-text-color);--_supporting-text-color:var(--_selected-label-text-color);--_overline-color:var(--_selected-label-text-color);--_leading-icon-color:var(--_selected-label-text-color);--_trailing-icon-color:var(--_selected-label-text-color);--_trailing-supporting-text-color:var(--_selected-label-text-color);--_state-layer-color:var(--_selected-label-text-color);--_expand-chevron-color:var(--_selected-label-text-color)}:host(.md-list-item--selection-mode:not(.md-list-item--selected)){--_trailing-icon-color:var(--_unselected-trailing-icon-color)}:host(.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--selected.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--selected.md-list-item--dragged){--_leading-icon-color:var(--_selected-active-icon-color);--_trailing-icon-color:var(--_selected-active-icon-color)}:host(.md-list-item--expandable),:host(.md-list-item--expandable[selected]),:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--dragged){--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(     --md-list-item-trailing-supporting-text-color,     var(--md-sys-color-on-surface-variant, #49454f)   );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f))}:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected) .md-list-item__row{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(.md-list-item--disabled){cursor:default;pointer-events:none;--_label-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_overline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_leading-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_expand-chevron-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-list-item--disabled) .md-list-item__state-layer{opacity:var(--_disabled-state-layer-opacity)}:host(.md-list-item--selected.md-list-item--disabled){--_container-color:var(--_selected-disabled-container-color)}:host([soft-disabled]){pointer-events:auto}:host([soft-disabled]) .md-list-item__row{cursor:default}:host([soft-disabled]) .md-list-item__state-layer{display:none}.md-list-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:24px;color:var(--_leading-icon-color)}.md-list-item__leading--empty,.md-list-item__overline--empty,.md-list-item__supporting-text--empty,.md-list-item__trailing-text--empty{display:none}.md-list-item__icon{font-size:var(--_leading-icon-size);inline-size:var(--_leading-icon-size);block-size:var(--_leading-icon-size);line-height:1;color:var(--_leading-icon-color);font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--expanded) .md-list-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}md-avatar.md-list-item__avatar{--md-avatar-size:var(--_leading-avatar-size);--md-avatar-container-shape:var(--_leading-avatar-shape);--md-avatar-container-color:var(--_leading-avatar-color);--md-avatar-label-color:var(--_leading-avatar-label-color)}.md-list-item__image-wrap{position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--_leading-image-width);block-size:var(--_leading-image-height);border-radius:var(--_leading-image-shape);overflow:hidden}.md-list-item__image{inline-size:100%;block-size:100%;object-fit:cover}.md-list-item__image-selection-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--_leading-image-selection-scrim-color);pointer-events:none;opacity:0;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--selected) .md-list-item__image-selection-indicator{opacity:1}.md-list-item__image-selection-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--_leading-image-selection-icon-size);block-size:var(--_leading-image-selection-icon-size);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_leading-image-selection-circle-color);transform:scale(0);opacity:0}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:md-list-item-image-selection-in var(--md-sys-motion-duration-medium2, 250ms)     var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)) both}@keyframes md-list-item-image-selection-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}.md-list-item__image-selection-check.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--_leading-image-selection-icon-size) * 0.667);block-size:calc(var(--_leading-image-selection-icon-size) * 0.667);font-size:calc(var(--_leading-image-selection-icon-size) * 0.667);line-height:1;color:var(--_leading-image-selection-icon-color);font-weight:normal;font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}::slotted([slot="leading"]){display:inline-flex;align-items:center;justify-content:center;color:var(--_leading-icon-color);fill:currentColor}::slotted(video[slot="leading"]){inline-size:var(--_leading-video-width);block-size:var(--_leading-video-height);border-radius:var(--_leading-video-shape);object-fit:cover}.md-list-item__content{flex:1;display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;gap:0}.md-list-item__overline{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);color:var(--_overline-color);contain:inline-size;min-inline-size:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:uppercase;transition:none}.md-list-item__headline{font-family:var(--_label-text-font);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--_label-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}.md-list-item__supporting-text{font-family:var(--_supporting-text-font);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_supporting-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}:host(.md-list-item--3-line) .md-list-item__supporting-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}md-tooltip.md-list-item__headline-tooltip,md-tooltip.md-list-item__supporting-tooltip{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden;--md-tooltip-plain-max-inline-size:320px}md-tooltip.md-list-item__supporting-tooltip--empty{display:none}.md-list-item__trailing{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--_trailing-icon-color)}.md-list-item__trailing-text{font-family:var(--_trailing-supporting-text-font);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);color:var(--_trailing-supporting-text-color);white-space:nowrap}.md-list-item__trailing-icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--_trailing-icon-size);inline-size:var(--_trailing-icon-size);block-size:var(--_trailing-icon-size);line-height:1;color:var(--_trailing-icon-color)}::slotted([slot="trailing"]:not(md-badge)){display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);fill:currentColor;pointer-events:auto}::slotted(md-badge[slot="trailing"]){display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;position:static;inset-block-start:auto;inset-inline-end:auto;transform:none;flex-shrink:0}:host(.md-list-item--3-line) ::slotted(md-badge[slot="trailing"]){margin-block:auto}.md-list-item__drag-handle.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;font-size:22px;line-height:1;color:var(--_trailing-icon-color);opacity:0.55;cursor:grab;touch-action:none;pointer-events:auto;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-list-item__drag-handle.material-symbols-outlined:hover{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);transform:scale(1.08)}.md-list-item__drag-handle.material-symbols-outlined:active{cursor:grabbing}:host(.md-list-item--dragged) .md-list-item__drag-handle{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);cursor:grabbing}:host(.md-list-item--shifting){transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));will-change:transform}.md-list-item__expand-button{flex-shrink:0;--md-icon-button-container-width:var(--md-list-item-expand-button-size, 32px);--md-icon-button-container-height:var(--md-list-item-expand-button-size, 32px);--md-icon-button-icon-size:var(--md-list-item-expand-chevron-size, 24px);--md-icon-button-icon-color:var(--_expand-chevron-color);--md-icon-button-state-layer-color:var(--_expand-chevron-color);margin-inline-end:-4px}.md-list-item__expand-button--expanded{--md-icon-button-container-color:var(--md-sys-color-primary, #6750a4);--md-icon-button-icon-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-state-layer-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-outline-color:transparent}.md-list-item__expand-button::part(icon){transition:transform var(--md-sys-motion-duration-medium2, 250ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));transform-origin:center}.md-list-item__expand-button--expanded::part(icon){transform:rotate(180deg)}.md-list-item__expanded-panel{display:grid;grid-template-rows:0fr;opacity:0;background-color:var(--_expanded-panel-background);transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing),     opacity var(--_collapse-duration) var(--_collapse-easing)}:host(.md-list-item--expanded) .md-list-item__expanded-panel{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--_expand-duration) var(--_expand-easing),     opacity var(--_expand-duration) var(--_expand-easing)}.md-list-item__expanded-panel-inner{min-block-size:0;overflow:hidden;transform:translateY(-8px);transition:transform var(--_collapse-duration) var(--_collapse-easing);padding-block:var(--_expanded-panel-padding-block);padding-inline-start:var(--_expanded-panel-padding-inline-start);padding-inline-end:var(--_expanded-panel-padding-inline)}:host(.md-list-item--expanded) .md-list-item__expanded-panel-inner{transform:translateY(0);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-list-item--expandable) ::slotted(md-list-item[slot="expanded-content"]){--md-list-item-container-shape:0px;--md-list-item-container-shape-start-start:0px;--md-list-item-container-shape-start-end:0px;--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px;display:block;inline-size:100%;box-sizing:border-box}:host-context(.md-list--standard):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type),:host-context(.md-list--segmented):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}::slotted(md-divider[slot="expanded-content"]){display:block}::slotted([slot="expanded-content"]){display:block}.md-list-item__expanded-panel[hidden]{display:grid}@media (prefers-reduced-motion: reduce){:host{transition-property:box-shadow}.md-list-item__row,.md-list-item__expanded-panel,.md-list-item__expanded-panel-inner,.md-list-item__drag-handle{transition:none}.md-list-item__drag-handle.material-symbols-outlined:hover{transform:none}.md-list-item__expand-button::part(icon){transition:none}.md-list-item__image-selection-indicator{transition:none}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:none;transform:scale(1);opacity:1}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;pointer-events:none}:host([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror],:host-context([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror]{transform:scaleX(-1)}:host(.md-list-item--with-image) .md-list-item__row{padding-inline-start:16px}: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}`;
 
@@ -1042,7 +1042,7 @@ const MdListItem = class {
                 ? 'group'
                 : 'region';
         const panelLabel = panelRole === 'region' ? undefined : this.headlineFullText() || undefined;
-        return (h(Host, { key: '2b9d333fcd78fa67fa3811c61a02ac01b382363d', class: {
+        return (h(Host, { key: 'cd61b205cde324e98ca0f95604a62ad00494c7c1', class: {
                 'md-list-item': true,
                 [`md-list-item--${lines}-line`]: true,
                 [`md-list-item--type-${this.type}`]: true,
@@ -1067,7 +1067,7 @@ const MdListItem = class {
                `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 }, h("span", { key: 'f1a9a1759c9282ca6a44cbf2a8db81c6e3c04330', class: "md-list-item__row", part: "row" }, isInteractive && h("md-ripple", { key: '9c1564542b14116edfcfc5c15606d5d0ee5b4437', disabled: this.isEffectivelyDisabled }), isInteractive && (h("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 && (h("span", { key: '3eda42f27457a61543b6799c13222806f39cfb17', class: "md-list-item__expanded-panel", part: "expanded-panel", id: this.expandedPanelId,
+            onFocus: isInteractive && !hasPrimaryAction ? this.handleFocus : undefined }, h("span", { key: '0af7fb5d7cbcd56393c428bcd3f65793613570a5', class: "md-list-item__row", part: "row" }, isInteractive && h("md-ripple", { key: '428ed61997039e15e4e9443a9e323cde9391a041', disabled: this.isEffectivelyDisabled }), isInteractive && (h("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 && (h("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
@@ -1077,7 +1077,7 @@ const MdListItem = class {
                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 }, h("span", { key: '3c763ff80f6a06f40bfa6ab3c6799fe8362fa626', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, h("slot", { key: '78b2439caef1c7f3c5dd0c70b0330ee1d7280405', name: "expanded-content" }))))));
+            role: panelRole, "aria-label": panelLabel, hidden: !this.expanded }, h("span", { key: '08e42531895724ae9de6688667c2bd866627aca3', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, h("slot", { key: 'e2f5f73f0142d666d769eecdf9eddd5c62e2dd5f', name: "expanded-content" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/md-list.entry.js

@@ -794,17 +794,17 @@ const MdList = class {
            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 (h(Host, { key: 'b276cebae42f64386ad013dc37c0e3926ea00594', class: {
+        return (h(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 && (h("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 && (h("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`,
-            } })), h("slot", { key: '3f3144e9735900e8ba29abfd2190b9c8ce585b56' })));
+            } })), h("slot", { key: '70452f5305b74576d8eff4ed4471a847fc061773' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/md-loading-indicator-Bf-Pt29l.js

@@ -0,0 +1,31 @@
+import { r as registerInstance, h, H as Host } from './index-WmvQpZnM.js';
+
+const mdLoadingIndicatorCss = () => `:host{--_color:var(--md-loading-indicator-color, var(--md-sys-color-primary, #6750A4));--_size:var(--md-loading-indicator-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_shape-size:var(--md-loading-indicator-shape-size, calc(var(--_size) * 0.792));--_container-color:var(--md-loading-indicator-container-color, var(--md-sys-color-primary-container, #EADDFF));--_container-shape:var(--md-loading-indicator-container-shape, var(--md-sys-shape-corner-full, 50%));display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_size);block-size:var(--_size);flex-shrink:0;box-sizing:border-box;overflow:hidden}:host(.md-loading-indicator--contained){--_color:var(--md-loading-indicator-color, var(--md-sys-color-on-primary-container, #21005D));background-color:var(--_container-color);border-radius:var(--_container-shape)}.md-loading-indicator__shape{display:block;inline-size:var(--_shape-size);block-size:var(--_shape-size);background-color:var(--_color);will-change:clip-path, transform;animation:md-loading-morph 4.55s infinite}@keyframes md-loading-morph{0%{clip-path:polygon(       50% 5.3%, 55.4% 9.1%, 59.3% 15.3%, 64% 16.1%, 71.2% 13.3%, 77.1% 14.7%,       78.3% 21.7%, 78.1% 28.4%, 82.6% 31.2%, 90% 33.4%, 92.6% 38.6%, 88.4% 44.9%,       85.3% 50%, 88.4% 55.1%, 92.6% 61.4%, 90% 66.6%, 82.6% 68.8%, 78.1% 71.6%,       78.3% 78.3%, 77.1% 85.3%, 71.2% 86.7%, 64% 83.9%, 59.3% 84.7%, 55.4% 90.9%,       50% 94.7%, 44.6% 90.9%, 40.7% 84.7%, 36% 83.9%, 28.8% 86.7%, 22.9% 85.3%,       21.7% 78.3%, 21.9% 71.6%, 17.4% 68.8%, 10% 66.6%, 7.4% 61.4%, 11.6% 55.1%,       14.7% 50%, 11.6% 44.9%, 7.4% 38.6%, 10% 33.4%, 17.4% 31.2%, 21.9% 28.4%,       21.7% 21.7%, 22.9% 14.7%, 28.8% 13.3%, 36% 16.1%, 40.7% 15.3%, 44.6% 9.1%     );transform:rotate(0deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}14.3%{clip-path:polygon(       50% 6.8%, 55.4% 9.1%, 59.8% 13.6%, 64.2% 15.8%, 70% 15.4%, 76.2% 15.9%,       79.9% 20.1%, 80.8% 26.4%, 81.8% 31.6%, 85.8% 35.2%, 90.8% 39.1%, 92.6% 44.4%,       90% 50%, 86.7% 54.8%, 86.4% 59.8%, 88.1% 65.8%, 87.4% 71.6%, 82.7% 75.1%,       76.7% 76.7%, 72.5% 79.4%, 70% 84.6%, 66.4% 89.7%, 60.9% 90.8%, 55.1% 88.4%,       50% 86.8%, 44.9% 88.4%, 39.1% 90.8%, 33.6% 89.7%, 30% 84.6%, 27.5% 79.4%,       23.3% 76.7%, 17.3% 75.1%, 12.6% 71.6%, 11.9% 65.8%, 13.6% 59.8%, 13.3% 54.8%,       10% 50%, 7.4% 44.4%, 9.2% 39.1%, 14.2% 35.2%, 18.2% 31.6%, 19.2% 26.4%,       20.1% 20.1%, 23.8% 15.9%, 30% 15.4%, 35.8% 15.8%, 40.2% 13.6%, 44.6% 9.1%     );transform:rotate(154deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}28.6%{clip-path:polygon(       50% 6.8%, 55.4% 8.9%, 60% 12.7%, 63.9% 16.4%, 67.5% 19.7%, 71.1% 22.5%,       75% 25%, 79.5% 27.4%, 84.4% 30.1%, 89.3% 33.7%, 91.4% 38.9%, 90% 44.7%,       87.6% 50%, 85.4% 54.7%, 83.5% 59%, 82.1% 63.3%, 81.2% 68%, 80.2% 73.2%,       78.9% 78.9%, 76.3% 84.2%, 71% 86.4%, 65% 86.2%, 59.5% 85.5%, 54.6% 84.8%,       50% 84.6%, 45.4% 84.8%, 40.5% 85.5%, 35% 86.2%, 29% 86.4%, 23.7% 84.2%,       21.1% 78.9%, 19.8% 73.2%, 18.8% 68%, 17.9% 63.3%, 16.5% 59%, 14.6% 54.7%,       12.4% 50%, 10% 44.7%, 8.6% 38.9%, 10.7% 33.7%, 15.6% 30.1%, 20.5% 27.4%,       25% 25%, 28.9% 22.5%, 32.5% 19.7%, 36.1% 16.4%, 40% 12.7%, 44.6% 8.9%     );transform:rotate(309deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}42.9%{clip-path:polygon(       50% 5.1%, 55.8% 5.6%, 61.5% 7.3%, 66.6% 9.9%, 71.1% 13.4%, 74.8% 17.6%,       77.6% 22.4%, 79.5% 27.4%, 80.3% 32.5%, 80.1% 37.5%, 79.1% 42.2%, 77.5% 46.4%,       76.4% 50%, 77.5% 53.6%, 79.1% 57.8%, 80.1% 62.5%, 80.3% 67.5%, 79.5% 72.6%,       77.6% 77.6%, 74.8% 82.4%, 71.1% 86.6%, 66.6% 90.1%, 61.5% 92.7%, 55.8% 94.4%,       50% 94.9%, 44.2% 94.4%, 38.5% 92.7%, 33.4% 90.1%, 28.9% 86.6%, 25.2% 82.4%,       22.4% 77.6%, 20.5% 72.6%, 19.7% 67.5%, 19.9% 62.5%, 20.9% 57.8%, 22.5% 53.6%,       23.6% 50%, 22.5% 46.4%, 20.9% 42.2%, 19.9% 37.5%, 19.7% 32.5%, 20.5% 27.4%,       22.4% 22.4%, 25.2% 17.6%, 28.9% 13.4%, 33.4% 9.9%, 38.5% 7.3%, 44.2% 5.6%     );transform:rotate(463deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}57.1%{clip-path:polygon(       50% 3.4%, 55.7% 7.1%, 59.5% 14.5%, 62.8% 19.1%, 68.4% 18.2%, 76.4% 15.7%,       82.9% 17.1%, 84.3% 23.6%, 81.8% 31.6%, 80.9% 37.2%, 85.5% 40.5%, 92.9% 44.3%,       96.6% 50%, 92.9% 55.7%, 85.5% 59.5%, 80.9% 62.8%, 81.8% 68.4%, 84.3% 76.4%,       82.9% 82.9%, 76.4% 84.3%, 68.4% 81.8%, 62.8% 80.9%, 59.5% 85.5%, 55.7% 92.9%,       50% 96.6%, 44.3% 92.9%, 40.5% 85.5%, 37.2% 80.9%, 31.6% 81.8%, 23.6% 84.3%,       17.1% 82.9%, 15.7% 76.4%, 18.2% 68.4%, 19.1% 62.8%, 14.5% 59.5%, 7.1% 55.7%,       3.4% 50%, 7.1% 44.3%, 14.5% 40.5%, 19.1% 37.2%, 18.2% 31.6%, 15.7% 23.6%,       17.1% 17.1%, 23.6% 15.7%, 31.6% 18.2%, 37.2% 19.1%, 40.5% 14.5%, 44.3% 7.1%     );transform:rotate(617deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}71.4%{clip-path:polygon(       50% 18.1%, 54.2% 17.7%, 58.9% 16.8%, 64.3% 15.5%, 70.5% 14.5%, 77% 14.8%,       82.4% 17.6%, 85.2% 23%, 85.5% 29.5%, 84.5% 35.7%, 83.2% 41.1%, 82.3% 45.8%,       81.9% 50%, 82.3% 54.2%, 83.2% 58.9%, 84.5% 64.3%, 85.5% 70.5%, 85.2% 77%,       82.4% 82.4%, 77% 85.2%, 70.5% 85.5%, 64.3% 84.5%, 58.9% 83.2%, 54.2% 82.3%,       50% 81.9%, 45.8% 82.3%, 41.1% 83.2%, 35.7% 84.5%, 29.5% 85.5%, 23% 85.2%,       17.6% 82.4%, 14.8% 77%, 14.5% 70.5%, 15.5% 64.3%, 16.8% 58.9%, 17.7% 54.2%,       18.1% 50%, 17.7% 45.8%, 16.8% 41.1%, 15.5% 35.7%, 14.5% 29.5%, 14.8% 23%,       17.6% 17.6%, 23% 14.8%, 29.5% 14.5%, 35.7% 15.5%, 41.1% 16.8%, 45.8% 17.7%     );transform:rotate(771deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}85.7%{clip-path:polygon(       50% 14.5%, 54.9% 12.8%, 60.3% 11.6%, 66.1% 11.2%, 72% 11.9%, 77.7% 13.9%,       82.5% 17.5%, 86.1% 22.3%, 88.1% 28%, 88.8% 33.9%, 88.4% 39.7%, 87.2% 45.1%,       85.5% 50%, 83.5% 54.4%, 81.3% 58.4%, 79% 62%, 76.5% 65.3%, 73.9% 68.4%,       71.2% 71.2%, 68.4% 73.9%, 65.3% 76.5%, 62% 79%, 58.4% 81.3%, 54.4% 83.5%,       50% 85.5%, 45.1% 87.2%, 39.7% 88.4%, 33.9% 88.8%, 28% 88.1%, 22.3% 86.1%,       17.5% 82.5%, 13.9% 77.7%, 11.9% 72%, 11.2% 66.1%, 11.6% 60.3%, 12.8% 54.9%,       14.5% 50%, 16.5% 45.6%, 18.7% 41.6%, 21% 38%, 23.5% 34.7%, 26.1% 31.6%,       28.8% 28.8%, 31.6% 26.1%, 34.7% 23.5%, 38% 21%, 41.6% 18.7%, 45.6% 16.5%     );transform:rotate(926deg);animation-timing-function:cubic-bezier(0.34, 1.45, 0.4, 1)}100%{clip-path:polygon(       50% 5.3%, 55.4% 9.1%, 59.3% 15.3%, 64% 16.1%, 71.2% 13.3%, 77.1% 14.7%,       78.3% 21.7%, 78.1% 28.4%, 82.6% 31.2%, 90% 33.4%, 92.6% 38.6%, 88.4% 44.9%,       85.3% 50%, 88.4% 55.1%, 92.6% 61.4%, 90% 66.6%, 82.6% 68.8%, 78.1% 71.6%,       78.3% 78.3%, 77.1% 85.3%, 71.2% 86.7%, 64% 83.9%, 59.3% 84.7%, 55.4% 90.9%,       50% 94.7%, 44.6% 90.9%, 40.7% 84.7%, 36% 83.9%, 28.8% 86.7%, 22.9% 85.3%,       21.7% 78.3%, 21.9% 71.6%, 17.4% 68.8%, 10% 66.6%, 7.4% 61.4%, 11.6% 55.1%,       14.7% 50%, 11.6% 44.9%, 7.4% 38.6%, 10% 33.4%, 17.4% 31.2%, 21.9% 28.4%,       21.7% 21.7%, 22.9% 14.7%, 28.8% 13.3%, 36% 16.1%, 40.7% 15.3%, 44.6% 9.1%     );transform:rotate(1080deg)}}.md-loading-indicator__sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:var(--_container-shape)}@media (prefers-reduced-motion: reduce){.md-loading-indicator__shape{animation:md-loading-pulse 2s ease-in-out infinite;border-radius:50%;clip-path:none}}@keyframes md-loading-pulse{0%,100%{opacity:1}50%{opacity:0.4}}@media (forced-colors: active){.md-loading-indicator__shape{background-color:CanvasText}:host(.md-loading-indicator--contained){background-color:Canvas;outline:1px solid CanvasText}}: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 MdLoadingIndicator = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Visual style: uncontained (default) or contained (with background container) */
+        this.variant = 'uncontained';
+        /** Accessible label for screen readers */
+        this.label = 'Loading';
+        /**
+         * Local density rung. Drives the same `--md-sys-density-scale` signal that a
+         * global `data-density` ancestor sets, so a local value simply overrides the
+         * inherited one. 0 = default, -4 = ultra-compact.
+         */
+        this.density = 0;
+    }
+    render() {
+        return (h(Host, { key: '7283d7970401998bed6a0fba112756031f1ecdee', class: {
+                'md-loading-indicator': true,
+                [`md-loading-indicator--${this.variant}`]: true,
+            }, role: "progressbar", "aria-label": this.label, "aria-live": "polite" }, h("span", { key: 'b89f9b6f9eafd337fcf89af79771cee126ea7606', class: "md-loading-indicator__shape", part: "shape", "aria-hidden": "true" }), h("span", { key: '5ff8ac5edfcb49334c22f3ac3b9d9be0edaf7b19', class: "md-loading-indicator__sr-only", role: "status" }, this.label)));
+    }
+};
+MdLoadingIndicator.style = mdLoadingIndicatorCss();
+
+export { MdLoadingIndicator };
+//# sourceMappingURL=md-loading-indicator-Bf-Pt29l.js.map
+
+//# sourceMappingURL=md-loading-indicator-Bf-Pt29l.js.map

package/dist/esm/md-loading-indicator-Bf-Pt29l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-loading-indicator-Bf-Pt29l.js","sources":["src/components/md-loading-indicator/md-loading-indicator.css?tag=md-loading-indicator&encapsulation=shadow","src/components/md-loading-indicator/md-loading-indicator.tsx"],"sourcesContent":["/* ==========================================================\n   md-loading-indicator — Material Design 3 Loading Indicator\n   Spec: https://m3.material.io/components/loading-indicator/specs\n   Ref:  material-components-android LoadingIndicatorDrawingDelegate\n\n   A looping shape-morph animation matching the Android M3\n   implementation. Morphs through seven Material shapes:\n     Soft Burst → Cookie 9 → Pentagon → Pill →\n     Sunny → Cookie 4 → Oval → (repeat)\n\n   Timing: 650 ms per shape, 4.55 s full cycle.\n   Rotation: ~154° per shape (1080° / 7), 3 full turns per cycle.\n   Easing: bouncy spring — each segment overshoots its target\n           shape before settling, so the polygon morph and the\n           rotation both gain a tactile \"rubber band\" feel.\n           Curve sits between the project's spring-spatial-default\n           (overshoot 1.21) and spring-spatial-fast (1.67) tokens.\n   Shapes: 48-vertex polygons with Gaussian-smoothed corners\n           matching Android CornerRounding parameters.\n\n   PUBLIC CSS CUSTOM PROPERTIES (override per-instance):\n     --md-loading-indicator-color              Indicator shape color\n     --md-loading-indicator-size               Overall component size (default 48px)\n     --md-loading-indicator-shape-size         Morphing shape size (default 38px)\n     --md-loading-indicator-container-color    Container background (contained variant)\n     --md-loading-indicator-container-shape    Container border radius\n\n   CSS PARTS:\n     shape     The morphing indicator shape\n\n   SLOTS:\n     (none)\n   ========================================================== */\n\n:host {\n  --_color: var(--md-loading-indicator-color, var(--md-sys-color-primary, #6750A4));\n  --_size: var(--md-loading-indicator-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));\n  /* Derived from --_size, NOT sized independently. These are two public hooks\n     over one shape: setting only `--md-loading-indicator-size` used to leave\n     the polygon at its own 38px default, so shrinking the component crammed a\n     38px shape into a smaller container and the morph rendered as a clipped\n     blob. 0.792 is the spec ratio (38/48), so the default is unchanged at\n     density 0 and any override now scales both boxes together. */\n  --_shape-size: var(--md-loading-indicator-shape-size, calc(var(--_size) * 0.792));\n  --_container-color: var(--md-loading-indicator-container-color, var(--md-sys-color-primary-container, #EADDFF));\n  --_container-shape: var(--md-loading-indicator-container-shape, var(--md-sys-shape-corner-full, 50%));\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: var(--_size);\n  block-size: var(--_size);\n  flex-shrink: 0;\n  box-sizing: border-box;\n  /* Belt-and-braces: an explicit shape-size larger than the container would\n     otherwise spill the polygon past the (round) container edge. */\n  overflow: hidden;\n}\n\n/* ==========================================================\n   CONTAINED VARIANT\n   Shape uses on-primary-container; background is primary-container.\n   ========================================================== */\n\n:host(.md-loading-indicator--contained) {\n  --_color: var(--md-loading-indicator-color, var(--md-sys-color-on-primary-container, #21005D));\n\n  background-color: var(--_container-color);\n  border-radius: var(--_container-shape);\n}\n\n/* ==========================================================\n   MORPHING SHAPE\n   48-vertex clip-path polygon animated through 7 Material\n   shapes with Gaussian-smoothed corners. Each shape is\n   approximated by radial sampling at 7.5° intervals then\n   smoothed to match Android CornerRounding values.\n   ========================================================== */\n\n.md-loading-indicator__shape {\n  display: block;\n  inline-size: var(--_shape-size);\n  block-size: var(--_shape-size);\n  background-color: var(--_color);\n  will-change: clip-path, transform;\n  animation: md-loading-morph 4.55s infinite;\n}\n\n@keyframes md-loading-morph {\n  /* ── Shape 1: Soft Burst — 10 rounded bumps ── */\n  0% {\n    clip-path: polygon(\n      50% 5.3%, 55.4% 9.1%, 59.3% 15.3%, 64% 16.1%, 71.2% 13.3%, 77.1% 14.7%,\n      78.3% 21.7%, 78.1% 28.4%, 82.6% 31.2%, 90% 33.4%, 92.6% 38.6%, 88.4% 44.9%,\n      85.3% 50%, 88.4% 55.1%, 92.6% 61.4%, 90% 66.6%, 82.6% 68.8%, 78.1% 71.6%,\n      78.3% 78.3%, 77.1% 85.3%, 71.2% 86.7%, 64% 83.9%, 59.3% 84.7%, 55.4% 90.9%,\n      50% 94.7%, 44.6% 90.9%, 40.7% 84.7%, 36% 83.9%, 28.8% 86.7%, 22.9% 85.3%,\n      21.7% 78.3%, 21.9% 71.6%, 17.4% 68.8%, 10% 66.6%, 7.4% 61.4%, 11.6% 55.1%,\n      14.7% 50%, 11.6% 44.9%, 7.4% 38.6%, 10% 33.4%, 17.4% 31.2%, 21.9% 28.4%,\n      21.7% 21.7%, 22.9% 14.7%, 28.8% 13.3%, 36% 16.1%, 40.7% 15.3%, 44.6% 9.1%\n    );\n    transform: rotate(0deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 2: Cookie 9 — 9 rounded scallops ── */\n  14.3% {\n    clip-path: polygon(\n      50% 6.8%, 55.4% 9.1%, 59.8% 13.6%, 64.2% 15.8%, 70% 15.4%, 76.2% 15.9%,\n      79.9% 20.1%, 80.8% 26.4%, 81.8% 31.6%, 85.8% 35.2%, 90.8% 39.1%, 92.6% 44.4%,\n      90% 50%, 86.7% 54.8%, 86.4% 59.8%, 88.1% 65.8%, 87.4% 71.6%, 82.7% 75.1%,\n      76.7% 76.7%, 72.5% 79.4%, 70% 84.6%, 66.4% 89.7%, 60.9% 90.8%, 55.1% 88.4%,\n      50% 86.8%, 44.9% 88.4%, 39.1% 90.8%, 33.6% 89.7%, 30% 84.6%, 27.5% 79.4%,\n      23.3% 76.7%, 17.3% 75.1%, 12.6% 71.6%, 11.9% 65.8%, 13.6% 59.8%, 13.3% 54.8%,\n      10% 50%, 7.4% 44.4%, 9.2% 39.1%, 14.2% 35.2%, 18.2% 31.6%, 19.2% 26.4%,\n      20.1% 20.1%, 23.8% 15.9%, 30% 15.4%, 35.8% 15.8%, 40.2% 13.6%, 44.6% 9.1%\n    );\n    transform: rotate(154deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 3: Pentagon — 5 rounded sides (fill ratio 0.80) ── */\n  28.6% {\n    clip-path: polygon(\n      50% 6.8%, 55.4% 8.9%, 60% 12.7%, 63.9% 16.4%, 67.5% 19.7%, 71.1% 22.5%,\n      75% 25%, 79.5% 27.4%, 84.4% 30.1%, 89.3% 33.7%, 91.4% 38.9%, 90% 44.7%,\n      87.6% 50%, 85.4% 54.7%, 83.5% 59%, 82.1% 63.3%, 81.2% 68%, 80.2% 73.2%,\n      78.9% 78.9%, 76.3% 84.2%, 71% 86.4%, 65% 86.2%, 59.5% 85.5%, 54.6% 84.8%,\n      50% 84.6%, 45.4% 84.8%, 40.5% 85.5%, 35% 86.2%, 29% 86.4%, 23.7% 84.2%,\n      21.1% 78.9%, 19.8% 73.2%, 18.8% 68%, 17.9% 63.3%, 16.5% 59%, 14.6% 54.7%,\n      12.4% 50%, 10% 44.7%, 8.6% 38.9%, 10.7% 33.7%, 15.6% 30.1%, 20.5% 27.4%,\n      25% 25%, 28.9% 22.5%, 32.5% 19.7%, 36.1% 16.4%, 40% 12.7%, 44.6% 8.9%\n    );\n    transform: rotate(309deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 4: Pill — capsule with rounded ends ── */\n  42.9% {\n    clip-path: polygon(\n      50% 5.1%, 55.8% 5.6%, 61.5% 7.3%, 66.6% 9.9%, 71.1% 13.4%, 74.8% 17.6%,\n      77.6% 22.4%, 79.5% 27.4%, 80.3% 32.5%, 80.1% 37.5%, 79.1% 42.2%, 77.5% 46.4%,\n      76.4% 50%, 77.5% 53.6%, 79.1% 57.8%, 80.1% 62.5%, 80.3% 67.5%, 79.5% 72.6%,\n      77.6% 77.6%, 74.8% 82.4%, 71.1% 86.6%, 66.6% 90.1%, 61.5% 92.7%, 55.8% 94.4%,\n      50% 94.9%, 44.2% 94.4%, 38.5% 92.7%, 33.4% 90.1%, 28.9% 86.6%, 25.2% 82.4%,\n      22.4% 77.6%, 20.5% 72.6%, 19.7% 67.5%, 19.9% 62.5%, 20.9% 57.8%, 22.5% 53.6%,\n      23.6% 50%, 22.5% 46.4%, 20.9% 42.2%, 19.9% 37.5%, 19.7% 32.5%, 20.5% 27.4%,\n      22.4% 22.4%, 25.2% 17.6%, 28.9% 13.4%, 33.4% 9.9%, 38.5% 7.3%, 44.2% 5.6%\n    );\n    transform: rotate(463deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 5: Sunny — 8 rounded rays ── */\n  57.1% {\n    clip-path: polygon(\n      50% 3.4%, 55.7% 7.1%, 59.5% 14.5%, 62.8% 19.1%, 68.4% 18.2%, 76.4% 15.7%,\n      82.9% 17.1%, 84.3% 23.6%, 81.8% 31.6%, 80.9% 37.2%, 85.5% 40.5%, 92.9% 44.3%,\n      96.6% 50%, 92.9% 55.7%, 85.5% 59.5%, 80.9% 62.8%, 81.8% 68.4%, 84.3% 76.4%,\n      82.9% 82.9%, 76.4% 84.3%, 68.4% 81.8%, 62.8% 80.9%, 59.5% 85.5%, 55.7% 92.9%,\n      50% 96.6%, 44.3% 92.9%, 40.5% 85.5%, 37.2% 80.9%, 31.6% 81.8%, 23.6% 84.3%,\n      17.1% 82.9%, 15.7% 76.4%, 18.2% 68.4%, 19.1% 62.8%, 14.5% 59.5%, 7.1% 55.7%,\n      3.4% 50%, 7.1% 44.3%, 14.5% 40.5%, 19.1% 37.2%, 18.2% 31.6%, 15.7% 23.6%,\n      17.1% 17.1%, 23.6% 15.7%, 31.6% 18.2%, 37.2% 19.1%, 40.5% 14.5%, 44.3% 7.1%\n    );\n    transform: rotate(617deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 6: Cookie 4 — rounded diamond (fill ratio 0.70) ── */\n  71.4% {\n    clip-path: polygon(\n      50% 18.1%, 54.2% 17.7%, 58.9% 16.8%, 64.3% 15.5%, 70.5% 14.5%, 77% 14.8%,\n      82.4% 17.6%, 85.2% 23%, 85.5% 29.5%, 84.5% 35.7%, 83.2% 41.1%, 82.3% 45.8%,\n      81.9% 50%, 82.3% 54.2%, 83.2% 58.9%, 84.5% 64.3%, 85.5% 70.5%, 85.2% 77%,\n      82.4% 82.4%, 77% 85.2%, 70.5% 85.5%, 64.3% 84.5%, 58.9% 83.2%, 54.2% 82.3%,\n      50% 81.9%, 45.8% 82.3%, 41.1% 83.2%, 35.7% 84.5%, 29.5% 85.5%, 23% 85.2%,\n      17.6% 82.4%, 14.8% 77%, 14.5% 70.5%, 15.5% 64.3%, 16.8% 58.9%, 17.7% 54.2%,\n      18.1% 50%, 17.7% 45.8%, 16.8% 41.1%, 15.5% 35.7%, 14.5% 29.5%, 14.8% 23%,\n      17.6% 17.6%, 23% 14.8%, 29.5% 14.5%, 35.7% 15.5%, 41.1% 16.8%, 45.8% 17.7%\n    );\n    transform: rotate(771deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Shape 7: Oval — tilted ellipse (-45°) ── */\n  85.7% {\n    clip-path: polygon(\n      50% 14.5%, 54.9% 12.8%, 60.3% 11.6%, 66.1% 11.2%, 72% 11.9%, 77.7% 13.9%,\n      82.5% 17.5%, 86.1% 22.3%, 88.1% 28%, 88.8% 33.9%, 88.4% 39.7%, 87.2% 45.1%,\n      85.5% 50%, 83.5% 54.4%, 81.3% 58.4%, 79% 62%, 76.5% 65.3%, 73.9% 68.4%,\n      71.2% 71.2%, 68.4% 73.9%, 65.3% 76.5%, 62% 79%, 58.4% 81.3%, 54.4% 83.5%,\n      50% 85.5%, 45.1% 87.2%, 39.7% 88.4%, 33.9% 88.8%, 28% 88.1%, 22.3% 86.1%,\n      17.5% 82.5%, 13.9% 77.7%, 11.9% 72%, 11.2% 66.1%, 11.6% 60.3%, 12.8% 54.9%,\n      14.5% 50%, 16.5% 45.6%, 18.7% 41.6%, 21% 38%, 23.5% 34.7%, 26.1% 31.6%,\n      28.8% 28.8%, 31.6% 26.1%, 34.7% 23.5%, 38% 21%, 41.6% 18.7%, 45.6% 16.5%\n    );\n    transform: rotate(926deg);\n    animation-timing-function: cubic-bezier(0.34, 1.45, 0.4, 1);\n  }\n\n  /* ── Loop: back to Soft Burst ── */\n  100% {\n    clip-path: polygon(\n      50% 5.3%, 55.4% 9.1%, 59.3% 15.3%, 64% 16.1%, 71.2% 13.3%, 77.1% 14.7%,\n      78.3% 21.7%, 78.1% 28.4%, 82.6% 31.2%, 90% 33.4%, 92.6% 38.6%, 88.4% 44.9%,\n      85.3% 50%, 88.4% 55.1%, 92.6% 61.4%, 90% 66.6%, 82.6% 68.8%, 78.1% 71.6%,\n      78.3% 78.3%, 77.1% 85.3%, 71.2% 86.7%, 64% 83.9%, 59.3% 84.7%, 55.4% 90.9%,\n      50% 94.7%, 44.6% 90.9%, 40.7% 84.7%, 36% 83.9%, 28.8% 86.7%, 22.9% 85.3%,\n      21.7% 78.3%, 21.9% 71.6%, 17.4% 68.8%, 10% 66.6%, 7.4% 61.4%, 11.6% 55.1%,\n      14.7% 50%, 11.6% 44.9%, 7.4% 38.6%, 10% 33.4%, 17.4% 31.2%, 21.9% 28.4%,\n      21.7% 21.7%, 22.9% 14.7%, 28.8% 13.3%, 36% 16.1%, 40.7% 15.3%, 44.6% 9.1%\n    );\n    transform: rotate(1080deg);\n  }\n}\n\n/* ==========================================================\n   VISUALLY HIDDEN (screen-reader-only status text)\n   ========================================================== */\n\n.md-loading-indicator__sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* ==========================================================\n   FOCUS RING\n   Some assistive technologies can programmatically focus\n   progressbar elements. Provide a visible ring when focused.\n   ========================================================== */\n\n:host(:focus-visible) {\n  outline: 3px solid var(--md-sys-color-secondary, #625B71);\n  outline-offset: 2px;\n  border-radius: var(--_container-shape);\n}\n\n/* ==========================================================\n   REDUCED MOTION\n   Replace the complex morph animation with a gentle opacity\n   pulse so the \"loading\" intent is still communicated visually.\n   ========================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  .md-loading-indicator__shape {\n    animation: md-loading-pulse 2s ease-in-out infinite;\n    border-radius: 50%;\n    clip-path: none;\n  }\n}\n\n@keyframes md-loading-pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.4; }\n}\n\n/* ==========================================================\n   FORCED COLORS (High Contrast)\n   ========================================================== */\n\n@media (forced-colors: active) {\n  .md-loading-indicator__shape {\n    background-color: CanvasText;\n  }\n\n  :host(.md-loading-indicator--contained) {\n    background-color: Canvas;\n    outline: 1px solid CanvasText;\n  }\n}\n\n/* ==========================================================\n   DENSITY (local override)\n   Maps the local `density` prop onto the same --md-sys-density-scale signal a\n   global `data-density` ancestor sets. Declared on :host, so a local rung wins\n   over the inherited global one. Every density-sensitive value in this file\n   derives from that single signal by calc — never add a fixed per-rung ladder.\n   ========================================================== */\n:host([density='-1']) { --md-sys-density-scale: -1; }\n:host([density='-2']) { --md-sys-density-scale: -2; }\n:host([density='-3']) { --md-sys-density-scale: -3; }\n:host([density='-4']) { --md-sys-density-scale: -4; }\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'md-loading-indicator',\n  styleUrl: 'md-loading-indicator.css',\n  shadow: true,\n})\nexport class MdLoadingIndicator {\n  /** Visual style: uncontained (default) or contained (with background container) */\n  @Prop({ reflect: true }) variant: 'uncontained' | 'contained' = 'uncontained';\n\n  /** Accessible label for screen readers */\n  @Prop() label: string = 'Loading';\n\n  /**\n   * Local density rung. Drives the same `--md-sys-density-scale` signal that a\n   * global `data-density` ancestor sets, so a local value simply overrides the\n   * inherited one. 0 = default, -4 = ultra-compact.\n   */\n  @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'md-loading-indicator': true,\n          [`md-loading-indicator--${this.variant}`]: true,\n        }}\n        role=\"progressbar\"\n        aria-label={this.label}\n        aria-live=\"polite\"\n      >\n        <span class=\"md-loading-indicator__shape\" part=\"shape\" aria-hidden=\"true\"></span>\n        <span class=\"md-loading-indicator__sr-only\" role=\"status\">{this.label}</span>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,o0PAAo0P,CAAC;;MCO71P,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAO2B,QAAA,IAAA,CAAA,OAAO,GAAgC,aAAa;;AAGrE,QAAA,IAAA,CAAA,KAAK,GAAW,SAAS;AAEjC;;;;AAIG;AACsB,QAAA,IAAA,CAAA,OAAO,GAA0B,CAAC;AAkB5D;IAhBC,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,IAAI;AAC5B,gBAAA,CAAC,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;AAChD,aAAA,EACD,IAAI,EAAC,aAAa,EAAA,YAAA,EACN,IAAI,CAAC,KAAK,eACZ,QAAQ,EAAA,EAElB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,OAAO,EAAA,aAAA,EAAa,MAAM,EAAA,CAAQ,EACjF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,+BAA+B,EAAC,IAAI,EAAC,QAAQ,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CACxE;;;;;;;"}

package/dist/esm/md-loading-indicator.entry.js

@@ -0,0 +1,5 @@
+export { MdLoadingIndicator as md_loading_indicator } from './md-loading-indicator-Bf-Pt29l.js';
+import './index-WmvQpZnM.js';
+//# sourceMappingURL=md-loading-indicator.entry.js.map
+
+//# sourceMappingURL=md-loading-indicator.entry.js.map

package/dist/esm/md-loading-indicator.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-loading-indicator.entry.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/md-menu_2.entry.js

@@ -1100,7 +1100,7 @@ const MdMenu = class {
         ];
     }
     render() {
-        return (h(Host, { key: '349ce271693310ea70aa98cb3980029e3afa1594', class: {
+        return (h(Host, { key: 'b56dcecef34cbb5f88ec2ca077bb24793416a0e7', class: {
                 'md-menu': true,
                 'md-menu--open': this.open,
                 'md-menu--closing': this.closing,
@@ -1122,13 +1122,13 @@ const MdMenu = class {
             // 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 }, h("div", { key: '9a3e0ab8f4586b4164412fe972acbbf4cbc3000a', class: "md-menu__surface", part: "surface",
+            inert: !this.open || this.closing }, h("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 }, h("slot", { key: 'abf20ee5e25dfcc174f8aa45814b6603b77e1c65', name: "header" }), this.useScrollViewport ? (h("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 }, h("slot", { key: '0ca8b628a129b2447b3db6102c4368072faa1d02', name: "header" }), this.useScrollViewport ? (h("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,
@@ -1321,7 +1321,7 @@ const MdMenuItem = class {
         return 'menuitem';
     }
     render() {
-        return (h(Host, { key: 'b25da4876896e5eaf656f6e2139c09553454eec8', class: {
+        return (h(Host, { key: '48e404d408c9ca6a0ac34caec39eea727c65a6a4', class: {
                 'md-menu-item': true,
                 'md-menu-item--selected': this.selected,
                 'md-menu-item--disabled': this.disabled,
@@ -1331,7 +1331,7 @@ const MdMenuItem = class {
                 ? this.indeterminate && !this.selected
                     ? 'mixed'
                     : String(this.selected)
-                : undefined, tabindex: "-1", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("md-ripple", { key: 'f68ad95aae97cc8ab0ca9af2050c29f723408e52', disabled: this.disabled }), h("span", { key: '0fd37b9aa2303309350d7a449a0981a00a75be12', class: "md-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), this.type !== 'button' && this.checkPosition === 'start' && (h("span", { key: '5549c5da78c3593035184d324411fcba8651fb3e', class: "md-menu-item__check", "aria-hidden": "true" }, h("span", { key: 'f36546592022ccc977d158ab5b3ed00b126e6f8b', class: "material-symbols-outlined" }, this.selected ? 'check' : this.indeterminate ? 'remove' : ''))), this.hasLeadingIcon && (h("span", { key: '0903854ac07ee37da7bd2157a760f448646f450a', class: "md-menu-item__leading", part: "leading-icon", "aria-hidden": "true" }, h("slot", { key: 'af7ada80ec2c6b394fae8472a1df7089e0ba4094', name: "leading-icon" }))), h("span", { key: '6254c0d2f1af7fb704bc67997aa72f3a1b16331d', class: "md-menu-item__content", part: "content" }, h("span", { key: 'ce241acc497161cd00d353aa7e31c2aaac88f888', class: "md-menu-item__headline", part: "headline" }, this.headline), this.supportingText && (h("span", { key: 'd0516abae552af8d01636efd29d9cbda0779a82b', class: "md-menu-item__supporting", part: "supporting-text" }, this.supportingText))), this.badge && (h("span", { key: 'd37b17f80d96a51cd0eaf8949bc545e768d1f80a', class: "md-menu-item__badge", part: "badge" }, this.badge)), (this.hasTrailingIcon || this.trailingText) && (h("span", { key: 'a9bd6510bc0cd58514413c60aa32c67b483e1827', class: "md-menu-item__trailing", part: "trailing" }, h("slot", { key: '0cde3d7bde1836d4c9b8235dda7591ceb57dfac8', name: "trailing-icon" }, this.trailingText && (h("span", { key: '6b26d3a72ccae3495cb1f23a757d328400fe658e', class: "md-menu-item__trailing-text" }, this.trailingText))))), this.type !== 'button' && this.checkPosition === 'end' && (h("span", { key: '05c12792d280f770aad8fc64bfbab7833bb2aa91', class: "md-menu-item__check", "aria-hidden": "true" }, h("span", { key: 'fb0edd0eb26708672ac89f5ffcf3ddf1164cfe75', class: "material-symbols-outlined" }, this.selected ? 'check' : this.indeterminate ? 'remove' : '')))));
+                : undefined, tabindex: "-1", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("md-ripple", { key: '497ed8d94922129ecc1569b6f4179fa6f5227772', disabled: this.disabled }), h("span", { key: '5e54bd1eacefeafdbab3d5298be1a5ceb756866b', class: "md-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), this.type !== 'button' && this.checkPosition === 'start' && (h("span", { key: 'd320b301ec5898b793f2ac303aec2e31f208870b', class: "md-menu-item__check", "aria-hidden": "true" }, h("span", { key: 'a9f09d9e9cae4f932c11a5874157ee8974c2d4b0', class: "material-symbols-outlined" }, this.selected ? 'check' : this.indeterminate ? 'remove' : ''))), this.hasLeadingIcon && (h("span", { key: '090c791b2ce17d004b9608f5e2b3d9e219a4a99c', class: "md-menu-item__leading", part: "leading-icon", "aria-hidden": "true" }, h("slot", { key: 'b09e72ab4eec2035a782b0bf8ef440daf9979a28', name: "leading-icon" }))), h("span", { key: '8d23acafa0b635b73e42d8dd9e5a4797d6603003', class: "md-menu-item__content", part: "content" }, h("span", { key: '1260721ca31039703c9ebdc2f7ba220ee1caff3e', class: "md-menu-item__headline", part: "headline" }, this.headline), this.supportingText && (h("span", { key: '63d53b3f400ba7e4b61d0858100bfc635a486c24', class: "md-menu-item__supporting", part: "supporting-text" }, this.supportingText))), this.badge && (h("span", { key: '4eaddd507b789488ad55aa9abc049b929d3c229a', class: "md-menu-item__badge", part: "badge" }, this.badge)), (this.hasTrailingIcon || this.trailingText) && (h("span", { key: 'b9d9de07acc7edef84f6bb848799749f68bbb8dc', class: "md-menu-item__trailing", part: "trailing" }, h("slot", { key: '8c766e4ad6be0e7c4accbef209d91f758f24b924', name: "trailing-icon" }, this.trailingText && (h("span", { key: 'd4e0221aa63168e972dd0c8ed968ad1f9c0bc14a', class: "md-menu-item__trailing-text" }, this.trailingText))))), this.type !== 'button' && this.checkPosition === 'end' && (h("span", { key: 'cc7c2f89b94491a14f72f318916664b455d817c3', class: "md-menu-item__check", "aria-hidden": "true" }, h("span", { key: '02cfb0716ac3635f720a07c06da9db75151d3437', class: "material-symbols-outlined" }, this.selected ? 'check' : this.indeterminate ? 'remove' : '')))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/md-multi-select.entry.js

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-WmvQpZnM.js';
+import { L as LazyLoadingIndicator } from './lazy-loading-indicator-BWFcjJiK.js';
 import { V as VirtualSelectController, i as isWasmSupported, n as normalizeInits, r as rowsToArray, c as collectOptions } from './virtual-select-controller-CR60w6DO.js';
 import { s as setFormValue, g as getValidityOf, c as checkValidityOf, r as reportValidityOf } from './form-DWxN44zD.js';
 import { p as parseJsonArrayProp } from './json-prop-CxhZdOPw.js';
@@ -887,7 +888,7 @@ const MdMultiSelect = class {
             chipsWrap: isInline && this.chipOverflow === 'wrap', onClick: this.toggleOpen }, this.hasTriggerLeading && h("slot", { name: "trigger-leading", slot: "leading-icon" }), isInline && this.renderInlineChips(), this.hasTriggerTrailing && h("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.
-        h("span", { slot: "trailing-icon", class: "md-multi-select__loader", part: "loading-spinner" }, h("slot", { name: "loader" }, h("md-loading-indicator", { label: this.loadingText })))) : ([
+        h("span", { slot: "trailing-icon", class: "md-multi-select__loader", part: "loading-spinner" }, h("slot", { name: "loader" }, h(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
@@ -1044,7 +1045,7 @@ const MdMultiSelect = class {
             // 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 && (h("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 && (h("div", { slot: "header", class: "md-multi-select__select-all", part: "select-all" }, h("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 && (h(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 && (h("div", { slot: "header", class: "md-multi-select__select-all", part: "select-all" }, h("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.
         h("div", { class: "md-multi-select__loading", part: "loading-bar", role: "status", "aria-label": this.loadingText }, h("slot", { name: "menu-loader" }, h("md-progress-indicator", { variant: "linear", indeterminate: true, wave: true, part: "loading-progress", label: this.loadingText })))) : virtual ? (
@@ -1066,7 +1067,7 @@ const MdMultiSelect = class {
         ])));
     }
     render() {
-        return (h(Host, { key: '727566ee17b4c8007345fa27ee2fd1315d6af128', class: {
+        return (h(Host, { key: '9fe3cdfe669524760d977efe2714ebcf4f19a59c', class: {
                 'md-multi-select': true,
                 [`md-multi-select--${this.variant}`]: true,
                 'md-multi-select--open': this.open,
@@ -1079,7 +1080,7 @@ const MdMultiSelect = class {
                 [`md-multi-select--chips-${this.chipPosition}`]: this.trigger === 'button' ||
                     this.hasSlottedTrigger ||
                     this.displayMode === 'chips',
-            }, "aria-haspopup": "listbox", "aria-busy": this.loading ? 'true' : undefined }, h("div", { key: 'b7451455e24cf345b609f878a3c4af7c598262e1', class: "md-multi-select__frame", part: "frame", ref: (el) => (this.frameEl = el) }, this.renderTrigger(), this.renderChips()), this.renderInlineMeasure(), this.renderMenu(), h("div", { key: '528396f650beec0a7718d9217afd9dafc08288b1', class: "md-multi-select__sr-live", part: "live-region", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveMessage), h("div", { key: '0ff0bf3c847d24cd8a66ea48e26679d3c82e49f8', class: "md-multi-select__options", hidden: true }, h("slot", { key: 'c6171dbffffbf80dc23fab363790d72037b1630e', onSlotchange: () => this.refreshOptions() }))));
+            }, "aria-haspopup": "listbox", "aria-busy": this.loading ? 'true' : undefined }, h("div", { key: '7b1b2aecd1ac12d5645e779daa2973d60c00d678', class: "md-multi-select__frame", part: "frame", ref: (el) => (this.frameEl = el) }, this.renderTrigger(), this.renderChips()), this.renderInlineMeasure(), this.renderMenu(), h("div", { key: '18d8e66db39168d0f4d336220c09dab3615460aa', class: "md-multi-select__sr-live", part: "live-region", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveMessage), h("div", { key: '0b01ad6bdeb5d95c6d035bc739ac83094f0e6e57', class: "md-multi-select__options", hidden: true }, h("slot", { key: 'e4bbb120ffdaf6307976dffa41227e97a8b834d0', onSlotchange: () => this.refreshOptions() }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }