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

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/v0_160' as tokens; // TODO(b/270568087): update to latest
-// 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"]}

package/menusurface/lib/foundation.d.ts

@@ -1,176 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuSurfaceAdapter } from './adapter.js';
-import { Corner } from './constants.js';
-import { MDCMenuDistance } from './types.js';
-export declare class MDCMenuSurfaceFoundation {
-    static get cssClasses(): {
-        ANCHOR: string;
-        ANIMATING_CLOSED: string;
-        ANIMATING_OPEN: string;
-        FIXED: string;
-        IS_OPEN_BELOW: string;
-        OPEN: string;
-        ROOT: string;
-    };
-    static get strings(): {
-        CLOSED_EVENT: string;
-        CLOSING_EVENT: string;
-        OPENED_EVENT: string;
-        OPENING_EVENT: string;
-        FOCUSABLE_ELEMENTS: string;
-    };
-    static get numbers(): {
-        TRANSITION_OPEN_DURATION: number;
-        TRANSITION_CLOSE_DURATION: number;
-        MARGIN_TO_EDGE: number;
-        ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: number;
-        TOUCH_EVENT_WAIT_MS: number;
-    };
-    static get Corner(): typeof Corner;
-    /**
-     * @see {@link MDCMenuSurfaceAdapter} for typing information on parameters and return types.
-     */
-    static get defaultAdapter(): MDCMenuSurfaceAdapter;
-    private readonly adapter;
-    private isSurfaceOpen;
-    private isQuickOpen;
-    private isHoistedElement;
-    private isFixedPosition;
-    private isHorizontallyCenteredOnViewport;
-    private maxHeight;
-    private openBottomBias;
-    private openAnimationEndTimerId;
-    private closeAnimationEndTimerId;
-    private animationRequestId;
-    private anchorCorner;
-    /**
-     * Corner of the menu surface to which menu surface is attached to anchor.
-     *
-     *  Anchor corner --->+----------+
-     *                    |  ANCHOR  |
-     *                    +----------+
-     *  Origin corner --->+--------------+
-     *                    |              |
-     *                    |              |
-     *                    | MENU SURFACE |
-     *                    |              |
-     *                    |              |
-     *                    +--------------+
-     */
-    private originCorner;
-    private readonly anchorMargin;
-    private readonly position;
-    private dimensions;
-    private measurements;
-    constructor(adapter: Partial<MDCMenuSurfaceAdapter>);
-    init(): void;
-    destroy(): void;
-    /**
-     * @param corner Default anchor corner alignment of top-left menu surface
-     *     corner.
-     */
-    setAnchorCorner(corner: Corner): void;
-    /**
-     * Flips menu corner horizontally.
-     */
-    flipCornerHorizontally(): void;
-    /**
-     * @param margin Set of margin values from anchor.
-     */
-    setAnchorMargin(margin: Partial<MDCMenuDistance>): void;
-    /** Used to indicate if the menu-surface is hoisted to the body. */
-    setIsHoisted(isHoisted: boolean): void;
-    /**
-     * Used to set the menu-surface calculations based on a fixed position menu.
-     */
-    setFixedPosition(isFixedPosition: boolean): void;
-    /**
-     * @return Returns true if menu is in fixed (`position: fixed`) position.
-     */
-    isFixed(): boolean;
-    /** Sets the menu-surface position on the page. */
-    setAbsolutePosition(x: number, y: number): void;
-    /** Sets whether menu-surface should be horizontally centered to viewport. */
-    setIsHorizontallyCenteredOnViewport(isCentered: boolean): void;
-    setQuickOpen(quickOpen: boolean): void;
-    /**
-     * Sets maximum menu-surface height on open.
-     * @param maxHeight The desired max-height. Set to 0 (default) to
-     *     automatically calculate max height based on available viewport space.
-     */
-    setMaxHeight(maxHeight: number): void;
-    /**
-     * Set to a positive integer to influence the menu to preferentially open
-     * below the anchor instead of above.
-     * @param bias A value of `x` simulates an extra `x` pixels of available space
-     *     below the menu during positioning calculations.
-     */
-    setOpenBottomBias(bias: number): void;
-    isOpen(): boolean;
-    /**
-     * Open the menu surface.
-     */
-    open(): void;
-    /**
-     * Closes the menu surface.
-     */
-    close(skipRestoreFocus?: boolean): void;
-    /** Handle clicks and close if not within menu-surface element. */
-    handleBodyClick(evt: MouseEvent): void;
-    /** Handle keys that close the surface. */
-    handleKeydown(evt: KeyboardEvent): void;
-    private autoposition;
-    /**
-     * @return Measurements used to position menu surface popup.
-     */
-    private getAutoLayoutmeasurements;
-    /**
-     * Computes the corner of the anchor from which to animate and position the
-     * menu surface.
-     *
-     * Only LEFT or RIGHT bit is used to position the menu surface ignoring RTL
-     * context. E.g., menu surface will be positioned from right side on TOP_END.
-     */
-    private getOriginCorner;
-    /**
-     * @param corner Origin corner of the menu surface.
-     * @return Maximum height of the menu surface, based on available space. 0
-     *     indicates should not be set.
-     */
-    private getMenuSurfaceMaxHeight;
-    /**
-     * @param corner Origin corner of the menu surface.
-     * @return Horizontal offset of menu surface origin corner from corresponding
-     *     anchor corner.
-     */
-    private getHorizontalOriginOffset;
-    /**
-     * @param corner Origin corner of the menu surface.
-     * @return Vertical offset of menu surface origin corner from corresponding
-     *     anchor corner.
-     */
-    private getVerticalOriginOffset;
-    /**
-     * Calculates the offsets for positioning the menu-surface when the
-     * menu-surface has been hoisted to the body.
-     */
-    private adjustPositionForHoistedElement;
-    /**
-     * The last focused element when the menu surface was opened should regain
-     * focus, if the user is focused on or within the menu surface when it is
-     * closed.
-     */
-    private maybeRestoreFocus;
-    private hasBit;
-    private setBit;
-    private unsetBit;
-    /**
-     * isFinite that doesn't force conversion to number type.
-     * Equivalent to Number.isFinite in ES2015, which is not supported in IE.
-     */
-    private isFinite;
-}