@material/web 0.1.0-alpha.0

package/list/list-item-avatar.js

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

package/list/list-item-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-avatar.js","sourceRoot":"","sources":["list-item-avatar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAC,MAAM,EAAC,MAAM,6CAA6C,CAAC;AAQnE;;;;GAIG;AAEH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,cAAc;CAEnD,CAAA;AADiB,uBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAE5B;SAFY,gBAAgB","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 {ListItemAvatar} from './lib/avatar/list-item-avatar.js';\nimport {styles} from './lib/avatar/list-item-avatar-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-avatar': MdListItemAvatar;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-avatar')\nexport class MdListItemAvatar extends ListItemAvatar {\n  static override styles = [styles];\n}\n"]}

package/list/list-item-icon.d.ts

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

package/list/list-item-icon.js

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

package/list/list-item-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-icon.js","sourceRoot":"","sources":["list-item-icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,yCAAyC,CAAC;AAQ/D;;;;GAIG;AAEH,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,YAAY;CAE/C,CAAA;AADiB,qBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAE1B;SAFY,cAAc","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {ListItemIcon} from './lib/icon/list-item-icon.js';\nimport {styles} from './lib/icon/list-item-icon-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-icon': MdListItemIcon;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-icon')\nexport class MdListItemIcon extends ListItemIcon {\n  static override styles = [styles];\n}\n"]}

package/list/list-item-image.d.ts

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

package/list/list-item-image.js

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

package/list/list-item-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-image.js","sourceRoot":"","sources":["list-item-image.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,2CAA2C,CAAC;AAQjE;;;;GAIG;AAEH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,aAAa;CAEjD,CAAA;AADiB,sBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAE3B;SAFY,eAAe","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 {ListItemImage} from './lib/image/list-item-image.js';\nimport {styles} from './lib/image/list-item-image-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-image': MdListItemImage;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-image')\nexport class MdListItemImage extends ListItemImage {\n  static override styles = [styles];\n}\n"]}

package/list/list-item-video.d.ts

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

package/list/list-item-video.js

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

package/list/list-item-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-video.js","sourceRoot":"","sources":["list-item-video.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,2CAA2C,CAAC;AAQjE;;;;GAIG;AAEH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,aAAa;CAEjD,CAAA;AADiB,sBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAE3B;SAFY,eAAe","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 {ListItemVideo} from './lib/video/list-item-video.js';\nimport {styles} from './lib/video/list-item-video-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-video': MdListItemVideo;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-video')\nexport class MdListItemVideo extends ListItemVideo {\n  static override styles = [styles];\n}\n"]}

package/list/list-item.d.ts

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

package/list/list-item.js

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

package/list/list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.js","sourceRoot":"","sources":["list-item.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,MAAM,EAAC,MAAM,wCAAwC,CAAC;AAQ9D;;;;GAIG;AAEH,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,QAAQ;CAEvC,CAAA;AADiB,iBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAEtB;SAFY,UAAU","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 {ListItem} from './lib/listitem/list-item.js';\nimport {styles} from './lib/listitem/list-item-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item': MdListItem;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item')\nexport class MdListItem extends ListItem {\n  static override styles = [styles];\n}\n"]}

package/list/list.d.ts

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

package/list/list.js

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

package/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAQhD;;;;GAIG;AAEH,IAAa,MAAM,GAAnB,MAAa,MAAO,SAAQ,IAAI;CAE/B,CAAA;AADiB,aAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAElB;SAFY,MAAM","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {List} from './lib/list.js';\nimport {styles} from './lib/list-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list': MdList;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list')\nexport class MdList extends List {\n  static override styles = [styles];\n}\n"]}

package/menu/harness.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Harness } from '@material/web/testing/harness.js';
+import { Menu } from './lib/menu.js';
+import { MenuItemHarness } from './lib/menuitem/harness.js';
+/**
+ * Test harness for menu.
+ */
+export declare class MenuHarness extends Harness<Menu> {
+    /** @return ListItem harnesses for the menu's items. */
+    getItems(): MenuItemHarness[];
+}

package/menu/harness.js

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Harness } from '@material/web/testing/harness.js';
+import { MenuItemHarness } from './lib/menuitem/harness.js';
+/**
+ * Test harness for menu.
+ */
+export class MenuHarness extends Harness {
+    /** @return ListItem harnesses for the menu's items. */
+    getItems() {
+        return this.element.items.map((item) => new MenuItemHarness(item));
+    }
+}
+//# sourceMappingURL=harness.js.map

package/menu/harness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,kCAAkC,CAAC;AAGzD,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAE1D;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAa;IAC5C,uDAAuD;IACvD,QAAQ;QACN,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;IACrE,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {Harness} from '@material/web/testing/harness.js';\n\nimport {Menu} from './lib/menu.js';\nimport {MenuItemHarness} from './lib/menuitem/harness.js';\n\n/**\n * Test harness for menu.\n */\nexport class MenuHarness extends Harness<Menu> {\n  /** @return ListItem harnesses for the menu's items. */\n  getItems() {\n    return this.element.items.map((item) => new MenuItemHarness(item));\n  }\n}\n"]}

package/menu/lib/_menu-button.scss

@@ -0,0 +1,14 @@
+//
+// 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 static-styles() {
+  .md3-menu-button {
+    overflow: visible;
+    position: relative;
+  }
+}

package/menu/lib/_menu-theme.scss

@@ -0,0 +1,118 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use 'sass:map';
+
+@use '@material/web/elevation/lib/elevation-theme';
+@use '@material/web/list/list';
+@use '@material/web/list/list-item';
+@use '@material/web/menusurface/menu-surface';
+@use '@material/web/sass/resolvers';
+@use '@material/web/sass/theme';
+@use '@material/web/tokens';
+
+$_custom-property-prefix: 'menu';
+
+$light-theme: tokens.md-comp-menu-values();
+
+@mixin theme($theme) {
+  $theme: theme.validate-theme($light-theme, $theme);
+  $theme: _resolve-theme($theme, $resolvers);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  @include theme.emit-theme-vars($theme);
+}
+
+@mixin theme-styles($theme, $resolvers: resolvers.$material) {
+  $theme: theme.validate-theme-styles($light-theme, $theme);
+  $theme: _resolve-theme($theme, $resolvers);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  @include menu-surface.theme(
+    (
+      container-elevation-shadow: map.get($theme, 'container-elevation-shadow'),
+      container-shape: map.get($theme, 'container-shape'),
+    ),
+    $resolvers
+  );
+
+  @include list.theme(
+    (
+      container-color: map.get($theme, 'container-color'),
+      container-surface-tint-layer-color:
+        map.get($theme, 'container-surface-tint-layer-color'),
+      container-elevation-overlay-opacity:
+        map.get($theme, 'container-elevation-overlay-opacity'),
+    )
+  );
+  @include list-item.theme(
+    (
+      list-item-container-color: map.get($theme, 'container-color'),
+      list-item-one-line-container-height:
+        map.get($theme, 'list-item-container-height'),
+      list-item-disabled-label-text-color:
+        map.get($theme, 'list-item-disabled-label-text-color'),
+      list-item-disabled-label-text-opacity:
+        map.get($theme, 'list-item-disabled-label-text-opacity'),
+      list-item-hover-label-text-color:
+        map.get($theme, 'list-item-hover-label-text-color'),
+      list-item-hover-state-layer-color:
+        map.get($theme, 'list-item-hover-state-layer-color'),
+      list-item-hover-state-layer-opacity:
+        map.get($theme, 'list-item-hover-state-layer-opacity'),
+      list-item-label-text-color: map.get($theme, 'list-item-label-text-color'),
+      list-item-label-text-font: map.get($theme, 'list-item-label-text-font'),
+      list-item-label-text-line-height:
+        map.get($theme, 'list-item-label-text-line-height'),
+      list-item-label-text-size: map.get($theme, 'list-item-label-text-size'),
+      list-item-label-text-tracking:
+        map.get($theme, 'list-item-label-text-tracking'),
+      list-item-label-text-weight:
+        map.get($theme, 'list-item-label-text-tracking'),
+      list-item-disabled-leading-icon-color:
+        map.get(
+          $theme,
+          'list-item-with-leading-icon-disabled-leading-icon-color'
+        ),
+      list-item-disabled-leading-icon-opacity:
+        map.get(
+          $theme,
+          'list-item-with-leading-icon-disabled-leading-icon-opacity'
+        ),
+      list-item-hover-leading-icon-color:
+        map.get($theme, 'list-item-with-leading-icon-hover-icon-color'),
+      list-item-leading-icon-color:
+        map.get($theme, 'list-item-with-leading-icon-leading-icon-color'),
+      list-item-leading-icon-size:
+        map.get($theme, 'list-item-with-leading-icon-leading-icon-size'),
+      list-item-disabled-trailing-icon-color:
+        map.get(
+          $theme,
+          'list-item-with-trailing-icon-disabled-trailing-icon-color'
+        ),
+      list-item-disabled-trailing-icon-opacity:
+        map.get(
+          $theme,
+          'list-item-with-trailing-icon-disabled-trailing-icon-opacity'
+        ),
+      list-item-hover-trailing-icon-color:
+        map.get($theme, 'list-item-with-trailing-icon-hover-icon-color'),
+      list-item-trailing-icon-color:
+        map.get($theme, 'list-item-with-trailing-icon-trailing-icon-color'),
+      list-item-trailing-icon-size:
+        map.get($theme, 'list-item-with-leading-icon-trailing-icon-size'),
+    )
+  );
+}
+
+@function _resolve-theme($theme, $resolvers) {
+  $theme: elevation-theme.resolve-theme(
+    $theme,
+    map.get($resolvers, 'elevation'),
+    $shadow-color-token: 'container-shadow-color',
+    $elevation-tokens: (container-elevation)
+  );
+  @return $theme;
+}

package/menu/lib/_menu.scss

@@ -0,0 +1,8 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@mixin static-styles() {
+  // Intentionally blank for future-proofing.
+}

package/menu/lib/adapter.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @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

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

package/menu/lib/adapter.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,22 @@
+/**
+ * @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

@@ -0,0 +1,23 @@
+/**
+ * @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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,49 @@
+/**
+ * @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;
+}