@material/web 1.0.0-pre.12 → 1.0.0-pre.14

package/list/lib/listitem/list-item.js

@@ -1,230 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-var _a;
-import { __decorate } from "tslib";
-import '../../../ripple/ripple.js';
-import '../../../focus/focus-ring.js';
-import { html, LitElement, nothing } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { requestUpdateOnAriaChange } from '../../../internal/aria/delegate.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class ListItemEl extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The primary, headline text of the list item.
-         */
-        this.headline = '';
-        /**
-         * The one-line supporting text below the headline. Set
-         * `multiLineSupportingText` to `true` to support multiple lines in the
-         * supporting text.
-         */
-        this.supportingText = '';
-        /**
-         * Modifies `supportingText` to support multiple lines.
-         */
-        this.multiLineSupportingText = false;
-        /**
-         * The supporting text placed at the end of the item. Overridden by elements
-         * slotted into the `end` slot.
-         */
-        this.trailingSupportingText = '';
-        /**
-         * Disables the item and makes it non-selectable and non-interactive.
-         */
-        this.disabled = false;
-        /**
-         * The tabindex of the underlying item.
-         *
-         * __NOTE:__ this is overridden by the keyboard behavior of `md-list` and by
-         * setting `selected`.
-         */
-        this.itemTabIndex = -1;
-        /**
-         * Whether or not the element is actively being interacted with by md-list.
-         * When active, tabindex is set to 0, and in some list item variants (like
-         * md-list-item), focuses the underlying item.
-         */
-        this.active = false;
-        /**
-         * Sets the role of the list item. Set to '' to clear the role.
-         */
-        this.type = 'listitem';
-        /**
-         * READONLY. Sets the `md-list-item` attribute on the element.
-         */
-        this.isListItem = true;
-        /**
-         * Only meant to be overridden by subclassing and not by the user. This is
-         * so that we have control over focus on specific variants such as disabling
-         * focus on <md-autocomplete-item> but enabling it for <md-menu-item>.
-         */
-        this.focusOnActivation = true;
-        this.isFirstUpdate = true;
-    }
-    willUpdate(changed) {
-        if (changed.has('active') && !this.disabled) {
-            if (this.active) {
-                this.itemTabIndex = 0;
-            }
-            else if (!this.isFirstUpdate) {
-                // Do not reset anything if it's the first render because user could
-                // have set `itemTabIndex` manually.
-                this.itemTabIndex = -1;
-            }
-        }
-    }
-    render() {
-        return this.renderListItem(html `
-      <div class="content-wrapper">
-        ${this.renderStart()}
-        ${this.renderBody()}
-        ${this.renderEnd()}
-        ${this.renderRipple()}
-        ${this.renderFocusRing()}
-      </div>
-    `);
-    }
-    /**
-     * Renders the root list item.
-     *
-     * @param content the child content of the list item.
-     */
-    renderListItem(content) {
-        return html `
-      <li
-        id="item"
-        tabindex=${this.disabled ? -1 : this.itemTabIndex}
-        role=${this.type === 'none' ? nothing : this.type}
-        aria-selected=${this.ariaSelected || nothing}
-        aria-checked=${this.ariaChecked || nothing}
-        class="list-item ${classMap(this.getRenderClasses())}"
-        @click=${this.onClick}
-        @pointerenter=${this.onPointerenter}
-        @pointerleave=${this.onPointerleave}
-        @keydown=${this.onKeydown}
-      >${content}</li>
-    `;
-    }
-    /**
-     * Handles rendering of the ripple element.
-     */
-    renderRipple() {
-        return html `<md-ripple for="item" ?disabled=${this.disabled}></md-ripple>`;
-    }
-    /**
-     * Handles rendering of the focus ring.
-     */
-    renderFocusRing() {
-        return html `<md-focus-ring class="focus-ring" for="item" inward></md-focus-ring>`;
-    }
-    /**
-     * Classes applied to the list item root.
-     */
-    getRenderClasses() {
-        return {
-            'with-one-line': this.supportingText === '',
-            'with-two-line': this.supportingText !== '' && !this.multiLineSupportingText,
-            'with-three-line': this.supportingText !== '' && this.multiLineSupportingText,
-            'disabled': this.disabled
-        };
-    }
-    /**
-     * The content rendered at the start of the list item.
-     */
-    renderStart() {
-        return html `<div class="start"><slot name="start"></slot></div>`;
-    }
-    /**
-     * Handles rendering the headline and supporting text.
-     */
-    renderBody() {
-        const supportingText = this.supportingText !== '' ? this.renderSupportingText() : '';
-        return html `<div class="body"
-      ><span class="label-text">${this.headline}</span>${supportingText}</div>`;
-    }
-    /**
-     * Renders the one-line supporting text.
-     */
-    renderSupportingText() {
-        return html `<span
-        class="supporting-text ${classMap(this.getSupportingTextClasses())}"
-      >${this.supportingText}</span>`;
-    }
-    /**
-     * Gets the classes for the supporting text node
-     */
-    getSupportingTextClasses() {
-        return { 'supporting-text--multi-line': this.multiLineSupportingText };
-    }
-    /**
-     * The content rendered at the end of the list item.
-     */
-    renderEnd() {
-        const supportingText = this.trailingSupportingText !== '' ?
-            this.renderTrailingSupportingText() :
-            '';
-        return html `<div class="end"
-      ><slot name="end">${supportingText}</slot></div>`;
-    }
-    /**
-     * Renders the supporting text at the end of the list item.
-     */
-    renderTrailingSupportingText() {
-        return html `<span class="trailing-supporting-text"
-      >${this.trailingSupportingText}</span>`;
-    }
-    updated(changed) {
-        super.updated(changed);
-        // will focus the list item root if it is selected but not on the first
-        // update or else it may cause the page to jump on first load.
-        if (changed.has('active') && !this.isFirstUpdate && this.active &&
-            this.focusOnActivation) {
-            this.focus();
-        }
-        this.isFirstUpdate = false;
-    }
-    focus() {
-        this.listItemRoot?.focus?.();
-    }
-}
-_a = ListItemEl;
-(() => {
-    requestUpdateOnAriaChange(_a);
-})();
-__decorate([
-    property()
-], ListItemEl.prototype, "headline", void 0);
-__decorate([
-    property({ attribute: 'supporting-text' })
-], ListItemEl.prototype, "supportingText", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'multi-line-supporting-text' })
-], ListItemEl.prototype, "multiLineSupportingText", void 0);
-__decorate([
-    property({ attribute: 'trailing-supporting-text' })
-], ListItemEl.prototype, "trailingSupportingText", void 0);
-__decorate([
-    property({ type: Boolean })
-], ListItemEl.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Number, attribute: 'item-tabindex' })
-], ListItemEl.prototype, "itemTabIndex", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], ListItemEl.prototype, "active", void 0);
-__decorate([
-    property()
-], ListItemEl.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'md-list-item', reflect: true })
-], ListItemEl.prototype, "isListItem", void 0);
-__decorate([
-    query('.list-item')
-], ListItemEl.prototype, "listItemRoot", void 0);
-//# sourceMappingURL=list-item.js.map

package/list/lib/listitem/list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item.js","sourceRoot":"","sources":["list-item.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../../ripple/ripple.js';\nimport '../../../focus/focus-ring.js';\n\nimport {html, LitElement, nothing, PropertyValues, TemplateResult} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {ARIAMixinStrict} from '../../../internal/aria/aria.js';\nimport {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';\n\n/**\n * Supported roles for a list item.\n */\nexport type ListItemRole = 'listitem'|'menuitem'|'option'|'link'|'none';\n\ninterface ListItemSelf {\n  active: boolean;\n  disabled: boolean;\n}\n\n/**\n * The interface of an item that is compatible with md-list. An item that is\n * selectable and disablable.\n */\nexport type ListItem = ListItemSelf&HTMLElement;\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ListItemEl extends LitElement implements ListItem {\n  static {\n    requestUpdateOnAriaChange(this);\n  }\n\n  /**\n   * The primary, headline text of the list item.\n   */\n  @property() headline = '';\n\n  /**\n   * The one-line supporting text below the headline. Set\n   * `multiLineSupportingText` to `true` to support multiple lines in the\n   * supporting text.\n   */\n  @property({attribute: 'supporting-text'}) supportingText = '';\n\n  /**\n   * Modifies `supportingText` to support multiple lines.\n   */\n  @property({type: Boolean, attribute: 'multi-line-supporting-text'})\n  multiLineSupportingText = false;\n\n  /**\n   * The supporting text placed at the end of the item. Overridden by elements\n   * slotted into the `end` slot.\n   */\n  @property({attribute: 'trailing-supporting-text'})\n  trailingSupportingText = '';\n\n  /**\n   * Disables the item and makes it non-selectable and non-interactive.\n   */\n  @property({type: Boolean}) disabled = false;\n\n  /**\n   * The tabindex of the underlying item.\n   *\n   * __NOTE:__ this is overridden by the keyboard behavior of `md-list` and by\n   * setting `selected`.\n   */\n  @property({type: Number, attribute: 'item-tabindex'}) itemTabIndex = -1;\n\n  /**\n   * Whether or not the element is actively being interacted with by md-list.\n   * When active, tabindex is set to 0, and in some list item variants (like\n   * md-list-item), focuses the underlying item.\n   */\n  @property({type: Boolean, reflect: true}) active = false;\n\n  /**\n   * Sets the role of the list item. Set to '' to clear the role.\n   */\n  @property()\n  type: ListItemRole = 'listitem';\n\n  /**\n   * READONLY. Sets the `md-list-item` attribute on the element.\n   */\n  @property({type: Boolean, attribute: 'md-list-item', reflect: true})\n  isListItem = true;\n\n  @query('.list-item') protected readonly listItemRoot!: HTMLElement|null;\n\n  /**\n   * Only meant to be overridden by subclassing and not by the user. This is\n   * so that we have control over focus on specific variants such as disabling\n   * focus on <md-autocomplete-item> but enabling it for <md-menu-item>.\n   */\n  protected focusOnActivation = true;\n\n  protected isFirstUpdate = true;\n\n  protected override willUpdate(changed: PropertyValues<this>) {\n    if (changed.has('active') && !this.disabled) {\n      if (this.active) {\n        this.itemTabIndex = 0;\n      } else if (!this.isFirstUpdate) {\n        // Do not reset anything if it's the first render because user could\n        // have set `itemTabIndex` manually.\n        this.itemTabIndex = -1;\n      }\n    }\n  }\n\n  protected override render() {\n    return this.renderListItem(html`\n      <div class=\"content-wrapper\">\n        ${this.renderStart()}\n        ${this.renderBody()}\n        ${this.renderEnd()}\n        ${this.renderRipple()}\n        ${this.renderFocusRing()}\n      </div>\n    `);\n  }\n\n  /**\n   * Renders the root list item.\n   *\n   * @param content the child content of the list item.\n   */\n  protected renderListItem(content: unknown) {\n    return html`\n      <li\n        id=\"item\"\n        tabindex=${this.disabled ? -1 : this.itemTabIndex}\n        role=${this.type === 'none' ? nothing : this.type}\n        aria-selected=${(this as ARIAMixinStrict).ariaSelected || nothing}\n        aria-checked=${(this as ARIAMixinStrict).ariaChecked || nothing}\n        class=\"list-item ${classMap(this.getRenderClasses())}\"\n        @click=${this.onClick}\n        @pointerenter=${this.onPointerenter}\n        @pointerleave=${this.onPointerleave}\n        @keydown=${this.onKeydown}\n      >${content}</li>\n    `;\n  }\n\n  /**\n   * Handles rendering of the ripple element.\n   */\n  protected renderRipple(): TemplateResult|typeof nothing {\n    return html`<md-ripple for=\"item\" ?disabled=${this.disabled}></md-ripple>`;\n  }\n\n  /**\n   * Handles rendering of the focus ring.\n   */\n  protected renderFocusRing(): TemplateResult|typeof nothing {\n    return html`<md-focus-ring class=\"focus-ring\" for=\"item\" inward></md-focus-ring>`;\n  }\n\n  /**\n   * Classes applied to the list item root.\n   */\n  protected getRenderClasses() {\n    return {\n      'with-one-line': this.supportingText === '',\n      'with-two-line':\n          this.supportingText !== '' && !this.multiLineSupportingText,\n      'with-three-line':\n          this.supportingText !== '' && this.multiLineSupportingText,\n      'disabled': this.disabled\n    };\n  }\n\n  /**\n   * The content rendered at the start of the list item.\n   */\n  protected renderStart() {\n    return html`<div class=\"start\"><slot name=\"start\"></slot></div>`;\n  }\n\n  /**\n   * Handles rendering the headline and supporting text.\n   */\n  protected renderBody() {\n    const supportingText =\n        this.supportingText !== '' ? this.renderSupportingText() : '';\n\n    return html`<div class=\"body\"\n      ><span class=\"label-text\">${this.headline}</span>${supportingText}</div>`;\n  }\n\n  /**\n   * Renders the one-line supporting text.\n   */\n  protected renderSupportingText() {\n    return html`<span\n        class=\"supporting-text ${classMap(this.getSupportingTextClasses())}\"\n      >${this.supportingText}</span>`;\n  }\n\n  /**\n   * Gets the classes for the supporting text node\n   */\n  protected getSupportingTextClasses() {\n    return {'supporting-text--multi-line': this.multiLineSupportingText};\n  }\n\n  /**\n   * The content rendered at the end of the list item.\n   */\n  protected renderEnd() {\n    const supportingText = this.trailingSupportingText !== '' ?\n        this.renderTrailingSupportingText() :\n        '';\n    return html`<div class=\"end\"\n      ><slot name=\"end\">${supportingText}</slot></div>`;\n  }\n\n  /**\n   * Renders the supporting text at the end of the list item.\n   */\n  protected renderTrailingSupportingText() {\n    return html`<span class=\"trailing-supporting-text\"\n      >${this.trailingSupportingText}</span>`;\n  }\n\n  // For easier overriding in menu-item\n  protected onClick?(event: Event): void;\n  protected onKeydown?(event: KeyboardEvent): void;\n  protected onPointerenter?(event: Event): void;\n  protected onPointerleave?(event: Event): void;\n\n  protected override updated(changed: PropertyValues<this>) {\n    super.updated(changed);\n\n    // will focus the list item root if it is selected but not on the first\n    // update or else it may cause the page to jump on first load.\n    if (changed.has('active') && !this.isFirstUpdate && this.active &&\n        this.focusOnActivation) {\n      this.focus();\n    }\n\n    this.isFirstUpdate = false;\n  }\n\n  override focus() {\n    this.listItemRoot?.focus?.();\n  }\n}\n"]}

package/list/lib/listitemlink/list-item-link-only.d.ts

@@ -1,22 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { nothing } from 'lit';
-import { ListItemLink } from './list-item-link.js';
-export declare class ListItemLinkOnly extends ListItemLink {
-    /**
-     * Removes the hover and click ripples from the item when true. Clicking the
-     * link will still cause link navigation.
-     */
-    noninteractive: boolean;
-    getRenderClasses(): {
-        noninteractive: boolean;
-        'with-one-line': boolean;
-        'with-two-line': boolean;
-        'with-three-line': boolean;
-        disabled: boolean;
-    };
-    renderRipple(): typeof nothing | import("lit-html").TemplateResult<2 | 1>;
-}

package/list/lib/listitemlink/list-item-link-only.js

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ListItemLink } from './list-item-link.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class ListItemLinkOnly extends ListItemLink {
-    constructor() {
-        super(...arguments);
-        /**
-         * Removes the hover and click ripples from the item when true. Clicking the
-         * link will still cause link navigation.
-         */
-        this.noninteractive = false;
-    }
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'noninteractive': this.noninteractive,
-        };
-    }
-    renderRipple() {
-        return this.noninteractive ? nothing : super.renderRipple();
-    }
-}
-__decorate([
-    property()
-], ListItemLinkOnly.prototype, "noninteractive", void 0);
-//# sourceMappingURL=list-item-link-only.js.map

package/list/lib/listitemlink/list-item-link-only.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-link-only.js","sourceRoot":"","sources":["list-item-link-only.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,KAAK,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAEjD,gEAAgE;AAChE,MAAM,OAAO,gBAAiB,SAAQ,YAAY;IAAlD;;QACE;;;WAGG;QACS,mBAAc,GAAG,KAAK,CAAC;IAYrC,CAAC;IAVU,gBAAgB;QACvB,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,gBAAgB,EAAE,IAAI,CAAC,cAAc;SACtC,CAAC;IACJ,CAAC;IAEQ,YAAY;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;CACF;AAZa;IAAX,QAAQ,EAAE;wDAAwB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {ListItemLink} from './list-item-link.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ListItemLinkOnly extends ListItemLink {\n  /**\n   * Removes the hover and click ripples from the item when true. Clicking the\n   * link will still cause link navigation.\n   */\n  @property() noninteractive = false;\n\n  override getRenderClasses() {\n    return {\n      ...super.getRenderClasses(),\n      'noninteractive': this.noninteractive,\n    };\n  }\n\n  override renderRipple() {\n    return this.noninteractive ? nothing : super.renderRipple();\n  }\n}\n"]}

package/menu/lib/_menu.scss

@@ -1,103 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:string';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../elevation/elevation';
-@use '../../focus/focus-ring';
-@use '../../internal/sass/theme';
-@use '../../list/list' as md-list;
-@use '../../list/list-item';
-@use '../../tokens';
-// go/keep-sorted end
-
-@mixin theme($tokens) {
-  $tokens: theme.validate-theme(tokens.md-comp-menu-values(), $tokens);
-
-  @each $token, $value in $tokens {
-    @if $value {
-      --md-menu-#{$token}: #{$value};
-    }
-  }
-}
-
-@mixin styles() {
-  $tokens: tokens.md-comp-menu-values();
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: var(--md-menu-#{$token}, #{$value});
-    }
-
-    @include md-list.theme(
-      (
-        'container-color': var(--_container-color),
-      )
-    );
-
-    @include elevation.theme(
-      (
-        'level': var(--_container-elevation),
-        'shadow-color': var(--_container-shadow-color),
-      )
-    );
-
-    @include focus-ring.theme(
-      (
-        'shape': var(--_container-shape),
-      )
-    );
-
-    min-width: 300px;
-  }
-
-  .menu {
-    border-radius: var(--_container-shape);
-    display: none;
-    opacity: 0;
-    z-index: 20;
-    position: absolute;
-    user-select: none;
-    max-height: inherit;
-    height: inherit;
-    min-width: inherit;
-
-    &.fixed {
-      position: fixed;
-    }
-
-    md-list {
-      height: inherit;
-      max-height: inherit;
-      display: block;
-      overflow: auto;
-      min-width: inherit;
-      border-radius: inherit;
-    }
-
-    &.has-overflow md-list {
-      overflow: visible;
-    }
-
-    &.animating md-list {
-      pointer-events: none;
-      overflow: hidden;
-    }
-
-    &.animating ::slotted(.hidden) {
-      opacity: 0;
-    }
-
-    slot {
-      display: block;
-      height: inherit;
-      max-height: inherit;
-    }
-  }
-}

package/menu/lib/menu-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{--_container-color: var(--md-menu-container-color, var(--md-sys-color-surface-container, #f3edf7));--_container-elevation: var(--md-menu-container-elevation, 2);--_container-shadow-color: var(--md-menu-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-menu-container-shape, 4px);--md-list-container-color: var(--_container-color);--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color);--md-focus-ring-shape: var(--_container-shape);min-width:300px}.menu{border-radius:var(--_container-shape);display:none;opacity:0;z-index:20;position:absolute;user-select:none;max-height:inherit;height:inherit;min-width:inherit}.menu.fixed{position:fixed}.menu md-list{height:inherit;max-height:inherit;display:block;overflow:auto;min-width:inherit;border-radius:inherit}.menu.has-overflow md-list{overflow:visible}.menu.animating md-list{pointer-events:none;overflow:hidden}.menu.animating ::slotted(.hidden){opacity:0}.menu slot{display:block;height:inherit;max-height:inherit}/*# sourceMappingURL=menu-styles.css.map */
-`;
-//# sourceMappingURL=menu-styles.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-styles.css.js","sourceRoot":"","sources":["menu-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{--_container-color: var(--md-menu-container-color, var(--md-sys-color-surface-container, #f3edf7));--_container-elevation: var(--md-menu-container-elevation, 2);--_container-shadow-color: var(--md-menu-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-menu-container-shape, 4px);--md-list-container-color: var(--_container-color);--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color);--md-focus-ring-shape: var(--_container-shape);min-width:300px}.menu{border-radius:var(--_container-shape);display:none;opacity:0;z-index:20;position:absolute;user-select:none;max-height:inherit;height:inherit;min-width:inherit}.menu.fixed{position:fixed}.menu md-list{height:inherit;max-height:inherit;display:block;overflow:auto;min-width:inherit;border-radius:inherit}.menu.has-overflow md-list{overflow:visible}.menu.animating md-list{pointer-events:none;overflow:hidden}.menu.animating ::slotted(.hidden){opacity:0}.menu slot{display:block;height:inherit;max-height:inherit}/*# sourceMappingURL=menu-styles.css.map */\n`;\n "]}

package/menu/lib/menu.d.ts

@@ -1,225 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../list/list.js';
-import '../../focus/focus-ring.js';
-import '../../elevation/elevation.js';
-import { LitElement } from 'lit';
-import { ARIARole } from '../../internal/aria/aria.js';
-import { MenuItem } from './shared.js';
-import { Corner, SurfacePositionTarget } from './surfacePositionController.js';
-import { TypeaheadController } from './typeaheadController.js';
-export { Corner } from './surfacePositionController.js';
-/**
- * The default value for the typeahead buffer time in Milliseconds.
- */
-export declare const DEFAULT_TYPEAHEAD_BUFFER_TIME = 200;
-/**
- * Element to focus on when menu is first opened.
- */
-export type DefaultFocusState = 'NONE' | 'LIST_ROOT' | 'FIRST_ITEM' | 'LAST_ITEM';
-/**
- * @fires opening Fired before the opening animation begins
- * @fires opened Fired once the menu is open, after any animations
- * @fires closing Fired before the closing animation begins
- * @fires closed Fired once the menu is closed, after any animations
- */
-export declare abstract class Menu extends LitElement {
-    private readonly listElement;
-    private readonly surfaceEl;
-    private readonly slotEl;
-    /**
-     * The element in which the menu should align to.
-     */
-    anchor: HTMLElement & Partial<SurfacePositionTarget> | null;
-    /**
-     * Makes the element use `position:fixed` instead of `position:absolute`. In
-     * most cases, the menu should position itself above most other
-     * `position:absolute` or `position:fixed` elements when placed inside of
-     * them. e.g. using a menu inside of an `md-dialog`.
-     *
-     * __NOTE__: Fixed menus will not scroll with the page and will be fixed to
-     * the window instead.
-     */
-    fixed: boolean;
-    /**
-     * Skips the opening and closing animations.
-     */
-    quick: boolean;
-    /**
-     * Displays overflow content like a submenu.
-     *
-     * __NOTE__: This may cause adverse effects if you set
-     * `md-menu {max-height:...}`
-     * and have items overflowing items in the "y" direction.
-     */
-    hasOverflow: boolean;
-    /**
-     * Opens the menu and makes it visible. Alternative to the `.show()` and
-     * `.close()` methods
-     */
-    open: boolean;
-    /**
-     * Offsets the menu's inline alignment from the anchor by the given number in
-     * pixels. This value is direction aware and will follow the LTR / RTL
-     * direction.
-     *
-     * e.g. LTR: positive -> right, negative -> left
-     *      RTL: positive -> left, negative -> right
-     */
-    xOffset: number;
-    /**
-     * Offsets the menu's block alignment from the anchor by the given number in
-     * pixels.
-     *
-     * e.g. positive -> down, negative -> up
-     */
-    yOffset: number;
-    /**
-     * The tabindex of the underlying list element.
-     */
-    listTabIndex: number;
-    /**
-     * The role of the underlying list element.
-     */
-    type: ARIARole;
-    /**
-     * The max time between the keystrokes of the typeahead menu behavior before
-     * it clears the typeahead buffer.
-     */
-    typeaheadDelay: number;
-    /**
-     * The corner of the anchor which to align the menu in the standard logical
-     * property style of <block>_<inline>.
-     */
-    anchorCorner: Corner;
-    /**
-     * The corner of the menu which to align the anchor in the standard logical
-     * property style of <block>_<inline>.
-     */
-    menuCorner: Corner;
-    /**
-     * Keeps the user clicks outside the menu.
-     *
-     * NOTE: clicking outside may still cause focusout to close the menu so see
-     * `stayOpenOnFocusout`.
-     */
-    stayOpenOnOutsideClick: boolean;
-    /**
-     * Keeps the menu open when focus leaves the menu's composed subtree.
-     *
-     * NOTE: Focusout behavior will stop propagation of the focusout event. Set
-     * this property to true to opt-out of menu's focuout handling altogether.
-     */
-    stayOpenOnFocusout: boolean;
-    /**
-     * After closing, does not restore focus to the last focused element before
-     * the menu was opened.
-     */
-    skipRestoreFocus: boolean;
-    /**
-     * The element that should be focused by default once opened.
-     */
-    defaultFocus: DefaultFocusState;
-    private typeaheadActive;
-    private readonly openCloseAnimationSignal;
-    /**
-     * Whether the menu is animating upwards or downwards when opening. This is
-     * helpful for calculating some animation calculations.
-     */
-    private get openDirection();
-    /**
-     * The element that was focused before the menu opened.
-     */
-    private lastFocusedElement;
-    /**
-     * Handles typeahead navigation through the menu.
-     */
-    typeaheadController: TypeaheadController;
-    /**
-     * Handles positioning the surface and aligning it to the anchor.
-     */
-    private readonly menuPositionController;
-    /**
-     * The menu items associated with this menu. The items must be `MenuItem`s and
-     * have both the `md-menu-item` and `md-list-item` attributes.
-     */
-    get items(): MenuItem[];
-    protected render(): import("lit-html").TemplateResult<1>;
-    /**
-     * Renders the positionable surface element and its contents.
-     */
-    private renderSurface;
-    /**
-     * Renders the List element and its items
-     */
-    private renderList;
-    /**
-     * Renders the menu items' slot
-     */
-    private renderMenuItems;
-    /**
-     * Renders the elevation component.
-     */
-    private renderElevation;
-    /**
-     * Renders the focus ring component.
-     */
-    private renderFocusRing;
-    private getSurfaceClasses;
-    private handleFocusout;
-    private handleListKeydown;
-    /**
-     * Saves the last focused element focuses the new element based on
-     * `defaultFocus`, and animates open.
-     */
-    private readonly onOpened;
-    /**
-     * Animates closed.
-     */
-    private readonly beforeClose;
-    /**
-     * Focuses the last focused element.
-     */
-    private readonly onClosed;
-    /**
-     * Performs the opening animation:
-     *
-     * https://direct.googleplex.com/#/spec/295000003+271060003
-     */
-    private animateOpen;
-    /**
-     * Performs the closing animation:
-     *
-     * https://direct.googleplex.com/#/spec/295000003+271060003
-     */
-    private animateClose;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private readonly onWindowClick;
-    private onCloseMenu;
-    private onDeactivateItems;
-    private handleDeactivateTypeahead;
-    private handleActivateTypeahead;
-    private handleStayOpenOnFocusout;
-    private handleCloseOnFocusout;
-    focus(): void;
-    close(): void;
-    show(): void;
-    /**
-     * Activates the next item in the menu. If at the end of the menu, the first
-     * item will be activated.
-     *
-     * @return The activated menu item or `null` if there are no items.
-     */
-    activateNextItem(): MenuItem;
-    /**
-     * Activates the previous item in the menu. If at the start of the menu, the
-     * last item will be activated.
-     *
-     * @return The activated menu item or `null` if there are no items.
-     */
-    activatePreviousItem(): MenuItem;
-}