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

package/menusurface/lib/menu-surface.d.ts

@@ -1,62 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { LitElement, PropertyValues } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { MDCMenuSurfaceAdapter } from './adapter.js';
-import { Corner as CornerEnum } from './constants.js';
-import { MDCMenuSurfaceFoundation } from './foundation.js';
-export declare type Corner = keyof typeof CornerEnum;
-export declare type AnchorableElement = HTMLElement & {
-    anchor: Element | null;
-};
-/**
- * @fires opened
- * @fires closed
- */
-export declare abstract class MenuSurface extends LitElement {
-    protected mdcFoundation: MDCMenuSurfaceFoundation;
-    mdcRoot: HTMLDivElement;
-    slotElement: HTMLSlotElement | null;
-    absolute: boolean;
-    fullwidth: boolean;
-    fixed: boolean;
-    x: number | null;
-    y: number | null;
-    quick: boolean;
-    open: boolean;
-    stayOpenOnBodyClick: boolean;
-    skipRestoreFocus: boolean;
-    protected previousFlipMenuHorizontally: boolean;
-    /**
-     * Whether to align the menu surface to the opposite side of the default
-     * alignment.
-     */
-    flipMenuHorizontally: boolean;
-    corner: Corner;
-    protected styleTop: string;
-    protected styleLeft: string;
-    protected styleRight: string;
-    protected styleBottom: string;
-    protected styleMaxHeight: string;
-    protected styleTransformOrigin: string;
-    anchor: HTMLElement | null;
-    protected previouslyFocused: HTMLElement | Element | null;
-    protected previousAnchor: HTMLElement | null;
-    protected onBodyClickBound: (evt: MouseEvent) => void;
-    render(): import("lit-html").TemplateResult<1>;
-    /** @soyTemplate */
-    protected getRenderClasses(): ClassInfo;
-    protected updated(changedProperties: PropertyValues<MenuSurface>): void;
-    protected firstUpdated(): void;
-    createAdapter(): MDCMenuSurfaceAdapter;
-    protected onKeydown(evt: KeyboardEvent): void;
-    protected onBodyClick(evt: MouseEvent): void;
-    protected registerBodyClick(): void;
-    protected deregisterBodyClick(): void;
-    close(): void;
-    show(): void;
-}

package/menusurface/lib/menu-surface.js

@@ -1,347 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-// Style preference for leading underscores.
-// tslint:disable:strip-private-property-underscore
-import '../../elevation/elevation.js';
-import { html, LitElement } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { isRtl } from '../../controller/is-rtl.js';
-import { Corner as CornerEnum } from './constants.js';
-import { MDCMenuSurfaceFoundation } from './foundation.js';
-// tslint:disable:no-bitwise
-// required for closure compiler
-const stringToCorner = {
-    'TOP_LEFT': CornerEnum.TOP_LEFT,
-    'TOP_RIGHT': CornerEnum.TOP_RIGHT,
-    'BOTTOM_LEFT': CornerEnum.BOTTOM_LEFT,
-    'BOTTOM_RIGHT': CornerEnum.BOTTOM_RIGHT,
-    'TOP_START': CornerEnum.TOP_START,
-    'TOP_END': CornerEnum.TOP_END,
-    'BOTTOM_START': CornerEnum.BOTTOM_START,
-    'BOTTOM_END': CornerEnum.BOTTOM_END,
-};
-/**
- * @fires opened
- * @fires closed
- */
-export class MenuSurface extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.absolute = false;
-        this.fullwidth = false;
-        this.fixed = false;
-        this.x = null;
-        this.y = null;
-        // must be defined before open or else race condition in foundation occurs.
-        this.quick = false;
-        this.open = false;
-        this.stayOpenOnBodyClick = false;
-        this.skipRestoreFocus = false;
-        this.previousFlipMenuHorizontally = false;
-        /**
-         * Whether to align the menu surface to the opposite side of the default
-         * alignment.
-         */
-        this.flipMenuHorizontally = false;
-        this.corner = 'BOTTOM_START';
-        this.styleTop = '';
-        this.styleLeft = '';
-        this.styleRight = '';
-        this.styleBottom = '';
-        this.styleMaxHeight = '';
-        this.styleTransformOrigin = '';
-        this.anchor = null;
-        this.previouslyFocused = null;
-        this.previousAnchor = null;
-        this.onBodyClickBound = () => undefined;
-    }
-    render() {
-        const styles = {
-            'top': this.styleTop,
-            'left': this.styleLeft,
-            'right': this.styleRight,
-            'bottom': this.styleBottom,
-            'max-height': this.styleMaxHeight,
-            'transform-origin': this.styleTransformOrigin,
-        };
-        return html `
-      <div
-          class="md3-menu-surface ${classMap(this.getRenderClasses())}"
-          style="${styleMap(styles)}"
-          @keydown=${this.onKeydown}
-          @opened=${this.registerBodyClick}
-          @closed=${this.deregisterBodyClick}>
-        <md-elevation shadow></md-elevation>
-        <slot></slot>
-      </div>`;
-    }
-    /** @soyTemplate */
-    getRenderClasses() {
-        return {
-            'md3-menu-surface--fixed': this.fixed,
-            'md3-menu-surface--fullwidth': this.fullwidth,
-        };
-    }
-    updated(changedProperties) {
-        if (changedProperties.has('absolute') && !this.fixed) {
-            this.mdcFoundation.setIsHoisted(this.absolute);
-        }
-        if (changedProperties.has('fixed') && !this.absolute) {
-            this.mdcFoundation.setFixedPosition(this.fixed);
-        }
-        if ((changedProperties.has('x') || changedProperties.has('y')) &&
-            this.x !== null && this.y !== null) {
-            this.mdcFoundation.setAbsolutePosition(this.x, this.y);
-            this.mdcFoundation.setAnchorMargin({ left: this.x, top: this.y, right: -this.y, bottom: this.y });
-        }
-        if (changedProperties.has('quick')) {
-            this.mdcFoundation.setQuickOpen(this.quick);
-        }
-        if (changedProperties.has('open')) {
-            const wasOpen = changedProperties.get('open');
-            if (this.open) {
-                this.mdcFoundation.open();
-                // wasOpen helps with first render (when it is `undefined`) perf
-            }
-            else if (wasOpen !== undefined) {
-                this.mdcFoundation.close(this.skipRestoreFocus);
-            }
-        }
-        if (changedProperties.has('flipMenuHorizontally')) {
-            if (this.previousFlipMenuHorizontally !== this.flipMenuHorizontally) {
-                this.mdcFoundation.flipCornerHorizontally();
-            }
-            this.previousFlipMenuHorizontally = this.flipMenuHorizontally;
-        }
-        if (changedProperties.has('corner') && this.corner) {
-            const bitwiseCorner = stringToCorner[this.corner];
-            this.mdcFoundation.setAnchorCorner(bitwiseCorner);
-        }
-    }
-    firstUpdated() {
-        if (this.mdcFoundation !== undefined) {
-            this.mdcFoundation.destroy();
-        }
-        this.mdcFoundation = new MDCMenuSurfaceFoundation(this.createAdapter());
-        this.mdcFoundation.init();
-    }
-    createAdapter() {
-        return {
-            addClass: (className) => {
-                this.mdcRoot.classList.add(className);
-            },
-            removeClass: (className) => {
-                this.mdcRoot.classList.remove(className);
-            },
-            hasClass: (className) => this.mdcRoot.classList.contains(className),
-            hasAnchor: () => {
-                return !!this.anchor;
-            },
-            notifyClose: () => {
-                const init = { bubbles: true, composed: true };
-                const ev = new CustomEvent('closed', init);
-                this.open = false;
-                this.mdcRoot.dispatchEvent(ev);
-            },
-            notifyClosing: () => {
-                const init = { bubbles: true, composed: true };
-                const ev = new CustomEvent('closing', init);
-                this.mdcRoot.dispatchEvent(ev);
-            },
-            notifyOpen: () => {
-                const init = { bubbles: true, composed: true };
-                const ev = new CustomEvent('opened', init);
-                this.open = true;
-                this.mdcRoot.dispatchEvent(ev);
-            },
-            notifyOpening: () => {
-                const init = { bubbles: true, composed: true };
-                const ev = new CustomEvent('opening', init);
-                this.mdcRoot.dispatchEvent(ev);
-            },
-            isElementInContainer: () => false,
-            isRtl: () => this.mdcRoot ? isRtl(this.mdcRoot) : false,
-            setTransformOrigin: (origin) => {
-                const root = this.mdcRoot;
-                if (!root) {
-                    return;
-                }
-                this.styleTransformOrigin = origin;
-            },
-            isFocused: () => {
-                return this.matches(':focus-within');
-            },
-            saveFocus: () => {
-                this.previouslyFocused = document.activeElement;
-            },
-            restoreFocus: () => {
-                if (!this.previouslyFocused) {
-                    return;
-                }
-                if ('focus' in this.previouslyFocused) {
-                    this.previouslyFocused.focus();
-                }
-            },
-            getInnerDimensions: () => {
-                const mdcRoot = this.mdcRoot;
-                if (!mdcRoot) {
-                    return { width: 0, height: 0 };
-                }
-                return { width: mdcRoot.offsetWidth, height: mdcRoot.offsetHeight };
-            },
-            getAnchorDimensions: () => {
-                const anchorElement = this.anchor;
-                return anchorElement ? anchorElement.getBoundingClientRect() : null;
-            },
-            getBodyDimensions: () => {
-                return {
-                    width: document.body.clientWidth,
-                    height: document.body.clientHeight,
-                };
-            },
-            getWindowDimensions: () => {
-                return {
-                    width: window.innerWidth,
-                    height: window.innerHeight,
-                };
-            },
-            getWindowScroll: () => {
-                return {
-                    x: window.pageXOffset,
-                    y: window.pageYOffset,
-                };
-            },
-            setPosition: (position) => {
-                const mdcRoot = this.mdcRoot;
-                if (!mdcRoot) {
-                    return;
-                }
-                this.styleLeft = 'left' in position ? `${position.left}px` : '';
-                this.styleRight = 'right' in position ? `${position.right}px` : '';
-                this.styleTop = 'top' in position ? `${position.top}px` : '';
-                this.styleBottom = 'bottom' in position ? `${position.bottom}px` : '';
-            },
-            setMaxHeight: async (height) => {
-                const mdcRoot = this.mdcRoot;
-                if (!mdcRoot) {
-                    return;
-                }
-                // must set both for IE support as IE will not set a var
-                this.styleMaxHeight = height;
-                await this.updateComplete;
-                this.styleMaxHeight = `var(--md3-menu-max-height, ${height})`;
-            },
-        };
-    }
-    onKeydown(evt) {
-        if (this.mdcFoundation) {
-            this.mdcFoundation.handleKeydown(evt);
-        }
-    }
-    onBodyClick(evt) {
-        if (this.stayOpenOnBodyClick) {
-            return;
-        }
-        const path = evt.composedPath();
-        if (path.indexOf(this) === -1) {
-            this.close();
-        }
-    }
-    registerBodyClick() {
-        this.onBodyClickBound = this.onBodyClick.bind(this);
-        // capture otherwise listener closes menu after quick menu opens
-        document.body.addEventListener('click', this.onBodyClickBound, { passive: true, capture: true });
-    }
-    deregisterBodyClick() {
-        document.body.removeEventListener('click', this.onBodyClickBound, { capture: true });
-    }
-    close() {
-        this.open = false;
-    }
-    show() {
-        this.open = true;
-    }
-}
-__decorate([
-    query('.md3-menu-surface'),
-    __metadata("design:type", HTMLDivElement)
-], MenuSurface.prototype, "mdcRoot", void 0);
-__decorate([
-    query('slot'),
-    __metadata("design:type", HTMLSlotElement)
-], MenuSurface.prototype, "slotElement", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "absolute", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "fullwidth", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "fixed", void 0);
-__decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
-], MenuSurface.prototype, "x", void 0);
-__decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
-], MenuSurface.prototype, "y", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "quick", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "open", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "stayOpenOnBodyClick", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "skipRestoreFocus", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "flipMenuHorizontally", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], MenuSurface.prototype, "corner", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "styleTop", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "styleLeft", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "styleRight", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "styleBottom", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "styleMaxHeight", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], MenuSurface.prototype, "styleTransformOrigin", void 0);
-//# sourceMappingURL=menu-surface.js.map

package/menusurface/lib/menu-surface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-surface.js","sourceRoot":"","sources":["menu-surface.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// Style preference for leading underscores.\n// tslint:disable:strip-private-property-underscore\n\nimport '../../elevation/elevation.js';\n\nimport {html, LitElement, PropertyValues} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {styleMap} from 'lit/directives/style-map.js';\n\nimport {isRtl} from '../../controller/is-rtl.js';\n\nimport {MDCMenuSurfaceAdapter} from './adapter.js';\nimport {Corner as CornerEnum} from './constants.js';\nimport {MDCMenuSurfaceFoundation} from './foundation.js';\n\nexport type Corner = keyof typeof CornerEnum;\nexport type AnchorableElement = HTMLElement&{anchor: Element | null};\n\n// tslint:disable:no-bitwise\n\n// required for closure compiler\nconst stringToCorner = {\n  'TOP_LEFT': CornerEnum.TOP_LEFT,\n  'TOP_RIGHT': CornerEnum.TOP_RIGHT,\n  'BOTTOM_LEFT': CornerEnum.BOTTOM_LEFT,\n  'BOTTOM_RIGHT': CornerEnum.BOTTOM_RIGHT,\n  'TOP_START': CornerEnum.TOP_START,\n  'TOP_END': CornerEnum.TOP_END,\n  'BOTTOM_START': CornerEnum.BOTTOM_START,\n  'BOTTOM_END': CornerEnum.BOTTOM_END,\n};\n\n/**\n * @fires opened\n * @fires closed\n */\nexport abstract class MenuSurface extends LitElement {\n  protected mdcFoundation!: MDCMenuSurfaceFoundation;\n\n  @query('.md3-menu-surface') mdcRoot!: HTMLDivElement;\n\n  @query('slot') slotElement!: HTMLSlotElement|null;\n\n  @property({type: Boolean}) absolute = false;\n\n  @property({type: Boolean}) fullwidth = false;\n\n  @property({type: Boolean}) fixed = false;\n\n  @property({type: Number}) x: number|null = null;\n\n  @property({type: Number}) y: number|null = null;\n\n  // must be defined before open or else race condition in foundation occurs.\n  @property({type: Boolean}) quick = false;\n\n  @property({type: Boolean, reflect: true}) open = false;\n\n  @property({type: Boolean}) stayOpenOnBodyClick = false;\n\n  @property({type: Boolean}) skipRestoreFocus = false;\n\n  protected previousFlipMenuHorizontally = false;\n\n  /**\n   * Whether to align the menu surface to the opposite side of the default\n   * alignment.\n   */\n  @property({type: Boolean}) flipMenuHorizontally = false;\n\n  @property({type: String}) corner: Corner = 'BOTTOM_START';\n\n  @state() protected styleTop = '';\n  @state() protected styleLeft = '';\n  @state() protected styleRight = '';\n  @state() protected styleBottom = '';\n  @state() protected styleMaxHeight = '';\n  @state() protected styleTransformOrigin = '';\n\n  anchor: HTMLElement|null = null;\n\n  protected previouslyFocused: HTMLElement|Element|null = null;\n  protected previousAnchor: HTMLElement|null = null;\n  protected onBodyClickBound: (evt: MouseEvent) => void = () => undefined;\n\n  override render() {\n    const styles = {\n      'top': this.styleTop,\n      'left': this.styleLeft,\n      'right': this.styleRight,\n      'bottom': this.styleBottom,\n      'max-height': this.styleMaxHeight,\n      'transform-origin': this.styleTransformOrigin,\n    };\n\n    return html`\n      <div\n          class=\"md3-menu-surface ${classMap(this.getRenderClasses())}\"\n          style=\"${styleMap(styles)}\"\n          @keydown=${this.onKeydown}\n          @opened=${this.registerBodyClick}\n          @closed=${this.deregisterBodyClick}>\n        <md-elevation shadow></md-elevation>\n        <slot></slot>\n      </div>`;\n  }\n\n  /** @soyTemplate */\n  protected getRenderClasses(): ClassInfo {\n    return {\n      'md3-menu-surface--fixed': this.fixed,\n      'md3-menu-surface--fullwidth': this.fullwidth,\n    };\n  }\n\n  protected override updated(changedProperties: PropertyValues<MenuSurface>) {\n    if (changedProperties.has('absolute') && !this.fixed) {\n      this.mdcFoundation.setIsHoisted(this.absolute);\n    }\n\n    if (changedProperties.has('fixed') && !this.absolute) {\n      this.mdcFoundation.setFixedPosition(this.fixed);\n    }\n\n    if ((changedProperties.has('x') || changedProperties.has('y')) &&\n        this.x !== null && this.y !== null) {\n      this.mdcFoundation.setAbsolutePosition(this.x, this.y);\n      this.mdcFoundation.setAnchorMargin(\n          {left: this.x, top: this.y, right: -this.y, bottom: this.y});\n    }\n\n    if (changedProperties.has('quick')) {\n      this.mdcFoundation.setQuickOpen(this.quick);\n    }\n\n    if (changedProperties.has('open')) {\n      const wasOpen = changedProperties.get('open');\n      if (this.open) {\n        this.mdcFoundation.open();\n        // wasOpen helps with first render (when it is `undefined`) perf\n      } else if (wasOpen !== undefined) {\n        this.mdcFoundation.close(this.skipRestoreFocus);\n      }\n    }\n\n    if (changedProperties.has('flipMenuHorizontally')) {\n      if (this.previousFlipMenuHorizontally !== this.flipMenuHorizontally) {\n        this.mdcFoundation.flipCornerHorizontally();\n      }\n      this.previousFlipMenuHorizontally = this.flipMenuHorizontally;\n    }\n\n    if (changedProperties.has('corner') && this.corner) {\n      const bitwiseCorner = stringToCorner[this.corner];\n      this.mdcFoundation.setAnchorCorner(bitwiseCorner);\n    }\n  }\n\n  protected override firstUpdated() {\n    if (this.mdcFoundation !== undefined) {\n      this.mdcFoundation.destroy();\n    }\n\n    this.mdcFoundation = new MDCMenuSurfaceFoundation(this.createAdapter());\n    this.mdcFoundation.init();\n  }\n\n  createAdapter(): MDCMenuSurfaceAdapter {\n    return {\n      addClass: (className: string) => {\n        this.mdcRoot.classList.add(className);\n      },\n      removeClass: (className: string) => {\n        this.mdcRoot.classList.remove(className);\n      },\n      hasClass: (className: string) =>\n          this.mdcRoot.classList.contains(className),\n      hasAnchor: () => {\n        return !!this.anchor;\n      },\n      notifyClose: () => {\n        const init: CustomEventInit = {bubbles: true, composed: true};\n        const ev = new CustomEvent('closed', init);\n        this.open = false;\n        this.mdcRoot.dispatchEvent(ev);\n      },\n      notifyClosing: () => {\n        const init: CustomEventInit = {bubbles: true, composed: true};\n        const ev = new CustomEvent('closing', init);\n        this.mdcRoot.dispatchEvent(ev);\n      },\n      notifyOpen: () => {\n        const init: CustomEventInit = {bubbles: true, composed: true};\n        const ev = new CustomEvent('opened', init);\n        this.open = true;\n        this.mdcRoot.dispatchEvent(ev);\n      },\n      notifyOpening: () => {\n        const init: CustomEventInit = {bubbles: true, composed: true};\n        const ev = new CustomEvent('opening', init);\n        this.mdcRoot.dispatchEvent(ev);\n      },\n      isElementInContainer: () => false,\n      isRtl: () => this.mdcRoot ? isRtl(this.mdcRoot) : false,\n      setTransformOrigin: (origin) => {\n        const root = this.mdcRoot;\n        if (!root) {\n          return;\n        }\n\n        this.styleTransformOrigin = origin;\n      },\n      isFocused: () => {\n        return this.matches(':focus-within');\n      },\n      saveFocus: () => {\n        this.previouslyFocused = document.activeElement;\n      },\n      restoreFocus: () => {\n        if (!this.previouslyFocused) {\n          return;\n        }\n\n        if ('focus' in this.previouslyFocused) {\n          this.previouslyFocused.focus();\n        }\n      },\n      getInnerDimensions: () => {\n        const mdcRoot = this.mdcRoot;\n\n        if (!mdcRoot) {\n          return {width: 0, height: 0};\n        }\n\n        return {width: mdcRoot.offsetWidth, height: mdcRoot.offsetHeight};\n      },\n      getAnchorDimensions: () => {\n        const anchorElement = this.anchor;\n\n        return anchorElement ? anchorElement.getBoundingClientRect() : null;\n      },\n      getBodyDimensions: () => {\n        return {\n          width: document.body.clientWidth,\n          height: document.body.clientHeight,\n        };\n      },\n      getWindowDimensions: () => {\n        return {\n          width: window.innerWidth,\n          height: window.innerHeight,\n        };\n      },\n      getWindowScroll: () => {\n        return {\n          x: window.pageXOffset,\n          y: window.pageYOffset,\n        };\n      },\n      setPosition: (position) => {\n        const mdcRoot = this.mdcRoot;\n\n        if (!mdcRoot) {\n          return;\n        }\n\n        this.styleLeft = 'left' in position ? `${position.left}px` : '';\n        this.styleRight = 'right' in position ? `${position.right}px` : '';\n        this.styleTop = 'top' in position ? `${position.top}px` : '';\n        this.styleBottom = 'bottom' in position ? `${position.bottom}px` : '';\n      },\n      setMaxHeight: async (height) => {\n        const mdcRoot = this.mdcRoot;\n\n        if (!mdcRoot) {\n          return;\n        }\n\n        // must set both for IE support as IE will not set a var\n        this.styleMaxHeight = height;\n        await this.updateComplete;\n        this.styleMaxHeight = `var(--md3-menu-max-height, ${height})`;\n      },\n    };\n  }\n\n  protected onKeydown(evt: KeyboardEvent) {\n    if (this.mdcFoundation) {\n      this.mdcFoundation.handleKeydown(evt);\n    }\n  }\n\n  protected onBodyClick(evt: MouseEvent) {\n    if (this.stayOpenOnBodyClick) {\n      return;\n    }\n    const path = evt.composedPath();\n    if (path.indexOf(this) === -1) {\n      this.close();\n    }\n  }\n\n  protected registerBodyClick() {\n    this.onBodyClickBound = this.onBodyClick.bind(this);\n    // capture otherwise listener closes menu after quick menu opens\n    document.body.addEventListener(\n        'click', this.onBodyClickBound, {passive: true, capture: true});\n  }\n\n  protected deregisterBodyClick() {\n    document.body.removeEventListener(\n        'click', this.onBodyClickBound, {capture: true});\n  }\n\n  close() {\n    this.open = false;\n  }\n\n  show() {\n    this.open = true;\n  }\n}\n"]}

package/menusurface/lib/types.d.ts

@@ -1,19 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-export interface MDCMenuDimensions {
-    width: number;
-    height: number;
-}
-export interface MDCMenuDistance {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-}
-export interface MDCMenuPoint {
-    x: number;
-    y: number;
-}

package/menusurface/lib/types.js

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

package/menusurface/lib/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport interface MDCMenuDimensions {\n  width: number;\n  height: number;\n}\n\nexport interface MDCMenuDistance {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nexport interface MDCMenuPoint {\n  x: number;\n  y: number;\n}\n"]}

package/menusurface/menu-surface.d.ts

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MenuSurface } from './lib/menu-surface.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-menu-surface': MdMenuSurface;
-    }
-}
-export declare class MdMenuSurface extends MenuSurface {
-    static styles: import("lit").CSSResult[];
-}

package/menusurface/menu-surface.js

@@ -1,17 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { MenuSurface } from './lib/menu-surface.js';
-import { styles } from './lib/menu-surface-styles.css.js';
-let MdMenuSurface = class MdMenuSurface extends MenuSurface {
-};
-MdMenuSurface.styles = [styles];
-MdMenuSurface = __decorate([
-    customElement('md-menu-surface')
-], MdMenuSurface);
-export { MdMenuSurface };
-//# sourceMappingURL=menu-surface.js.map

package/menusurface/menu-surface.js.map

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

package/motion/animation.d.ts

@@ -1,63 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * Easing functions to use for web animations.
- *
- * TODO(b/241113345): replace with tokens
- */
-export declare enum Easing {
-    STANDARD = "cubic-bezier(0.2, 0, 0, 1)"
-}
-/**
- * A signal that is used for abortable tasks.
- */
-export interface AnimationSignal {
-    /**
-     * Starts the abortable task. Any previous tasks started with this instance
-     * will be aborted.
-     *
-     * @return An `AbortSignal` for the current task.
-     */
-    start(): AbortSignal;
-    /**
-     * Complete the current task.
-     */
-    finish(): void;
-}
-/**
- * Creates an `AnimationSignal` that can be used to cancel a previous task.
- *
- * @example
- * class MyClass {
- *   private labelAnimationSignal = createAnimationSignal();
- *
- *   private async animateLabel() {
- *     // Start of the task. Previous tasks will be canceled.
- *     const signal = this.labelAnimationSignal.start();
- *
- *     // Do async work...
- *     if (signal.aborted) {
- *       // Use AbortSignal to check if a request was made to abort after some
- *       // asynchronous work.
- *       return;
- *     }
- *
- *     const animation = this.animate(...);
- *     // Add event listeners to be notified when the task should be canceled.
- *     signal.addEventListener('abort', () => {
- *       animation.cancel();
- *     });
- *
- *     animation.addEventListener('finish', () => {
- *       // Tell the signal that the current task is finished.
- *       this.labelAnimationSignal.finish();
- *     });
- *   }
- * }
- *
- * @return An `AnimationSignal`.
- */
-export declare function createAnimationSignal(): AnimationSignal;

package/motion/animation.js

@@ -1,66 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * Easing functions to use for web animations.
- *
- * TODO(b/241113345): replace with tokens
- */
-export var Easing;
-(function (Easing) {
-    Easing["STANDARD"] = "cubic-bezier(0.2, 0, 0, 1)";
-})(Easing || (Easing = {}));
-/**
- * Creates an `AnimationSignal` that can be used to cancel a previous task.
- *
- * @example
- * class MyClass {
- *   private labelAnimationSignal = createAnimationSignal();
- *
- *   private async animateLabel() {
- *     // Start of the task. Previous tasks will be canceled.
- *     const signal = this.labelAnimationSignal.start();
- *
- *     // Do async work...
- *     if (signal.aborted) {
- *       // Use AbortSignal to check if a request was made to abort after some
- *       // asynchronous work.
- *       return;
- *     }
- *
- *     const animation = this.animate(...);
- *     // Add event listeners to be notified when the task should be canceled.
- *     signal.addEventListener('abort', () => {
- *       animation.cancel();
- *     });
- *
- *     animation.addEventListener('finish', () => {
- *       // Tell the signal that the current task is finished.
- *       this.labelAnimationSignal.finish();
- *     });
- *   }
- * }
- *
- * @return An `AnimationSignal`.
- */
-export function createAnimationSignal() {
-    // The current animation's AbortController
-    let animationAbortController = null;
-    return {
-        start() {
-            // Tell the previous animation to cancel.
-            animationAbortController?.abort();
-            // Set up a new AbortController for the current animation.
-            animationAbortController = new AbortController();
-            // Provide the AbortSignal so that the caller can check aborted status
-            // and add listeners.
-            return animationAbortController.signal;
-        },
-        finish() {
-            animationAbortController = null;
-        },
-    };
-}
-//# sourceMappingURL=animation.js.map

package/motion/animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation.js","sourceRoot":"","sources":["animation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;GAIG;AACH,MAAM,CAAN,IAAY,MAEX;AAFD,WAAY,MAAM;IAChB,iDAAuC,CAAA;AACzC,CAAC,EAFW,MAAM,KAAN,MAAM,QAEjB;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,UAAU,qBAAqB;IACnC,0CAA0C;IAC1C,IAAI,wBAAwB,GAAyB,IAAI,CAAC;IAE1D,OAAO;QACL,KAAK;YACH,yCAAyC;YACzC,wBAAwB,EAAE,KAAK,EAAE,CAAC;YAClC,0DAA0D;YAC1D,wBAAwB,GAAG,IAAI,eAAe,EAAE,CAAC;YACjD,sEAAsE;YACtE,qBAAqB;YACrB,OAAO,wBAAwB,CAAC,MAAM,CAAC;QACzC,CAAC;QACD,MAAM;YACJ,wBAAwB,GAAG,IAAI,CAAC;QAClC,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Easing functions to use for web animations.\n *\n * TODO(b/241113345): replace with tokens\n */\nexport enum Easing {\n  STANDARD = 'cubic-bezier(0.2, 0, 0, 1)',\n}\n\n/**\n * A signal that is used for abortable tasks.\n */\nexport interface AnimationSignal {\n  /**\n   * Starts the abortable task. Any previous tasks started with this instance\n   * will be aborted.\n   *\n   * @return An `AbortSignal` for the current task.\n   */\n  start(): AbortSignal;\n  /**\n   * Complete the current task.\n   */\n  finish(): void;\n}\n\n/**\n * Creates an `AnimationSignal` that can be used to cancel a previous task.\n *\n * @example\n * class MyClass {\n *   private labelAnimationSignal = createAnimationSignal();\n *\n *   private async animateLabel() {\n *     // Start of the task. Previous tasks will be canceled.\n *     const signal = this.labelAnimationSignal.start();\n *\n *     // Do async work...\n *     if (signal.aborted) {\n *       // Use AbortSignal to check if a request was made to abort after some\n *       // asynchronous work.\n *       return;\n *     }\n *\n *     const animation = this.animate(...);\n *     // Add event listeners to be notified when the task should be canceled.\n *     signal.addEventListener('abort', () => {\n *       animation.cancel();\n *     });\n *\n *     animation.addEventListener('finish', () => {\n *       // Tell the signal that the current task is finished.\n *       this.labelAnimationSignal.finish();\n *     });\n *   }\n * }\n *\n * @return An `AnimationSignal`.\n */\nexport function createAnimationSignal(): AnimationSignal {\n  // The current animation's AbortController\n  let animationAbortController: AbortController|null = null;\n\n  return {\n    start() {\n      // Tell the previous animation to cancel.\n      animationAbortController?.abort();\n      // Set up a new AbortController for the current animation.\n      animationAbortController = new AbortController();\n      // Provide the AbortSignal so that the caller can check aborted status\n      // and add listeners.\n      return animationAbortController.signal;\n    },\n    finish() {\n      animationAbortController = null;\n    },\n  };\n}\n"]}