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

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

@@ -1,20 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ListItemAvatar } from './lib/avatar/list-item-avatar.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-list-item-avatar': MdListItemAvatar;
-    }
-}
-/**
- * @summary An image avatar that is expected to be slotted into a list item.
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdListItemAvatar extends ListItemAvatar {
-    static styles: import("lit").CSSResult[];
-}

package/list/list-item-avatar.js

@@ -1,23 +0,0 @@
-/**
- * @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';
-/**
- * @summary An image avatar that is expected to be slotted into a list item.
- *
- * @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

@@ -1 +0,0 @@
-{"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;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,cAAc;;AAClC,uBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;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 * @summary An image avatar that is expected to be slotted into a list item.\n *\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

@@ -1,20 +0,0 @@
-/**
- * @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;
-    }
-}
-/**
- * @summary A material icon that is expected to be slotted into a list item.
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdListItemIcon extends ListItemIcon {
-    static styles: import("lit").CSSResult[];
-}

package/list/list-item-icon.js

@@ -1,23 +0,0 @@
-/**
- * @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';
-/**
- * @summary A material icon that is expected to be slotted into a list item.
- *
- * @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

@@ -1 +0,0 @@
-{"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;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,YAAY;;AAC9B,qBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;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 * @summary A material icon that is expected to be slotted into a list item.\n *\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

@@ -1,20 +0,0 @@
-/**
- * @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;
-    }
-}
-/**
- * @summary An image that is expected to be slotted into a list item.
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdListItemImage extends ListItemImage {
-    static styles: import("lit").CSSResult[];
-}

package/list/list-item-image.js

@@ -1,23 +0,0 @@
-/**
- * @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';
-/**
- * @summary An image that is expected to be slotted into a list item.
- *
- * @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

@@ -1 +0,0 @@
-{"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;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,aAAa;;AAChC,sBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;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 * @summary An image that is expected to be slotted into a list item.\n *\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

@@ -1,20 +0,0 @@
-/**
- * @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;
-    }
-}
-/**
- * @summary A video that is expected to be slotted into a list item.
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdListItemVideo extends ListItemVideo {
-    static styles: import("lit").CSSResult[];
-}

package/list/list-item-video.js

@@ -1,23 +0,0 @@
-/**
- * @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';
-/**
- * @summary A video that is expected to be slotted into a list item.
- *
- * @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

@@ -1 +0,0 @@
-{"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;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,aAAa;;AAChC,sBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;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 * @summary A video that is expected to be slotted into a list item.\n *\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/menu/lib/menuitem/menu-item-private-styles.css.d.ts

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

package/menu/lib/menuitem/menu-item-private-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-item-container-height: var(--md-menu-list-item-container-height, 48px);--_list-item-disabled-label-text-color: var(--md-menu-list-item-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-label-text-opacity: var(--md-menu-list-item-disabled-label-text-opacity, 0.38);--_list-item-focus-label-text-color: var(--md-menu-list-item-focus-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-color: var(--md-menu-list-item-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-opacity: var(--md-menu-list-item-focus-state-layer-opacity, 0.12);--_list-item-hover-label-text-color: var(--md-menu-list-item-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-color: var(--md-menu-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-opacity: var(--md-menu-list-item-hover-state-layer-opacity, 0.08);--_list-item-label-text-color: var(--md-menu-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-label-text-type: var(--md-menu-list-item-label-text-type, 500 0.875rem / 1.25rem Roboto);--_list-item-pressed-label-text-color: var(--md-menu-list-item-pressed-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-color: var(--md-menu-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-opacity: var(--md-menu-list-item-pressed-state-layer-opacity, 0.12);--_list-item-selected-container-color: var(--md-menu-list-item-selected-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--_list-item-disabled-leading-icon-color: var(--md-menu-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-leading-icon-opacity: var(--md-menu-list-item-disabled-leading-icon-opacity, 0.38);--_list-item-focus-leading-icon-icon-color: var(--md-menu-list-item-focus-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-leading-icon-icon-color: var(--md-menu-list-item-hover-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-color: var(--md-menu-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-size: var(--md-menu-list-item-leading-icon-size, 24px);--_list-item-pressed-leading-icon-icon-color: var(--md-menu-list-item-pressed-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-disabled-trailing-icon-color: var(--md-menu-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-trailing-icon-opacity: var(--md-menu-list-item-disabled-trailing-icon-opacity, 0.38);--_list-item-focus-trailing-icon-icon-color: var(--md-menu-list-item-focus-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-trailing-icon-icon-color: var(--md-menu-list-item-hover-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-pressed-trailing-icon-icon-color: var(--md-menu-list-item-pressed-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-color: var(--md-menu-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-size: var(--md-menu-list-item-trailing-icon-size, 24px);--_list-item-one-line-container-height: var(--md-menu-list-item-one-line-container-height, 48px)}/*# sourceMappingURL=menu-item-private-styles.css.map */
-`;
-//# sourceMappingURL=menu-item-private-styles.css.js.map

package/menu/lib/menuitem/menu-item-private-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-private-styles.css.js","sourceRoot":"","sources":["menu-item-private-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-item-container-height: var(--md-menu-list-item-container-height, 48px);--_list-item-disabled-label-text-color: var(--md-menu-list-item-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-label-text-opacity: var(--md-menu-list-item-disabled-label-text-opacity, 0.38);--_list-item-focus-label-text-color: var(--md-menu-list-item-focus-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-color: var(--md-menu-list-item-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-opacity: var(--md-menu-list-item-focus-state-layer-opacity, 0.12);--_list-item-hover-label-text-color: var(--md-menu-list-item-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-color: var(--md-menu-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-opacity: var(--md-menu-list-item-hover-state-layer-opacity, 0.08);--_list-item-label-text-color: var(--md-menu-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-label-text-type: var(--md-menu-list-item-label-text-type, 500 0.875rem / 1.25rem Roboto);--_list-item-pressed-label-text-color: var(--md-menu-list-item-pressed-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-color: var(--md-menu-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-opacity: var(--md-menu-list-item-pressed-state-layer-opacity, 0.12);--_list-item-selected-container-color: var(--md-menu-list-item-selected-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--_list-item-disabled-leading-icon-color: var(--md-menu-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-leading-icon-opacity: var(--md-menu-list-item-disabled-leading-icon-opacity, 0.38);--_list-item-focus-leading-icon-icon-color: var(--md-menu-list-item-focus-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-leading-icon-icon-color: var(--md-menu-list-item-hover-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-color: var(--md-menu-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-size: var(--md-menu-list-item-leading-icon-size, 24px);--_list-item-pressed-leading-icon-icon-color: var(--md-menu-list-item-pressed-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-disabled-trailing-icon-color: var(--md-menu-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-trailing-icon-opacity: var(--md-menu-list-item-disabled-trailing-icon-opacity, 0.38);--_list-item-focus-trailing-icon-icon-color: var(--md-menu-list-item-focus-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-trailing-icon-icon-color: var(--md-menu-list-item-hover-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-pressed-trailing-icon-icon-color: var(--md-menu-list-item-pressed-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-color: var(--md-menu-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-size: var(--md-menu-list-item-trailing-icon-size, 24px);--_list-item-one-line-container-height: var(--md-menu-list-item-one-line-container-height, 48px)}/*# sourceMappingURL=menu-item-private-styles.css.map */\n`;\n "]}

package/menusurface/_menu-surface.scss

@@ -1,6 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@forward './lib/menu-surface' show theme;

package/menusurface/lib/_md-comp-menu-surface.scss

@@ -1,31 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../elevation/lib/elevation';
-@use '../../tokens';
-// go/keep-sorted end
-
-$_default-deps: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-elevation: tokens.md-sys-elevation-values(),
-  md-sys-shape: tokens.md-sys-shape-values(),
-);
-
-@function values($deps: $_default-deps, $exclude-hardcoded-values: false) {
-  // Use menu tokens for default menu surface values.
-  $menu-values: tokens.md-comp-menu-values($deps, $exclude-hardcoded-values);
-
-  @return (
-    container-elevation: map.get($menu-values, container-elevation),
-    container-shadow-color: map.get($menu-values, container-shadow-color),
-    container-shape: map.get($menu-values, container-shape),
-    container-surface-tint-layer-color:
-      map.get($menu-values, container-surface-tint-layer-color)
-  );
-}

package/menusurface/lib/_menu-surface.scss

@@ -1,122 +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.
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../elevation/lib/elevation';
-@use '../../sass/theme';
-@use './md-comp-menu-surface';
-// go/keep-sorted end
-
-$_custom-property-prefix: 'menu-surface';
-$_fade-in-duration: 0.03s;
-$_fade-out-duration: 0.075s;
-$_scale-duration: 0.12s;
-$_min-distance-from-edge: 32px;
-$_max-width: calc(100vw - #{$_min-distance-from-edge});
-$_max-height: calc(100vh - #{$_min-distance-from-edge});
-$_z-index: 8; // One above md3-dialog
-$_deceleration-curve-timing-function: cubic-bezier(0, 0, 0.2, 1) !default;
-
-@mixin theme($tokens) {
-  $tokens: theme.validate-theme(md-comp-menu-surface.values(), $tokens);
-  $tokens: elevation.resolve-tokens($tokens, 'container-elevation');
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  @include theme.emit-theme-vars($tokens);
-}
-
-@mixin styles() {
-  $tokens: md-comp-menu-surface.values();
-  $tokens: elevation.resolve-tokens($tokens, 'container-elevation');
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-  }
-
-  .md3-menu-surface {
-    border-radius: var(--_container-shape);
-    box-sizing: border-box;
-    display: none;
-    opacity: 0;
-    overflow: auto;
-    margin: 0;
-    max-height: $_max-height;
-    max-width: $_max-width;
-    padding: 0;
-    position: absolute;
-    transform: scale(1);
-    transform-origin: top left;
-    transition: opacity $_fade-in-duration linear,
-      transform $_scale-duration $_deceleration-curve-timing-function,
-      height 250ms $_deceleration-curve-timing-function;
-    will-change: transform, opacity;
-    z-index: $_z-index;
-
-    @include elevation.theme(
-      (
-        level: var(--_container-elevation),
-        shadow-color: var(--_container-shadow-color),
-        surface-tint: var(--_container-surface-tint-layer-color),
-      )
-    );
-
-    md-elevation {
-      z-index: 0;
-    }
-
-    &:focus {
-      outline: none;
-    }
-
-    &--animating-open {
-      display: inline-block;
-      opacity: 0;
-      transform: scale(0.8);
-    }
-
-    // Render this after `--animating-open` to override `opacity` & `transform`
-    // CSS properties.
-    &--open {
-      display: inline-block;
-      opacity: 1;
-      transform: scale(1);
-    }
-
-    &--animating-closed {
-      display: inline-block;
-      opacity: 0;
-      transition: opacity $_fade-out-duration linear;
-    }
-  }
-
-  .md3-menu-surface--anchor {
-    overflow: visible;
-    position: relative;
-  }
-
-  .md3-menu-surface--fixed {
-    position: fixed;
-  }
-
-  .md3-menu-surface--fullwidth {
-    width: 100%;
-  }
-
-  // Used by filled variants of GM components to conditionally flatten the top
-  // corners of the menu.
-  .md3-menu-surface--is-open-below {
-    border-top-left-radius: 0px;
-    border-top-right-radius: 0px;
-  }
-}

package/menusurface/lib/adapter.d.ts

@@ -1,46 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuDimensions, MDCMenuDistance, MDCMenuPoint } from './types.js';
-/**
- * Defines the shape of the adapter expected by the foundation.
- * 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 MDCMenuSurfaceAdapter {
-    addClass(className: string): void;
-    removeClass(className: string): void;
-    hasClass(className: string): boolean;
-    hasAnchor(): boolean;
-    isElementInContainer(el: Element): boolean;
-    isFocused(): boolean;
-    isRtl(): boolean;
-    getInnerDimensions(): MDCMenuDimensions;
-    getAnchorDimensions(): DOMRect | null;
-    getWindowDimensions(): MDCMenuDimensions;
-    getBodyDimensions(): MDCMenuDimensions;
-    getWindowScroll(): MDCMenuPoint;
-    setPosition(position: Partial<MDCMenuDistance>): void;
-    setMaxHeight(height: string): void;
-    setTransformOrigin(origin: string): void;
-    getOwnerDocument?(): Document;
-    /** Saves the element that was focused before the menu surface was opened. */
-    saveFocus(): void;
-    /**
-     * Restores focus to the element that was focused before the menu surface was
-     * opened.
-     */
-    restoreFocus(): void;
-    /** Emits an event when the menu surface is closed. */
-    notifyClose(): void;
-    /** Emits an event when the menu surface is closing. */
-    notifyClosing(): void;
-    /** Emits an event when the menu surface is opened. */
-    notifyOpen(): void;
-    /** Emits an event when the menu surface is opening. */
-    notifyOpening(): void;
-}

package/menusurface/lib/adapter.js

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

package/menusurface/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 {MDCMenuDimensions, MDCMenuDistance, MDCMenuPoint} from './types.js';\n\n/**\n * Defines the shape of the adapter expected by the foundation.\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 MDCMenuSurfaceAdapter {\n  addClass(className: string): void;\n  removeClass(className: string): void;\n  hasClass(className: string): boolean;\n  hasAnchor(): boolean;\n\n  isElementInContainer(el: Element): boolean;\n  isFocused(): boolean;\n  isRtl(): boolean;\n\n  getInnerDimensions(): MDCMenuDimensions;\n  getAnchorDimensions(): DOMRect|null;\n  getWindowDimensions(): MDCMenuDimensions;\n  getBodyDimensions(): MDCMenuDimensions;\n  getWindowScroll(): MDCMenuPoint;\n  setPosition(position: Partial<MDCMenuDistance>): void;\n  setMaxHeight(height: string): void;\n  setTransformOrigin(origin: string): void;\n  getOwnerDocument?(): Document;\n\n  /** Saves the element that was focused before the menu surface was opened. */\n  saveFocus(): void;\n\n  /**\n   * Restores focus to the element that was focused before the menu surface was\n   * opened.\n   */\n  restoreFocus(): void;\n\n  /** Emits an event when the menu surface is closed. */\n  notifyClose(): void;\n\n  /** Emits an event when the menu surface is closing. */\n  notifyClosing(): void;\n\n  /** Emits an event when the menu surface is opened. */\n  notifyOpen(): void;\n\n  /** Emits an event when the menu surface is opening. */\n  notifyOpening(): void;\n}\n"]}

package/menusurface/lib/constants.d.ts

@@ -1,71 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-declare const cssClasses: {
-    ANCHOR: string;
-    ANIMATING_CLOSED: string;
-    ANIMATING_OPEN: string;
-    FIXED: string;
-    IS_OPEN_BELOW: string;
-    OPEN: string;
-    ROOT: string;
-};
-declare const strings: {
-    CLOSED_EVENT: string;
-    CLOSING_EVENT: string;
-    OPENED_EVENT: string;
-    OPENING_EVENT: string;
-    FOCUSABLE_ELEMENTS: string;
-};
-declare const numbers: {
-    /** Total duration of menu-surface open animation. */
-    TRANSITION_OPEN_DURATION: number;
-    /** Total duration of menu-surface close animation. */
-    TRANSITION_CLOSE_DURATION: number;
-    /**
-     * Margin left to the edge of the viewport when menu-surface is at maximum
-     * possible height. Also used as a viewport margin.
-     */
-    MARGIN_TO_EDGE: number;
-    /**
-     * Ratio of anchor width to menu-surface width for switching from corner
-     * positioning to center positioning.
-     */
-    ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: number;
-    /**
-     * Amount of time to wait before restoring focus when closing the menu
-     * surface. This is important because if a touch event triggered the menu
-     * close, and the subsequent mouse event occurs after focus is restored, then
-     * the restored focus would be lost.
-     */
-    TOUCH_EVENT_WAIT_MS: number;
-};
-/**
- * Enum for bits in the {@see Corner) bitmap.
- */
-declare enum CornerBit {
-    BOTTOM = 1,
-    CENTER = 2,
-    RIGHT = 4,
-    FLIP_RTL = 8
-}
-/**
- * Enum for representing an element corner for positioning the menu-surface.
- *
- * The START constants map to LEFT if element directionality is left
- * to right and RIGHT if the directionality is right to left.
- * Likewise END maps to RIGHT or LEFT depending on the directionality.
- */
-declare enum Corner {
-    TOP_LEFT = 0,
-    TOP_RIGHT = 4,
-    BOTTOM_LEFT = 1,
-    BOTTOM_RIGHT = 5,
-    TOP_START = 8,
-    TOP_END = 12,
-    BOTTOM_START = 9,
-    BOTTOM_END = 13
-}
-export { cssClasses, strings, numbers, CornerBit, Corner };

package/menusurface/lib/constants.js

@@ -1,83 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const cssClasses = {
-    ANCHOR: 'md3-menu-surface--anchor',
-    ANIMATING_CLOSED: 'md3-menu-surface--animating-closed',
-    ANIMATING_OPEN: 'md3-menu-surface--animating-open',
-    FIXED: 'md3-menu-surface--fixed',
-    IS_OPEN_BELOW: 'md3-menu-surface--is-open-below',
-    OPEN: 'md3-menu-surface--open',
-    ROOT: 'md3-menu-surface',
-};
-// tslint:disable:object-literal-sort-keys
-const strings = {
-    CLOSED_EVENT: 'MDCMenuSurface:closed',
-    CLOSING_EVENT: 'MDCMenuSurface:closing',
-    OPENED_EVENT: 'MDCMenuSurface:opened',
-    OPENING_EVENT: 'MDCMenuSurface:opening',
-    FOCUSABLE_ELEMENTS: [
-        'button:not(:disabled)',
-        '[href]:not([aria-disabled="true"])',
-        'input:not(:disabled)',
-        'select:not(:disabled)',
-        'textarea:not(:disabled)',
-        '[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])',
-    ].join(', '),
-};
-// tslint:enable:object-literal-sort-keys
-const numbers = {
-    /** Total duration of menu-surface open animation. */
-    TRANSITION_OPEN_DURATION: 120,
-    /** Total duration of menu-surface close animation. */
-    TRANSITION_CLOSE_DURATION: 75,
-    /**
-     * Margin left to the edge of the viewport when menu-surface is at maximum
-     * possible height. Also used as a viewport margin.
-     */
-    MARGIN_TO_EDGE: 32,
-    /**
-     * Ratio of anchor width to menu-surface width for switching from corner
-     * positioning to center positioning.
-     */
-    ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67,
-    /**
-     * Amount of time to wait before restoring focus when closing the menu
-     * surface. This is important because if a touch event triggered the menu
-     * close, and the subsequent mouse event occurs after focus is restored, then
-     * the restored focus would be lost.
-     */
-    TOUCH_EVENT_WAIT_MS: 30,
-};
-/**
- * Enum for bits in the {@see Corner) bitmap.
- */
-var CornerBit;
-(function (CornerBit) {
-    CornerBit[CornerBit["BOTTOM"] = 1] = "BOTTOM";
-    CornerBit[CornerBit["CENTER"] = 2] = "CENTER";
-    CornerBit[CornerBit["RIGHT"] = 4] = "RIGHT";
-    CornerBit[CornerBit["FLIP_RTL"] = 8] = "FLIP_RTL";
-})(CornerBit || (CornerBit = {}));
-/**
- * Enum for representing an element corner for positioning the menu-surface.
- *
- * The START constants map to LEFT if element directionality is left
- * to right and RIGHT if the directionality is right to left.
- * Likewise END maps to RIGHT or LEFT depending on the directionality.
- */
-var Corner;
-(function (Corner) {
-    Corner[Corner["TOP_LEFT"] = 0] = "TOP_LEFT";
-    Corner[Corner["TOP_RIGHT"] = 4] = "TOP_RIGHT";
-    Corner[Corner["BOTTOM_LEFT"] = 1] = "BOTTOM_LEFT";
-    Corner[Corner["BOTTOM_RIGHT"] = 5] = "BOTTOM_RIGHT";
-    Corner[Corner["TOP_START"] = 8] = "TOP_START";
-    Corner[Corner["TOP_END"] = 12] = "TOP_END";
-    Corner[Corner["BOTTOM_START"] = 9] = "BOTTOM_START";
-    Corner[Corner["BOTTOM_END"] = 13] = "BOTTOM_END";
-})(Corner || (Corner = {}));
-export { cssClasses, strings, numbers, CornerBit, Corner };
-//# sourceMappingURL=constants.js.map

package/menusurface/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,MAAM,EAAE,0BAA0B;IAClC,gBAAgB,EAAE,oCAAoC;IACtD,cAAc,EAAE,kCAAkC;IAClD,KAAK,EAAE,yBAAyB;IAChC,aAAa,EAAE,iCAAiC;IAChD,IAAI,EAAE,wBAAwB;IAC9B,IAAI,EAAE,kBAAkB;CACzB,CAAC;AAEF,0CAA0C;AAC1C,MAAM,OAAO,GAAG;IACd,YAAY,EAAE,uBAAuB;IACrC,aAAa,EAAE,wBAAwB;IACvC,YAAY,EAAE,uBAAuB;IACrC,aAAa,EAAE,wBAAwB;IACvC,kBAAkB,EAAE;QAClB,uBAAuB;QACvB,oCAAoC;QACpC,sBAAsB;QACtB,uBAAuB;QACvB,yBAAyB;QACzB,6DAA6D;KAC9D,CAAC,IAAI,CAAC,IAAI,CAAC;CACb,CAAC;AACF,yCAAyC;AAEzC,MAAM,OAAO,GAAG;IACd,qDAAqD;IACrD,wBAAwB,EAAE,GAAG;IAE7B,sDAAsD;IACtD,yBAAyB,EAAE,EAAE;IAE7B;;;OAGG;IACH,cAAc,EAAE,EAAE;IAElB;;;OAGG;IACH,kCAAkC,EAAE,IAAI;IAExC;;;;;OAKG;IACH,mBAAmB,EAAE,EAAE;CACxB,CAAC;AAEF;;GAEG;AACH,IAAK,SAKJ;AALD,WAAK,SAAS;IACZ,6CAAU,CAAA;IACV,6CAAU,CAAA;IACV,2CAAS,CAAA;IACT,iDAAY,CAAA;AACd,CAAC,EALI,SAAS,KAAT,SAAS,QAKb;AAED;;;;;;GAMG;AACH,IAAK,MAaJ;AAbD,WAAK,MAAM;IACT,2CAAY,CAAA;IACZ,6CAA2B,CAAA;IAC3B,iDAA8B,CAAA;IAC9B,mDACsC,CAAA;IACtC,6CAA8B,CAAA;IAC9B,0CACwC,CAAA;IACxC,mDACyC,CAAA;IACzC,gDACsB,CAAA;AACxB,CAAC,EAbI,MAAM,KAAN,MAAM,QAaV;AAED,OAAO,EAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nconst cssClasses = {\n  ANCHOR: 'md3-menu-surface--anchor',\n  ANIMATING_CLOSED: 'md3-menu-surface--animating-closed',\n  ANIMATING_OPEN: 'md3-menu-surface--animating-open',\n  FIXED: 'md3-menu-surface--fixed',\n  IS_OPEN_BELOW: 'md3-menu-surface--is-open-below',\n  OPEN: 'md3-menu-surface--open',\n  ROOT: 'md3-menu-surface',\n};\n\n// tslint:disable:object-literal-sort-keys\nconst strings = {\n  CLOSED_EVENT: 'MDCMenuSurface:closed',\n  CLOSING_EVENT: 'MDCMenuSurface:closing',\n  OPENED_EVENT: 'MDCMenuSurface:opened',\n  OPENING_EVENT: 'MDCMenuSurface:opening',\n  FOCUSABLE_ELEMENTS: [\n    'button:not(:disabled)',\n    '[href]:not([aria-disabled=\"true\"])',\n    'input:not(:disabled)',\n    'select:not(:disabled)',\n    'textarea:not(:disabled)',\n    '[tabindex]:not([tabindex=\"-1\"]):not([aria-disabled=\"true\"])',\n  ].join(', '),\n};\n// tslint:enable:object-literal-sort-keys\n\nconst numbers = {\n  /** Total duration of menu-surface open animation. */\n  TRANSITION_OPEN_DURATION: 120,\n\n  /** Total duration of menu-surface close animation. */\n  TRANSITION_CLOSE_DURATION: 75,\n\n  /**\n   * Margin left to the edge of the viewport when menu-surface is at maximum\n   * possible height. Also used as a viewport margin.\n   */\n  MARGIN_TO_EDGE: 32,\n\n  /**\n   * Ratio of anchor width to menu-surface width for switching from corner\n   * positioning to center positioning.\n   */\n  ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67,\n\n  /**\n   * Amount of time to wait before restoring focus when closing the menu\n   * surface. This is important because if a touch event triggered the menu\n   * close, and the subsequent mouse event occurs after focus is restored, then\n   * the restored focus would be lost.\n   */\n  TOUCH_EVENT_WAIT_MS: 30,\n};\n\n/**\n * Enum for bits in the {@see Corner) bitmap.\n */\nenum CornerBit {\n  BOTTOM = 1,    // 0001\n  CENTER = 2,    // 0010\n  RIGHT = 4,     // 0100\n  FLIP_RTL = 8,  // 1000\n}\n\n/**\n * Enum for representing an element corner for positioning the menu-surface.\n *\n * The START constants map to LEFT if element directionality is left\n * to right and RIGHT if the directionality is right to left.\n * Likewise END maps to RIGHT or LEFT depending on the directionality.\n */\nenum Corner {\n  TOP_LEFT = 0,\n  TOP_RIGHT = CornerBit.RIGHT,\n  BOTTOM_LEFT = CornerBit.BOTTOM,\n  BOTTOM_RIGHT =\n      CornerBit.BOTTOM | CornerBit.RIGHT,  // tslint:disable-line:no-bitwise\n  TOP_START = CornerBit.FLIP_RTL,\n  TOP_END =\n      CornerBit.FLIP_RTL | CornerBit.RIGHT,  // tslint:disable-line:no-bitwise\n  BOTTOM_START =\n      CornerBit.BOTTOM | CornerBit.FLIP_RTL,  // tslint:disable-line:no-bitwise\n  BOTTOM_END = CornerBit.BOTTOM | CornerBit.RIGHT |\n      CornerBit.FLIP_RTL,  // tslint:disable-line:no-bitwise\n}\n\nexport {cssClasses, strings, numbers, CornerBit, Corner};\n"]}