@material/web 2.5.1-nightly.56a486b.0 → 2.5.1-nightly.703aed2.0

package/labs/aria/buttons/keyboard_click_handler.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Options for configuring keyboard click handling.
+ */
+export interface KeyboardClickHandlerOptions {
+    /**
+     * Optional function to determine if the element is disabled.
+     *
+     * Defaults to checking for disabled attributes or pseudo-classes.
+     */
+    isDisabled?: () => boolean;
+}
+/**
+ * Sets up button-like keyboard click activation for an element (Enter on
+ * keydown, Space on keyup).
+ *
+ * @param element The target HTMLElement.
+ * @param options Additional setup options.
+ * @return A cleanup function that removes all registered listeners.
+ */
+export declare function setupKeyboardClickHandler(element: HTMLElement, options?: KeyboardClickHandlerOptions): () => void;

package/labs/aria/buttons/keyboard_click_handler.js

@@ -0,0 +1,74 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { afterDispatch, setupDispatchHooks, } from '../../../internal/events/dispatch-hooks.js';
+import { isDisabled as defaultIsDisabled } from '../pseudo-classes.js';
+/**
+ * Sets up button-like keyboard click activation for an element (Enter on
+ * keydown, Space on keyup).
+ *
+ * @param element The target HTMLElement.
+ * @param options Additional setup options.
+ * @return A cleanup function that removes all registered listeners.
+ */
+export function setupKeyboardClickHandler(element, options) {
+    const isDisabled = options?.isDisabled ?? (() => defaultIsDisabled(element));
+    // Tracks whether Space was pressed down on this element.
+    let isSpacePressed = false;
+    // Intercepts event dispatch to allow `afterDispatch` callbacks to run after
+    // the event has completely finished bubbling.
+    setupDispatchHooks(element, 'keydown', 'keyup');
+    const isSpace = (event) => event.key === ' ';
+    const isEnter = (event) => event.key === 'Enter';
+    const onKeyDown = (event) => {
+        if (!(isSpace(event) || isEnter(event)) || isDisabled()) {
+            return;
+        }
+        // Defer activation until after dispatch so keydown listeners can cancel
+        // via preventDefault().
+        afterDispatch(event, () => {
+            if (event.defaultPrevented) {
+                return;
+            }
+            if (isSpace(event)) {
+                // Space activates on keyup, record that it is currently pressed.
+                isSpacePressed = true;
+                // Space natively scrolls the page unless prevented synchronously on
+                // keydown.
+                event.preventDefault();
+            }
+            else if (isEnter(event)) {
+                // Enter activates on keydown.
+                element.click();
+            }
+        });
+    };
+    const onKeyUp = (event) => {
+        if (!isSpace(event) || isDisabled()) {
+            return;
+        }
+        // Space activates on keyup. Defer click until after dispatch so keyup
+        // listeners can cancel via preventDefault().
+        afterDispatch(event, () => {
+            const wasSpacePressed = isSpacePressed;
+            isSpacePressed = false;
+            if (!event.defaultPrevented && wasSpacePressed) {
+                element.click();
+            }
+        });
+    };
+    // Reset pressed state if focus leaves the element before keyup.
+    const onBlur = () => {
+        isSpacePressed = false;
+    };
+    const controller = new AbortController();
+    element.addEventListener('keydown', onKeyDown, { signal: controller.signal });
+    element.addEventListener('keyup', onKeyUp, { signal: controller.signal });
+    element.addEventListener('blur', onBlur, { signal: controller.signal });
+    return () => {
+        controller.abort();
+    };
+}
+//# sourceMappingURL=keyboard_click_handler.js.map

package/labs/aria/buttons/keyboard_click_handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard_click_handler.js","sourceRoot":"","sources":["keyboard_click_handler.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,aAAa,EACb,kBAAkB,GACnB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAC,UAAU,IAAI,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAcrE;;;;;;;GAOG;AACH,MAAM,UAAU,yBAAyB,CACvC,OAAoB,EACpB,OAAqC;IAErC,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;IAE7E,yDAAyD;IACzD,IAAI,cAAc,GAAG,KAAK,CAAC;IAE3B,4EAA4E;IAC5E,8CAA8C;IAC9C,kBAAkB,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAEhD,MAAM,OAAO,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;IAC5D,MAAM,OAAO,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC;IAEhE,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;QACzC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,UAAU,EAAE,EAAE,CAAC;YACxD,OAAO;QACT,CAAC;QAED,wEAAwE;QACxE,wBAAwB;QACxB,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE;YACxB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,OAAO;YACT,CAAC;YAED,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACnB,iEAAiE;gBACjE,cAAc,GAAG,IAAI,CAAC;gBACtB,oEAAoE;gBACpE,WAAW;gBACX,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;iBAAM,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC1B,8BAA8B;gBAC9B,OAAO,CAAC,KAAK,EAAE,CAAC;YAClB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,KAAoB,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,UAAU,EAAE,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,sEAAsE;QACtE,6CAA6C;QAC7C,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE;YACxB,MAAM,eAAe,GAAG,cAAc,CAAC;YACvC,cAAc,GAAG,KAAK,CAAC;YAEvB,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,eAAe,EAAE,CAAC;gBAC/C,OAAO,CAAC,KAAK,EAAE,CAAC;YAClB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,gEAAgE;IAChE,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,cAAc,GAAG,KAAK,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,EAAC,MAAM,EAAE,UAAU,CAAC,MAAM,EAAC,CAAC,CAAC;IAC5E,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAC,MAAM,EAAE,UAAU,CAAC,MAAM,EAAC,CAAC,CAAC;IACxE,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAC,MAAM,EAAE,UAAU,CAAC,MAAM,EAAC,CAAC,CAAC;IAEtE,OAAO,GAAG,EAAE;QACV,UAAU,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {\n  afterDispatch,\n  setupDispatchHooks,\n} from '../../../internal/events/dispatch-hooks.js';\nimport {isDisabled as defaultIsDisabled} from '../pseudo-classes.js';\n\n/**\n * Options for configuring keyboard click handling.\n */\nexport interface KeyboardClickHandlerOptions {\n  /**\n   * Optional function to determine if the element is disabled.\n   *\n   * Defaults to checking for disabled attributes or pseudo-classes.\n   */\n  isDisabled?: () => boolean;\n}\n\n/**\n * Sets up button-like keyboard click activation for an element (Enter on\n * keydown, Space on keyup).\n *\n * @param element The target HTMLElement.\n * @param options Additional setup options.\n * @return A cleanup function that removes all registered listeners.\n */\nexport function setupKeyboardClickHandler(\n  element: HTMLElement,\n  options?: KeyboardClickHandlerOptions,\n): () => void {\n  const isDisabled = options?.isDisabled ?? (() => defaultIsDisabled(element));\n\n  // Tracks whether Space was pressed down on this element.\n  let isSpacePressed = false;\n\n  // Intercepts event dispatch to allow `afterDispatch` callbacks to run after\n  // the event has completely finished bubbling.\n  setupDispatchHooks(element, 'keydown', 'keyup');\n\n  const isSpace = (event: KeyboardEvent) => event.key === ' ';\n  const isEnter = (event: KeyboardEvent) => event.key === 'Enter';\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (!(isSpace(event) || isEnter(event)) || isDisabled()) {\n      return;\n    }\n\n    // Defer activation until after dispatch so keydown listeners can cancel\n    // via preventDefault().\n    afterDispatch(event, () => {\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      if (isSpace(event)) {\n        // Space activates on keyup, record that it is currently pressed.\n        isSpacePressed = true;\n        // Space natively scrolls the page unless prevented synchronously on\n        // keydown.\n        event.preventDefault();\n      } else if (isEnter(event)) {\n        // Enter activates on keydown.\n        element.click();\n      }\n    });\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (!isSpace(event) || isDisabled()) {\n      return;\n    }\n\n    // Space activates on keyup. Defer click until after dispatch so keyup\n    // listeners can cancel via preventDefault().\n    afterDispatch(event, () => {\n      const wasSpacePressed = isSpacePressed;\n      isSpacePressed = false;\n\n      if (!event.defaultPrevented && wasSpacePressed) {\n        element.click();\n      }\n    });\n  };\n\n  // Reset pressed state if focus leaves the element before keyup.\n  const onBlur = () => {\n    isSpacePressed = false;\n  };\n\n  const controller = new AbortController();\n  element.addEventListener('keydown', onKeyDown, {signal: controller.signal});\n  element.addEventListener('keyup', onKeyUp, {signal: controller.signal});\n  element.addEventListener('blur', onBlur, {signal: controller.signal});\n\n  return () => {\n    controller.abort();\n  };\n}\n"]}

package/labs/aria/buttons/md-aria-toggle.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { CSSResultGroup } from 'lit';
+import { AriaToggleElement } from './toggle.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        /** An ARIA toggle button element. */
+        'md-aria-toggle': MdAriaToggleElement;
+    }
+}
+/**
+ * An ARIA toggle button element with default properties and styles.
+ */
+export declare class MdAriaToggleElement extends AriaToggleElement {
+    static styles: CSSResultGroup;
+    /**
+     * Whether the toggle button is selected.
+     */
+    get selected(): boolean;
+    set selected(value: boolean);
+    /**
+     * Whether the toggle button is disabled.
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+}

package/labs/aria/buttons/md-aria-toggle.js

@@ -0,0 +1,67 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { AriaToggleElement, isToggleDisabled, isTogglePressed } from './toggle.js';
+/**
+ * An ARIA toggle button element with default properties and styles.
+ */
+let MdAriaToggleElement = class MdAriaToggleElement extends AriaToggleElement {
+    /**
+     * Whether the toggle button is selected.
+     */
+    get selected() {
+        return this[isTogglePressed];
+    }
+    set selected(value) {
+        const oldValue = this.selected;
+        this[isTogglePressed] = value;
+        this.requestUpdate('selected', oldValue); // Remove when Lit 2 support is dropped.
+    }
+    /**
+     * Whether the toggle button is disabled.
+     */
+    get disabled() {
+        return this[isToggleDisabled];
+    }
+    set disabled(value) {
+        const oldValue = this.disabled;
+        this[isToggleDisabled] = value;
+        this.requestUpdate('disabled', oldValue); // Remove when Lit 2 support is dropped.
+    }
+};
+MdAriaToggleElement.styles = [
+    AriaToggleElement.styles,
+    css `
+      :host {
+        background-color: ButtonFace;
+        color: ButtonText;
+      }
+      :host(:state(selected)) {
+        background-color: SelectedItem;
+        color: SelectedItemText;
+      }
+      :host(:focus-visible) {
+        outline: 2px solid AccentColor;
+        outline-offset: 2px;
+      }
+      :host(:state(disabled)) {
+        opacity: 38%;
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MdAriaToggleElement.prototype, "selected", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MdAriaToggleElement.prototype, "disabled", null);
+MdAriaToggleElement = __decorate([
+    customElement('md-aria-toggle')
+], MdAriaToggleElement);
+export { MdAriaToggleElement };
+//# sourceMappingURL=md-aria-toggle.js.map

package/labs/aria/buttons/md-aria-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-aria-toggle.js","sourceRoot":"","sources":["md-aria-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAC,MAAM,aAAa,CAAC;AASjF;;GAEG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,iBAAiB;IAsBxD;;OAEG;IAEH,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC;IAC/B,CAAC;IACD,IAAI,QAAQ,CAAC,KAAc;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,wCAAwC;IACpF,CAAC;IAED;;OAEG;IAEH,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,QAAQ,CAAC,KAAc;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,wCAAwC;IACpF,CAAC;;AA7Ce,0BAAM,GAAmB;IACvC,iBAAiB,CAAC,MAAM;IACxB,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;CACF,AAnBqB,CAmBpB;AAMF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mDAGxC;AAWD;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mDAGxC;AAzCU,mBAAmB;IAD/B,aAAa,CAAC,gBAAgB,CAAC;GACnB,mBAAmB,CA+C/B","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {css, CSSResultGroup} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\nimport {AriaToggleElement, isToggleDisabled, isTogglePressed} from './toggle.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    /** An ARIA toggle button element. */\n    'md-aria-toggle': MdAriaToggleElement;\n  }\n}\n\n/**\n * An ARIA toggle button element with default properties and styles.\n */\n@customElement('md-aria-toggle')\nexport class MdAriaToggleElement extends AriaToggleElement {\n  static override styles: CSSResultGroup = [\n    AriaToggleElement.styles,\n    css`\n      :host {\n        background-color: ButtonFace;\n        color: ButtonText;\n      }\n      :host(:state(selected)) {\n        background-color: SelectedItem;\n        color: SelectedItemText;\n      }\n      :host(:focus-visible) {\n        outline: 2px solid AccentColor;\n        outline-offset: 2px;\n      }\n      :host(:state(disabled)) {\n        opacity: 38%;\n      }\n    `,\n  ];\n\n  /**\n   * Whether the toggle button is selected.\n   */\n  @property({type: Boolean, reflect: true})\n  get selected(): boolean {\n    return this[isTogglePressed];\n  }\n  set selected(value: boolean) {\n    const oldValue = this.selected;\n    this[isTogglePressed] = value;\n    this.requestUpdate('selected', oldValue); // Remove when Lit 2 support is dropped.\n  }\n\n  /**\n   * Whether the toggle button is disabled.\n   */\n  @property({type: Boolean, reflect: true})\n  get disabled(): boolean {\n    return this[isToggleDisabled];\n  }\n  set disabled(value: boolean) {\n    const oldValue = this.disabled;\n    this[isToggleDisabled] = value;\n    this.requestUpdate('disabled', oldValue); // Remove when Lit 2 support is dropped.\n  }\n}\n"]}

package/labs/aria/buttons/toggle.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { CSSResultGroup, LitElement } from 'lit';
+declare const baseClass: import("../../behaviors/mixin.js").MixinReturn<import("../../behaviors/mixin.js").MixinReturn<import("../../behaviors/mixin.js").MixinReturn<typeof LitElement, import("../../behaviors/element-internals.js").WithElementInternals>, import("../../behaviors/custom-state-set.js").WithCustomStateSet>, import("../../behaviors/focusable.js").Focusable>;
+/**
+ * A unique symbol used to check if the toggle button is disabled.
+ */
+export declare const isToggleDisabled: unique symbol;
+/**
+ * A unique symbol used to check if the toggle button is pressed.
+ */
+export declare const isTogglePressed: unique symbol;
+/**
+ * An ARIA toggle button element.
+ *
+ * @fires {InputEvent} input - Fired when the toggle button is pressed or unpressed. --bubbles --composed
+ * @fires {Event} change - Fired when the toggle button is pressed or unpressed. --bubbles
+ * @cssstate selected - Whether the toggle button is selected.
+ * @cssstate enabled - True when the toggle button is enabled.
+ * @cssstate disabled - True when the toggle button is disabled.
+ */
+export declare class AriaToggleElement extends baseClass {
+    static styles: CSSResultGroup;
+    /**
+     * Whether the toggle button is selected.
+     */
+    get [isTogglePressed](): boolean;
+    set [isTogglePressed](value: boolean);
+    /**
+     * Whether the toggle button is disabled.
+     */
+    get [isToggleDisabled](): boolean;
+    set [isToggleDisabled](value: boolean);
+    constructor();
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/labs/aria/buttons/toggle.js

@@ -0,0 +1,100 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { css, html, isServer, LitElement } from 'lit';
+import { afterDispatch, setupDispatchHooks, } from '../../../internal/events/dispatch-hooks.js';
+import { mixinCustomStateSet, toggleState, } from '../../behaviors/custom-state-set.js';
+import { internals, mixinElementInternals, } from '../../behaviors/element-internals.js';
+import { isFocusable, mixinFocusable } from '../../behaviors/focusable.js';
+import { setupKeyboardClickHandler } from './keyboard_click_handler.js';
+const baseClass = mixinFocusable(mixinCustomStateSet(mixinElementInternals(LitElement)));
+/**
+ * A unique symbol used to check if the toggle button is disabled.
+ */
+export const isToggleDisabled = Symbol('isToggleDisabled');
+/**
+ * A unique symbol used to check if the toggle button is pressed.
+ */
+export const isTogglePressed = Symbol('isTogglePressed');
+/**
+ * An ARIA toggle button element.
+ *
+ * @fires {InputEvent} input - Fired when the toggle button is pressed or unpressed. --bubbles --composed
+ * @fires {Event} change - Fired when the toggle button is pressed or unpressed. --bubbles
+ * @cssstate selected - Whether the toggle button is selected.
+ * @cssstate enabled - True when the toggle button is enabled.
+ * @cssstate disabled - True when the toggle button is disabled.
+ */
+export class AriaToggleElement extends baseClass {
+    /**
+     * Whether the toggle button is selected.
+     */
+    get [isTogglePressed]() {
+        return this[internals].ariaPressed === 'true';
+    }
+    set [isTogglePressed](value) {
+        value = Boolean(value); // coerce for safety
+        this[internals].ariaPressed = String(value);
+        this[toggleState]('selected', value);
+    }
+    /**
+     * Whether the toggle button is disabled.
+     */
+    get [isToggleDisabled]() {
+        return this[internals].ariaDisabled === 'true';
+    }
+    set [isToggleDisabled](value) {
+        value = Boolean(value); // coerce for safety
+        this[internals].ariaDisabled = String(value);
+        this[toggleState]('disabled', value);
+        this[toggleState]('enabled', !value);
+        this[isFocusable] = !value;
+    }
+    constructor() {
+        super();
+        if (isServer)
+            return;
+        this[internals].role = 'button';
+        this[isTogglePressed] = false;
+        this[isToggleDisabled] = false;
+        setupDispatchHooks(this, 'click');
+        setupKeyboardClickHandler(this);
+        this.addEventListener('click', (event) => {
+            if (this[isToggleDisabled]) {
+                event.stopImmediatePropagation();
+                event.preventDefault();
+                return;
+            }
+            // Toggle state updates synchronously during capture phase before
+            // bubbling to other listeners. This ensures `event.target` has the
+            // correct state.
+            const wasPressed = this[isTogglePressed];
+            this[isTogglePressed] = !wasPressed;
+            afterDispatch(event, () => {
+                if (event.defaultPrevented) {
+                    // Revert state if a listener cancels the click event after the
+                    // event has finished bubbling.
+                    this[isTogglePressed] = wasPressed;
+                    return;
+                }
+                this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
+                this.dispatchEvent(new Event('change', { bubbles: true }));
+            });
+        }, { capture: true });
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+AriaToggleElement.styles = css `
+    :host {
+      display: inline-flex;
+      user-select: none;
+    }
+    :host(:state(enabled)) {
+      cursor: pointer;
+    }
+  `;
+//# sourceMappingURL=toggle.js.map

package/labs/aria/buttons/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["toggle.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {css, CSSResultGroup, html, isServer, LitElement} from 'lit';\n\nimport {\n  afterDispatch,\n  setupDispatchHooks,\n} from '../../../internal/events/dispatch-hooks.js';\nimport {\n  mixinCustomStateSet,\n  toggleState,\n} from '../../behaviors/custom-state-set.js';\nimport {\n  internals,\n  mixinElementInternals,\n} from '../../behaviors/element-internals.js';\nimport {isFocusable, mixinFocusable} from '../../behaviors/focusable.js';\nimport {setupKeyboardClickHandler} from './keyboard_click_handler.js';\n\nconst baseClass = mixinFocusable(\n  mixinCustomStateSet(mixinElementInternals(LitElement)),\n);\n\n/**\n * A unique symbol used to check if the toggle button is disabled.\n */\nexport const isToggleDisabled = Symbol('isToggleDisabled');\n\n/**\n * A unique symbol used to check if the toggle button is pressed.\n */\nexport const isTogglePressed = Symbol('isTogglePressed');\n\n/**\n * An ARIA toggle button element.\n *\n * @fires {InputEvent} input - Fired when the toggle button is pressed or unpressed. --bubbles --composed\n * @fires {Event} change - Fired when the toggle button is pressed or unpressed. --bubbles\n * @cssstate selected - Whether the toggle button is selected.\n * @cssstate enabled - True when the toggle button is enabled.\n * @cssstate disabled - True when the toggle button is disabled.\n */\nexport class AriaToggleElement extends baseClass {\n  static override styles: CSSResultGroup = css`\n    :host {\n      display: inline-flex;\n      user-select: none;\n    }\n    :host(:state(enabled)) {\n      cursor: pointer;\n    }\n  `;\n\n  /**\n   * Whether the toggle button is selected.\n   */\n  get [isTogglePressed](): boolean {\n    return this[internals].ariaPressed === 'true';\n  }\n  set [isTogglePressed](value: boolean) {\n    value = Boolean(value); // coerce for safety\n    this[internals].ariaPressed = String(value);\n    this[toggleState]('selected', value);\n  }\n\n  /**\n   * Whether the toggle button is disabled.\n   */\n  get [isToggleDisabled](): boolean {\n    return this[internals].ariaDisabled === 'true';\n  }\n  set [isToggleDisabled](value: boolean) {\n    value = Boolean(value); // coerce for safety\n    this[internals].ariaDisabled = String(value);\n    this[toggleState]('disabled', value);\n    this[toggleState]('enabled', !value);\n    this[isFocusable] = !value;\n  }\n\n  constructor() {\n    super();\n    if (isServer) return;\n\n    this[internals].role = 'button';\n    this[isTogglePressed] = false;\n    this[isToggleDisabled] = false;\n\n    setupDispatchHooks(this, 'click');\n    setupKeyboardClickHandler(this);\n\n    this.addEventListener(\n      'click',\n      (event: MouseEvent) => {\n        if (this[isToggleDisabled]) {\n          event.stopImmediatePropagation();\n          event.preventDefault();\n          return;\n        }\n\n        // Toggle state updates synchronously during capture phase before\n        // bubbling to other listeners. This ensures `event.target` has the\n        // correct state.\n        const wasPressed = this[isTogglePressed];\n        this[isTogglePressed] = !wasPressed;\n        afterDispatch(event, () => {\n          if (event.defaultPrevented) {\n            // Revert state if a listener cancels the click event after the\n            // event has finished bubbling.\n            this[isTogglePressed] = wasPressed;\n            return;\n          }\n\n          this.dispatchEvent(\n            new InputEvent('input', {bubbles: true, composed: true}),\n          );\n          this.dispatchEvent(new Event('change', {bubbles: true}));\n        });\n      },\n      {capture: true},\n    );\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n"]}

package/labs/aria/menu/fieldset.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { CSSResultOrNative, LitElement } from 'lit';
+import { resetMenuitemCheckedness } from './internal.js';
+import type { AriaMenuitemElement } from './menuitem.js';
+declare const baseClass: import("../../behaviors/mixin.js").MixinReturn<typeof LitElement, import("../../behaviors/element-internals.js").WithElementInternals>;
+/** Possible values for `AriaFieldsetElement`'s `checkable` property. */
+export type CheckableState = 'single' | 'multiple' | null;
+/**
+ * An element implementing the proposed menu behavior of `<fieldset>`.
+ */
+export declare class AriaFieldsetElement extends baseClass {
+    static styles: CSSResultOrNative[];
+    private internalDisabled;
+    private internalCheckable;
+    private get items();
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get checkable(): CheckableState;
+    set checkable(value: CheckableState);
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Unchecks every menuitem in this fieldset apart from the given one.
+     *
+     * `<md-aria-menuitem>` calls this on its cached ancestor fieldset when it
+     * becomes checked in a single-checkable fieldset.
+     *
+     * @param checkedItem The item to leave as-is, or null to uncheck every item.
+     */
+    [resetMenuitemCheckedness](checkedItem: AriaMenuitemElement | null): void;
+}
+export {};

package/labs/aria/menu/fieldset.js

@@ -0,0 +1,103 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { internals, mixinElementInternals, } from '../../behaviors/element-internals.js';
+import { resetMenuitemCheckedness, setCheckedness, updateUsedValues, } from './internal.js';
+import { sharedSlottedContentStyles } from './shared-slotted-content.js';
+const baseClass = mixinElementInternals(LitElement);
+/**
+ * An element implementing the proposed menu behavior of `<fieldset>`.
+ */
+export class AriaFieldsetElement extends baseClass {
+    get items() {
+        // This naively queries for these elements because this element doesn't need
+        // to support nested fieldsets yet.
+        return this.querySelectorAll('md-aria-menuitem');
+    }
+    get disabled() {
+        return this.internalDisabled;
+    }
+    set disabled(value) {
+        this.internalDisabled = value;
+        for (const item of this.items) {
+            // If this component is upgraded with `disabled` set in HTML,
+            // `<md-aria-menuitem>` children will not be upgraded at this point.
+            // These children will update themselves during `connectedCallback`.
+            item[updateUsedValues]?.();
+        }
+    }
+    get checkable() {
+        return this.internalCheckable;
+    }
+    set checkable(value) {
+        if (typeof value === 'string') {
+            const canonicalizedValue = value.toLowerCase();
+            if (canonicalizedValue === 'single' ||
+                canonicalizedValue === 'multiple') {
+                value = canonicalizedValue;
+            }
+            else {
+                value = 'multiple';
+            }
+        }
+        this.internalCheckable = value;
+        if (value === 'single') {
+            this[resetMenuitemCheckedness](null);
+        }
+        for (const item of this.items) {
+            // If this component is upgraded with `checkable` set in HTML,
+            // `<md-aria-menuitem>` children will not be upgraded at this point.
+            // These children will update themselves during `connectedCallback`.
+            item[updateUsedValues]?.();
+        }
+    }
+    constructor() {
+        super();
+        this.internalDisabled = false;
+        this.internalCheckable = null;
+        this[internals].role = 'group';
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+    /**
+     * Unchecks every menuitem in this fieldset apart from the given one.
+     *
+     * `<md-aria-menuitem>` calls this on its cached ancestor fieldset when it
+     * becomes checked in a single-checkable fieldset.
+     *
+     * @param checkedItem The item to leave as-is, or null to uncheck every item.
+     */
+    [resetMenuitemCheckedness](checkedItem) {
+        for (const item of this.items) {
+            if (item !== checkedItem) {
+                item[setCheckedness]?.(false);
+            }
+        }
+    }
+}
+AriaFieldsetElement.styles = [
+    sharedSlottedContentStyles,
+    css `
+      :host {
+        display: block;
+        margin-inline: 2px;
+        border: groove 2px ThreeDFace;
+        padding-block: 0.35em 0.625em;
+        padding-inline: 0.75em;
+        min-inline-size: min-content;
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AriaFieldsetElement.prototype, "disabled", null);
+__decorate([
+    property({ type: String, reflect: true })
+], AriaFieldsetElement.prototype, "checkable", null);
+//# sourceMappingURL=fieldset.js.map

package/labs/aria/menu/fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.js","sourceRoot":"","sources":["fieldset.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {CSSResultOrNative, LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {\n  internals,\n  mixinElementInternals,\n} from '../../behaviors/element-internals.js';\nimport {\n  resetMenuitemCheckedness,\n  setCheckedness,\n  updateUsedValues,\n} from './internal.js';\nimport type {AriaMenuitemElement} from './menuitem.js';\nimport {sharedSlottedContentStyles} from './shared-slotted-content.js';\n\nconst baseClass = mixinElementInternals(LitElement);\n\n/** Possible values for `AriaFieldsetElement`'s `checkable` property. */\n// tslint:disable-next-line:no-undefined-type-alias Defined by proposed spec\nexport type CheckableState = 'single' | 'multiple' | null;\n\n/**\n * An element implementing the proposed menu behavior of `<fieldset>`.\n */\nexport class AriaFieldsetElement extends baseClass {\n  static override styles: CSSResultOrNative[] = [\n    sharedSlottedContentStyles,\n    css`\n      :host {\n        display: block;\n        margin-inline: 2px;\n        border: groove 2px ThreeDFace;\n        padding-block: 0.35em 0.625em;\n        padding-inline: 0.75em;\n        min-inline-size: min-content;\n      }\n    `,\n  ];\n\n  private internalDisabled = false;\n  private internalCheckable: CheckableState = null;\n\n  private get items(): Iterable<AriaMenuitemElement> {\n    // This naively queries for these elements because this element doesn't need\n    // to support nested fieldsets yet.\n    return this.querySelectorAll('md-aria-menuitem');\n  }\n\n  @property({type: Boolean, reflect: true})\n  get disabled(): boolean {\n    return this.internalDisabled;\n  }\n  set disabled(value: boolean) {\n    this.internalDisabled = value;\n    for (const item of this.items) {\n      // If this component is upgraded with `disabled` set in HTML,\n      // `<md-aria-menuitem>` children will not be upgraded at this point.\n      // These children will update themselves during `connectedCallback`.\n      item[updateUsedValues]?.();\n    }\n  }\n\n  @property({type: String, reflect: true})\n  get checkable(): CheckableState {\n    return this.internalCheckable;\n  }\n  set checkable(value: CheckableState) {\n    if (typeof value === 'string') {\n      const canonicalizedValue = value.toLowerCase();\n      if (\n        canonicalizedValue === 'single' ||\n        canonicalizedValue === 'multiple'\n      ) {\n        value = canonicalizedValue;\n      } else {\n        value = 'multiple';\n      }\n    }\n\n    this.internalCheckable = value;\n\n    if (value === 'single') {\n      this[resetMenuitemCheckedness](null);\n    }\n\n    for (const item of this.items) {\n      // If this component is upgraded with `checkable` set in HTML,\n      // `<md-aria-menuitem>` children will not be upgraded at this point.\n      // These children will update themselves during `connectedCallback`.\n      item[updateUsedValues]?.();\n    }\n  }\n\n  constructor() {\n    super();\n    this[internals].role = 'group';\n  }\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * Unchecks every menuitem in this fieldset apart from the given one.\n   *\n   * `<md-aria-menuitem>` calls this on its cached ancestor fieldset when it\n   * becomes checked in a single-checkable fieldset.\n   *\n   * @param checkedItem The item to leave as-is, or null to uncheck every item.\n   */\n  [resetMenuitemCheckedness](checkedItem: AriaMenuitemElement | null) {\n    for (const item of this.items) {\n      if (item !== checkedItem) {\n        item[setCheckedness]?.(false);\n      }\n    }\n  }\n}\n"]}

package/labs/aria/menu/internal.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * @fileoverview Unique symbols for members that the menu elements share with
+ * each other but that are not part of any of their public APIs.
+ */
+/** Defined by `AriaMenuitemElement`. */
+export declare const updateUsedValues: unique symbol;
+/** Defined by `AriaMenuitemElement`. */
+export declare const setCheckedness: unique symbol;
+/** Defined by `AriaFieldsetElement`. */
+export declare const resetMenuitemCheckedness: unique symbol;

package/labs/aria/menu/internal.js

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * @fileoverview Unique symbols for members that the menu elements share with
+ * each other but that are not part of any of their public APIs.
+ */
+/** Defined by `AriaMenuitemElement`. */
+export const updateUsedValues = Symbol('updateUsedValues');
+/** Defined by `AriaMenuitemElement`. */
+export const setCheckedness = Symbol('setCheckedness');
+/** Defined by `AriaFieldsetElement`. */
+export const resetMenuitemCheckedness = Symbol('resetMenuitemCheckedness');
+//# sourceMappingURL=internal.js.map

package/labs/aria/menu/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["internal.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AAEH,wCAAwC;AACxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAE3D,wCAAwC;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAEvD,wCAAwC;AACxC,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * @fileoverview Unique symbols for members that the menu elements share with\n * each other but that are not part of any of their public APIs.\n */\n\n/** Defined by `AriaMenuitemElement`. */\nexport const updateUsedValues = Symbol('updateUsedValues');\n\n/** Defined by `AriaMenuitemElement`. */\nexport const setCheckedness = Symbol('setCheckedness');\n\n/** Defined by `AriaFieldsetElement`. */\nexport const resetMenuitemCheckedness = Symbol('resetMenuitemCheckedness');\n"]}

package/labs/aria/menu/md-aria-fieldset.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { AriaFieldsetElement } from './fieldset.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-aria-fieldset': AriaFieldsetElement;
+    }
+}

package/labs/aria/menu/md-aria-fieldset.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { AriaFieldsetElement } from './fieldset.js';
+customElements.define('md-aria-fieldset', AriaFieldsetElement);
+//# sourceMappingURL=md-aria-fieldset.js.map

package/labs/aria/menu/md-aria-fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-aria-fieldset.js","sourceRoot":"","sources":["md-aria-fieldset.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAQlD,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {AriaFieldsetElement} from './fieldset.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-aria-fieldset': AriaFieldsetElement;\n  }\n}\n\ncustomElements.define('md-aria-fieldset', AriaFieldsetElement);\n"]}

package/labs/aria/menu/md-aria-menubar.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { AriaMenubarElement } from './menubar.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-aria-menubar': AriaMenubarElement;
+    }
+}

package/labs/aria/menu/md-aria-menubar.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { AriaMenubarElement } from './menubar.js';
+customElements.define('md-aria-menubar', AriaMenubarElement);
+//# sourceMappingURL=md-aria-menubar.js.map

package/labs/aria/menu/md-aria-menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-aria-menubar.js","sourceRoot":"","sources":["md-aria-menubar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAQhD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {AriaMenubarElement} from './menubar.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-aria-menubar': AriaMenubarElement;\n  }\n}\n\ncustomElements.define('md-aria-menubar', AriaMenubarElement);\n"]}

package/labs/aria/menu/menubar.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { CSSResultOrNative, LitElement, PropertyValues } from 'lit';
+declare const baseClass: import("../../behaviors/mixin.js").MixinReturn<typeof LitElement, import("../../behaviors/element-internals.js").WithElementInternals>;
+/** An element implementing the proposed `<menubar>` built-in element. */
+export declare class AriaMenubarElement extends baseClass {
+    static styles: CSSResultOrNative[];
+    constructor();
+    protected updated(changedProperties: PropertyValues<this>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};