@material/web 1.0.0-pre.1 → 1.0.0-pre.3

package/tokens/{v0_150 → v0_160}/_md-sys-typescale.scss

@@ -1,12 +1,12 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //
 // !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
 // !!! DO NOT MODIFY IT BY HAND !!!
 // Design system display name: Google Material 3
-// Design system version: v0.150
+// Design system version: v0.160
 // User-configured context group "Audience": "3P"
 //
 
@@ -208,7 +208,6 @@ $_default: (
     'label-medium-font': map.get($deps, 'md-ref-typeface', 'plain'),
     'label-medium-line-height': if($exclude-hardcoded-values, null, 1rem),
     'label-medium-size': if($exclude-hardcoded-values, null, 0.75rem),
-    'label-medium-text-transform': if($exclude-hardcoded-values, null, none),
     'label-medium-tracking': if($exclude-hardcoded-values, null, 0.031rem),
     'label-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
     'label-medium-weight-prominent':

package/tokens/v0_160/index.test.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/tokens/{v0_150 → v0_160}/index.test.scss

@@ -1,5 +1,5 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //

package/tokens/v0_160/lib.test.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/tokens/{v0_150 → v0_160}/lib.test.scss

@@ -1,5 +1,5 @@
 //
-// Copyright 2022 Google LLC
+// Copyright 2023 Google LLC
 // SPDX-License-Identifier: Apache-2.0
 //
 //

package/list/lib/_tokens.scss

@@ -1,80 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use 'sass:string';
-
-// TODO(b/238627779): Replace with Sass tokens when list tokens are final.
-@function md-comp-list-values() {
-  @return (
-    list-item-one-line-container-height: 56px,
-    list-item-two-line-container-height: 72px,
-    list-item-three-line-container-height: 88px,
-    list-item-container-color: #fff,
-    list-item-label-text-font: string.unquote('Roboto, sans-serif'),
-    list-item-label-text-size: 16px,
-    list-item-label-text-tracking: 0.03125rem,
-    list-item-label-text-weight: 400,
-    list-item-label-text-color: #1f1f1f,
-    list-item-supporting-text-font: string.unquote('Roboto, sans-serif'),
-    list-item-supporting-text-size: 14px,
-    list-item-supporting-text-tracking: 0.015625rem,
-    list-item-supporting-text-weight: 300,
-    list-item-supporting-text-color: #444746,
-    list-item-trailing-supporting-text-font:
-      string.unquote('Roboto, sans-serif'),
-    list-item-trailing-supporting-text-size: 12px,
-    list-item-trailing-supporting-text-tracking: 0.015625rem,
-    list-item-trailing-supporting-text-weight: 300,
-    list-item-trailing-supporting-text-color: #646766,
-    list-item-leading-icon-color: #444746,
-    list-item-container-shape: null,
-    list-item-label-text-line-height: null,
-    list-item-supporting-text-line-height: 20px,
-    list-item-overline-color: null,
-    list-item-overline-font: null,
-    list-item-overline-line-height: null,
-    list-item-overline-size: null,
-    list-item-overline-tracking: null,
-    list-item-overline-weight: null,
-    list-item-leading-icon-size: 24px,
-    list-item-leading-video-shape: 0px,
-    list-item-leading-video-width: 114px,
-    list-item-leading-video-height: 64px,
-    list-item-leading-avatar-color: null,
-    list-item-leading-avatar-shape: 9999px,
-    list-item-leading-avatar-size: 40px,
-    list-item-leading-avatar-label-color: null,
-    list-item-leading-avatar-label-font: null,
-    list-item-leading-avatar-label-line-height: null,
-    list-item-leading-avatar-label-size: null,
-    list-item-leading-avatar-label-tracking: null,
-    list-item-leading-avatar-label-weight: null,
-    list-item-leading-image-width: 56px,
-    list-item-leading-image-height: 56px,
-    list-item-leading-image-shape: 0,
-    list-item-trailing-supporting-text-line-height: null,
-    list-item-trailing-icon-color: #444746,
-    list-item-trailing-icon-size: 24px,
-    list-item-selected-trailing-icon-color: null,
-    list-item-unselected-trailing-icon-color: null,
-    list-item-disabled-label-text-color: #1c1b1f,
-    list-item-disabled-label-text-opacity: 0.38,
-    list-item-disabled-supporting-text-color: #1c1b1f,
-    list-item-disabled-supporting-text-opacity: 0.38,
-    list-item-disabled-state-layer-color: null,
-    list-item-disabled-state-layer-opacity: null,
-    list-item-disabled-leading-icon-color: #1c1b1f,
-    list-item-disabled-leading-icon-opacity: 0.38,
-    list-item-disabled-trailing-icon-color: #1c1b1f,
-    list-item-disabled-trailing-icon-opacity: 0.38,
-    list-item-hover-state-layer-color: null,
-    list-item-hover-state-layer-opacity: null,
-    list-item-hover-label-text-color: null,
-    list-item-hover-leading-icon-color: #444746,
-    list-item-hover-trailing-icon-color: #444746,
-    list-divider-color: #c4c7c5,
-    list-divider-height: 1px
-  );
-}

package/list/lib/divider/_list-divider.scss

@@ -1,46 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
-@use '../../../sass/map-ext';
-@use '../../../sass/theme';
-@use '../tokens';
-
-$_custom-property-prefix: 'list-divider';
-
-@mixin theme($tokens) {
-  $reference: map-ext.pick(
-    tokens.md-comp-list-values(),
-    (list-divider-color, list-divider-height)
-  );
-  $tokens: theme.validate-theme($reference, $tokens);
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  @include theme.emit-theme-vars($tokens);
-}
-
-@mixin styles() {
-  $tokens: map-ext.pick(
-    tokens.md-comp-list-values(),
-    (list-divider-color, list-divider-height)
-  );
-
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-  }
-
-  .md3-list__divider {
-    background-clip: content-box;
-    background-color: var(--_list-divider-color);
-    height: var(--_list-divider-height);
-    padding: 0;
-  }
-}

package/list/lib/divider/list-divider-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `:host{--_list-divider-color: var(--md-list-divider-list-divider-color, #c4c7c5);--_list-divider-height: var(--md-list-divider-list-divider-height, 1px)}.md3-list__divider{background-clip:content-box;background-color:var(--_list-divider-color);height:var(--_list-divider-height);padding:0}/*# sourceMappingURL=list-divider-styles.css.map */
-`;
-//# sourceMappingURL=list-divider-styles.css.js.map

package/list/lib/divider/list-divider-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-divider-styles.css.js","sourceRoot":"","sources":["list-divider-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{--_list-divider-color: var(--md-list-divider-list-divider-color, #c4c7c5);--_list-divider-height: var(--md-list-divider-list-divider-height, 1px)}.md3-list__divider{background-clip:content-box;background-color:var(--_list-divider-color);height:var(--_list-divider-height);padding:0}/*# sourceMappingURL=list-divider-styles.css.map */\n`;\n "]}

package/list/lib/divider/list-divider-styles.scss

@@ -1,8 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use './list-divider';
-
-@include list-divider.styles;

package/list/lib/divider/list-divider.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement, TemplateResult } from 'lit';
-import { ARIARole } from '../../../types/aria.js';
-/** @soyCompatible */
-export declare class ListDivider extends LitElement {
-    role: ARIARole;
-    /** @soyTemplate */
-    render(): TemplateResult;
-}

package/list/lib/divider/list-divider.js

@@ -1,32 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ariaProperty } from '../../../decorators/aria-property.js';
-/** @soyCompatible */
-export class ListDivider extends LitElement {
-    constructor() {
-        super(...arguments);
-        // @ts-ignore(b/264292293): Use `override` with TS 4.9+
-        this.role = 'separator';
-    }
-    /** @soyTemplate */
-    render() {
-        return html `
-       <li role="separator" class="md3-list__divider">
-       </li>
-     `;
-    }
-}
-__decorate([
-    ariaProperty // tslint:disable-line:no-new-decorators
-    // tslint:disable-next-line:decorator-placement
-    ,
-    property({ type: String, attribute: 'data-role', noAccessor: true }),
-    __metadata("design:type", String)
-], ListDivider.prototype, "role", void 0);
-//# sourceMappingURL=list-divider.js.map

package/list/lib/divider/list-divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-divider.js","sourceRoot":"","sources":["list-divider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,YAAY,EAAC,MAAM,sCAAsC,CAAC;AAGlE,qBAAqB;AACrB,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAKE,AADA,uDAAuD;QACvD,SAAI,GAAa,WAAW,CAAC;IAS/B,CAAC;IAPC,mBAAmB;IACV,MAAM;QACb,OAAO,IAAI,CAAA;;;MAGT,CAAC;IACL,CAAC;CACF;AATC;IAJC,YAAY,CAAE,wCAAwC;IACvD,+CAA+C;;IAC9C,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;;yCAEtC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {ariaProperty} from '../../../decorators/aria-property.js';\nimport {ARIARole} from '../../../types/aria.js';\n\n/** @soyCompatible */\nexport class ListDivider extends LitElement {\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  // tslint:disable-next-line:decorator-placement\n  @property({type: String, attribute: 'data-role', noAccessor: true})\n  // @ts-ignore(b/264292293): Use `override` with TS 4.9+\n  role: ARIARole = 'separator';\n\n  /** @soyTemplate */\n  override render(): TemplateResult {\n    return html`\n       <li role=\"separator\" class=\"md3-list__divider\">\n       </li>\n     `;\n  }\n}\n"]}

package/list/list-divider.d.ts

@@ -1,19 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ListDivider } from './lib/divider/list-divider.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-list-divider': MdListDivider;
-    }
-}
-/**
- * @soyCompatible
- * @final
- * @suppress {visibility}
- */
-export declare class MdListDivider extends ListDivider {
-    static styles: import("lit").CSSResult[];
-}

package/list/list-divider.js

@@ -1,22 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { ListDivider } from './lib/divider/list-divider.js';
-import { styles } from './lib/divider/list-divider-styles.css.js';
-/**
- * @soyCompatible
- * @final
- * @suppress {visibility}
- */
-let MdListDivider = class MdListDivider extends ListDivider {
-};
-MdListDivider.styles = [styles];
-MdListDivider = __decorate([
-    customElement('md-list-divider')
-], MdListDivider);
-export { MdListDivider };
-//# sourceMappingURL=list-divider.js.map

package/list/list-divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-divider.js","sourceRoot":"","sources":["list-divider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,WAAW,EAAC,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,0CAA0C,CAAC;AAQhE;;;;GAIG;AAEH,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,WAAW;CAE7C,CAAA;AADiB,oBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAEzB;SAFY,aAAa","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {ListDivider} from './lib/divider/list-divider.js';\nimport {styles} from './lib/divider/list-divider-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-divider': MdListDivider;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-divider')\nexport class MdListDivider extends ListDivider {\n  static override styles = [styles];\n}\n"]}

package/menu/lib/_menu-button.scss

@@ -1,14 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
-@mixin styles() {
-  .md3-menu-button {
-    overflow: visible;
-    position: relative;
-  }
-}

package/menu/lib/adapter.d.ts

@@ -1,66 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuItemEventDetail } from './types.js';
-/**
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
- */
-export interface MDCMenuAdapter {
-    /**
-     * Adds a class to the element at the index provided.
-     */
-    addClassToElementAtIndex(index: number, className: string): void;
-    /**
-     * Removes a class from the element at the index provided
-     */
-    removeClassFromElementAtIndex(index: number, className: string): void;
-    /**
-     * Adds an attribute, with value, to the element at the index provided.
-     */
-    addAttributeToElementAtIndex(index: number, attr: string, value: string): void;
-    /**
-     * Removes an attribute from an element at the index provided.
-     */
-    removeAttributeFromElementAtIndex(index: number, attr: string): void;
-    /**
-     * @return the attribute string if present on an element at the index
-     * provided, null otherwise.
-     */
-    getAttributeFromElementAtIndex(index: number, attr: string): string | null;
-    /**
-     * @return true if the element contains the className.
-     */
-    elementContainsClass(element: Element, className: string): boolean;
-    /**
-     * Closes the menu-surface.
-     * @param skipRestoreFocus Whether to skip restoring focus to the previously
-     *    focused element after the surface has been closed.
-     */
-    closeSurface(skipRestoreFocus?: boolean): void;
-    /**
-     * @return Index of the element in the list or -1 if it is not in the list.
-     */
-    getElementIndex(element: Element): number;
-    /**
-     * Emit an event when a menu item is selected.
-     */
-    notifySelected(evtData: MDCMenuItemEventDetail): void;
-    /** @return Returns the menu item count. */
-    getMenuItemCount(): number;
-    /**
-     * @return Returns selected list item index within the same selection group which is
-     * a sibling of item at given `index`.
-     * @param index Index of the menu item with possible selected sibling.
-     */
-    getSelectedSiblingOfItemAtIndex(index: number): number;
-    /**
-     * @return Returns true if item at specified index is contained within an `.mdc-menu__selection-group` element.
-     * @param index Index of the selectable menu item.
-     */
-    isSelectableItemAtIndex(index: number): boolean;
-}

package/menu/lib/adapter.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-export {};
-//# sourceMappingURL=adapter.js.map

package/menu/lib/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","sourceRoot":"","sources":["adapter.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCMenuItemEventDetail} from './types.js';\n\n/**\n * Implement this adapter for your framework of choice to delegate updates to\n * the component in your framework of choice. See architecture documentation\n * for more details.\n * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md\n */\nexport interface MDCMenuAdapter {\n  /**\n   * Adds a class to the element at the index provided.\n   */\n  addClassToElementAtIndex(index: number, className: string): void;\n\n  /**\n   * Removes a class from the element at the index provided\n   */\n  removeClassFromElementAtIndex(index: number, className: string): void;\n\n  /**\n   * Adds an attribute, with value, to the element at the index provided.\n   */\n  addAttributeToElementAtIndex(index: number, attr: string, value: string): void;\n\n  /**\n   * Removes an attribute from an element at the index provided.\n   */\n  removeAttributeFromElementAtIndex(index: number, attr: string): void;\n\n  /**\n   * @return the attribute string if present on an element at the index\n   * provided, null otherwise.\n   */\n  getAttributeFromElementAtIndex(index: number, attr: string): string|null;\n\n  /**\n   * @return true if the element contains the className.\n   */\n  elementContainsClass(element: Element, className: string): boolean;\n\n  /**\n   * Closes the menu-surface.\n   * @param skipRestoreFocus Whether to skip restoring focus to the previously\n   *    focused element after the surface has been closed.\n   */\n  closeSurface(skipRestoreFocus?: boolean): void;\n\n  /**\n   * @return Index of the element in the list or -1 if it is not in the list.\n   */\n  getElementIndex(element: Element): number;\n\n  /**\n   * Emit an event when a menu item is selected.\n   */\n  notifySelected(evtData: MDCMenuItemEventDetail): void;\n\n  /** @return Returns the menu item count. */\n  getMenuItemCount(): number;\n\n  /**\n   * @return Returns selected list item index within the same selection group which is\n   * a sibling of item at given `index`.\n   * @param index Index of the menu item with possible selected sibling.\n   */\n  getSelectedSiblingOfItemAtIndex(index: number): number;\n\n  /**\n   * @return Returns true if item at specified index is contained within an `.mdc-menu__selection-group` element.\n   * @param index Index of the selectable menu item.\n   */\n  isSelectableItemAtIndex(index: number): boolean;\n}\n"]}

package/menu/lib/constants.d.ts

@@ -1,22 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-declare const cssClasses: {
-    MENU_SELECTED_LIST_ITEM: string;
-    MENU_SELECTION_GROUP: string;
-    ROOT: string;
-};
-declare const strings: {
-    ARIA_CHECKED_ATTR: string;
-    ARIA_DISABLED_ATTR: string;
-    CHECKBOX_SELECTOR: string;
-    LIST_SELECTOR: string;
-    SELECTED_EVENT: string;
-    SKIP_RESTORE_FOCUS: string;
-};
-declare const numbers: {
-    FOCUS_ROOT_INDEX: number;
-};
-export { cssClasses, strings, numbers };

package/menu/lib/constants.js

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const cssClasses = {
-    MENU_SELECTED_LIST_ITEM: 'md3-menu-item--selected',
-    MENU_SELECTION_GROUP: 'md3-menu__selection-group',
-    ROOT: 'md3-menu',
-};
-const strings = {
-    ARIA_CHECKED_ATTR: 'aria-checked',
-    ARIA_DISABLED_ATTR: 'aria-disabled',
-    CHECKBOX_SELECTOR: 'input[type="checkbox"]',
-    LIST_SELECTOR: '.md3-list,.md3-deprecated-list',
-    SELECTED_EVENT: 'MDCMenu:selected',
-    SKIP_RESTORE_FOCUS: 'data-menu-item-skip-restore-focus',
-};
-const numbers = {
-    FOCUS_ROOT_INDEX: -1,
-};
-export { cssClasses, strings, numbers };
-//# sourceMappingURL=constants.js.map

package/menu/lib/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,UAAU,GAAG;IACjB,uBAAuB,EAAE,yBAAyB;IAClD,oBAAoB,EAAE,2BAA2B;IACjD,IAAI,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,iBAAiB,EAAE,cAAc;IACjC,kBAAkB,EAAE,eAAe;IACnC,iBAAiB,EAAE,wBAAwB;IAC3C,aAAa,EAAE,gCAAgC;IAC/C,cAAc,EAAE,kBAAkB;IAClC,kBAAkB,EAAE,mCAAmC;CACxD,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,gBAAgB,EAAE,CAAC,CAAC;CACrB,CAAC;AAEF,OAAO,EAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nconst cssClasses = {\n  MENU_SELECTED_LIST_ITEM: 'md3-menu-item--selected',\n  MENU_SELECTION_GROUP: 'md3-menu__selection-group',\n  ROOT: 'md3-menu',\n};\n\nconst strings = {\n  ARIA_CHECKED_ATTR: 'aria-checked',\n  ARIA_DISABLED_ATTR: 'aria-disabled',\n  CHECKBOX_SELECTOR: 'input[type=\"checkbox\"]',\n  LIST_SELECTOR: '.md3-list,.md3-deprecated-list',\n  SELECTED_EVENT: 'MDCMenu:selected',\n  SKIP_RESTORE_FOCUS: 'data-menu-item-skip-restore-focus',\n};\n\nconst numbers = {\n  FOCUS_ROOT_INDEX: -1,\n};\n\nexport {cssClasses, strings, numbers};\n"]}

package/menu/lib/foundation.d.ts

@@ -1,49 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuAdapter } from './adapter.js';
-export declare class MDCMenuFoundation {
-    static get cssClasses(): {
-        MENU_SELECTED_LIST_ITEM: string;
-        MENU_SELECTION_GROUP: string;
-        ROOT: string;
-    };
-    static get strings(): {
-        ARIA_CHECKED_ATTR: string;
-        ARIA_DISABLED_ATTR: string;
-        CHECKBOX_SELECTOR: string;
-        LIST_SELECTOR: string;
-        SELECTED_EVENT: string;
-        SKIP_RESTORE_FOCUS: string;
-    };
-    static get numbers(): {
-        FOCUS_ROOT_INDEX: number;
-    };
-    private readonly adapter;
-    private closeAnimationEndTimerId;
-    private selectedIndex;
-    /**
-     * @see {@link MDCMenuAdapter} for typing information on parameters and return types.
-     */
-    static get defaultAdapter(): MDCMenuAdapter;
-    constructor(adapter: Partial<MDCMenuAdapter>);
-    destroy(): void;
-    handleKeydown(evt: KeyboardEvent): void;
-    handleItemAction(listItem: Element): void;
-    /** @return Index of the currently selected list item within the menu. */
-    getSelectedIndex(): number;
-    /**
-     * Selects the list item at `index` within the menu.
-     * @param index Index of list item within the menu.
-     */
-    setSelectedIndex(index: number): void;
-    /**
-     * Sets the enabled state to isEnabled for the menu item at the given index.
-     * @param index Index of the menu item
-     * @param isEnabled The desired enabled state of the menu item.
-     */
-    setEnabled(index: number, isEnabled: boolean): void;
-    private validatedIndex;
-}

package/menu/lib/foundation.js

@@ -1,123 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuSurfaceFoundation } from '../../menusurface/lib/foundation.js';
-import { cssClasses, numbers, strings } from './constants.js';
-const LIST_ITEM_DISABLED_CLASS = 'md3-list-item--disabled';
-export class MDCMenuFoundation {
-    constructor(adapter) {
-        this.closeAnimationEndTimerId = 0;
-        this.selectedIndex = -1;
-        this.adapter = { ...MDCMenuFoundation.defaultAdapter, ...adapter };
-    }
-    static get cssClasses() {
-        return cssClasses;
-    }
-    static get strings() {
-        return strings;
-    }
-    static get numbers() {
-        return numbers;
-    }
-    /**
-     * @see {@link MDCMenuAdapter} for typing information on parameters and return types.
-     */
-    static get defaultAdapter() {
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        return {
-            addClassToElementAtIndex: () => undefined,
-            removeClassFromElementAtIndex: () => undefined,
-            addAttributeToElementAtIndex: () => undefined,
-            removeAttributeFromElementAtIndex: () => undefined,
-            getAttributeFromElementAtIndex: () => null,
-            elementContainsClass: () => false,
-            closeSurface: () => undefined,
-            getElementIndex: () => -1,
-            notifySelected: () => undefined,
-            getMenuItemCount: () => 0,
-            getSelectedSiblingOfItemAtIndex: () => -1,
-            isSelectableItemAtIndex: () => false,
-        };
-        // tslint:enable:object-literal-sort-keys
-    }
-    destroy() {
-        if (this.closeAnimationEndTimerId) {
-            clearTimeout(this.closeAnimationEndTimerId);
-        }
-        this.adapter.closeSurface();
-    }
-    handleKeydown(evt) {
-        const { key, keyCode } = evt;
-        const isTab = key === 'Tab' || keyCode === 9;
-        if (isTab) {
-            this.adapter.closeSurface(/** skipRestoreFocus */ true);
-        }
-    }
-    handleItemAction(listItem) {
-        const index = this.adapter.getElementIndex(listItem);
-        if (index < 0) {
-            return;
-        }
-        this.adapter.notifySelected({ index });
-        const skipRestoreFocus = this.adapter.getAttributeFromElementAtIndex(index, strings.SKIP_RESTORE_FOCUS) === 'true';
-        this.adapter.closeSurface(skipRestoreFocus);
-        // Wait for the menu to close before adding/removing classes that affect
-        // styles.
-        this.closeAnimationEndTimerId = setTimeout(() => {
-            // Recompute the index in case the menu contents have changed.
-            const recomputedIndex = this.adapter.getElementIndex(listItem);
-            if (recomputedIndex >= 0 &&
-                this.adapter.isSelectableItemAtIndex(recomputedIndex)) {
-                this.setSelectedIndex(recomputedIndex);
-            }
-        }, MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);
-    }
-    /** @return Index of the currently selected list item within the menu. */
-    getSelectedIndex() {
-        return this.selectedIndex;
-    }
-    /**
-     * Selects the list item at `index` within the menu.
-     * @param index Index of list item within the menu.
-     */
-    setSelectedIndex(index) {
-        this.validatedIndex(index);
-        if (!this.adapter.isSelectableItemAtIndex(index)) {
-            throw new Error('MDCMenuFoundation: No selection group at specified index.');
-        }
-        const prevSelectedIndex = this.adapter.getSelectedSiblingOfItemAtIndex(index);
-        if (prevSelectedIndex >= 0) {
-            this.adapter.removeAttributeFromElementAtIndex(prevSelectedIndex, strings.ARIA_CHECKED_ATTR);
-            this.adapter.removeClassFromElementAtIndex(prevSelectedIndex, cssClasses.MENU_SELECTED_LIST_ITEM);
-        }
-        this.adapter.addClassToElementAtIndex(index, cssClasses.MENU_SELECTED_LIST_ITEM);
-        this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_CHECKED_ATTR, 'true');
-        this.selectedIndex = index;
-    }
-    /**
-     * Sets the enabled state to isEnabled for the menu item at the given index.
-     * @param index Index of the menu item
-     * @param isEnabled The desired enabled state of the menu item.
-     */
-    setEnabled(index, isEnabled) {
-        this.validatedIndex(index);
-        if (isEnabled) {
-            this.adapter.removeClassFromElementAtIndex(index, LIST_ITEM_DISABLED_CLASS);
-            this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'false');
-        }
-        else {
-            this.adapter.addClassToElementAtIndex(index, LIST_ITEM_DISABLED_CLASS);
-            this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'true');
-        }
-    }
-    validatedIndex(index) {
-        const menuSize = this.adapter.getMenuItemCount();
-        const isIndexInRange = index >= 0 && index < menuSize;
-        if (!isIndexInRange) {
-            throw new Error('MDCMenuFoundation: No list item at specified index.');
-        }
-    }
-}
-//# sourceMappingURL=foundation.js.map

package/menu/lib/foundation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,wBAAwB,EAAC,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAE5D,MAAM,wBAAwB,GAAG,yBAAyB,CAAC;AAE3D,MAAM,OAAO,iBAAiB;IAuC5B,YAAY,OAAgC;QAzBpC,6BAAwB,GAAG,CAAC,CAAC;QAC7B,kBAAa,GAAG,CAAC,CAAC,CAAC;QAyBzB,IAAI,CAAC,OAAO,GAAG,EAAC,GAAG,iBAAiB,CAAC,cAAc,EAAE,GAAG,OAAO,EAAC,CAAC;IACnE,CAAC;IAxCD,MAAM,KAAK,UAAU;QACnB,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,OAAO,OAAO,CAAC;IACjB,CAAC;IAMD;;OAEG;IACH,MAAM,KAAK,cAAc;QACvB,wGAAwG;QACxG,OAAO;YACL,wBAAwB,EAAE,GAAG,EAAE,CAAC,SAAS;YACzC,6BAA6B,EAAE,GAAG,EAAE,CAAC,SAAS;YAC9C,4BAA4B,EAAE,GAAG,EAAE,CAAC,SAAS;YAC7C,iCAAiC,EAAE,GAAG,EAAE,CAAC,SAAS;YAClD,8BAA8B,EAAE,GAAG,EAAE,CAAC,IAAI;YAC1C,oBAAoB,EAAE,GAAG,EAAE,CAAC,KAAK;YACjC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;YAC7B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YACzB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;YAC/B,gBAAgB,EAAE,GAAG,EAAE,CAAC,CAAC;YACzB,+BAA+B,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YACzC,uBAAuB,EAAE,GAAG,EAAE,CAAC,KAAK;SACrC,CAAC;QACF,yCAAyC;IAC3C,CAAC;IAMD,OAAO;QACL,IAAI,IAAI,CAAC,wBAAwB,EAAE;YACjC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;SAC7C;QAED,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;IAC9B,CAAC;IAED,aAAa,CAAC,GAAkB;QAC9B,MAAM,EAAC,GAAG,EAAE,OAAO,EAAC,GAAG,GAAG,CAAC;QAC3B,MAAM,KAAK,GAAG,GAAG,KAAK,KAAK,IAAI,OAAO,KAAK,CAAC,CAAC;QAE7C,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;SACzD;IACH,CAAC;IAED,gBAAgB,CAAC,QAAiB;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QACrD,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;QACrC,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,8BAA8B,CACvC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;QAC3E,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAE5C,wEAAwE;QACxE,UAAU;QACV,IAAI,CAAC,wBAAwB,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9C,8DAA8D;YAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC/D,IAAI,eAAe,IAAI,CAAC;gBACpB,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,eAAe,CAAC,EAAE;gBACzD,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;aACxC;QACH,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;IACjE,CAAC;IAED,yEAAyE;IACzE,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACH,gBAAgB,CAAC,KAAa;QAC5B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAE3B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE;YAChD,MAAM,IAAI,KAAK,CACX,2DAA2D,CAAC,CAAC;SAClE;QAED,MAAM,iBAAiB,GACnB,IAAI,CAAC,OAAO,CAAC,+BAA+B,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,iBAAiB,IAAI,CAAC,EAAE;YAC1B,IAAI,CAAC,OAAO,CAAC,iCAAiC,CAC1C,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;YAClD,IAAI,CAAC,OAAO,CAAC,6BAA6B,CACtC,iBAAiB,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;SAC5D;QAED,IAAI,CAAC,OAAO,CAAC,wBAAwB,CACjC,KAAK,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,4BAA4B,CACrC,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;QAE9C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,KAAa,EAAE,SAAkB;QAC1C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAE3B,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,OAAO,CAAC,6BAA6B,CACtC,KAAK,EAAE,wBAAwB,CAAC,CAAC;YACrC,IAAI,CAAC,OAAO,CAAC,4BAA4B,CACrC,KAAK,EAAE,OAAO,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;SACjD;aAAM;YACL,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC;YACvE,IAAI,CAAC,OAAO,CAAC,4BAA4B,CACrC,KAAK,EAAE,OAAO,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;SAChD;IACH,CAAC;IAEO,cAAc,CAAC,KAAa;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;QACjD,MAAM,cAAc,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,QAAQ,CAAC;QAEtD,IAAI,CAAC,cAAc,EAAE;YACnB,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;SACxE;IACH,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCMenuSurfaceFoundation} from '../../menusurface/lib/foundation.js';\n\nimport {MDCMenuAdapter} from './adapter.js';\nimport {cssClasses, numbers, strings} from './constants.js';\n\nconst LIST_ITEM_DISABLED_CLASS = 'md3-list-item--disabled';\n\nexport class MDCMenuFoundation {\n  static get cssClasses() {\n    return cssClasses;\n  }\n\n  static get strings() {\n    return strings;\n  }\n\n  static get numbers() {\n    return numbers;\n  }\n\n  private readonly adapter: MDCMenuAdapter;\n  private closeAnimationEndTimerId = 0;\n  private selectedIndex = -1;\n\n  /**\n   * @see {@link MDCMenuAdapter} for typing information on parameters and return types.\n   */\n  static get defaultAdapter(): MDCMenuAdapter {\n    // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n    return {\n      addClassToElementAtIndex: () => undefined,\n      removeClassFromElementAtIndex: () => undefined,\n      addAttributeToElementAtIndex: () => undefined,\n      removeAttributeFromElementAtIndex: () => undefined,\n      getAttributeFromElementAtIndex: () => null,\n      elementContainsClass: () => false,\n      closeSurface: () => undefined,\n      getElementIndex: () => -1,\n      notifySelected: () => undefined,\n      getMenuItemCount: () => 0,\n      getSelectedSiblingOfItemAtIndex: () => -1,\n      isSelectableItemAtIndex: () => false,\n    };\n    // tslint:enable:object-literal-sort-keys\n  }\n\n  constructor(adapter: Partial<MDCMenuAdapter>) {\n    this.adapter = {...MDCMenuFoundation.defaultAdapter, ...adapter};\n  }\n\n  destroy() {\n    if (this.closeAnimationEndTimerId) {\n      clearTimeout(this.closeAnimationEndTimerId);\n    }\n\n    this.adapter.closeSurface();\n  }\n\n  handleKeydown(evt: KeyboardEvent) {\n    const {key, keyCode} = evt;\n    const isTab = key === 'Tab' || keyCode === 9;\n\n    if (isTab) {\n      this.adapter.closeSurface(/** skipRestoreFocus */ true);\n    }\n  }\n\n  handleItemAction(listItem: Element) {\n    const index = this.adapter.getElementIndex(listItem);\n    if (index < 0) {\n      return;\n    }\n\n    this.adapter.notifySelected({index});\n    const skipRestoreFocus = this.adapter.getAttributeFromElementAtIndex(\n                                 index, strings.SKIP_RESTORE_FOCUS) === 'true';\n    this.adapter.closeSurface(skipRestoreFocus);\n\n    // Wait for the menu to close before adding/removing classes that affect\n    // styles.\n    this.closeAnimationEndTimerId = setTimeout(() => {\n      // Recompute the index in case the menu contents have changed.\n      const recomputedIndex = this.adapter.getElementIndex(listItem);\n      if (recomputedIndex >= 0 &&\n          this.adapter.isSelectableItemAtIndex(recomputedIndex)) {\n        this.setSelectedIndex(recomputedIndex);\n      }\n    }, MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);\n  }\n\n  /** @return Index of the currently selected list item within the menu. */\n  getSelectedIndex() {\n    return this.selectedIndex;\n  }\n\n  /**\n   * Selects the list item at `index` within the menu.\n   * @param index Index of list item within the menu.\n   */\n  setSelectedIndex(index: number) {\n    this.validatedIndex(index);\n\n    if (!this.adapter.isSelectableItemAtIndex(index)) {\n      throw new Error(\n          'MDCMenuFoundation: No selection group at specified index.');\n    }\n\n    const prevSelectedIndex =\n        this.adapter.getSelectedSiblingOfItemAtIndex(index);\n    if (prevSelectedIndex >= 0) {\n      this.adapter.removeAttributeFromElementAtIndex(\n          prevSelectedIndex, strings.ARIA_CHECKED_ATTR);\n      this.adapter.removeClassFromElementAtIndex(\n          prevSelectedIndex, cssClasses.MENU_SELECTED_LIST_ITEM);\n    }\n\n    this.adapter.addClassToElementAtIndex(\n        index, cssClasses.MENU_SELECTED_LIST_ITEM);\n    this.adapter.addAttributeToElementAtIndex(\n        index, strings.ARIA_CHECKED_ATTR, 'true');\n\n    this.selectedIndex = index;\n  }\n\n  /**\n   * Sets the enabled state to isEnabled for the menu item at the given index.\n   * @param index Index of the menu item\n   * @param isEnabled The desired enabled state of the menu item.\n   */\n  setEnabled(index: number, isEnabled: boolean): void {\n    this.validatedIndex(index);\n\n    if (isEnabled) {\n      this.adapter.removeClassFromElementAtIndex(\n          index, LIST_ITEM_DISABLED_CLASS);\n      this.adapter.addAttributeToElementAtIndex(\n          index, strings.ARIA_DISABLED_ATTR, 'false');\n    } else {\n      this.adapter.addClassToElementAtIndex(index, LIST_ITEM_DISABLED_CLASS);\n      this.adapter.addAttributeToElementAtIndex(\n          index, strings.ARIA_DISABLED_ATTR, 'true');\n    }\n  }\n\n  private validatedIndex(index: number): void {\n    const menuSize = this.adapter.getMenuItemCount();\n    const isIndexInRange = index >= 0 && index < menuSize;\n\n    if (!isIndexInRange) {\n      throw new Error('MDCMenuFoundation: No list item at specified index.');\n    }\n  }\n}\n"]}

package/menu/lib/menu-button-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `.md3-menu-button{overflow:visible;position:relative}/*# sourceMappingURL=menu-button-styles.css.map */
-`;
-//# sourceMappingURL=menu-button-styles.css.js.map