npm - @awc-ui/core - Versions diffs - 1.0.0-beta.2 → 1.0.0-beta.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (833) hide show

package/dist/collection/components/md-button/md-button.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Host, h } from "@stencil/core";
+import { LazyLoadingIndicator } from "../../utils/lazy-loading-indicator";
 import { triggerRipple } from "../../utils/ripple";
 import { sanitizeHref, SAFE_WINDOW_FEATURES } from "../../utils/url";
 export class MdButton {
@@ -172,7 +173,7 @@ export class MdButton {
         const isEffectivelyDisabled = this.isDisabled;
         const hasLeadingIcon = !!this.icon;
         const hasTrailingIcon = !!this.trailingIcon;
-        return (h(Host, { key: '6b090f8bb24dabe25b5cbcf0ca6b4e6b3c667a31', class: {
+        return (h(Host, { key: '08c5be7135433762687d4386cfbbe3faa044789a', class: {
                 'md-button': true,
                 [`md-button--${this.variant}`]: true,
                 [`md-button--${this.size}`]: true,
@@ -190,7 +191,7 @@ export class MdButton {
                 'md-button--full-width': this.fullWidth,
             }, role: this.roleOverride || 'button', "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', "aria-pressed": this.toggle ? String(this.selected) : undefined, tabindex: this.disabled
                 ? '-1'
-                : (this.groupTabindex !== null ? String(this.groupTabindex) : '0'), onClick: this.handleClick, onKeyDown: this.handleKeyDown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.ripple && h("md-ripple", { key: '5f4da04adad6d58814189fa629634d78f9b922d6', disabled: isEffectivelyDisabled }), h("span", { key: '136b4b9fdc384e87e628a263fd727381212ca39a', class: "md-button__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: 'de4b9b8078984d220f86c3ab984c9a6cf998e987', name: "leading-icon" }, hasLeadingIcon && h("span", { key: 'fef73ccdb6e25406b090dc6778d1363dc5ac877c', class: "md-button__icon material-symbols-outlined", part: "icon" }, this.icon)), h("span", { key: 'b1b77be2bec9e05603f26421ec398c4d574f049d', class: "md-button__label", part: "label" }, h("slot", { key: '3e55a0f0ffb89e2039ab6ce3838d5a804b5996dc' })), h("slot", { key: '8bb568db616e8c0892d01d948a2dfa76ca1f7241', name: "trailing-icon" }, hasTrailingIcon && h("span", { key: '36bafed7a8cf957bda74d8bb79372d1e893bc7f7', class: "md-button__trailing-icon material-symbols-outlined", part: "trailing-icon" }, this.trailingIcon)), this.loading && (
+                : (this.groupTabindex !== null ? String(this.groupTabindex) : '0'), onClick: this.handleClick, onKeyDown: this.handleKeyDown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.ripple && h("md-ripple", { key: '5e8e1860cf1e07f5e786cda3993a938f5858ee93', disabled: isEffectivelyDisabled }), h("span", { key: '22815acead32dc0aa71a940fc9a48136721a46a5', class: "md-button__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: '863362e479f2294ce3e189f7555fe5d3c246a84e', name: "leading-icon" }, hasLeadingIcon && h("span", { key: 'fe2cd35d10f548d90ce64a3745afc45c4e74bf52', class: "md-button__icon material-symbols-outlined", part: "icon" }, this.icon)), h("span", { key: '744ddd0f277e1e572f949a16c5097e31a60722ab', class: "md-button__label", part: "label" }, h("slot", { key: '6c382a5e8c36b62de29a780890b2161c6e6a533f' })), h("slot", { key: '98ad3af9a3dae0012b3001155a23507ad4fa5e6c', name: "trailing-icon" }, hasTrailingIcon && h("span", { key: '361900cc872a3c8d3484bebf63d57207828d3e08', class: "md-button__trailing-icon material-symbols-outlined", part: "trailing-icon" }, this.trailingIcon)), this.loading && (
         /* md-loading-indicator, not a hand-rolled ring: never ship a custom
            loading affordance where a library component exists. It is
            md-loading-indicator rather than md-progress-indicator because the
@@ -201,7 +202,7 @@ export class MdButton {
            The `loader` slot lets a consumer swap it (e.g. for a circular
            md-progress-indicator). The size hooks sit on this WRAPPER so they
            cascade to whatever ends up inside it, default or slotted. */
-        h("span", { key: '775c639e462c951d75ee2662f1a5d4bc151a125e', class: "md-button__loading", part: "loading", "aria-hidden": "true" }, h("slot", { key: '523db784cd7bf543fdd88ffb82f50a9771bff2fe', name: "loader" }, h("md-loading-indicator", { key: 'a6aa69ee8671bc181db7b9c13529b69934571243', class: "md-button__loading-default" }))))));
+        h("span", { key: '0e180026bd5c392787a3e4aa7ba8a8405a9f8aa5', class: "md-button__loading", part: "loading", "aria-hidden": "true" }, h("slot", { key: 'cc7cb4c7311b4bed3d6882383c5e005784e1a1ce', name: "loader" }, h(LazyLoadingIndicator, { key: 'fce7949b088c1689508e022ae4a401dc0c46b6ba', class: "md-button__loading-default" }))))));
     }
     static get is() { return "md-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-button/md-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"md-button.js","sourceRoot":"","sources":["../../../src/components/md-button/md-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter, Element, AttachInternals } from '@stencil/core';\nimport { triggerRipple } from '../../utils/ripple';\nimport { sanitizeHref, SAFE_WINDOW_FEATURES } from '../../utils/url';\n\n/*\n Detail payload emitted by `md-button`'s `mdClick` event when the user\n * activates the button (mouse, touch, or keyboard).\n \n The event is cancelable — calling `event.preventDefault()` from a\n * listener stops the button's default side effects (toggle-state flip\n * and `href` navigation) but does NOT stop the underlying DOM click\n * event. This is the recommended hook for SPA routing and \"are you\n * sure?\" confirmation flows.\n /\nexport interface MdButtonClickDetail {\n /* The button's `value` prop (useful when grouped via `md-button-group`). /\n value: string;\n /* Whether toggle mode is enabled. /\n toggle: boolean;\n /\n Selected state the button WILL transition to if the click is not\n * cancelled. In non-toggle mode this is identical to `selected`.\n /\n selected: boolean;\n /* Navigation target (empty if the button is not a link). /\n href: string;\n /* Browsing context (`_self`, `_blank`, …). /\n target: string;\n /* The original DOM event that triggered the activation. /\n originalEvent: MouseEvent \| KeyboardEvent;\n}\n\n/\n Detail payload emitted by `md-button`'s `mdChange` event when toggle\n * mode flips the selected state in response to a user activation.\n /\nexport interface MdButtonChangeDetail {\n /* New selected state. /\n selected: boolean;\n /* The button's `value` prop. /\n value: string;\n}\n\n@Component({\n tag: 'md-button',\n styleUrl: 'md-button.css',\n shadow: true,\n formAssociated: true,\n})\nexport class MdButton {\n @Element() el!: HTMLElement;\n\n /\n Form-association handle. Used to submit/reset the associated form when\n * `type` is `submit`/`reset` — works across shadow boundaries, unlike a\n * native `<button>` rendered in the shadow root (which can't see the\n * light-DOM `<form>` it lives in).\n /\n @AttachInternals() internals!: ElementInternals;\n\n /\n Activation behavior, mirroring the native `<button type>`:\n * - `button` (default): no implicit form action.\n * - `submit`: submits the associated form (`requestSubmit`, so the form's\n * `submit` event fires and constraint validation runs).\n * - `reset`: resets the associated form.\n /\n @Prop({ reflect: true }) type: 'button' \| 'submit' \| 'reset' = 'button';\n\n @Prop() variant: 'filled' \| 'outlined' \| 'text' \| 'elevated' \| 'tonal' = 'filled';\n @Prop() size: 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' = 'sm';\n @Prop() shape: 'round' \| 'square' = 'round';\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true, attribute: 'soft-disabled' }) softDisabled: boolean = false;\n @Prop() ripple: boolean = true;\n @Prop() loading: boolean = false;\n @Prop() icon: string = '';\n @Prop() trailingIcon: string = '';\n @Prop() href: string = '';\n @Prop() target: string = '_self';\n\n /* Enable toggle behavior (selected/unselected) /\n @Prop() toggle: boolean = false;\n\n /* Current selected state (toggle mode) /\n @Prop({ mutable: true }) selected: boolean = false;\n\n /* Enable M3 Expressive shape morphing on press and toggle /\n @Prop() shapeMorph: boolean = true;\n\n /\n Mirror leading and trailing icons horizontally when the button is\n * rendered in a right-to-left context. Set this on buttons that use\n * directional Material Symbols (arrows, chevrons, send, reply…)\n * — non-directional icons (add, search, favorite…) should leave it\n * `false` so the glyph stays semantically correct.\n /\n @Prop({ reflect: true, attribute: 'mirror-icon' }) mirrorIcon: boolean = false;\n\n /\n When true, suppresses the default 180° trailing-icon rotation while\n * `aria-expanded=\"true\"`. Use when the consumer swaps the glyph (e.g.\n * docked `md-date-picker` month/year triggers use `chevron_right`).\n /\n @Prop({ reflect: true, attribute: 'suppress-expand-icon-flip' })\n suppressExpandIconFlip: boolean = false;\n\n /\n Stretch the button to fill its inline-axis container.\n \n Switches the host from `inline-flex` to `flex` and sets\n * `inline-size: 100%` so the button consumes the full width of its\n * parent — the standard pattern for primary CTAs in forms, modals,\n * and bottom sheets. The size's `min-block-size` (touch target) is\n * preserved.\n \n For arbitrary fixed widths or heights, set the\n * `--md-button-width`, `--md-button-height`, `--md-button-min-width`,\n * `--md-button-min-height`, or `--md-button-max-width` CSS custom\n * properties on the host instead.\n /\n @Prop({ reflect: true, attribute: 'full-width' }) fullWidth: boolean = false;\n\n /* @internal Set by md-button-group — left side is connected to a neighbor /\n @Prop({ reflect: true }) connectedLeft: boolean = false;\n\n /* @internal Set by md-button-group — right side is connected to a neighbor /\n @Prop({ reflect: true }) connectedRight: boolean = false;\n\n /* @internal Value for button-group association /\n @Prop() value: string = '';\n\n /\n @internal Roving-tabindex override set by `md-button-group`. When the\n * button is a child of a group, the group sets this to `0` on the\n * currently-active button and `-1` on the rest, so Tab enters the group\n * once instead of stepping through every button. Outside a group, this\n * stays `null` and the button uses its normal tabindex behavior.\n /\n @Prop({ mutable: true, reflect: false }) groupTabindex: number \| null = null;\n\n /\n Override the default `role=\"button\"`. Used by composite widgets such as\n * `md-date-picker` day cells (`role=\"gridcell\"`). Leave empty for `button`.\n /\n @Prop({ attribute: 'role-override' }) roleOverride: string = '';\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 /\n Fires every time the user activates the button (mouse click, touch,\n * or `Enter`/`Space` while focused). The event is cancelable and\n * the detail payload describes what would happen: the post-click\n * toggle state, the navigation `href`, and so on.\n \n Calling `event.preventDefault()` from a listener suppresses the\n * default side effects (toggle flip + `href` navigation) but lets\n * the underlying DOM click bubble. This is the hook to use for SPA\n * routing, \"are you sure?\" prompts, async confirmation, etc.\n \n The event bubbles and is composed, so listeners outside the\n * shadow tree (the typical case) receive it.\n \n ```ts\n * document.querySelector('md-button')!.addEventListener('mdClick', (e) => {\n * const { href, selected } = (e as CustomEvent).detail;\n * if (!confirm('Continue?')) e.preventDefault();\n * });\n * ```\n /\n @Event({ cancelable: true, bubbles: true, composed: true })\n mdClick!: EventEmitter<MdButtonClickDetail>;\n\n /\n Fires when toggle mode flips the `selected` state in response to a\n * user activation. Not cancelable — the state change has already\n * happened. Pair with `mdClick` (cancelable) when you need a veto.\n \n Bubbles and is composed.\n /\n @Event({ bubbles: true, composed: true })\n mdChange!: EventEmitter<MdButtonChangeDetail>;\n\n @State() private hasSlottedLeadingIcon = false;\n @State() private hasSlottedTrailingIcon = false;\n @State() private pressed = false;\n\n private get isDisabled() {\n return this.disabled \|\| this.softDisabled \|\| this.loading;\n }\n\n componentDidLoad() {\n const shadow = this.el.shadowRoot;\n if (!shadow) return;\n\n const leadingSlot = shadow.querySelector('slot[name=\"leading-icon\"]') as HTMLSlotElement \| null;\n const trailingSlot = shadow.querySelector('slot[name=\"trailing-icon\"]') as HTMLSlotElement \| null;\n\n leadingSlot?.addEventListener('slotchange', () => {\n this.hasSlottedLeadingIcon = leadingSlot.assignedElements().length > 0;\n });\n trailingSlot?.addEventListener('slotchange', () => {\n this.hasSlottedTrailingIcon = trailingSlot.assignedElements().length > 0;\n });\n }\n\n private handleClick = (e: MouseEvent) => {\n if (this.isDisabled) { e.preventDefault(); return; }\n\n // Compute the post-click toggle state up front so the detail\n // payload describes what would* happen — listeners can then\n // call preventDefault on the CustomEvent to veto the change.\n const nextSelected = this.toggle ? !this.selected : this.selected;\n\n const evt = this.mdClick.emit({\n value: this.value,\n toggle: this.toggle,\n selected: nextSelected,\n href: this.href,\n target: this.target,\n originalEvent: e,\n });\n\n if (evt.defaultPrevented) {\n // Suppress browser's default link navigation as well so the\n // host stays consistent. We don't flip selected and don't\n // open the href.\n e.preventDefault();\n return;\n }\n\n if (this.toggle && nextSelected !== this.selected) {\n this.selected = nextSelected;\n this.mdChange.emit({ selected: nextSelected, value: this.value });\n }\n\n /* Setting `href` makes this a link rather than a form control, so the\n branch is taken on the raw prop — an unsafe URL must not silently fall\n through to submitting the form. Only the navigation itself is refused. /\n if (this.href) {\n const href = sanitizeHref(this.href);\n if (href) window.open(href, this.target, SAFE_WINDOW_FEATURES);\n return;\n }\n\n // Implicit form action, mirroring a native submit/reset button. Uses\n // ElementInternals so the associated <form> is found across the shadow\n // boundary. requestSubmit() (not submit()) so the form's submit event\n // fires and built-in constraint validation runs.\n if (this.type === 'submit') {\n this.internals.form?.requestSubmit();\n } else if (this.type === 'reset') {\n this.internals.form?.reset();\n }\n };\n\n private handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n if (!this.isDisabled) {\n this.pressed = true;\n triggerRipple(this.el);\n this.el.click();\n setTimeout(() => { this.pressed = false; }, 150);\n }\n }\n };\n\n private handlePointerDown = () => {\n if (!this.isDisabled) this.pressed = true;\n };\n\n private handlePointerUp = () => {\n this.pressed = false;\n };\n\n render() {\n const isEffectivelyDisabled = this.isDisabled;\n const hasLeadingIcon = !!this.icon;\n const hasTrailingIcon = !!this.trailingIcon;\n\n return (\n <Host\n class={{\n 'md-button': true,\n [`md-button--${this.variant}`]: true,\n [`md-button--${this.size}`]: true,\n [`md-button--${this.shape}`]: true,\n 'md-button--with-leading-icon': hasLeadingIcon \|\| this.hasSlottedLeadingIcon,\n 'md-button--with-trailing-icon': hasTrailingIcon \|\| this.hasSlottedTrailingIcon,\n 'md-button--disabled': this.disabled \|\| this.softDisabled,\n 'md-button--loading': this.loading,\n 'md-button--toggle': this.toggle,\n 'md-button--selected': this.selected,\n 'md-button--shape-morph': this.shapeMorph,\n 'md-button--pressed': this.shapeMorph && this.pressed,\n 'md-button--connected-left': this.connectedLeft,\n 'md-button--connected-right': this.connectedRight,\n 'md-button--full-width': this.fullWidth,\n }}\n role={this.roleOverride \|\| 'button'}\n aria-disabled={isEffectivelyDisabled ? 'true' : 'false'}\n aria-pressed={this.toggle ? String(this.selected) : undefined}\n tabindex={\n this.disabled\n ? '-1'\n : (this.groupTabindex !== null ? String(this.groupTabindex) : '0')\n }\n onClick={this.handleClick}\n onKeyDown={this.handleKeyDown}\n onPointerDown={this.handlePointerDown}\n onPointerUp={this.handlePointerUp}\n onPointerLeave={this.handlePointerUp}\n onPointerCancel={this.handlePointerUp}\n >\n {this.ripple && <md-ripple disabled={isEffectivelyDisabled}></md-ripple>}\n <span class=\"md-button__state-layer\" part=\"state-layer\" aria-hidden=\"true\"></span>\n <slot name=\"leading-icon\">\n {hasLeadingIcon && <span class=\"md-button__icon material-symbols-outlined\" part=\"icon\">{this.icon}</span>}\n </slot>\n <span class=\"md-button__label\" part=\"label\"><slot /></span>\n <slot name=\"trailing-icon\">\n {hasTrailingIcon && <span class=\"md-button__trailing-icon material-symbols-outlined\" part=\"trailing-icon\">{this.trailingIcon}</span>}\n </slot>\n {this.loading && (\n / md-loading-indicator, not a hand-rolled ring: never ship a custom\n loading affordance where a library component exists. It is\n md-loading-indicator rather than md-progress-indicator because the\n latter clamps its circular variant to a 24dp M3 minimum, while a\n button spinner runs 10-28px -- every tier but xl would clamp up and\n lose the density taper. Same choice md-select made for its trigger.\n\n The `loader` slot lets a consumer swap it (e.g. for a circular\n md-progress-indicator). The size hooks sit on this WRAPPER so they\n cascade to whatever ends up inside it, default or slotted. */\n <span class=\"md-button__loading\" part=\"loading\" aria-hidden=\"true\">\n <slot name=\"loader\">\n <md-loading-indicator class=\"md-button__loading-default\" />\n </slot>\n </span>\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"md-button.js","sourceRoot":"","sources":["../../../src/components/md-button/md-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter, Element, AttachInternals } from '@stencil/core';\nimport { LazyLoadingIndicator } from '../../utils/lazy-loading-indicator';\nimport { triggerRipple } from '../../utils/ripple';\nimport { sanitizeHref, SAFE_WINDOW_FEATURES } from '../../utils/url';\n\n/*\n Detail payload emitted by `md-button`'s `mdClick` event when the user\n * activates the button (mouse, touch, or keyboard).\n \n The event is cancelable — calling `event.preventDefault()` from a\n * listener stops the button's default side effects (toggle-state flip\n * and `href` navigation) but does NOT stop the underlying DOM click\n * event. This is the recommended hook for SPA routing and \"are you\n * sure?\" confirmation flows.\n /\nexport interface MdButtonClickDetail {\n /* The button's `value` prop (useful when grouped via `md-button-group`). /\n value: string;\n /* Whether toggle mode is enabled. /\n toggle: boolean;\n /\n Selected state the button WILL transition to if the click is not\n * cancelled. In non-toggle mode this is identical to `selected`.\n /\n selected: boolean;\n /* Navigation target (empty if the button is not a link). /\n href: string;\n /* Browsing context (`_self`, `_blank`, …). /\n target: string;\n /* The original DOM event that triggered the activation. /\n originalEvent: MouseEvent \| KeyboardEvent;\n}\n\n/\n Detail payload emitted by `md-button`'s `mdChange` event when toggle\n * mode flips the selected state in response to a user activation.\n /\nexport interface MdButtonChangeDetail {\n /* New selected state. /\n selected: boolean;\n /* The button's `value` prop. /\n value: string;\n}\n\n@Component({\n tag: 'md-button',\n styleUrl: 'md-button.css',\n shadow: true,\n formAssociated: true,\n})\nexport class MdButton {\n @Element() el!: HTMLElement;\n\n /\n Form-association handle. Used to submit/reset the associated form when\n * `type` is `submit`/`reset` — works across shadow boundaries, unlike a\n * native `<button>` rendered in the shadow root (which can't see the\n * light-DOM `<form>` it lives in).\n /\n @AttachInternals() internals!: ElementInternals;\n\n /\n Activation behavior, mirroring the native `<button type>`:\n * - `button` (default): no implicit form action.\n * - `submit`: submits the associated form (`requestSubmit`, so the form's\n * `submit` event fires and constraint validation runs).\n * - `reset`: resets the associated form.\n /\n @Prop({ reflect: true }) type: 'button' \| 'submit' \| 'reset' = 'button';\n\n @Prop() variant: 'filled' \| 'outlined' \| 'text' \| 'elevated' \| 'tonal' = 'filled';\n @Prop() size: 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' = 'sm';\n @Prop() shape: 'round' \| 'square' = 'round';\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true, attribute: 'soft-disabled' }) softDisabled: boolean = false;\n @Prop() ripple: boolean = true;\n @Prop() loading: boolean = false;\n @Prop() icon: string = '';\n @Prop() trailingIcon: string = '';\n @Prop() href: string = '';\n @Prop() target: string = '_self';\n\n /* Enable toggle behavior (selected/unselected) /\n @Prop() toggle: boolean = false;\n\n /* Current selected state (toggle mode) /\n @Prop({ mutable: true }) selected: boolean = false;\n\n /* Enable M3 Expressive shape morphing on press and toggle /\n @Prop() shapeMorph: boolean = true;\n\n /\n Mirror leading and trailing icons horizontally when the button is\n * rendered in a right-to-left context. Set this on buttons that use\n * directional Material Symbols (arrows, chevrons, send, reply…)\n * — non-directional icons (add, search, favorite…) should leave it\n * `false` so the glyph stays semantically correct.\n /\n @Prop({ reflect: true, attribute: 'mirror-icon' }) mirrorIcon: boolean = false;\n\n /\n When true, suppresses the default 180° trailing-icon rotation while\n * `aria-expanded=\"true\"`. Use when the consumer swaps the glyph (e.g.\n * docked `md-date-picker` month/year triggers use `chevron_right`).\n /\n @Prop({ reflect: true, attribute: 'suppress-expand-icon-flip' })\n suppressExpandIconFlip: boolean = false;\n\n /\n Stretch the button to fill its inline-axis container.\n \n Switches the host from `inline-flex` to `flex` and sets\n * `inline-size: 100%` so the button consumes the full width of its\n * parent — the standard pattern for primary CTAs in forms, modals,\n * and bottom sheets. The size's `min-block-size` (touch target) is\n * preserved.\n \n For arbitrary fixed widths or heights, set the\n * `--md-button-width`, `--md-button-height`, `--md-button-min-width`,\n * `--md-button-min-height`, or `--md-button-max-width` CSS custom\n * properties on the host instead.\n /\n @Prop({ reflect: true, attribute: 'full-width' }) fullWidth: boolean = false;\n\n /* @internal Set by md-button-group — left side is connected to a neighbor /\n @Prop({ reflect: true }) connectedLeft: boolean = false;\n\n /* @internal Set by md-button-group — right side is connected to a neighbor /\n @Prop({ reflect: true }) connectedRight: boolean = false;\n\n /* @internal Value for button-group association /\n @Prop() value: string = '';\n\n /\n @internal Roving-tabindex override set by `md-button-group`. When the\n * button is a child of a group, the group sets this to `0` on the\n * currently-active button and `-1` on the rest, so Tab enters the group\n * once instead of stepping through every button. Outside a group, this\n * stays `null` and the button uses its normal tabindex behavior.\n /\n @Prop({ mutable: true, reflect: false }) groupTabindex: number \| null = null;\n\n /\n Override the default `role=\"button\"`. Used by composite widgets such as\n * `md-date-picker` day cells (`role=\"gridcell\"`). Leave empty for `button`.\n /\n @Prop({ attribute: 'role-override' }) roleOverride: string = '';\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 /\n Fires every time the user activates the button (mouse click, touch,\n * or `Enter`/`Space` while focused). The event is cancelable and\n * the detail payload describes what would happen: the post-click\n * toggle state, the navigation `href`, and so on.\n \n Calling `event.preventDefault()` from a listener suppresses the\n * default side effects (toggle flip + `href` navigation) but lets\n * the underlying DOM click bubble. This is the hook to use for SPA\n * routing, \"are you sure?\" prompts, async confirmation, etc.\n \n The event bubbles and is composed, so listeners outside the\n * shadow tree (the typical case) receive it.\n \n ```ts\n * document.querySelector('md-button')!.addEventListener('mdClick', (e) => {\n * const { href, selected } = (e as CustomEvent).detail;\n * if (!confirm('Continue?')) e.preventDefault();\n * });\n * ```\n /\n @Event({ cancelable: true, bubbles: true, composed: true })\n mdClick!: EventEmitter<MdButtonClickDetail>;\n\n /\n Fires when toggle mode flips the `selected` state in response to a\n * user activation. Not cancelable — the state change has already\n * happened. Pair with `mdClick` (cancelable) when you need a veto.\n \n Bubbles and is composed.\n /\n @Event({ bubbles: true, composed: true })\n mdChange!: EventEmitter<MdButtonChangeDetail>;\n\n @State() private hasSlottedLeadingIcon = false;\n @State() private hasSlottedTrailingIcon = false;\n @State() private pressed = false;\n\n private get isDisabled() {\n return this.disabled \|\| this.softDisabled \|\| this.loading;\n }\n\n componentDidLoad() {\n const shadow = this.el.shadowRoot;\n if (!shadow) return;\n\n const leadingSlot = shadow.querySelector('slot[name=\"leading-icon\"]') as HTMLSlotElement \| null;\n const trailingSlot = shadow.querySelector('slot[name=\"trailing-icon\"]') as HTMLSlotElement \| null;\n\n leadingSlot?.addEventListener('slotchange', () => {\n this.hasSlottedLeadingIcon = leadingSlot.assignedElements().length > 0;\n });\n trailingSlot?.addEventListener('slotchange', () => {\n this.hasSlottedTrailingIcon = trailingSlot.assignedElements().length > 0;\n });\n }\n\n private handleClick = (e: MouseEvent) => {\n if (this.isDisabled) { e.preventDefault(); return; }\n\n // Compute the post-click toggle state up front so the detail\n // payload describes what would* happen — listeners can then\n // call preventDefault on the CustomEvent to veto the change.\n const nextSelected = this.toggle ? !this.selected : this.selected;\n\n const evt = this.mdClick.emit({\n value: this.value,\n toggle: this.toggle,\n selected: nextSelected,\n href: this.href,\n target: this.target,\n originalEvent: e,\n });\n\n if (evt.defaultPrevented) {\n // Suppress browser's default link navigation as well so the\n // host stays consistent. We don't flip selected and don't\n // open the href.\n e.preventDefault();\n return;\n }\n\n if (this.toggle && nextSelected !== this.selected) {\n this.selected = nextSelected;\n this.mdChange.emit({ selected: nextSelected, value: this.value });\n }\n\n /* Setting `href` makes this a link rather than a form control, so the\n branch is taken on the raw prop — an unsafe URL must not silently fall\n through to submitting the form. Only the navigation itself is refused. /\n if (this.href) {\n const href = sanitizeHref(this.href);\n if (href) window.open(href, this.target, SAFE_WINDOW_FEATURES);\n return;\n }\n\n // Implicit form action, mirroring a native submit/reset button. Uses\n // ElementInternals so the associated <form> is found across the shadow\n // boundary. requestSubmit() (not submit()) so the form's submit event\n // fires and built-in constraint validation runs.\n if (this.type === 'submit') {\n this.internals.form?.requestSubmit();\n } else if (this.type === 'reset') {\n this.internals.form?.reset();\n }\n };\n\n private handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n if (!this.isDisabled) {\n this.pressed = true;\n triggerRipple(this.el);\n this.el.click();\n setTimeout(() => { this.pressed = false; }, 150);\n }\n }\n };\n\n private handlePointerDown = () => {\n if (!this.isDisabled) this.pressed = true;\n };\n\n private handlePointerUp = () => {\n this.pressed = false;\n };\n\n render() {\n const isEffectivelyDisabled = this.isDisabled;\n const hasLeadingIcon = !!this.icon;\n const hasTrailingIcon = !!this.trailingIcon;\n\n return (\n <Host\n class={{\n 'md-button': true,\n [`md-button--${this.variant}`]: true,\n [`md-button--${this.size}`]: true,\n [`md-button--${this.shape}`]: true,\n 'md-button--with-leading-icon': hasLeadingIcon \|\| this.hasSlottedLeadingIcon,\n 'md-button--with-trailing-icon': hasTrailingIcon \|\| this.hasSlottedTrailingIcon,\n 'md-button--disabled': this.disabled \|\| this.softDisabled,\n 'md-button--loading': this.loading,\n 'md-button--toggle': this.toggle,\n 'md-button--selected': this.selected,\n 'md-button--shape-morph': this.shapeMorph,\n 'md-button--pressed': this.shapeMorph && this.pressed,\n 'md-button--connected-left': this.connectedLeft,\n 'md-button--connected-right': this.connectedRight,\n 'md-button--full-width': this.fullWidth,\n }}\n role={this.roleOverride \|\| 'button'}\n aria-disabled={isEffectivelyDisabled ? 'true' : 'false'}\n aria-pressed={this.toggle ? String(this.selected) : undefined}\n tabindex={\n this.disabled\n ? '-1'\n : (this.groupTabindex !== null ? String(this.groupTabindex) : '0')\n }\n onClick={this.handleClick}\n onKeyDown={this.handleKeyDown}\n onPointerDown={this.handlePointerDown}\n onPointerUp={this.handlePointerUp}\n onPointerLeave={this.handlePointerUp}\n onPointerCancel={this.handlePointerUp}\n >\n {this.ripple && <md-ripple disabled={isEffectivelyDisabled}></md-ripple>}\n <span class=\"md-button__state-layer\" part=\"state-layer\" aria-hidden=\"true\"></span>\n <slot name=\"leading-icon\">\n {hasLeadingIcon && <span class=\"md-button__icon material-symbols-outlined\" part=\"icon\">{this.icon}</span>}\n </slot>\n <span class=\"md-button__label\" part=\"label\"><slot /></span>\n <slot name=\"trailing-icon\">\n {hasTrailingIcon && <span class=\"md-button__trailing-icon material-symbols-outlined\" part=\"trailing-icon\">{this.trailingIcon}</span>}\n </slot>\n {this.loading && (\n / md-loading-indicator, not a hand-rolled ring: never ship a custom\n loading affordance where a library component exists. It is\n md-loading-indicator rather than md-progress-indicator because the\n latter clamps its circular variant to a 24dp M3 minimum, while a\n button spinner runs 10-28px -- every tier but xl would clamp up and\n lose the density taper. Same choice md-select made for its trigger.\n\n The `loader` slot lets a consumer swap it (e.g. for a circular\n md-progress-indicator). The size hooks sit on this WRAPPER so they\n cascade to whatever ends up inside it, default or slotted. */\n <span class=\"md-button__loading\" part=\"loading\" aria-hidden=\"true\">\n <slot name=\"loader\">\n <LazyLoadingIndicator class=\"md-button__loading-default\" />\n </slot>\n </span>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/md-button-group/md-button-group.js CHANGED Viewed

@@ -316,13 +316,13 @@ export class MdButtonGroup {
     }
     render() {
         const useRadioGroup = this.selectionMode === 'single-select';
-        return (h(Host, { key: 'afbb0014a97b31452f8a75ec35ea68c247851977', class: {
+        return (h(Host, { key: '99fac3da7c1f65b51895c6e530ffc4d62da8b360', class: {
                 'md-button-group': true,
                 [`md-button-group--${this.variant}`]: true,
                 [`md-button-group--${this.size}`]: true,
                 [`md-button-group--${this.shape}`]: true,
                 'md-button-group--full-width': this.fullWidth,
-            }, role: useRadioGroup ? 'radiogroup' : 'group', "aria-orientation": useRadioGroup ? 'horizontal' : undefined }, h("slot", { key: '26bc5eb1cbecfdf27571b4d929b22c47ca34f902' })));
+            }, role: useRadioGroup ? 'radiogroup' : 'group', "aria-orientation": useRadioGroup ? 'horizontal' : undefined }, h("slot", { key: '1f63ab2203ce8b8cd7fb1180e101421a65c9ae8c' })));
     }
     static get is() { return "md-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-card/md-card.js CHANGED Viewed

@@ -206,7 +206,7 @@ export class MdCard {
            mouse-clickable (host `onClick` → `mdClick`) and visually interactive, but
            the inner controls are the real keyboard tab stops. */
         const actsAsButton = this.interactive && !this.hasInteractiveContent;
-        return (h(Host, { key: 'bf9c73e3e7d290f2ef69cd392bdf2aaf214e3503', class: {
+        return (h(Host, { key: '067450c6baf3417b8adc6138e90ffc54fa6fec88', class: {
                 'md-card': true,
                 [`md-card--${this.variant}`]: true,
                 'md-card--interactive': this.interactive,
@@ -215,7 +215,7 @@ export class MdCard {
                 'md-card--dragged': this.dragging,
                 'md-card--full-width': this.fullWidth,
                 'md-card--full-height': this.fullHeight,
-            }, role: actsAsButton ? 'button' : undefined, "aria-disabled": actsAsButton && isEffectivelyDisabled ? 'true' : undefined, "aria-grabbed": this.dragEnabled ? (this.dragging ? 'true' : 'false') : undefined, tabindex: actsAsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, (this.interactive || this.dragEnabled) && this.ripple && h("md-ripple", { key: '73e11fe7916addea8967bb051bd8e5297f38502c', disabled: isEffectivelyDisabled }), (this.interactive || this.dragEnabled) && h("span", { key: 'af10e462142ac1fd5c492ac804f2721e21b24d8e', class: "md-card__state-layer", part: "state-layer", "aria-hidden": "true" }), this.variant === 'outlined' && h("span", { key: '84d50d287ba601f79f15f0222a0b3b3a3c613ab8', class: "md-card__outline", part: "outline", "aria-hidden": "true" }), h("slot", { key: '978ceb875d90c734bcdf5dd948e7c27140f4fff3', onSlotchange: this.detectInteractiveContent })));
+            }, role: actsAsButton ? 'button' : undefined, "aria-disabled": actsAsButton && isEffectivelyDisabled ? 'true' : undefined, "aria-grabbed": this.dragEnabled ? (this.dragging ? 'true' : 'false') : undefined, tabindex: actsAsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, (this.interactive || this.dragEnabled) && this.ripple && h("md-ripple", { key: '5fcb37a8762d43586c083ad38b6148294829ae7f', disabled: isEffectivelyDisabled }), (this.interactive || this.dragEnabled) && h("span", { key: '507ee66b1d65087c29bddd14e74f6a3d0c6d7434', class: "md-card__state-layer", part: "state-layer", "aria-hidden": "true" }), this.variant === 'outlined' && h("span", { key: '578568f43403feeb2cde4a435a678db0931e8502', class: "md-card__outline", part: "outline", "aria-hidden": "true" }), h("slot", { key: '57f6a516c8c486af8e7210c0fd217e582f76979e', onSlotchange: this.detectInteractiveContent })));
     }
     static get is() { return "md-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-checkbox/md-checkbox.js CHANGED Viewed

@@ -219,7 +219,7 @@ export class MdCheckbox {
            (tabindex present) widget descendant "even with aria-hidden" — so the
            attribute is dropped entirely, leaving the host non-focusable. */
         const decorative = this.el.getAttribute('aria-hidden') === 'true';
-        return (h(Host, { key: 'a0d40b9f78fd0156ee6cdec1366112632f167511', class: {
+        return (h(Host, { key: '6151d70a6d2b1c923477873ef91c0e80d1d165e8', class: {
                 'md-checkbox': true,
                 'md-checkbox--checked': this.checked && !this.indeterminate,
                 'md-checkbox--indeterminate': this.indeterminate,
@@ -229,7 +229,7 @@ export class MdCheckbox {
                 'md-checkbox--pressed': this.pressed,
                 'md-checkbox--prev-unselected': !this.prevChecked && !this.prevIndeterminate,
                 'md-checkbox--has-support': !!(this.errorText || this.supportingText),
-            }, role: "checkbox", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.errorText || this.supportingText ? `${this.uid}-support` : undefined, "aria-checked": this.ariaCheckedValue, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: decorative ? null : this.disabled ? '-1' : '0', onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '08c18fbbeb24f4b2776e533f9fe5891c7962d68a', class: "md-checkbox__target", part: "target" }, h("span", { key: 'bd3d4b8aff21d9574ad129ee875d8b673d7365d9', class: "md-checkbox__ripple-layer", "aria-hidden": "true" }, h("md-ripple", { key: 'da2c6869e619d1afa2f209cded502588e5ca2f9a', disabled: isEffectivelyDisabled })), h("span", { key: '141b88846ca966456a5d93a71ac8e8c89b638500', class: "md-checkbox__state-layer", part: "state-layer", "aria-hidden": "true" }), h("span", { key: '97c914aaa946e06275280a1f6022836c42137911', class: "md-checkbox__container", part: "container" }, h("span", { key: '2feb4131baf460aef5e0e13e53a1cddc289eadf6', class: "md-checkbox__icon", part: "icon", "aria-hidden": "true" }, h("span", { key: '1405ff7289795bf85418a95747e1b2475be9b354', class: "material-symbols-outlined" }, this.indeterminate ? 'remove' : 'check')))), (this.errorText || this.supportingText) && (h("span", { key: 'b5cbb3b42837a18b6135dcd5fc10c363badd4636', id: `${this.uid}-support`, part: "supporting-text", role: this.error ? 'alert' : undefined, class: {
+            }, role: "checkbox", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.errorText || this.supportingText ? `${this.uid}-support` : undefined, "aria-checked": this.ariaCheckedValue, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: decorative ? null : this.disabled ? '-1' : '0', onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'e40a207fadba9da13cc242770b5dbf25bd982bf9', class: "md-checkbox__target", part: "target" }, h("span", { key: 'e9743a49ac5ad9d09341871d94241a73d9a6f6db', class: "md-checkbox__ripple-layer", "aria-hidden": "true" }, h("md-ripple", { key: '6b2b3f16de880e62bd4c7e535972d72b9b852356', disabled: isEffectivelyDisabled })), h("span", { key: '083ac5d32a3b61934bf59992dc94d0aecfa4519b', class: "md-checkbox__state-layer", part: "state-layer", "aria-hidden": "true" }), h("span", { key: '15b739357adfe8b42bbd529ae9c73c07c81be941', class: "md-checkbox__container", part: "container" }, h("span", { key: '3af9b1d50202b1e8946fb6c4df12e3dcf4b6f721', class: "md-checkbox__icon", part: "icon", "aria-hidden": "true" }, h("span", { key: 'c79042be6891ac7553c93ac2111f52b0ef6a115e', class: "material-symbols-outlined" }, this.indeterminate ? 'remove' : 'check')))), (this.errorText || this.supportingText) && (h("span", { key: '72f3b6a14ea4d901ac0ed671d0407860d10777bb', id: `${this.uid}-support`, part: "supporting-text", role: this.error ? 'alert' : undefined, class: {
                 'md-checkbox__support': true,
                 'md-checkbox__support--error': this.error,
             } }, this.errorText || this.supportingText))));

package/dist/collection/components/md-chip/md-chip.js CHANGED Viewed

@@ -191,7 +191,7 @@ export class MdChip {
         // remove button to nest.
         const hostIsButton = this.isInteractiveHost && !showRemove;
         const renderPrimary = this.isInteractiveHost && showRemove;
-        return (h(Host, { key: 'ac377a67d3c9c5e464f9cc30cada24b9c9f2e848', style: this.colorVars, class: {
+        return (h(Host, { key: '0a328e2479ae8b551eeb7288192dfb79bf4ee99e', style: this.colorVars, class: {
                 'md-chip': true,
                 [`md-chip--${this.variant}`]: true,
                 'md-chip--selected': this.selected && this.isSelectable,
@@ -205,7 +205,7 @@ export class MdChip {
                 'md-chip--disabled': isEffectivelyDisabled,
                 'md-chip--with-leading-icon': hasLeadingIcon || showCheckmark,
                 'md-chip--with-trailing-icon': hasTrailingIcon || showRemove,
-            }, role: hostIsButton ? 'button' : 'group', "aria-roledescription": "chip", "aria-pressed": hostIsButton && this.isSelectable ? String(this.selected) : undefined, "aria-label": hostIsButton ? undefined : chipLabel || undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, tabindex: hostIsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("md-ripple", { key: '71ddc00b4e7f72a93b9356f647b3630aa50380a3', disabled: isEffectivelyDisabled }), h("span", { key: '6eab2a000c1543bb6957c175cfb33cbb06d3f345', class: "md-chip__state-layer", part: "state-layer", "aria-hidden": "true" }), !this.elevated && h("span", { key: 'ee96614931899684057f77b1bed36c315964fdca', class: "md-chip__outline", part: "outline", "aria-hidden": "true" }), renderPrimary && (h("span", { key: 'f0743bfa4bc9b7c6cf7d357c000426f1e5f3b108', class: "md-chip__primary", part: "primary", role: "button", tabindex: this.disabled ? '-1' : '0', "aria-labelledby": "md-chip-label-text", "aria-pressed": this.isSelectable ? String(this.selected) : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined })), showCheckmark && (h("span", { key: 'c15afa18cc1fa1e956c1dcf3c0806d7b065620b0', class: "md-chip__checkmark", part: "checkmark", "aria-hidden": "true" }, h("svg", { key: '1e7a5eb1ec44df6efd803543e943889bff65e1e8', viewBox: "0 0 18 18", fill: "none" }, h("path", { key: '3d36f6406d5bce2e0b7fb71f25b9a6142cc88b3b', d: "M6.75 12.127L3.623 9l-1.06 1.057L6.75 14.25l9-9-1.057-1.057L6.75 12.127z", fill: "currentColor" })))), h("slot", { key: '9dd3792251fc0f43baa3e3b0787fbbf7967cfc2b', name: "leading-icon" }, hasLeadingIcon && !showCheckmark && (h("span", { key: '0078163a6741535eef3c413559d8cc9a4b7dbbc2', class: "md-chip__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), h("span", { key: 'bae9ed93b4ba0e8dda2e9d0fbae102405fbdaeae', class: "md-chip__label", part: "label", id: "md-chip-label-text" }, h("slot", { key: '9f36d159a093aaa93e3c4867e7bbf7a5543fcebd' }, this.label)), showRemove ? (h("button", { class: "md-chip__remove", part: "remove", type: "button", tabindex: this.disabled ? '-1' : '0', "aria-label": chipLabel ? `Remove ${chipLabel}` : 'Remove', disabled: isEffectivelyDisabled, onClick: this.handleRemoveClick, onKeyDown: this.handleRemoveKeyDown }, h("slot", { name: "trailing-icon" }, h("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true" }, h("path", { d: "M14.25 4.808l-1.058-1.058L9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.192l1.058 1.058L9 10.058l4.192 4.192 1.058-1.058L10.058 9l4.192-4.192z", fill: "currentColor" }))))) : (h("slot", { name: "trailing-icon" }, hasTrailingIcon && (h("span", { class: "md-chip__trailing-icon material-symbols-outlined", part: "trailing-icon", "aria-hidden": "true" }, this.trailingIcon))))));
+            }, role: hostIsButton ? 'button' : 'group', "aria-roledescription": "chip", "aria-pressed": hostIsButton && this.isSelectable ? String(this.selected) : undefined, "aria-label": hostIsButton ? undefined : chipLabel || undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, tabindex: hostIsButton ? (this.disabled ? '-1' : '0') : undefined, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("md-ripple", { key: '73b49904dae32e15bbdb50623494d42bce04d6a7', disabled: isEffectivelyDisabled }), h("span", { key: 'cfefcd180227f6386ef4c20a982f8f17c734f307', class: "md-chip__state-layer", part: "state-layer", "aria-hidden": "true" }), !this.elevated && h("span", { key: 'e814b0966bc07ecef53daa0b5e12070bc88b56e3', class: "md-chip__outline", part: "outline", "aria-hidden": "true" }), renderPrimary && (h("span", { key: 'adaf99f2ca0a22c682aafbcdc2ff32ef90362c6b', class: "md-chip__primary", part: "primary", role: "button", tabindex: this.disabled ? '-1' : '0', "aria-labelledby": "md-chip-label-text", "aria-pressed": this.isSelectable ? String(this.selected) : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : undefined })), showCheckmark && (h("span", { key: '4d7ef4295ae72f6a9d623e49c38037a0dc8b08fc', class: "md-chip__checkmark", part: "checkmark", "aria-hidden": "true" }, h("svg", { key: '3b5f9d0d70ca30d56a3d3567e72d77424bc1faec', viewBox: "0 0 18 18", fill: "none" }, h("path", { key: 'e49d701bb05de3507af5e1e20bf789d3ffe2737c', d: "M6.75 12.127L3.623 9l-1.06 1.057L6.75 14.25l9-9-1.057-1.057L6.75 12.127z", fill: "currentColor" })))), h("slot", { key: '3bdfe28e8ab4815fdcd9a0eecb06460882ab3dfe', name: "leading-icon" }, hasLeadingIcon && !showCheckmark && (h("span", { key: '9ac99981f7593db7923734234489bb983ca11a99', class: "md-chip__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), h("span", { key: 'ab1acdc080116f4d5b2529289b9f8879745b6c14', class: "md-chip__label", part: "label", id: "md-chip-label-text" }, h("slot", { key: '90ec6e8a87cc540123f61278df8acb60b761449d' }, this.label)), showRemove ? (h("button", { class: "md-chip__remove", part: "remove", type: "button", tabindex: this.disabled ? '-1' : '0', "aria-label": chipLabel ? `Remove ${chipLabel}` : 'Remove', disabled: isEffectivelyDisabled, onClick: this.handleRemoveClick, onKeyDown: this.handleRemoveKeyDown }, h("slot", { name: "trailing-icon" }, h("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true" }, h("path", { d: "M14.25 4.808l-1.058-1.058L9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.192l1.058 1.058L9 10.058l4.192 4.192 1.058-1.058L10.058 9l4.192-4.192z", fill: "currentColor" }))))) : (h("slot", { name: "trailing-icon" }, hasTrailingIcon && (h("span", { class: "md-chip__trailing-icon material-symbols-outlined", part: "trailing-icon", "aria-hidden": "true" }, this.trailingIcon))))));
     }
     static get is() { return "md-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-date-picker/md-date-picker.js CHANGED Viewed

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

package/dist/collection/components/md-dialog/md-dialog.js CHANGED Viewed

@@ -256,13 +256,13 @@ export class MdDialog {
         // slotted content was provided, which made the slot effectively
         // unreachable.
         const hasHeadline = !!this.headline || this.hasSlottedHeadline;
-        return (h(Host, { key: '816d6b7b367160e92cfdc538ae9c27e926b34d37', class: {
+        return (h(Host, { key: 'a7a08aa4537ec3473f7ded83e8a3bccb35db9dc5', class: {
                 'md-dialog': true,
                 'md-dialog--open': this.open,
                 'md-dialog--fullscreen': this.fullscreen,
                 'md-dialog--animating': this.animating,
                 'md-dialog--has-icon': hasIcon,
-            } }, !this.fullscreen && (h("div", { key: 'f9b87cd611013b2f035f1b998096bfe269bebd56', class: "md-dialog__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), h("div", { key: '75164bab79f10e7e12938a0e7ee47455da863a76', class: "md-dialog__container", part: "container", role: this.fullscreen ? 'dialog' : 'alertdialog', "aria-modal": "true", "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-describedby": this.contentId, tabindex: -1, ref: (el) => (this.containerEl = el) }, this.fullscreen && (h("div", { key: 'b8c58ea9783e2f2103ed1c397c420e8cde34691e', class: "md-dialog__header", part: "header" }, h("button", { key: '3616e77c7a2015676f543f51a50706adf78dd394', class: "md-dialog__close-btn", part: "close-button", "aria-label": this.resolvedLabel(this.closeLabel, 'close'), onClick: this.handleCloseClick }, h("svg", { key: '31691834c13bd2d8f1ef5ad0802fc0c60b5cbe6a', viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, h("path", { key: '1bfd05825fb3d3e08ff5a3a0aae5d98d8de691db', d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }))), hasHeadline && (h("span", { key: 'cd7b7d8a1884ebd528caf9abda698a9200aff1cd', id: this.headlineId, class: "md-dialog__header-headline", part: "headline" }, this.headline)), h("slot", { key: 'f209a51eafecab18cb634e814ad1f451770ff3df', name: "header-action" }))), this.fullscreen && this.headerDivider && (h("div", { key: '08f82162a0809fe09d9886dc4c51832e0574d818', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), !this.fullscreen && (h("div", { key: 'f0a99ab0d57560889f6b89ecce4b10208dd82073', class: "md-dialog__basic-header", part: "header" }, h("slot", { key: '3a8586bd79666137f1a7c0e9b86b5e348d39fdbd', name: "icon" }, this.icon && (h("span", { key: '71b6db731e3a73da8bbe65cbc27c26005849df33', class: "md-dialog__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hasHeadline && (h("div", { key: '85ac375f2115a8b61a42589ff2b1b9eab88ecbb2', id: this.headlineId, class: "md-dialog__headline", part: "headline" }, h("slot", { key: 'da1e42bd66df38cf8fe49f7acb83d69ff55b487c', name: "headline" }, this.headline))))), h("div", { key: '6934f1de19d2f15d2f4eba128f179ecc0ef07753', id: this.contentId, class: "md-dialog__content", part: "content" }, h("slot", { key: 'c9d669c128d4333081632e067acb5bb77856586e' })), this.divider && (h("div", { key: 'a31c0afb54066ddef36841eba4c586cfb5123cb5', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), this.renderActions())));
+            } }, !this.fullscreen && (h("div", { key: '38d6f78fe15cfcdf449eb442cf60f62b63399a96', class: "md-dialog__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), h("div", { key: '4d5306f139440eb6e8c08e607d1b37470df45c4e', class: "md-dialog__container", part: "container", role: this.fullscreen ? 'dialog' : 'alertdialog', "aria-modal": "true", "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-describedby": this.contentId, tabindex: -1, ref: (el) => (this.containerEl = el) }, this.fullscreen && (h("div", { key: '59f56a555b1ce523f13e1d1baa01c30b146d3fd4', class: "md-dialog__header", part: "header" }, h("button", { key: 'ba66dacb86b0f12b093b390049a985e39b649452', class: "md-dialog__close-btn", part: "close-button", "aria-label": this.resolvedLabel(this.closeLabel, 'close'), onClick: this.handleCloseClick }, h("svg", { key: 'd6fbf39a0c9b4041a510f44929a72f178e3f6dcc', viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", "aria-hidden": "true" }, h("path", { key: 'a9e24803cbf3303a4f5bdd680de9aceb5d7b471f', d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }))), hasHeadline && (h("span", { key: '3b5a5914a48a5db0adf4cb0ea559a4b1af939875', id: this.headlineId, class: "md-dialog__header-headline", part: "headline" }, this.headline)), h("slot", { key: '41e617d81a36ea2d5a682c63605cfb093d47a7e6', name: "header-action" }))), this.fullscreen && this.headerDivider && (h("div", { key: 'a859f931cc334c3dbe3e9d12c0de3f636928a4fe', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), !this.fullscreen && (h("div", { key: '4fe1f49e2dd39d1390e9781d623144dee4ccc3ca', class: "md-dialog__basic-header", part: "header" }, h("slot", { key: '45e4abee072480b8d8a7cb80c1c848fc6a8cb2ec', name: "icon" }, this.icon && (h("span", { key: '4a3cb1428d3876e6fafe69e9592c9a3efae2604e', class: "md-dialog__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), hasHeadline && (h("div", { key: '05f30544f1a0f2486890d747361bd30ab12a7bf2', id: this.headlineId, class: "md-dialog__headline", part: "headline" }, h("slot", { key: '8ea63db23f32df2f3945a9cb8645fd28f75a34d9', name: "headline" }, this.headline))))), h("div", { key: 'e8819873ed88143416717feb133d02896dd10fbc', id: this.contentId, class: "md-dialog__content", part: "content" }, h("slot", { key: '26478e466c5fb1162a4a4feb13ca86224c35506a' })), this.divider && (h("div", { key: '580b77e97e64d98c16e130253f5e60b4d1922b2f', class: "md-dialog__divider", part: "divider", "aria-hidden": "true" })), this.renderActions())));
     }
     static get is() { return "md-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-divider/md-divider.js CHANGED Viewed

@@ -11,13 +11,13 @@ export class MdDivider {
         this.vertical = false;
     }
     render() {
-        return (h(Host, { key: '236e1e4509cb3cb5aa302b659d2394745595483e', class: {
+        return (h(Host, { key: 'ac4ff97d8cd888c42a726d7d57898576b5d4591f', class: {
                 'md-divider': true,
                 'md-divider--inset': this.inset,
                 'md-divider--inset-start': this.insetStart,
                 'md-divider--inset-end': this.insetEnd,
                 'md-divider--vertical': this.vertical,
-            }, role: "separator", "aria-orientation": this.vertical ? 'vertical' : 'horizontal' }, h("div", { key: '53484e39e2a192bd2db2b5140738cbd8be516420', class: "md-divider__line", part: "divider" })));
+            }, role: "separator", "aria-orientation": this.vertical ? 'vertical' : 'horizontal' }, h("div", { key: 'ae92f30866cb2da8675c50a794f8cfd86c08ea63', class: "md-divider__line", part: "divider" })));
     }
     static get is() { return "md-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-fab/md-fab.js CHANGED Viewed

@@ -126,7 +126,7 @@ export class MdFab {
         const isExtended = this.extended === undefined ? hasLabel : this.extended;
         const hasIcon = !!this.icon;
         const hasExplicitAriaLabel = this.authoredAccessibleName;
-        return (h(Host, { key: '9f38d5a63ee3ff8d86b361e83917091a3550a415', class: {
+        return (h(Host, { key: 'fbd2c3ad0b52387a0560e11b68482fe84468390a', class: {
                 'md-fab': true,
                 [`md-fab--${this.variant}`]: true,
                 // Fixed circular sizes apply only to FABs that never carry a label.
@@ -136,7 +136,7 @@ export class MdFab {
                 'md-fab--with-icon': hasIcon || this.hasSlottedIcon,
                 'md-fab--lowered': this.lowered,
                 'md-fab--disabled': this.disabled || this.softDisabled,
-            }, role: "button", "aria-label": hasLabel && !hasExplicitAriaLabel ? this.label : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.ripple && h("md-ripple", { key: '5a0114263fe2817f3b7466fc4ec757403e31c203', disabled: isEffectivelyDisabled }), h("span", { key: 'd4a45e41c4982d48212672e1ae87a3721edaf9b7', class: "md-fab__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: 'dddb0c1469a57e06af7fc9eea94f4acc5a9f5cf8', name: "icon" }, hasIcon && h("span", { key: '47d5415adbdfd8629f6efe67c799a59058496f7e', class: "md-fab__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)), hasLabel && h("span", { key: 'b2cf917ff3886b0adfb909ecde641fc1bd0ce1fd', class: "md-fab__label", part: "label", "aria-hidden": !isExtended ? 'true' : undefined }, this.label)));
+            }, role: "button", "aria-label": hasLabel && !hasExplicitAriaLabel ? this.label : undefined, "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, this.ripple && h("md-ripple", { key: 'cb9339ab1f4517d6f1a20e0ab85e8a776ff02d98', disabled: isEffectivelyDisabled }), h("span", { key: '7b75ba2f21d7081da580edd470a7ce8a15781532', class: "md-fab__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: 'b2918b686e306493fdb0364322a4667934428b03', name: "icon" }, hasIcon && h("span", { key: '7a3bc8d8edfc1a1df416e4fc9799a6d3a8c26217', class: "md-fab__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon)), hasLabel && h("span", { key: '2256df4b1377109e3f4edd843863c4bcaa3cccb4', class: "md-fab__label", part: "label", "aria-hidden": !isExtended ? 'true' : undefined }, this.label)));
     }
     static get is() { return "md-fab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-fab-menu/md-fab-menu.js CHANGED Viewed

@@ -642,13 +642,13 @@ export class MdFabMenu {
     }
     /* ── Render ───────────────────────────────────────────── */
     render() {
-        return (h(Host, { key: '7d92976fb9210339e957720b632d35cfdff532fe', class: {
+        return (h(Host, { key: 'eb38be0588c7ca8b8cca6d04d15e5defd5ab196d', class: {
                 'md-fab-menu': true,
                 'md-fab-menu--open': this.open,
                 'md-fab-menu--closing': this.closing,
                 [`md-fab-menu--${this.variant}`]: true,
                 [`md-fab-menu--${this.effectivePlacement}`]: true,
-            }, role: "menu", id: this.menuId, "aria-label": this.menuLabel, "aria-orientation": "vertical", "aria-hidden": (!this.open && !this.closing) ? 'true' : 'false', onKeyDown: this.handleKeyDown }, h("div", { key: 'cc2f3e1a224d69bab705793d8867b4797f342be9', class: "md-fab-menu__container" }, h("div", { key: 'd43cb6ca7a3668c12118b6ff830152528d876f28', class: "md-fab-menu__items" }, h("slot", { key: '6bbc2be30016796f4498734417bf1b711c76d449' })))));
+            }, role: "menu", id: this.menuId, "aria-label": this.menuLabel, "aria-orientation": "vertical", "aria-hidden": (!this.open && !this.closing) ? 'true' : 'false', onKeyDown: this.handleKeyDown }, h("div", { key: 'fb9347312ceb5cd36ad866a7ee2a384de4e6f55c', class: "md-fab-menu__container" }, h("div", { key: '1537c4a81d7e70630f327183319fc48cd68e8eff', class: "md-fab-menu__items" }, h("slot", { key: '5dc74d72ab07be74ca3ed0a937a5590a3c60b291' })))));
     }
     static get is() { return "md-fab-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-fab-menu-item/md-fab-menu-item.js CHANGED Viewed

@@ -61,12 +61,12 @@ export class MdFabMenuItem {
     render() {
         const hasIcon = !!this.icon;
         const effectivelyDisabled = this.isDisabled;
-        return (h(Host, { key: '776acd92b0443f4617576ce6e628c9700daa1d1f', class: {
+        return (h(Host, { key: 'e699015c04bd99bff0b6115f748e6f5d3f4aef6a', class: {
                 'md-fab-menu-item': true,
                 'md-fab-menu-item--with-icon': hasIcon || this.hasSlottedIcon,
                 'md-fab-menu-item--disabled': effectivelyDisabled,
                 'md-fab-menu-item--roving-focus-visible': this.rovingFocusVisible,
-            }, role: "menuitem", "aria-disabled": effectivelyDisabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("md-ripple", { key: '0e1e1379829c42a0730605a6d14ccf082f74bfd7', disabled: effectivelyDisabled }), h("span", { key: '83d7dfdc10c6389f9819207f2613519bb0ca118b', class: "md-fab-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: '4f5a17c3fcf744501d82e7942d5b0940a9889247', name: "icon" }, hasIcon && (h("span", { key: 'a8e7e1d9025543e67bacfb5b7c8fd8ab4766a657', class: "md-fab-menu-item__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), h("span", { key: 'e5fc14ba00df55c92acc7ff3d3024ebe9491afd9', class: "md-fab-menu-item__label", part: "label" }, this.label ? this.label : h("slot", null))));
+            }, role: "menuitem", "aria-disabled": effectivelyDisabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("md-ripple", { key: '66d1d6c5ee657a7c5b2ec5ec3dac1308b6131d1c', disabled: effectivelyDisabled }), h("span", { key: '29baf1f4a5381ef65b9d508331ec7ab133dcc21b', class: "md-fab-menu-item__state-layer", part: "state-layer", "aria-hidden": "true" }), h("slot", { key: 'b5d40819f7a5ece262ca67095137a109b160b28a', name: "icon" }, hasIcon && (h("span", { key: 'ce2dd960172dea53be26ceefdc0aee394ee1f8ae', class: "md-fab-menu-item__icon material-symbols-outlined", part: "icon", "aria-hidden": "true" }, this.icon))), h("span", { key: 'f35e75ed18e628c9dfcd972001b79b365e29b7a6', class: "md-fab-menu-item__label", part: "label" }, this.label ? this.label : h("slot", null))));
     }
     static get is() { return "md-fab-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-icon-button/md-icon-button.js CHANGED Viewed

@@ -140,7 +140,7 @@ export class MdIconButton {
         const hasIcon = !!this.icon || this.hasSlottedIcon;
         // Do not gate visibility on `hasIcon` — slotted glyphs must paint before sync.
         const showDefaultIconLayer = !showSelected || (!this.selectedIcon && !this.hasSlottedSelected);
-        return (h(Host, { key: 'c8ba395e0f0eaa47019a6ec74ddb76135018d63a', class: {
+        return (h(Host, { key: '09ede8ee7dd9deece236c792668d01d499a1b2e7', class: {
                 'md-icon-button': true,
                 [`md-icon-button--${this.variant}`]: true,
                 [`md-icon-button--${this.size}`]: true,
@@ -156,13 +156,13 @@ export class MdIconButton {
                 'md-icon-button--connected-right': this.connectedRight,
             }, role: "button", "aria-disabled": isEffectivelyDisabled ? 'true' : 'false', "aria-pressed": this.toggle ? String(this.selected) : undefined, tabindex: this.disabled
                 ? '-1'
-                : (this.groupTabindex !== null ? String(this.groupTabindex) : '0'), onClick: this.handleClick, onKeyDown: this.handleKeyDown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.ripple && h("md-ripple", { key: '38a31f8be791e2441c128668d12cffc8d2883863', disabled: isEffectivelyDisabled }), h("span", { key: '3e36940f6038c69663ae28330827edb68158e78e', class: "md-icon-button__state-layer", part: "state-layer", "aria-hidden": "true" }), h("span", { key: 'ee34874988c22da61d85a98db6e2f636c43b1bdb', class: {
+                : (this.groupTabindex !== null ? String(this.groupTabindex) : '0'), onClick: this.handleClick, onKeyDown: this.handleKeyDown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, this.ripple && h("md-ripple", { key: '72e91836f4a9ed31b320e7adb3d16e3d8d62a0e9', disabled: isEffectivelyDisabled }), h("span", { key: '7b7d129ceaef5fcd92170bb86c6342ebca6a4fd7', class: "md-icon-button__state-layer", part: "state-layer", "aria-hidden": "true" }), h("span", { key: 'a7676d07a86d8067b03ab028871f79a5d9c2781a', class: {
                 'md-icon-button__icon': true,
                 'md-icon-button__icon--on': showDefaultIconLayer,
-            }, part: "icon" }, h("slot", { key: '25fe46290a2d8793c7f72ee623fafcfeaf01d015' }), showDefaultIconLayer && hasIcon && !this.hasSlottedIcon && (h("span", { key: '9da0f58088f30f43b37d14f93f1f2406454f493d', class: "md-icon-button__icon-font material-symbols-outlined", "aria-hidden": "true" }, showSelected && this.selectedIcon ? this.selectedIcon : this.icon))), this.toggle && (this.selectedIcon || this.hasSlottedSelected) && (h("span", { key: '366c07e84c1aa12ca7259983518ecb6e6e909852', class: {
+            }, part: "icon" }, h("slot", { key: '9b719ec841e5a917dbe7874a42c609ea6a3fb456' }), showDefaultIconLayer && hasIcon && !this.hasSlottedIcon && (h("span", { key: 'cc86062ec19a4b20577212d7ac4efdaa81622565', class: "md-icon-button__icon-font material-symbols-outlined", "aria-hidden": "true" }, showSelected && this.selectedIcon ? this.selectedIcon : this.icon))), this.toggle && (this.selectedIcon || this.hasSlottedSelected) && (h("span", { key: '8b09b003d9f24b5699400dda2d1a5aab3dacac0a', class: {
                 'md-icon-button__icon': true,
                 'md-icon-button__icon--on': showSelected,
-            }, part: "selected-icon" }, h("slot", { key: '7b346adf89aca1c953618e2b2654df70ed2c2320', name: "selected" }), !this.hasSlottedSelected && this.selectedIcon && (h("span", { key: 'f61d47d93eb24d4e95a5704dfc14bf59f3a3f9e0', class: "md-icon-button__icon-font material-symbols-outlined", "aria-hidden": "true" }, this.selectedIcon))))));
+            }, part: "selected-icon" }, h("slot", { key: '4515b64d704dc5f64f7509d35f7fe2d3e50c64d3', name: "selected" }), !this.hasSlottedSelected && this.selectedIcon && (h("span", { key: 'd18a21bdd3511d6f5ab6f9ce33e59caab9d8f29b', class: "md-icon-button__icon-font material-symbols-outlined", "aria-hidden": "true" }, this.selectedIcon))))));
     }
     static get is() { return "md-icon-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-line-chart/md-line-chart.js CHANGED Viewed

@@ -909,14 +909,14 @@ export class MdLineChart {
         // While loading, the loader owns the box — an empty-state message under it
         // would just be the wrong answer to "where is my data?".
         const empty = this.series.length === 0 && !this.loading;
-        return (h(Host, { key: 'd9a1a408606f3561ab600a9e11978ed9f6fb5308', class: {
+        return (h(Host, { key: '9fdae447c59ed3416a6417db10ffbd0b0d441014', class: {
                 'md-line-chart': true,
                 'md-line-chart--empty': empty,
                 'md-line-chart--loading': this.loading,
                 'md-line-chart--mounted': this.mounted,
                 'md-line-chart--zoom-slider': this.zoomSliderOn,
                 'md-line-chart--zoom-drag': this.zoomInside,
-            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, h("header", { key: '7d3982cb8d3a9a69f95554943898a214d221c734', class: "md-line-chart__header", part: "header" }, h("slot", { key: 'fc1a089066350f40fa9c30b1984294017cd5dbbb', name: "header" })), h("div", { key: 'e4818930f4ba554326a7e7720075fcf211fe17b0', class: "md-line-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (h("div", { key: 'd056e1034d7cbf6a61a46256c7f271cb0343ce7b', class: "md-line-chart__empty", part: "empty" }, h("slot", { key: 'd3af8ff195e4973432ae6fcf683e96f70bd1ccab', name: "empty" }, this.labelEmpty))), this.loading && (h("div", { key: '3b26dd9069ebf17abd58d1c77e14828019e0a4e2', class: "md-line-chart__loading", part: "loading", role: "status" }, h("slot", { key: 'd36d29dafcc655bd30d7bcbac13ae6c18a594839', name: "loader" }, h("slot", { key: '47153fb58d0e11132e466e724ab587caa576c263', name: "loading" }, h("md-progress-indicator", { key: '60c443fa744ac9ab1ef58afad715799059009326', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), h("span", { key: '505c3a377627e288969725420ac2db4b7329b57d', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (h("div", { key: '8b496a56977f724f86c43167fffa3ff7d07caf75', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), h("footer", { key: '83a5255e217e7d74c2707d69d39b25c014ab3d1c', class: "md-line-chart__footer", part: "footer" }, h("slot", { key: '9690127eb42f33b825d016f8cd85261cc62a74e7', name: "footer" })), h("div", { key: '9d31b766915dbc6031b5e2f43b69b949d45e4f44', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), h("div", { key: '2038de7cd5eca21af587cfa14a13edf08a73c750', class: "md-line-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
+            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined, onPointerDown: this.onPlotPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onDblClick: this.onPlotDblClick }, h("header", { key: '9e99fad3c7a18d63c5434f06056a69d1e5923fd3', class: "md-line-chart__header", part: "header" }, h("slot", { key: 'e232add7130f86efca6101ab2c81b947c9ac03cb', name: "header" })), h("div", { key: 'de3dcc52d5966901d605d158d14f6b4ec88b4df4', class: "md-line-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), empty && (h("div", { key: '2c6b6dc99eac4e51d3dda03c8bb0e1fb2b67100c', class: "md-line-chart__empty", part: "empty" }, h("slot", { key: 'cff04093e72a5d90826f725534fa2700bbe65774', name: "empty" }, this.labelEmpty))), this.loading && (h("div", { key: '3cc6a9d5e9289b7a92ab86ea19804c6e06b0ade8', class: "md-line-chart__loading", part: "loading", role: "status" }, h("slot", { key: 'c049a9258b04247540d9bc535ca62fafd9c62757', name: "loader" }, h("slot", { key: '56c043e6d654c7255d0bf0c8c3d7162d8d5da26b', name: "loading" }, h("md-progress-indicator", { key: '42aabefb610f3810154695888f95aeb75d2c54e1', class: "md-line-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), h("span", { key: '34593a490492afb798cbdd580dd1973d7b35a9a9', class: "md-line-chart__loading-text" }, this.loadingLabel))))), this.dragBand && Math.abs(this.dragBand.x2 - this.dragBand.x1) > 1 && (h("div", { key: '6339cff744e5b0f8fa00003f7b7f92bca80fe55b', class: "md-line-chart__zoom-band", part: "zoom-band", style: this.zoomBandStyle() })), this.zoomSliderOn && this.renderZoomSlider(), h("footer", { key: '2352c3298f8edde508e8f28163e47f30132ade34', class: "md-line-chart__footer", part: "footer" }, h("slot", { key: '1e4d7f31cfc1a97a06b99b2ea5a856a27dc4e77d', name: "footer" })), h("div", { key: '24ceaba1af71bcf7f1de0e8f500a3e4432b8162b', class: "md-line-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), h("div", { key: 'a4e2038ee145c1b7637b7f0f5a9bbee3f9d18a88', class: "md-line-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     static get is() { return "md-line-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-list/md-list.js CHANGED Viewed

@@ -787,17 +787,17 @@ export class MdList {
            expandable selection list degrades to `role="list"` (its per-row nested
            listboxes carry the option semantics), so gate the attribute on the role. */
         const ariaMulti = role === 'listbox' && this.selectionMode === 'multi-select' ? 'true' : null;
-        return (h(Host, { key: 'b276cebae42f64386ad013dc37c0e3926ea00594', class: {
+        return (h(Host, { key: '8daf2aaad9848b5d58ffbb98f9bb7d8920004f4d', class: {
                 'md-list': true,
                 [`md-list--${this.listStyle}`]: true,
                 [`md-list--${this.selectionMode}`]: this.selectionMode !== 'none',
                 [`md-list--${this.interactionMode}`]: true,
                 'md-list--reorderable': this.reorderable,
                 'md-list--reordering': !!this.dropPlaceholder,
-            }, role: role, "aria-label": this.label || null, "aria-labelledby": this.labelledby || null, "aria-multiselectable": ariaMulti }, this.dropPlaceholder && (h("div", { key: '50ef5fcce48b5ab1a53d1bd74d254048c919bba0', class: "md-list__drop-placeholder", part: "drop-placeholder", "aria-hidden": "true", style: {
+            }, role: role, "aria-label": this.label || null, "aria-labelledby": this.labelledby || null, "aria-multiselectable": ariaMulti }, this.dropPlaceholder && (h("div", { key: '88a98f3d21f89177d1f7d879fc406fe7e9cbb40c', class: "md-list__drop-placeholder", part: "drop-placeholder", "aria-hidden": "true", style: {
                 transform: `translateY(${this.dropPlaceholder.top}px)`,
                 blockSize: `${this.dropPlaceholder.height}px`,
-            } })), h("slot", { key: '3f3144e9735900e8ba29abfd2190b9c8ce585b56' })));
+            } })), h("slot", { key: '70452f5305b74576d8eff4ed4471a847fc061773' })));
     }
     static get is() { return "md-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-list-item/md-list-item.js CHANGED Viewed

@@ -1032,7 +1032,7 @@ export class MdListItem {
                 ? 'group'
                 : 'region';
         const panelLabel = panelRole === 'region' ? undefined : this.headlineFullText() || undefined;
-        return (h(Host, { key: '2b9d333fcd78fa67fa3811c61a02ac01b382363d', class: {
+        return (h(Host, { key: 'cd61b205cde324e98ca0f95604a62ad00494c7c1', class: {
                 'md-list-item': true,
                 [`md-list-item--${lines}-line`]: true,
                 [`md-list-item--type-${this.type}`]: true,
@@ -1057,7 +1057,7 @@ export class MdListItem {
                `focus` doesn't bubble, so handleFocus is wired on the primary in
                renderPrimary. The host keeps onFocus for selection / reorderable
                rows, which focus the host directly. */
-            onFocus: isInteractive && !hasPrimaryAction ? this.handleFocus : undefined }, h("span", { key: 'f1a9a1759c9282ca6a44cbf2a8db81c6e3c04330', class: "md-list-item__row", part: "row" }, isInteractive && h("md-ripple", { key: '9c1564542b14116edfcfc5c15606d5d0ee5b4437', disabled: this.isEffectivelyDisabled }), isInteractive && (h("span", { key: 'a8c98bdc60fabdfc1bb6e3f8c7812a4721e87cc4', class: "md-list-item__state-layer", part: "state-layer", "aria-hidden": "true" })), hasPrimaryAction && this.renderPrimary(primaryTabIndex), !hasPrimaryAction && this.renderLeading(), !hasPrimaryAction && this.renderContent(), this.renderTrailing()), this.expandable && (h("span", { key: '3eda42f27457a61543b6799c13222806f39cfb17', class: "md-list-item__expanded-panel", part: "expanded-panel", id: this.expandedPanelId,
+            onFocus: isInteractive && !hasPrimaryAction ? this.handleFocus : undefined }, h("span", { key: '0af7fb5d7cbcd56393c428bcd3f65793613570a5', class: "md-list-item__row", part: "row" }, isInteractive && h("md-ripple", { key: '428ed61997039e15e4e9443a9e323cde9391a041', disabled: this.isEffectivelyDisabled }), isInteractive && (h("span", { key: 'ca6f498bd830e3583c5143f87ab3efa14c2ed20b', class: "md-list-item__state-layer", part: "state-layer", "aria-hidden": "true" })), hasPrimaryAction && this.renderPrimary(primaryTabIndex), !hasPrimaryAction && this.renderLeading(), !hasPrimaryAction && this.renderContent(), this.renderTrailing()), this.expandable && (h("span", { key: '1301ba374be82875b89e1a47749e1b76e4bc69e2', class: "md-list-item__expanded-panel", part: "expanded-panel", id: this.expandedPanelId,
             /* The disclosed panel owns the row's slotted content. When that
                content is flat `md-list-item` rows they render as `listitem`,
                whose only valid axe context is `list` (verified against
@@ -1067,7 +1067,7 @@ export class MdListItem {
                requires an owned role, so a plain `<div>`/FAQ panel can't trip
                `aria-required-children`. Interleaved dividers are `aria-hidden`
                (see syncExpandedContentDividers) so a `list` owns only its rows. */
-            role: panelRole, "aria-label": panelLabel, hidden: !this.expanded }, h("span", { key: '3c763ff80f6a06f40bfa6ab3c6799fe8362fa626', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, h("slot", { key: '78b2439caef1c7f3c5dd0c70b0330ee1d7280405', name: "expanded-content" }))))));
+            role: panelRole, "aria-label": panelLabel, hidden: !this.expanded }, h("span", { key: '08e42531895724ae9de6688667c2bd866627aca3', class: "md-list-item__expanded-panel-inner", part: "expanded-panel-inner" }, h("slot", { key: 'e2f5f73f0142d666d769eecdf9eddd5c62e2dd5f', name: "expanded-content" }))))));
     }
     static get is() { return "md-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-loading-indicator/md-loading-indicator.js CHANGED Viewed

@@ -13,10 +13,10 @@ export class MdLoadingIndicator {
         this.density = 0;
     }
     render() {
-        return (h(Host, { key: 'e6d22ea32ed8fef67906f81bb2ee61f127ed20f8', class: {
+        return (h(Host, { key: '7283d7970401998bed6a0fba112756031f1ecdee', class: {
                 'md-loading-indicator': true,
                 [`md-loading-indicator--${this.variant}`]: true,
-            }, role: "progressbar", "aria-label": this.label, "aria-live": "polite" }, h("span", { key: '284caf45947b622f09d46803b7b0205402b6a309', class: "md-loading-indicator__shape", part: "shape", "aria-hidden": "true" }), h("span", { key: '472fac91cea4c2d490d49466b13ab75ab99ed962', class: "md-loading-indicator__sr-only", role: "status" }, this.label)));
+            }, role: "progressbar", "aria-label": this.label, "aria-live": "polite" }, h("span", { key: 'b89f9b6f9eafd337fcf89af79771cee126ea7606', class: "md-loading-indicator__shape", part: "shape", "aria-hidden": "true" }), h("span", { key: '5ff8ac5edfcb49334c22f3ac3b9d9be0edaf7b19', class: "md-loading-indicator__sr-only", role: "status" }, this.label)));
     }
     static get is() { return "md-loading-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/md-menu/md-menu.js CHANGED Viewed

@@ -1093,7 +1093,7 @@ export class MdMenu {
         ];
     }
     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,
@@ -1115,13 +1115,13 @@ export class MdMenu {
             // closed steady state is just as affected). `inert` while hidden removes
             // the whole subtree from focus order and the a11y tree; it flips off in
             // the same render that clears aria-hidden, before any post-open focus.
-            inert: !this.open || this.closing }, 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,

package/dist/collection/components/md-menu-item/md-menu-item.js CHANGED Viewed

@@ -144,7 +144,7 @@ export class MdMenuItem {
         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,
@@ -154,7 +154,7 @@ export class MdMenuItem {
                 ? 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' : '')))));
     }
     static get is() { return "md-menu-item"; }
     static get encapsulation() { return "shadow"; }