@limetech/lime-elements 37.1.0-next.66 → 37.1.0-next.68

package/dist/esm/component-6d079abe.js

@@ -1,926 +0,0 @@
-import { M as MDCFoundation, a as MDCComponent } from './component-410aad5a.js';
-import { g as getCorrectPropertyName } from './util-f1bde91c.js';
-
-/**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var cssClasses = {
-    ANCHOR: 'mdc-menu-surface--anchor',
-    ANIMATING_CLOSED: 'mdc-menu-surface--animating-closed',
-    ANIMATING_OPEN: 'mdc-menu-surface--animating-open',
-    FIXED: 'mdc-menu-surface--fixed',
-    IS_OPEN_BELOW: 'mdc-menu-surface--is-open-below',
-    OPEN: 'mdc-menu-surface--open',
-    ROOT: 'mdc-menu-surface',
-};
-// tslint:disable:object-literal-sort-keys
-var strings = {
-    CLOSED_EVENT: 'MDCMenuSurface:closed',
-    CLOSING_EVENT: 'MDCMenuSurface:closing',
-    OPENED_EVENT: 'MDCMenuSurface:opened',
-    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
-var 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 = {}));
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-/**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCMenuSurfaceFoundation = /** @class */ (function (_super) {
-    __extends(MDCMenuSurfaceFoundation, _super);
-    function MDCMenuSurfaceFoundation(adapter) {
-        var _this = _super.call(this, __assign(__assign({}, MDCMenuSurfaceFoundation.defaultAdapter), adapter)) || this;
-        _this.isSurfaceOpen = false;
-        _this.isQuickOpen = false;
-        _this.isHoistedElement = false;
-        _this.isFixedPosition = false;
-        _this.isHorizontallyCenteredOnViewport = false;
-        _this.maxHeight = 0;
-        _this.openAnimationEndTimerId = 0;
-        _this.closeAnimationEndTimerId = 0;
-        _this.animationRequestId = 0;
-        _this.anchorCorner = Corner.TOP_START;
-        /**
-         * Corner of the menu surface to which menu surface is attached to anchor.
-         *
-         *  Anchor corner --->+----------+
-         *                    |  ANCHOR  |
-         *                    +----------+
-         *  Origin corner --->+--------------+
-         *                    |              |
-         *                    |              |
-         *                    | MENU SURFACE |
-         *                    |              |
-         *                    |              |
-         *                    +--------------+
-         */
-        _this.originCorner = Corner.TOP_START;
-        _this.anchorMargin = { top: 0, right: 0, bottom: 0, left: 0 };
-        _this.position = { x: 0, y: 0 };
-        return _this;
-    }
-    Object.defineProperty(MDCMenuSurfaceFoundation, "cssClasses", {
-        get: function () {
-            return cssClasses;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCMenuSurfaceFoundation, "strings", {
-        get: function () {
-            return strings;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCMenuSurfaceFoundation, "numbers", {
-        get: function () {
-            return numbers;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCMenuSurfaceFoundation, "Corner", {
-        get: function () {
-            return Corner;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MDCMenuSurfaceFoundation, "defaultAdapter", {
-        /**
-         * @see {@link MDCMenuSurfaceAdapter} for typing information on parameters and return types.
-         */
-        get: function () {
-            // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-            return {
-                addClass: function () { return undefined; },
-                removeClass: function () { return undefined; },
-                hasClass: function () { return false; },
-                hasAnchor: function () { return false; },
-                isElementInContainer: function () { return false; },
-                isFocused: function () { return false; },
-                isRtl: function () { return false; },
-                getInnerDimensions: function () { return ({ height: 0, width: 0 }); },
-                getAnchorDimensions: function () { return null; },
-                getWindowDimensions: function () { return ({ height: 0, width: 0 }); },
-                getBodyDimensions: function () { return ({ height: 0, width: 0 }); },
-                getWindowScroll: function () { return ({ x: 0, y: 0 }); },
-                setPosition: function () { return undefined; },
-                setMaxHeight: function () { return undefined; },
-                setTransformOrigin: function () { return undefined; },
-                saveFocus: function () { return undefined; },
-                restoreFocus: function () { return undefined; },
-                notifyClose: function () { return undefined; },
-                notifyOpen: function () { return undefined; },
-                notifyClosing: function () { return undefined; },
-            };
-            // tslint:enable:object-literal-sort-keys
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MDCMenuSurfaceFoundation.prototype.init = function () {
-        var _a = MDCMenuSurfaceFoundation.cssClasses, ROOT = _a.ROOT, OPEN = _a.OPEN;
-        if (!this.adapter.hasClass(ROOT)) {
-            throw new Error(ROOT + " class required in root element.");
-        }
-        if (this.adapter.hasClass(OPEN)) {
-            this.isSurfaceOpen = true;
-        }
-    };
-    MDCMenuSurfaceFoundation.prototype.destroy = function () {
-        clearTimeout(this.openAnimationEndTimerId);
-        clearTimeout(this.closeAnimationEndTimerId);
-        // Cancel any currently running animations.
-        cancelAnimationFrame(this.animationRequestId);
-    };
-    /**
-     * @param corner Default anchor corner alignment of top-left menu surface
-     *     corner.
-     */
-    MDCMenuSurfaceFoundation.prototype.setAnchorCorner = function (corner) {
-        this.anchorCorner = corner;
-    };
-    /**
-     * Flip menu corner horizontally.
-     */
-    MDCMenuSurfaceFoundation.prototype.flipCornerHorizontally = function () {
-        this.originCorner = this.originCorner ^ CornerBit.RIGHT;
-    };
-    /**
-     * @param margin Set of margin values from anchor.
-     */
-    MDCMenuSurfaceFoundation.prototype.setAnchorMargin = function (margin) {
-        this.anchorMargin.top = margin.top || 0;
-        this.anchorMargin.right = margin.right || 0;
-        this.anchorMargin.bottom = margin.bottom || 0;
-        this.anchorMargin.left = margin.left || 0;
-    };
-    /** Used to indicate if the menu-surface is hoisted to the body. */
-    MDCMenuSurfaceFoundation.prototype.setIsHoisted = function (isHoisted) {
-        this.isHoistedElement = isHoisted;
-    };
-    /**
-     * Used to set the menu-surface calculations based on a fixed position menu.
-     */
-    MDCMenuSurfaceFoundation.prototype.setFixedPosition = function (isFixedPosition) {
-        this.isFixedPosition = isFixedPosition;
-    };
-    /**
-     * @return Returns true if menu is in fixed (`position: fixed`) position.
-     */
-    MDCMenuSurfaceFoundation.prototype.isFixed = function () {
-        return this.isFixedPosition;
-    };
-    /** Sets the menu-surface position on the page. */
-    MDCMenuSurfaceFoundation.prototype.setAbsolutePosition = function (x, y) {
-        this.position.x = this.isFinite(x) ? x : 0;
-        this.position.y = this.isFinite(y) ? y : 0;
-    };
-    /** Sets whether menu-surface should be horizontally centered to viewport. */
-    MDCMenuSurfaceFoundation.prototype.setIsHorizontallyCenteredOnViewport = function (isCentered) {
-        this.isHorizontallyCenteredOnViewport = isCentered;
-    };
-    MDCMenuSurfaceFoundation.prototype.setQuickOpen = function (quickOpen) {
-        this.isQuickOpen = quickOpen;
-    };
-    /**
-     * 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.
-     */
-    MDCMenuSurfaceFoundation.prototype.setMaxHeight = function (maxHeight) {
-        this.maxHeight = maxHeight;
-    };
-    MDCMenuSurfaceFoundation.prototype.isOpen = function () {
-        return this.isSurfaceOpen;
-    };
-    /**
-     * Open the menu surface.
-     */
-    MDCMenuSurfaceFoundation.prototype.open = function () {
-        var _this = this;
-        if (this.isSurfaceOpen) {
-            return;
-        }
-        this.adapter.saveFocus();
-        if (this.isQuickOpen) {
-            this.isSurfaceOpen = true;
-            this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
-            this.dimensions = this.adapter.getInnerDimensions();
-            this.autoposition();
-            this.adapter.notifyOpen();
-        }
-        else {
-            this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);
-            this.animationRequestId = requestAnimationFrame(function () {
-                _this.dimensions = _this.adapter.getInnerDimensions();
-                _this.autoposition();
-                _this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
-                _this.openAnimationEndTimerId = setTimeout(function () {
-                    _this.openAnimationEndTimerId = 0;
-                    _this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);
-                    _this.adapter.notifyOpen();
-                }, numbers.TRANSITION_OPEN_DURATION);
-            });
-            this.isSurfaceOpen = true;
-        }
-    };
-    /**
-     * Closes the menu surface.
-     */
-    MDCMenuSurfaceFoundation.prototype.close = function (skipRestoreFocus) {
-        var _this = this;
-        if (skipRestoreFocus === void 0) { skipRestoreFocus = false; }
-        if (!this.isSurfaceOpen) {
-            return;
-        }
-        this.adapter.notifyClosing();
-        if (this.isQuickOpen) {
-            this.isSurfaceOpen = false;
-            if (!skipRestoreFocus) {
-                this.maybeRestoreFocus();
-            }
-            this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
-            this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);
-            this.adapter.notifyClose();
-            return;
-        }
-        this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);
-        requestAnimationFrame(function () {
-            _this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
-            _this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);
-            _this.closeAnimationEndTimerId = setTimeout(function () {
-                _this.closeAnimationEndTimerId = 0;
-                _this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);
-                _this.adapter.notifyClose();
-            }, numbers.TRANSITION_CLOSE_DURATION);
-        });
-        this.isSurfaceOpen = false;
-        if (!skipRestoreFocus) {
-            this.maybeRestoreFocus();
-        }
-    };
-    /** Handle clicks and close if not within menu-surface element. */
-    MDCMenuSurfaceFoundation.prototype.handleBodyClick = function (evt) {
-        var el = evt.target;
-        if (this.adapter.isElementInContainer(el)) {
-            return;
-        }
-        this.close();
-    };
-    /** Handle keys that close the surface. */
-    MDCMenuSurfaceFoundation.prototype.handleKeydown = function (evt) {
-        var keyCode = evt.keyCode, key = evt.key;
-        var isEscape = key === 'Escape' || keyCode === 27;
-        if (isEscape) {
-            this.close();
-        }
-    };
-    MDCMenuSurfaceFoundation.prototype.autoposition = function () {
-        var _a;
-        // Compute measurements for autoposition methods reuse.
-        this.measurements = this.getAutoLayoutmeasurements();
-        var corner = this.getoriginCorner();
-        var maxMenuSurfaceHeight = this.getMenuSurfaceMaxHeight(corner);
-        var verticalAlignment = this.hasBit(corner, CornerBit.BOTTOM) ? 'bottom' : 'top';
-        var horizontalAlignment = this.hasBit(corner, CornerBit.RIGHT) ? 'right' : 'left';
-        var horizontalOffset = this.getHorizontalOriginOffset(corner);
-        var verticalOffset = this.getVerticalOriginOffset(corner);
-        var _b = this.measurements, anchorSize = _b.anchorSize, surfaceSize = _b.surfaceSize;
-        var position = (_a = {},
-            _a[horizontalAlignment] = horizontalOffset,
-            _a[verticalAlignment] = verticalOffset,
-            _a);
-        // Center align when anchor width is comparable or greater than menu
-        // surface, otherwise keep corner.
-        if (anchorSize.width / surfaceSize.width >
-            numbers.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO) {
-            horizontalAlignment = 'center';
-        }
-        // If the menu-surface has been hoisted to the body, it's no longer relative
-        // to the anchor element
-        if (this.isHoistedElement || this.isFixedPosition) {
-            this.adjustPositionForHoistedElement(position);
-        }
-        this.adapter.setTransformOrigin(horizontalAlignment + " " + verticalAlignment);
-        this.adapter.setPosition(position);
-        this.adapter.setMaxHeight(maxMenuSurfaceHeight ? maxMenuSurfaceHeight + 'px' : '');
-        // If it is opened from the top then add is-open-below class
-        if (!this.hasBit(corner, CornerBit.BOTTOM)) {
-            this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);
-        }
-    };
-    /**
-     * @return Measurements used to position menu surface popup.
-     */
-    MDCMenuSurfaceFoundation.prototype.getAutoLayoutmeasurements = function () {
-        var anchorRect = this.adapter.getAnchorDimensions();
-        var bodySize = this.adapter.getBodyDimensions();
-        var viewportSize = this.adapter.getWindowDimensions();
-        var windowScroll = this.adapter.getWindowScroll();
-        if (!anchorRect) {
-            // tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together
-            anchorRect = {
-                top: this.position.y,
-                right: this.position.x,
-                bottom: this.position.y,
-                left: this.position.x,
-                width: 0,
-                height: 0,
-            };
-            // tslint:enable:object-literal-sort-keys
-        }
-        return {
-            anchorSize: anchorRect,
-            bodySize: bodySize,
-            surfaceSize: this.dimensions,
-            viewportDistance: {
-                // tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together
-                top: anchorRect.top,
-                right: viewportSize.width - anchorRect.right,
-                bottom: viewportSize.height - anchorRect.bottom,
-                left: anchorRect.left,
-                // tslint:enable:object-literal-sort-keys
-            },
-            viewportSize: viewportSize,
-            windowScroll: windowScroll,
-        };
-    };
-    /**
-     * 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.
-     */
-    MDCMenuSurfaceFoundation.prototype.getoriginCorner = function () {
-        var corner = this.originCorner;
-        var _a = this.measurements, viewportDistance = _a.viewportDistance, anchorSize = _a.anchorSize, surfaceSize = _a.surfaceSize;
-        var MARGIN_TO_EDGE = MDCMenuSurfaceFoundation.numbers.MARGIN_TO_EDGE;
-        var isAnchoredToBottom = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);
-        var availableTop;
-        var availableBottom;
-        if (isAnchoredToBottom) {
-            availableTop =
-                viewportDistance.top - MARGIN_TO_EDGE + this.anchorMargin.bottom;
-            availableBottom =
-                viewportDistance.bottom - MARGIN_TO_EDGE - this.anchorMargin.bottom;
-        }
-        else {
-            availableTop =
-                viewportDistance.top - MARGIN_TO_EDGE + this.anchorMargin.top;
-            availableBottom = viewportDistance.bottom - MARGIN_TO_EDGE +
-                anchorSize.height - this.anchorMargin.top;
-        }
-        var isAvailableBottom = availableBottom - surfaceSize.height > 0;
-        if (!isAvailableBottom && availableTop > availableBottom) {
-            // Attach bottom side of surface to the anchor.
-            corner = this.setBit(corner, CornerBit.BOTTOM);
-        }
-        var isRtl = this.adapter.isRtl();
-        var isFlipRtl = this.hasBit(this.anchorCorner, CornerBit.FLIP_RTL);
-        var hasRightBit = this.hasBit(this.anchorCorner, CornerBit.RIGHT) ||
-            this.hasBit(corner, CornerBit.RIGHT);
-        // Whether surface attached to right side of anchor element.
-        var isAnchoredToRight = false;
-        // Anchored to start
-        if (isRtl && isFlipRtl) {
-            isAnchoredToRight = !hasRightBit;
-        }
-        else {
-            // Anchored to right
-            isAnchoredToRight = hasRightBit;
-        }
-        var availableLeft;
-        var availableRight;
-        if (isAnchoredToRight) {
-            availableLeft =
-                viewportDistance.left + anchorSize.width + this.anchorMargin.right;
-            availableRight = viewportDistance.right - this.anchorMargin.right;
-        }
-        else {
-            availableLeft = viewportDistance.left + this.anchorMargin.left;
-            availableRight =
-                viewportDistance.right + anchorSize.width - this.anchorMargin.left;
-        }
-        var isAvailableLeft = availableLeft - surfaceSize.width > 0;
-        var isAvailableRight = availableRight - surfaceSize.width > 0;
-        var isOriginCornerAlignedToEnd = this.hasBit(corner, CornerBit.FLIP_RTL) &&
-            this.hasBit(corner, CornerBit.RIGHT);
-        if (isAvailableRight && isOriginCornerAlignedToEnd && isRtl ||
-            !isAvailableLeft && isOriginCornerAlignedToEnd) {
-            // Attach left side of surface to the anchor.
-            corner = this.unsetBit(corner, CornerBit.RIGHT);
-        }
-        else if (isAvailableLeft && isAnchoredToRight && isRtl ||
-            (isAvailableLeft && !isAnchoredToRight && hasRightBit) ||
-            (!isAvailableRight && availableLeft >= availableRight)) {
-            // Attach right side of surface to the anchor.
-            corner = this.setBit(corner, CornerBit.RIGHT);
-        }
-        return corner;
-    };
-    /**
-     * @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.
-     */
-    MDCMenuSurfaceFoundation.prototype.getMenuSurfaceMaxHeight = function (corner) {
-        if (this.maxHeight > 0) {
-            return this.maxHeight;
-        }
-        var viewportDistance = this.measurements.viewportDistance;
-        var maxHeight = 0;
-        var isBottomAligned = this.hasBit(corner, CornerBit.BOTTOM);
-        var isBottomAnchored = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);
-        var MARGIN_TO_EDGE = MDCMenuSurfaceFoundation.numbers.MARGIN_TO_EDGE;
-        // When maximum height is not specified, it is handled from CSS.
-        if (isBottomAligned) {
-            maxHeight = viewportDistance.top + this.anchorMargin.top - MARGIN_TO_EDGE;
-            if (!isBottomAnchored) {
-                maxHeight += this.measurements.anchorSize.height;
-            }
-        }
-        else {
-            maxHeight = viewportDistance.bottom - this.anchorMargin.bottom +
-                this.measurements.anchorSize.height - MARGIN_TO_EDGE;
-            if (isBottomAnchored) {
-                maxHeight -= this.measurements.anchorSize.height;
-            }
-        }
-        return maxHeight;
-    };
-    /**
-     * @param corner Origin corner of the menu surface.
-     * @return Horizontal offset of menu surface origin corner from corresponding
-     *     anchor corner.
-     */
-    MDCMenuSurfaceFoundation.prototype.getHorizontalOriginOffset = function (corner) {
-        var anchorSize = this.measurements.anchorSize;
-        // isRightAligned corresponds to using the 'right' property on the surface.
-        var isRightAligned = this.hasBit(corner, CornerBit.RIGHT);
-        var avoidHorizontalOverlap = this.hasBit(this.anchorCorner, CornerBit.RIGHT);
-        if (isRightAligned) {
-            var rightOffset = avoidHorizontalOverlap ?
-                anchorSize.width - this.anchorMargin.left :
-                this.anchorMargin.right;
-            // For hoisted or fixed elements, adjust the offset by the difference
-            // between viewport width and body width so when we calculate the right
-            // value (`adjustPositionForHoistedElement`) based on the element
-            // position, the right property is correct.
-            if (this.isHoistedElement || this.isFixedPosition) {
-                return rightOffset -
-                    (this.measurements.viewportSize.width -
-                        this.measurements.bodySize.width);
-            }
-            return rightOffset;
-        }
-        return avoidHorizontalOverlap ? anchorSize.width - this.anchorMargin.right :
-            this.anchorMargin.left;
-    };
-    /**
-     * @param corner Origin corner of the menu surface.
-     * @return Vertical offset of menu surface origin corner from corresponding
-     *     anchor corner.
-     */
-    MDCMenuSurfaceFoundation.prototype.getVerticalOriginOffset = function (corner) {
-        var anchorSize = this.measurements.anchorSize;
-        var isBottomAligned = this.hasBit(corner, CornerBit.BOTTOM);
-        var avoidVerticalOverlap = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);
-        var y = 0;
-        if (isBottomAligned) {
-            y = avoidVerticalOverlap ? anchorSize.height - this.anchorMargin.top :
-                -this.anchorMargin.bottom;
-        }
-        else {
-            y = avoidVerticalOverlap ?
-                (anchorSize.height + this.anchorMargin.bottom) :
-                this.anchorMargin.top;
-        }
-        return y;
-    };
-    /**
-     * Calculates the offsets for positioning the menu-surface when the
-     * menu-surface has been hoisted to the body.
-     */
-    MDCMenuSurfaceFoundation.prototype.adjustPositionForHoistedElement = function (position) {
-        var e_1, _a;
-        var _b = this.measurements, windowScroll = _b.windowScroll, viewportDistance = _b.viewportDistance, surfaceSize = _b.surfaceSize, viewportSize = _b.viewportSize;
-        var props = Object.keys(position);
-        try {
-            for (var props_1 = __values(props), props_1_1 = props_1.next(); !props_1_1.done; props_1_1 = props_1.next()) {
-                var prop = props_1_1.value;
-                var value = position[prop] || 0;
-                if (this.isHorizontallyCenteredOnViewport &&
-                    (prop === 'left' || prop === 'right')) {
-                    position[prop] = (viewportSize.width - surfaceSize.width) / 2;
-                    continue;
-                }
-                // Hoisted surfaces need to have the anchor elements location on the page
-                // added to the position properties for proper alignment on the body.
-                value += viewportDistance[prop];
-                // Surfaces that are absolutely positioned need to have additional
-                // calculations for scroll and bottom positioning.
-                if (!this.isFixedPosition) {
-                    if (prop === 'top') {
-                        value += windowScroll.y;
-                    }
-                    else if (prop === 'bottom') {
-                        value -= windowScroll.y;
-                    }
-                    else if (prop === 'left') {
-                        value += windowScroll.x;
-                    }
-                    else { // prop === 'right'
-                        value -= windowScroll.x;
-                    }
-                }
-                position[prop] = value;
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (props_1_1 && !props_1_1.done && (_a = props_1.return)) _a.call(props_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-    };
-    /**
-     * 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.
-     */
-    MDCMenuSurfaceFoundation.prototype.maybeRestoreFocus = function () {
-        var _this = this;
-        var isRootFocused = this.adapter.isFocused();
-        var childHasFocus = document.activeElement &&
-            this.adapter.isElementInContainer(document.activeElement);
-        if (isRootFocused || childHasFocus) {
-            // 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.
-            setTimeout(function () {
-                _this.adapter.restoreFocus();
-            }, numbers.TOUCH_EVENT_WAIT_MS);
-        }
-    };
-    MDCMenuSurfaceFoundation.prototype.hasBit = function (corner, bit) {
-        return Boolean(corner & bit); // tslint:disable-line:no-bitwise
-    };
-    MDCMenuSurfaceFoundation.prototype.setBit = function (corner, bit) {
-        return corner | bit; // tslint:disable-line:no-bitwise
-    };
-    MDCMenuSurfaceFoundation.prototype.unsetBit = function (corner, bit) {
-        return corner ^ bit;
-    };
-    /**
-     * isFinite that doesn't force conversion to number type.
-     * Equivalent to Number.isFinite in ES2015, which is not supported in IE.
-     */
-    MDCMenuSurfaceFoundation.prototype.isFinite = function (num) {
-        return typeof num === 'number' && isFinite(num);
-    };
-    return MDCMenuSurfaceFoundation;
-}(MDCFoundation));
-
-/**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-var MDCMenuSurface = /** @class */ (function (_super) {
-    __extends(MDCMenuSurface, _super);
-    function MDCMenuSurface() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MDCMenuSurface.attachTo = function (root) {
-        return new MDCMenuSurface(root);
-    };
-    MDCMenuSurface.prototype.initialSyncWithDOM = function () {
-        var _this = this;
-        var parentEl = this.root.parentElement;
-        this.anchorElement = parentEl && parentEl.classList.contains(cssClasses.ANCHOR) ? parentEl : null;
-        if (this.root.classList.contains(cssClasses.FIXED)) {
-            this.setFixedPosition(true);
-        }
-        this.handleKeydown = function (event) {
-            _this.foundation.handleKeydown(event);
-        };
-        this.handleBodyClick = function (event) {
-            _this.foundation.handleBodyClick(event);
-        };
-        // capture so that no race between handleBodyClick and quickOpen when
-        // menusurface opened on button click which registers this listener
-        this.registerBodyClickListener = function () {
-            document.body.addEventListener('click', _this.handleBodyClick, { capture: true });
-        };
-        this.deregisterBodyClickListener = function () {
-            document.body.removeEventListener('click', _this.handleBodyClick, { capture: true });
-        };
-        this.listen('keydown', this.handleKeydown);
-        this.listen(strings.OPENED_EVENT, this.registerBodyClickListener);
-        this.listen(strings.CLOSED_EVENT, this.deregisterBodyClickListener);
-    };
-    MDCMenuSurface.prototype.destroy = function () {
-        this.unlisten('keydown', this.handleKeydown);
-        this.unlisten(strings.OPENED_EVENT, this.registerBodyClickListener);
-        this.unlisten(strings.CLOSED_EVENT, this.deregisterBodyClickListener);
-        _super.prototype.destroy.call(this);
-    };
-    MDCMenuSurface.prototype.isOpen = function () {
-        return this.foundation.isOpen();
-    };
-    MDCMenuSurface.prototype.open = function () {
-        this.foundation.open();
-    };
-    MDCMenuSurface.prototype.close = function (skipRestoreFocus) {
-        if (skipRestoreFocus === void 0) { skipRestoreFocus = false; }
-        this.foundation.close(skipRestoreFocus);
-    };
-    Object.defineProperty(MDCMenuSurface.prototype, "quickOpen", {
-        set: function (quickOpen) {
-            this.foundation.setQuickOpen(quickOpen);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /** Sets the foundation to use page offsets for an positioning when the menu is hoisted to the body. */
-    MDCMenuSurface.prototype.setIsHoisted = function (isHoisted) {
-        this.foundation.setIsHoisted(isHoisted);
-    };
-    /** Sets the element that the menu-surface is anchored to. */
-    MDCMenuSurface.prototype.setMenuSurfaceAnchorElement = function (element) {
-        this.anchorElement = element;
-    };
-    /** Sets the menu-surface to position: fixed. */
-    MDCMenuSurface.prototype.setFixedPosition = function (isFixed) {
-        if (isFixed) {
-            this.root.classList.add(cssClasses.FIXED);
-        }
-        else {
-            this.root.classList.remove(cssClasses.FIXED);
-        }
-        this.foundation.setFixedPosition(isFixed);
-    };
-    /** Sets the absolute x/y position to position based on. Requires the menu to be hoisted. */
-    MDCMenuSurface.prototype.setAbsolutePosition = function (x, y) {
-        this.foundation.setAbsolutePosition(x, y);
-        this.setIsHoisted(true);
-    };
-    /**
-     * @param corner Default anchor corner alignment of top-left surface corner.
-     */
-    MDCMenuSurface.prototype.setAnchorCorner = function (corner) {
-        this.foundation.setAnchorCorner(corner);
-    };
-    MDCMenuSurface.prototype.setAnchorMargin = function (margin) {
-        this.foundation.setAnchorMargin(margin);
-    };
-    MDCMenuSurface.prototype.getDefaultFoundation = function () {
-        var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        var adapter = {
-            addClass: function (className) { return _this.root.classList.add(className); },
-            removeClass: function (className) { return _this.root.classList.remove(className); },
-            hasClass: function (className) { return _this.root.classList.contains(className); },
-            hasAnchor: function () { return !!_this.anchorElement; },
-            notifyClose: function () {
-                return _this.emit(MDCMenuSurfaceFoundation.strings.CLOSED_EVENT, {});
-            },
-            notifyClosing: function () {
-                _this.emit(MDCMenuSurfaceFoundation.strings.CLOSING_EVENT, {});
-            },
-            notifyOpen: function () {
-                return _this.emit(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, {});
-            },
-            isElementInContainer: function (el) { return _this.root.contains(el); },
-            isRtl: function () {
-                return getComputedStyle(_this.root).getPropertyValue('direction') === 'rtl';
-            },
-            setTransformOrigin: function (origin) {
-                var propertyName = getCorrectPropertyName(window, 'transform') + "-origin";
-                _this.root.style.setProperty(propertyName, origin);
-            },
-            isFocused: function () { return document.activeElement === _this.root; },
-            saveFocus: function () {
-                _this.previousFocus =
-                    document.activeElement;
-            },
-            restoreFocus: function () {
-                if (_this.root.contains(document.activeElement)) {
-                    if (_this.previousFocus && _this.previousFocus.focus) {
-                        _this.previousFocus.focus();
-                    }
-                }
-            },
-            getInnerDimensions: function () {
-                return {
-                    width: _this.root.offsetWidth,
-                    height: _this.root.offsetHeight
-                };
-            },
-            getAnchorDimensions: function () { return _this.anchorElement ?
-                _this.anchorElement.getBoundingClientRect() :
-                null; },
-            getWindowDimensions: function () {
-                return { width: window.innerWidth, height: window.innerHeight };
-            },
-            getBodyDimensions: function () {
-                return { width: document.body.clientWidth, height: document.body.clientHeight };
-            },
-            getWindowScroll: function () {
-                return { x: window.pageXOffset, y: window.pageYOffset };
-            },
-            setPosition: function (position) {
-                var rootHTML = _this.root;
-                rootHTML.style.left = 'left' in position ? position.left + "px" : '';
-                rootHTML.style.right = 'right' in position ? position.right + "px" : '';
-                rootHTML.style.top = 'top' in position ? position.top + "px" : '';
-                rootHTML.style.bottom =
-                    'bottom' in position ? position.bottom + "px" : '';
-            },
-            setMaxHeight: function (height) {
-                _this.root.style.maxHeight = height;
-            },
-        };
-        // tslint:enable:object-literal-sort-keys
-        return new MDCMenuSurfaceFoundation(adapter);
-    };
-    return MDCMenuSurface;
-}(MDCComponent));
-
-export { Corner as C, MDCMenuSurfaceFoundation as M, MDCMenuSurface as a };
-
-//# sourceMappingURL=component-6d079abe.js.map