@material/web 0.1.0-alpha.0

package/menusurface/lib/_menu-surface.scss

@@ -0,0 +1,85 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+$_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 static-styles() {
+  .md3-menu-surface {
+    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;
+
+    .md3-elevation-overlay {
+      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

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

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

package/menusurface/lib/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","sourceRoot":"","sources":["adapter.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {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

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

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

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

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