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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -904,14 +904,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 (index.h(index.Host, { key: 'd9a1a408606f3561ab600a9e11978ed9f6fb5308', class: {
+        return (index.h(index.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 }, index.h("header", { key: '7d3982cb8d3a9a69f95554943898a214d221c734', class: "md-line-chart__header", part: "header" }, index.h("slot", { key: 'fc1a089066350f40fa9c30b1984294017cd5dbbb', name: "header" })), index.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 && (index.h("div", { key: 'd056e1034d7cbf6a61a46256c7f271cb0343ce7b', class: "md-line-chart__empty", part: "empty" }, index.h("slot", { key: 'd3af8ff195e4973432ae6fcf683e96f70bd1ccab', name: "empty" }, this.labelEmpty))), this.loading && (index.h("div", { key: '3b26dd9069ebf17abd58d1c77e14828019e0a4e2', class: "md-line-chart__loading", part: "loading", role: "status" }, index.h("slot", { key: 'd36d29dafcc655bd30d7bcbac13ae6c18a594839', name: "loader" }, index.h("slot", { key: '47153fb58d0e11132e466e724ab587caa576c263', name: "loading" }, index.h("md-progress-indicator", { key: '60c443fa744ac9ab1ef58afad715799059009326', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), index.h("span", { key: '505c3a377627e288969725420ac2db4b7329b57d', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (index.h("div", { key: '8b496a56977f724f86c43167fffa3ff7d07caf75', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), index.h("footer", { key: '83a5255e217e7d74c2707d69d39b25c014ab3d1c', class: "md-line-chart__footer", part: "footer" }, index.h("slot", { key: '9690127eb42f33b825d016f8cd85261cc62a74e7', name: "footer" })), index.h("div", { key: '9d31b766915dbc6031b5e2f43b69b949d45e4f44', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), index.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 }, index.h("header", { key: '9e99fad3c7a18d63c5434f06056a69d1e5923fd3', class: "md-line-chart__header", part: "header" }, index.h("slot", { key: 'e232add7130f86efca6101ab2c81b947c9ac03cb', name: "header" })), index.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 && (index.h("div", { key: '2c6b6dc99eac4e51d3dda03c8bb0e1fb2b67100c', class: "md-line-chart__empty", part: "empty" }, index.h("slot", { key: 'cff04093e72a5d90826f725534fa2700bbe65774', name: "empty" }, this.labelEmpty))), this.loading && (index.h("div", { key: '3cc6a9d5e9289b7a92ab86ea19804c6e06b0ade8', class: "md-line-chart__loading", part: "loading", role: "status" }, index.h("slot", { key: 'c049a9258b04247540d9bc535ca62fafd9c62757', name: "loader" }, index.h("slot", { key: '56c043e6d654c7255d0bf0c8c3d7162d8d5da26b', name: "loading" }, index.h("md-progress-indicator", { key: '42aabefb610f3810154695888f95aeb75d2c54e1', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), index.h("span", { key: '34593a490492afb798cbdd580dd1973d7b35a9a9', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (index.h("div", { key: '6339cff744e5b0f8fa00003f7b7f92bca80fe55b', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), index.h("footer", { key: '2352c3298f8edde508e8f28163e47f30132ade34', class: "md-line-chart__footer", part: "footer" }, index.h("slot", { key: '1e4d7f31cfc1a97a06b99b2ea5a856a27dc4e77d', name: "footer" })), index.h("div", { key: '24ceaba1af71bcf7f1de0e8f500a3e4432b8162b', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), index.h("div", { key: 'a4e2038ee145c1b7637b7f0f5a9bbee3f9d18a88', class: "md-line-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1044,7 +1044,7 @@ const MdListItem = class {
                 ? 'group'
                 : 'region';
         const panelLabel = panelRole === 'region' ? undefined : this.headlineFullText() || undefined;
-        return (index.h(index.Host, { key: '2b9d333fcd78fa67fa3811c61a02ac01b382363d', class: {
+        return (index.h(index.Host, { key: 'cd61b205cde324e98ca0f95604a62ad00494c7c1', class: {
                 'md-list-item': true,
                 [`md-list-item--${lines}-line`]: true,
                 [`md-list-item--type-${this.type}`]: true,
@@ -1069,7 +1069,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 }, index.h("span", { key: 'f1a9a1759c9282ca6a44cbf2a8db81c6e3c04330', class: "md-list-item__row", part: "row" }, isInteractive && index.h("md-ripple", { key: '9c1564542b14116edfcfc5c15606d5d0ee5b4437', disabled: this.isEffectivelyDisabled }), isInteractive && (index.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 && (index.h("span", { key: '3eda42f27457a61543b6799c13222806f39cfb17', class: "md-list-item__expanded-panel", part: "expanded-panel", id: this.expandedPanelId,
+            onFocus: isInteractive && !hasPrimaryAction ? this.handleFocus : undefined }, index.h("span", { key: '0af7fb5d7cbcd56393c428bcd3f65793613570a5', class: "md-list-item__row", part: "row" }, isInteractive && index.h("md-ripple", { key: '428ed61997039e15e4e9443a9e323cde9391a041', disabled: this.isEffectivelyDisabled }), isInteractive && (index.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 && (index.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
@@ -1079,7 +1079,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 }, index.h("span", { key: '3c763ff80f6a06f40bfa6ab3c6799fe8362fa626', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, index.h("slot", { key: '78b2439caef1c7f3c5dd0c70b0330ee1d7280405', name: "expanded-content" }))))));
+            role: panelRole, "aria-label": panelLabel, hidden: !this.expanded }, index.h("span", { key: '08e42531895724ae9de6688667c2bd866627aca3', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, index.h("slot", { key: 'e2f5f73f0142d666d769eecdf9eddd5c62e2dd5f', name: "expanded-content" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

package/dist/cjs/md-loading-indicator-CmzdcYLR.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var index = require('./index-Bm07YAg9.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) {
+        index.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 (index.h(index.Host, { key: '7283d7970401998bed6a0fba112756031f1ecdee', class: {
+                'md-loading-indicator': true,
+                [`md-loading-indicator--${this.variant}`]: true,
+            }, role: "progressbar", "aria-label": this.label, "aria-live": "polite" }, index.h("span", { key: 'b89f9b6f9eafd337fcf89af79771cee126ea7606', class: "md-loading-indicator__shape", part: "shape", "aria-hidden": "true" }), index.h("span", { key: '5ff8ac5edfcb49334c22f3ac3b9d9be0edaf7b19', class: "md-loading-indicator__sr-only", role: "status" }, this.label)));
+    }
+};
+MdLoadingIndicator.style = mdLoadingIndicatorCss();
+
+exports.MdLoadingIndicator = MdLoadingIndicator;
+//# sourceMappingURL=md-loading-indicator-CmzdcYLR.js.map
+
+//# sourceMappingURL=md-loading-indicator-CmzdcYLR.js.map

package/dist/cjs/md-loading-indicator-CmzdcYLR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-loading-indicator-CmzdcYLR.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":["h","Host"],"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,QACEA,OAAA,CAACC,UAAI,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,EAElBD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,OAAO,EAAA,aAAA,EAAa,MAAM,EAAA,CAAQ,EACjFA,OAAA,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/cjs/md-loading-indicator.cjs.entry.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var mdLoadingIndicator_entry = require('./md-loading-indicator-CmzdcYLR.js');
+require('./index-Bm07YAg9.js');
+
+
+
+exports.md_loading_indicator = mdLoadingIndicator_entry.MdLoadingIndicator;
+//# sourceMappingURL=md-loading-indicator.entry.cjs.js.map
+
+//# sourceMappingURL=md-loading-indicator.cjs.entry.js.map

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

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

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

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

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var index = require('./index-Bm07YAg9.js');
+var lazyLoadingIndicator = require('./lazy-loading-indicator-CoC-_DMs.js');
 var virtualSelectController = require('./virtual-select-controller-C5cSoKfB.js');
 var form = require('./form-Deozatcz.js');
 var jsonProp = require('./json-prop-CyiEV-v0.js');
@@ -889,7 +890,7 @@ const MdMultiSelect = class {
             chipsWrap: isInline && this.chipOverflow === 'wrap', onClick: this.toggleOpen }, this.hasTriggerLeading && index.h("slot", { name: "trigger-leading", slot: "leading-icon" }), isInline && this.renderInlineChips(), this.hasTriggerTrailing && index.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.
-        index.h("span", { slot: "trailing-icon", class: "md-multi-select__loader", part: "loading-spinner" }, index.h("slot", { name: "loader" }, index.h("md-loading-indicator", { label: this.loadingText })))) : ([
+        index.h("span", { slot: "trailing-icon", class: "md-multi-select__loader", part: "loading-spinner" }, index.h("slot", { name: "loader" }, index.h(lazyLoadingIndicator.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
@@ -1046,7 +1047,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 && (index.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 && (index.h("div", { slot: "header", class: "md-multi-select__select-all", part: "select-all" }, index.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 && (index.h(lazyLoadingIndicator.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 && (index.h("div", { slot: "header", class: "md-multi-select__select-all", part: "select-all" }, index.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.
         index.h("div", { class: "md-multi-select__loading", part: "loading-bar", role: "status", "aria-label": this.loadingText }, index.h("slot", { name: "menu-loader" }, index.h("md-progress-indicator", { variant: "linear", indeterminate: true, wave: true, part: "loading-progress", label: this.loadingText })))) : virtual ? (
@@ -1068,7 +1069,7 @@ const MdMultiSelect = class {
         ])));
     }
     render() {
-        return (index.h(index.Host, { key: '727566ee17b4c8007345fa27ee2fd1315d6af128', class: {
+        return (index.h(index.Host, { key: '9fe3cdfe669524760d977efe2714ebcf4f19a59c', class: {
                 'md-multi-select': true,
                 [`md-multi-select--${this.variant}`]: true,
                 'md-multi-select--open': this.open,
@@ -1081,7 +1082,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 }, index.h("div", { key: 'b7451455e24cf345b609f878a3c4af7c598262e1', class: "md-multi-select__frame", part: "frame", ref: (el) => (this.frameEl = el) }, this.renderTrigger(), this.renderChips()), this.renderInlineMeasure(), this.renderMenu(), index.h("div", { key: '528396f650beec0a7718d9217afd9dafc08288b1', class: "md-multi-select__sr-live", part: "live-region", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveMessage), index.h("div", { key: '0ff0bf3c847d24cd8a66ea48e26679d3c82e49f8', class: "md-multi-select__options", hidden: true }, index.h("slot", { key: 'c6171dbffffbf80dc23fab363790d72037b1630e', onSlotchange: () => this.refreshOptions() }))));
+            }, "aria-haspopup": "listbox", "aria-busy": this.loading ? 'true' : undefined }, index.h("div", { key: '7b1b2aecd1ac12d5645e779daa2973d60c00d678', class: "md-multi-select__frame", part: "frame", ref: (el) => (this.frameEl = el) }, this.renderTrigger(), this.renderChips()), this.renderInlineMeasure(), this.renderMenu(), index.h("div", { key: '18d8e66db39168d0f4d336220c09dab3615460aa', class: "md-multi-select__sr-live", part: "live-region", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveMessage), index.h("div", { key: '0b01ad6bdeb5d95c6d035bc739ac83094f0e6e57', class: "md-multi-select__options", hidden: true }, index.h("slot", { key: 'e4bbb120ffdaf6307976dffa41227e97a8b834d0', onSlotchange: () => this.refreshOptions() }))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }