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

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-item-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DTaX19_O.js';
+import { r as registerInstance, h, H as Host } from './index-WmvQpZnM.js';
 
 const mdMenuItemGroupCss = () => `:host{display:flex;flex-direction:column}.md-menu-item-group__label{font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-medium-size, 12px);font-weight:var(--md-sys-typescale-label-medium-weight, 500);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);color:var(--md-sys-color-on-surface-variant, #49454F);padding:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-xs, 4px);user-select:none}.md-menu-item-group__items{display:flex;flex-direction:column}:host(:not(:last-child))::after{content:'';height:1px;background-color:var(--md-sys-color-outline-variant, #CAC4D0);margin:var(--md-sys-spacing-gap-xs, 4px) 0}:host([data-use-gap]:not(:last-child))::after{display:none}:host([data-variant="standard"][data-use-gap]){background-color:var(--md-sys-color-surface-container-low, #F7F2FA);--md-menu-group-shape:var(--md-menu-group-container-shape, 12px);border-radius:var(--md-menu-group-shape);padding:var(--md-sys-spacing-inset-xs, 4px);overflow:hidden}:host([data-variant="vibrant"][data-use-gap]){background-color:var(--md-sys-color-tertiary-container, #FFD8E4);--md-menu-group-shape:var(--md-menu-group-container-shape, 12px);border-radius:var(--md-menu-group-shape);padding:var(--md-sys-spacing-inset-xs, 4px);overflow:hidden}: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}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DTaX19_O.js';
+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';
 
 const mdMenuCss = () => `:host{display:block;position:fixed;z-index:auto;pointer-events:none}:host(.md-menu--open){pointer-events:auto}.md-menu__surface{background-color:var(--md-sys-color-surface-container, #F7F2FA);border-radius:var(--md-sys-shape-corner-small, 8px);box-shadow:0 1px 2px rgba(0, 0, 0, 0.3),     0 2px 6px 2px rgba(0, 0, 0, 0.15);min-width:var(--md-menu-min-width, 112px);max-width:min(     var(--md-menu-max-width, 100vw),     calc(100vw - 2 * var(--md-menu-viewport-margin, 8px))   );padding:var(--md-sys-spacing-inset-xs, 4px) 0;overflow:visible;opacity:0;transform:scaleY(0.8);transform-origin:top left;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-menu--open) .md-menu__surface{opacity:1;transform:none}:host(.md-menu--closing) .md-menu__surface{opacity:0;transform:scaleY(0.8);transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15))}:host(.md-menu--closing){pointer-events:none}:host(.md-menu--quick) .md-menu__surface{transition:none}:host(.md-menu--inline-fill){position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;block-size:100%;inline-size:100%;pointer-events:auto}:host(.md-menu--inline-fill) .md-menu__surface{flex:1 1 auto;block-size:100%;min-block-size:0;min-inline-size:100%;max-inline-size:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;border:none;outline:none;padding:0;border-radius:0;border-end-start-radius:var(--md-menu-inline-fill-radius-end, 0);border-end-end-radius:var(--md-menu-inline-fill-radius-end, 0);background-color:var(--md-menu-inline-surface-color, transparent)}:host(.md-menu--inline-fill) .md-menu__scroll-shadow{flex:1 1 auto;min-block-size:0;block-size:100%}:host(.md-menu--inline-fill) .md-menu__surface ::slotted(md-menu-item:last-child){border-end-start-radius:var(--md-menu-inline-fill-radius-end, 0);border-end-end-radius:var(--md-menu-inline-fill-radius-end, 0)}:host(.md-menu--scroll):not(.md-menu--has-submenu) .md-menu__surface{overflow:hidden}:host(.md-menu--scroll) .md-menu__scroll-shadow{min-block-size:0}.md-menu__scroll-shadow{overflow-y:auto;overflow-anchor:none}:host([match-anchor-width]) .md-menu__surface{max-width:calc(100vw - 2 * var(--md-menu-viewport-margin, 8px));box-sizing:border-box}:host(:not(.md-menu--has-submenu):not(.md-menu--inline-fill):not(.md-menu--scroll)) .md-menu__surface{max-height:calc(100dvh - 2 * var(--md-menu-viewport-margin, 8px));overflow-y:auto;overscroll-behavior:contain}@media (max-width: 600px){:host(.md-menu--responsive) .md-menu__surface{width:calc(100vw - 2 * var(--md-menu-viewport-margin, 8px));min-width:0;max-width:none;box-sizing:border-box}}:host([placement="bottom-start"]) .md-menu__surface{transform-origin:top left}:host([placement="bottom-end"]) .md-menu__surface{transform-origin:top right}:host([placement="top-start"]) .md-menu__surface{transform-origin:bottom left}:host([placement="top-end"]) .md-menu__surface{transform-origin:bottom right}:host(.md-menu--standard) .md-menu__surface{background-color:var(--md-sys-color-surface-container-low, #F7F2FA);border-radius:var(--md-sys-shape-corner-large, 16px);box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),     0 4px 8px 3px rgba(0, 0, 0, 0.08);padding:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item){border-radius:var(--md-sys-shape-corner-small, 8px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:first-child),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:first-child){border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:last-child),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:last-child){border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:hover),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:hover){border-radius:var(--md-sys-shape-corner-extra-small, 4px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:active),:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item.md-menu-item--selected),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:active){border-radius:var(--md-sys-shape-corner-medium, 12px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:first-child:hover),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:first-child:hover){border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-extra-small, 4px);border-end-end-radius:var(--md-sys-shape-corner-extra-small, 4px)}:host(.md-menu--standard) .md-menu__surface ::slotted(md-menu-item:last-child:hover),:host(.md-menu--standard) .md-menu__surface ::slotted(md-sub-menu-item:last-child:hover){border-start-start-radius:var(--md-sys-shape-corner-extra-small, 4px);border-start-end-radius:var(--md-sys-shape-corner-extra-small, 4px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--vibrant) .md-menu__surface{background-color:var(--md-sys-color-tertiary-container, #FFD8E4);border-radius:var(--md-sys-shape-corner-large, 16px);box-shadow:0 1px 3px rgba(0, 0, 0, 0.12),     0 4px 8px 3px rgba(0, 0, 0, 0.08);padding:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item){border-radius:var(--md-sys-shape-corner-small, 8px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:first-child),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:first-child){border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:last-child),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:last-child){border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:hover),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:hover){border-radius:var(--md-sys-shape-corner-extra-small, 4px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:active),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item.md-menu-item--selected),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:active){border-radius:var(--md-sys-shape-corner-medium, 12px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:first-child:hover),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:first-child:hover){border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-extra-small, 4px);border-end-end-radius:var(--md-sys-shape-corner-extra-small, 4px)}:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-menu-item:last-child:hover),:host(.md-menu--vibrant) .md-menu__surface ::slotted(md-sub-menu-item:last-child:hover){border-start-start-radius:var(--md-sys-shape-corner-extra-small, 4px);border-start-end-radius:var(--md-sys-shape-corner-extra-small, 4px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host(.md-menu--gap) .md-menu__surface{gap:var(--md-sys-spacing-gap-xs, 4px);display:flex;flex-direction:column}:host(.md-menu--grouped.md-menu--gap.md-menu--standard) .md-menu__surface,:host(.md-menu--grouped.md-menu--gap.md-menu--vibrant) .md-menu__surface{background-color:transparent;box-shadow:none;overflow:visible;display:flex;flex-direction:column;gap:var(--md-menu-group-gap, 4px);padding:0;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15))     drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1))}:host(.md-menu--grouped.md-menu--gap) .md-menu__surface ::slotted(md-menu-item-group),:host(.md-menu--grouped.md-menu--gap) .md-menu__scroll-shadow ::slotted(md-menu-item-group){flex-shrink:0}:host(.md-menu--grouped.md-menu--gap) .md-menu__scroll-shadow{display:flex;flex-direction:column;row-gap:var(--md-menu-group-gap, 4px)}:host(.md-menu--sectioned.md-menu--baseline) .md-menu__surface ::slotted([gap]){margin-bottom:var(--md-menu-section-gap, 2px)}.md-menu__empty{display:none;padding:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-body-medium-size, 14px);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);color:var(--md-sys-color-on-surface-variant, #49454F);text-align:center}:host(.md-menu--empty) .md-menu__empty{display:block}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;
@@ -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-meter.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DTaX19_O.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-WmvQpZnM.js';
 
 const mdMeterCss = () => `:host{--_c-main:var(--md-sys-color-primary, #6750A4);--_c-container:var(--md-sys-color-secondary-container, #E8DEF8);--_indicator-color:var(--md-meter-indicator-color, var(--_c-main));--_track-color:var(--md-meter-track-color, var(--_c-container));--_track-shape:var(--md-meter-track-shape, var(--md-sys-shape-corner-full, 9999px));--_thickness:var(--md-meter-height, max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px)));--_size:var(--md-meter-size, max(24px, calc(48px + var(--md-sys-density-scale, 0) * 2px)));--_label-color:var(--md-meter-label-color, var(--md-sys-color-on-surface, #1C1B1F));--_value-color:var(--md-meter-value-color, var(--md-sys-color-on-surface-variant, #49454F));display:block;inline-size:100%;box-sizing:border-box}.md-meter__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--md-sys-spacing-gap-sm, 8px);margin-block-end:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px))}.md-meter__label{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);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(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_label-color);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-meter__value{font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(12px, calc(16px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);color:var(--_value-color);flex:none;font-variant-numeric:tabular-nums}.md-meter__track{position:relative;block-size:var(--_thickness);border-radius:var(--_track-shape);background-color:var(--_track-color);overflow:hidden}.md-meter__indicator{position:absolute;inset-inline-start:0;inset-block:0;inline-size:var(--_fill-pct, 0%);background-color:var(--_indicator-color);border-radius:inherit;transition:inline-size var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([variant='circular']){inline-size:max-content;display:inline-flex;flex-direction:column;align-items:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px))}.md-meter__circular{position:relative;inline-size:var(--_size);block-size:var(--_size);flex:none}.md-meter__ring{inline-size:100%;block-size:100%;display:block;}.md-meter__ring-track{stroke:var(--_track-color)}.md-meter__ring-indicator{stroke:var(--_indicator-color);transition:stroke-dashoffset var(--md-sys-motion-duration-medium2, 300ms)       var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-short4, 200ms) linear}.md-meter__center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:calc(var(--_size) * 0.26);font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:1;color:var(--_value-color);font-variant-numeric:tabular-nums;padding:calc(var(--_size) * 0.18);box-sizing:border-box;text-align:center}.md-meter__caption{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);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(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_label-color);max-inline-size:calc(var(--_size) * 2);text-align:center}@media (prefers-reduced-motion: reduce){.md-meter__indicator,.md-meter__ring-indicator{transition:none}}@media (forced-colors: active){.md-meter__indicator{background-color:CanvasText}.md-meter__track{background-color:GrayText}.md-meter__ring-indicator{stroke:CanvasText}.md-meter__ring-track{stroke:GrayText}}: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}`;
 

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

@@ -1,5 +1,6 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-DTaX19_O.js';
-import { V as VirtualSelectController, i as isWasmSupported, n as normalizeInits, r as rowsToArray, c as collectOptions } from './virtual-select-controller-BEWIC0pC.js';
+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); }