{"version":3,"sources":["webpack:///./node_modules/@ionic/core/dist/esm-es5/ion-menu_4-md.entry.js"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA+C;AAC8E;AAC1E;AAC6B;AAC/C;AACwB;AACC;AACI;AACwB;AACtF;AACA;AACA,QAAQ,2DAAgB;AACxB;AACA,uBAAuB,qEAAkB,gBAAgB,sBAAsB;AAC/E,oBAAoB,2DAAU;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,2DAAW;AACtC,4BAA4B,2DAAW;AACvC,0BAA0B,2DAAW;AACrC,2BAA2B,2DAAW;AACtC,6BAA6B,2DAAW;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,yBAAyB,8DAAS;AAClC;AACA;AACA;AACA;AACA;AACA,eAAe,uDAAS;AACxB;AACA;AACA,mBAAmB,yDAAW;AAC9B;AACA;AACA;AACA,wCAAwC,qDAAM;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,oDAAc;AACtC;AACA,6CAA6C,6JAA6B;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD,2BAA2B,EAAE;AAClF,sDAAsD,4BAA4B,EAAE;AACpF,kDAAkD,wBAAwB,EAAE;AAC5E,mDAAmD,yBAAyB,EAAE;AAC9E,kDAAkD,wBAAwB,EAAE;AAC5E,yBAAyB;AACzB;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA,eAAe,uDAAS;AACxB,mBAAmB,yDAAW;AAC9B,yCAAyC,8CAA8C;AACvF;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA,QAAQ,oDAAc;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,iBAAiB;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,iBAAiB;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,iBAAiB;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,iBAAiB;AACnD,eAAe,oDAAc;AAC7B;AACA;AACA,kCAAkC,iBAAiB;AACnD,eAAe,uDAAS;AACxB,mBAAmB,yDAAW;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA,eAAe,uDAAS;AACxB;AACA,mBAAmB,yDAAW;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C,oDAAc;AAC3D;AACA;AACA;AACA,6BAA6B,qDAAM;AACnC;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA,eAAe,uDAAS;AACxB;AACA,mBAAmB,yDAAW;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,oDAAc;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,8DAAM;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,8DAAM;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,8DAAM;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,mEAAuB,KAAK,2DAAK,YAAY,2DAAK,cAAc,2DAAK,cAAc,2DAAK,QAAQ,8DAAK;AAC7H;AACA;AACA,mCAAmC,yCAAyC,EAAE,GAAG,wBAAwB;AACzG;AACA;AACA;AACA,QAAQ,8DAAM;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,8DAAM;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,oDAAc;AAC1B;AACA,QAAQ,8DAAM;AACd;AACA;AACA,QAAQ,8DAAM;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,2DAAC,CAAC,mDAAI,GAAG,oCAAoC;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,EAAE,2DAAC,SAAS,0CAA0C,+BAA+B,EAAE,EAAE,EAAE,2DAAC,iBAAiB,2DAAC,kBAAkB,qBAAqB,8BAA8B,EAAE,mEAAmE;AAC7Q;AACA;AACA,0BAA0B,QAAQ,2DAAU,OAAO,EAAE;AACrD;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,KAAK;AACL;AACA,0BAA0B,eAAe,cAAc,iBAAiB,iBAAiB,cAAc,kBAAkB,kBAAkB,8CAA8C,OAAO,QAAQ,MAAM,SAAS,aAAa,kBAAkB,eAAe,kBAAkB,cAAc,YAAY,OAAO,WAAW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A;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,oDAAc;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,oDAAc;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,oDAAc;AAC7B;AACA;AACA;AACA;AACA;AACA,eAAe,oDAAc;AAC7B;AACA;AACA;AACA;AACA;AACA,eAAe,oDAAc;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,oDAAc;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,uDAAS;AACxB,mBAAmB,yDAAW;AAC9B,sCAAsC,oDAAc;AACpD,aAAa;AACb,SAAS;AACT;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,QAAQ,2DAAgB;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,oDAAc;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,uDAAS;AACxB;AACA,mBAAmB,yDAAW;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA,mBAAmB,2DAAU;AAC7B;AACA,gBAAgB,2DAAC,CAAC,mDAAI,GAAG,8EAA8E;AACvG;AACA;AACA,qBAAqB,EAAE,2DAAC;AACxB;AACA;AACA,0BAA0B,oCAAoC,aAAa,EAAE,EAAE;AAC/E;AACA;AACA,KAAK;AACL;AACA,CAAC;AACgI","file":"50.js","sourcesContent":["import { __awaiter, __generator } from \"tslib\";\nimport { r as registerInstance, d as getIonMode, c as createEvent, h, H as Host, e as getElement } from './core-ca0488fc.js';\nimport { b as config } from './config-3c7f3790.js';\nimport { i as isEndSide, b as assert, c as clamp } from './helpers-46f4a262.js';\nimport './animation-af478fe9.js';\nimport { GESTURE_CONTROLLER } from './index-624eea58.js';\nimport { m as menuController } from './index-1e5940d5.js';\nimport { c as createColorClasses } from './theme-18cbe2cc.js';\nimport { g as getTimeGivenProgression, P as Point } from './cubic-bezier-2812fda3.js';\nvar Menu = /** @class */ (function () {\n    function class_1(hostRef) {\n        registerInstance(this, hostRef);\n        this.lastOnEnd = 0;\n        this.blocker = GESTURE_CONTROLLER.createBlocker({ disableScroll: true });\n        this.mode = getIonMode(this);\n        this.isAnimating = false;\n        this._isOpen = false;\n        this.isPaneVisible = false;\n        this.isEndSide = false;\n        /**\n         * If `true`, the menu is disabled.\n         */\n        this.disabled = false;\n        /**\n         * Which side of the view the menu should be placed.\n         */\n        this.side = 'start';\n        /**\n         * If `true`, swiping the menu is enabled.\n         */\n        this.swipeGesture = true;\n        /**\n         * The edge threshold for dragging the menu open.\n         * If a drag/swipe happens over this value, the menu is not triggered.\n         */\n        this.maxEdgeStart = 50;\n        this.ionWillOpen = createEvent(this, \"ionWillOpen\", 7);\n        this.ionWillClose = createEvent(this, \"ionWillClose\", 7);\n        this.ionDidOpen = createEvent(this, \"ionDidOpen\", 7);\n        this.ionDidClose = createEvent(this, \"ionDidClose\", 7);\n        this.ionMenuChange = createEvent(this, \"ionMenuChange\", 7);\n    }\n    class_1.prototype.typeChanged = function (type, oldType) {\n        var contentEl = this.contentEl;\n        if (contentEl) {\n            if (oldType !== undefined) {\n                contentEl.classList.remove(\"menu-content-\" + oldType);\n            }\n            contentEl.classList.add(\"menu-content-\" + type);\n            contentEl.removeAttribute('style');\n        }\n        if (this.menuInnerEl) {\n            // Remove effects of previous animations\n            this.menuInnerEl.removeAttribute('style');\n        }\n        this.animation = undefined;\n    };\n    class_1.prototype.disabledChanged = function () {\n        this.updateState();\n        this.ionMenuChange.emit({\n            disabled: this.disabled,\n            open: this._isOpen\n        });\n    };\n    class_1.prototype.sideChanged = function () {\n        this.isEndSide = isEndSide(this.side);\n    };\n    class_1.prototype.swipeGestureChanged = function () {\n        this.updateState();\n    };\n    class_1.prototype.connectedCallback = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var el, parent, content, _a;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        if (this.type === undefined) {\n                            this.type = config.get('menuType', this.mode === 'ios' ? 'reveal' : 'overlay');\n                        }\n                        el = this.el;\n                        parent = el.parentNode;\n                        if (this.contentId === undefined) {\n                            console.warn(\"[DEPRECATED][ion-menu] Using the [main] attribute is deprecated, please use the \\\"contentId\\\" property instead:\\nBEFORE:\\n  <ion-menu>...</ion-menu>\\n  <div main>...</div>\\n\\nAFTER:\\n  <ion-menu contentId=\\\"my-content\\\"></ion-menu>\\n  <div id=\\\"my-content\\\">...</div>\\n\");\n                        }\n                        content = this.contentId !== undefined\n                            ? document.getElementById(this.contentId)\n                            : parent && parent.querySelector && parent.querySelector('[main]');\n                        if (!content || !content.tagName) {\n                            // requires content element\n                            console.error('Menu: must have a \"content\" element to listen for drag events on.');\n                            return [2 /*return*/];\n                        }\n                        this.contentEl = content;\n                        // add menu's content classes\n                        content.classList.add('menu-content');\n                        this.typeChanged(this.type, undefined);\n                        this.sideChanged();\n                        // register this menu with the app's menu controller\n                        menuController._register(this);\n                        _a = this;\n                        return [4 /*yield*/, import('./index-624eea58.js')];\n                    case 1:\n                        _a.gesture = (_b.sent()).createGesture({\n                            el: document,\n                            gestureName: 'menu-swipe',\n                            gesturePriority: 30,\n                            threshold: 10,\n                            canStart: function (ev) { return _this.canStart(ev); },\n                            onWillStart: function () { return _this.onWillStart(); },\n                            onStart: function () { return _this.onStart(); },\n                            onMove: function (ev) { return _this.onMove(ev); },\n                            onEnd: function (ev) { return _this.onEnd(ev); },\n                        });\n                        this.updateState();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    class_1.prototype.componentDidLoad = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.ionMenuChange.emit({ disabled: this.disabled, open: this._isOpen });\n                this.updateState();\n                return [2 /*return*/];\n            });\n        });\n    };\n    class_1.prototype.disconnectedCallback = function () {\n        this.blocker.destroy();\n        menuController._unregister(this);\n        if (this.animation) {\n            this.animation.destroy();\n        }\n        if (this.gesture) {\n            this.gesture.destroy();\n            this.gesture = undefined;\n        }\n        this.animation = undefined;\n        this.contentEl = this.backdropEl = this.menuInnerEl = undefined;\n    };\n    class_1.prototype.onSplitPaneChanged = function (ev) {\n        this.isPaneVisible = ev.detail.isPane(this.el);\n        this.updateState();\n    };\n    class_1.prototype.onBackdropClick = function (ev) {\n        if (this._isOpen && this.lastOnEnd < ev.timeStamp - 100) {\n            var shouldClose = (ev.composedPath)\n                ? !ev.composedPath().includes(this.menuInnerEl)\n                : false;\n            if (shouldClose) {\n                ev.preventDefault();\n                ev.stopPropagation();\n                this.close();\n            }\n        }\n    };\n    /**\n     * Returns `true` is the menu is open.\n     */\n    class_1.prototype.isOpen = function () {\n        return Promise.resolve(this._isOpen);\n    };\n    /**\n     * Returns `true` is the menu is active.\n     *\n     * A menu is active when it can be opened or closed, meaning it's enabled\n     * and it's not part of a `ion-split-pane`.\n     */\n    class_1.prototype.isActive = function () {\n        return Promise.resolve(this._isActive());\n    };\n    /**\n     * Opens the menu. If the menu is already open or it can't be opened,\n     * it returns `false`.\n     */\n    class_1.prototype.open = function (animated) {\n        if (animated === void 0) { animated = true; }\n        return this.setOpen(true, animated);\n    };\n    /**\n     * Closes the menu. If the menu is already closed or it can't be closed,\n     * it returns `false`.\n     */\n    class_1.prototype.close = function (animated) {\n        if (animated === void 0) { animated = true; }\n        return this.setOpen(false, animated);\n    };\n    /**\n     * Toggles the menu. If the menu is already open, it will try to close, otherwise it will try to open it.\n     * If the operation can't be completed successfully, it returns `false`.\n     */\n    class_1.prototype.toggle = function (animated) {\n        if (animated === void 0) { animated = true; }\n        return this.setOpen(!this._isOpen, animated);\n    };\n    /**\n     * Opens or closes the button.\n     * If the operation can't be completed successfully, it returns `false`.\n     */\n    class_1.prototype.setOpen = function (shouldOpen, animated) {\n        if (animated === void 0) { animated = true; }\n        return menuController._setOpen(this, shouldOpen, animated);\n    };\n    class_1.prototype._setOpen = function (shouldOpen, animated) {\n        if (animated === void 0) { animated = true; }\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        // If the menu is disabled or it is currently being animated, let's do nothing\n                        if (!this._isActive() || this.isAnimating || shouldOpen === this._isOpen) {\n                            return [2 /*return*/, false];\n                        }\n                        this.beforeAnimation(shouldOpen);\n                        return [4 /*yield*/, this.loadAnimation()];\n                    case 1:\n                        _a.sent();\n                        return [4 /*yield*/, this.startAnimation(shouldOpen, animated)];\n                    case 2:\n                        _a.sent();\n                        this.afterAnimation(shouldOpen);\n                        return [2 /*return*/, true];\n                }\n            });\n        });\n    };\n    class_1.prototype.loadAnimation = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var width, _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        width = this.menuInnerEl.offsetWidth;\n                        if (width === this.width && this.animation !== undefined) {\n                            return [2 /*return*/];\n                        }\n                        this.width = width;\n                        // Destroy existing animation\n                        if (this.animation) {\n                            this.animation.destroy();\n                            this.animation = undefined;\n                        }\n                        // Create new animation\n                        _a = this;\n                        return [4 /*yield*/, menuController._createAnimation(this.type, this)];\n                    case 1:\n                        // Create new animation\n                        _a.animation = _b.sent();\n                        if (!config.getBoolean('animated', true)) {\n                            this.animation.duration(0);\n                        }\n                        this.animation.fill('both');\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    class_1.prototype.startAnimation = function (shouldOpen, animated) {\n        return __awaiter(this, void 0, void 0, function () {\n            var isReversed, ani;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        isReversed = !shouldOpen;\n                        ani = this.animation\n                            .direction((isReversed) ? 'reverse' : 'normal')\n                            .easing((isReversed) ? 'cubic-bezier(0.4, 0.0, 0.6, 1)' : 'cubic-bezier(0.0, 0.0, 0.2, 1)');\n                        if (!animated) return [3 /*break*/, 2];\n                        return [4 /*yield*/, ani.playAsync()];\n                    case 1:\n                        _a.sent();\n                        return [3 /*break*/, 3];\n                    case 2:\n                        ani.playSync();\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    class_1.prototype._isActive = function () {\n        return !this.disabled && !this.isPaneVisible;\n    };\n    class_1.prototype.canSwipe = function () {\n        return this.swipeGesture && !this.isAnimating && this._isActive();\n    };\n    class_1.prototype.canStart = function (detail) {\n        if (!this.canSwipe()) {\n            return false;\n        }\n        if (this._isOpen) {\n            return true;\n            // TODO error\n        }\n        else if (menuController._getOpenSync()) {\n            return false;\n        }\n        return checkEdgeSide(window, detail.currentX, this.isEndSide, this.maxEdgeStart);\n    };\n    class_1.prototype.onWillStart = function () {\n        this.beforeAnimation(!this._isOpen);\n        return this.loadAnimation();\n    };\n    class_1.prototype.onStart = function () {\n        if (!this.isAnimating || !this.animation) {\n            assert(false, 'isAnimating has to be true');\n            return;\n        }\n        // the cloned animation should not use an easing curve during seek\n        this.animation\n            .direction((this._isOpen) ? 'reverse' : 'normal')\n            .progressStart(true);\n    };\n    class_1.prototype.onMove = function (detail) {\n        if (!this.isAnimating || !this.animation) {\n            assert(false, 'isAnimating has to be true');\n            return;\n        }\n        var delta = computeDelta(detail.deltaX, this._isOpen, this.isEndSide);\n        var stepValue = delta / this.width;\n        this.animation.progressStep(stepValue);\n    };\n    class_1.prototype.onEnd = function (detail) {\n        var _this = this;\n        if (!this.isAnimating || !this.animation) {\n            assert(false, 'isAnimating has to be true');\n            return;\n        }\n        var isOpen = this._isOpen;\n        var isEndSide = this.isEndSide;\n        var delta = computeDelta(detail.deltaX, isOpen, isEndSide);\n        var width = this.width;\n        var stepValue = delta / width;\n        var velocity = detail.velocityX;\n        var z = width / 2.0;\n        var shouldCompleteRight = velocity >= 0 && (velocity > 0.2 || detail.deltaX > z);\n        var shouldCompleteLeft = velocity <= 0 && (velocity < -0.2 || detail.deltaX < -z);\n        var shouldComplete = isOpen\n            ? isEndSide ? shouldCompleteRight : shouldCompleteLeft\n            : isEndSide ? shouldCompleteLeft : shouldCompleteRight;\n        var shouldOpen = !isOpen && shouldComplete;\n        if (isOpen && !shouldComplete) {\n            shouldOpen = true;\n        }\n        this.lastOnEnd = detail.timeStamp;\n        // Account for rounding errors in JS\n        var newStepValue = (shouldComplete) ? 0.001 : -0.001;\n        /**\n         * TODO: stepValue can sometimes return a negative\n         * value, but you can't have a negative time value\n         * for the cubic bezier curve (at least with web animations)\n         * Not sure if the negative step value is an error or not\n         */\n        var adjustedStepValue = (stepValue <= 0) ? 0.01 : stepValue;\n        /**\n         * Animation will be reversed here, so need to\n         * reverse the easing curve as well\n         *\n         * Additionally, we need to account for the time relative\n         * to the new easing curve, as `stepValue` is going to be given\n         * in terms of a linear curve.\n         */\n        newStepValue += getTimeGivenProgression(new Point(0, 0), new Point(0.4, 0), new Point(0.6, 1), new Point(1, 1), clamp(0, adjustedStepValue, 1));\n        this.animation\n            .easing('cubic-bezier(0.4, 0.0, 0.6, 1)')\n            .onFinish(function () { return _this.afterAnimation(shouldOpen); }, { oneTimeCallback: true })\n            .progressEnd(shouldComplete ? 1 : 0, newStepValue, 300);\n    };\n    class_1.prototype.beforeAnimation = function (shouldOpen) {\n        assert(!this.isAnimating, '_before() should not be called while animating');\n        // this places the menu into the correct location before it animates in\n        // this css class doesn't actually kick off any animations\n        this.el.classList.add(SHOW_MENU);\n        if (this.backdropEl) {\n            this.backdropEl.classList.add(SHOW_BACKDROP);\n        }\n        this.blocker.block();\n        this.isAnimating = true;\n        if (shouldOpen) {\n            this.ionWillOpen.emit();\n        }\n        else {\n            this.ionWillClose.emit();\n        }\n    };\n    class_1.prototype.afterAnimation = function (isOpen) {\n        assert(this.isAnimating, '_before() should be called while animating');\n        // keep opening/closing the menu disabled for a touch more yet\n        // only add listeners/css if it's enabled and isOpen\n        // and only remove listeners/css if it's not open\n        // emit opened/closed events\n        this._isOpen = isOpen;\n        this.isAnimating = false;\n        if (!this._isOpen) {\n            this.blocker.unblock();\n        }\n        if (isOpen) {\n            // add css class\n            if (this.contentEl) {\n                this.contentEl.classList.add(MENU_CONTENT_OPEN);\n            }\n            // emit open event\n            this.ionDidOpen.emit();\n        }\n        else {\n            // remove css classes\n            this.el.classList.remove(SHOW_MENU);\n            if (this.contentEl) {\n                this.contentEl.classList.remove(MENU_CONTENT_OPEN);\n            }\n            if (this.backdropEl) {\n                this.backdropEl.classList.remove(SHOW_BACKDROP);\n            }\n            if (this.animation) {\n                this.animation.stop();\n            }\n            // emit close event\n            this.ionDidClose.emit();\n        }\n    };\n    class_1.prototype.updateState = function () {\n        var isActive = this._isActive();\n        if (this.gesture) {\n            this.gesture.setDisabled(!isActive || !this.swipeGesture);\n        }\n        // Close menu immediately\n        if (!isActive && this._isOpen) {\n            // close if this menu is open, and should not be enabled\n            this.forceClosing();\n        }\n        if (!this.disabled) {\n            menuController._setActiveMenu(this);\n        }\n        assert(!this.isAnimating, 'can not be animating');\n    };\n    class_1.prototype.forceClosing = function () {\n        assert(this._isOpen, 'menu cannot be closed');\n        this.isAnimating = true;\n        var ani = this.animation.direction('reverse');\n        ani.playSync();\n        this.afterAnimation(false);\n    };\n    class_1.prototype.render = function () {\n        var _a;\n        var _this = this;\n        var _b = this, isEndSide = _b.isEndSide, type = _b.type, disabled = _b.disabled, mode = _b.mode, isPaneVisible = _b.isPaneVisible;\n        return (h(Host, { role: \"navigation\", class: (_a = {},\n                _a[mode] = true,\n                _a[\"menu-type-\" + type] = true,\n                _a['menu-enabled'] = !disabled,\n                _a['menu-side-end'] = isEndSide,\n                _a['menu-side-start'] = !isEndSide,\n                _a['menu-pane-visible'] = isPaneVisible,\n                _a) }, h(\"div\", { class: \"menu-inner\", ref: function (el) { return _this.menuInnerEl = el; } }, h(\"slot\", null)), h(\"ion-backdrop\", { ref: function (el) { return _this.backdropEl = el; }, class: \"menu-backdrop\", tappable: false, stopPropagation: false })));\n    };\n    Object.defineProperty(class_1.prototype, \"el\", {\n        get: function () { return getElement(this); },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(class_1, \"watchers\", {\n        get: function () {\n            return {\n                \"type\": [\"typeChanged\"],\n                \"disabled\": [\"disabledChanged\"],\n                \"side\": [\"sideChanged\"],\n                \"swipeGesture\": [\"swipeGestureChanged\"]\n            };\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(class_1, \"style\", {\n        get: function () { return \":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color,#fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{left:0;right:auto;top:0;bottom:0;-webkit-transform:translate3d(-9999px,0,0);transform:translate3d(-9999px,0,0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host-context([dir=rtl]) .menu-inner,[dir=rtl] .menu-inner{left:unset;right:unset;left:auto;right:0;-webkit-transform:translate3d(calc(-1 * -9999px),0,0);transform:translate3d(calc(-1 * -9999px),0,0)}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;right:auto;left:0}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;right:0;left:auto}ion-backdrop{display:none;opacity:.01;z-index:-1}\\@media (max-width:340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translateZ(0);transform:translateZ(0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}:host(.menu-pane-visible) ion-backdrop{display:hidden!important}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:0 2px 22px 0 rgba(0,0,0,.09),4px 0 16px 0 rgba(0,0,0,.18);box-shadow:0 2px 22px 0 rgba(0,0,0,.09),4px 0 16px 0 rgba(0,0,0,.18)}\"; },\n        enumerable: true,\n        configurable: true\n    });\n    return class_1;\n}());\nvar computeDelta = function (deltaX, isOpen, isEndSide) {\n    return Math.max(0, isOpen !== isEndSide ? -deltaX : deltaX);\n};\nvar checkEdgeSide = function (win, posX, isEndSide, maxEdgeStart) {\n    if (isEndSide) {\n        return posX >= win.innerWidth - maxEdgeStart;\n    }\n    else {\n        return posX <= maxEdgeStart;\n    }\n};\nvar SHOW_MENU = 'show-menu';\nvar SHOW_BACKDROP = 'show-backdrop';\nvar MENU_CONTENT_OPEN = 'menu-content-open';\n// Given a menu, return whether or not the menu toggle should be visible\nvar updateVisibility = function (menu) { return __awaiter(void 0, void 0, void 0, function () {\n    var menuEl, _a;\n    return __generator(this, function (_b) {\n        switch (_b.label) {\n            case 0: return [4 /*yield*/, menuController.get(menu)];\n            case 1:\n                menuEl = _b.sent();\n                _a = menuEl;\n                if (!_a) return [3 /*break*/, 3];\n                return [4 /*yield*/, menuEl.isActive()];\n            case 2:\n                _a = (_b.sent());\n                _b.label = 3;\n            case 3: return [2 /*return*/, !!(_a)];\n        }\n    });\n}); };\nvar MenuButton = /** @class */ (function () {\n    function class_2(hostRef) {\n        var _this = this;\n        registerInstance(this, hostRef);\n        this.visible = false;\n        /**\n         * If `true`, the user cannot interact with the menu button.\n         */\n        this.disabled = false;\n        /**\n         * Automatically hides the menu button when the corresponding menu is not active\n         */\n        this.autoHide = true;\n        /**\n         * The type of the button.\n         */\n        this.type = 'button';\n        this.onClick = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                return [2 /*return*/, menuController.toggle(this.menu)];\n            });\n        }); };\n    }\n    class_2.prototype.componentDidLoad = function () {\n        this.visibilityChanged();\n    };\n    class_2.prototype.visibilityChanged = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this;\n                        return [4 /*yield*/, updateVisibility(this.menu)];\n                    case 1:\n                        _a.visible = _b.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    class_2.prototype.render = function () {\n        var _a;\n        var _b = this, color = _b.color, disabled = _b.disabled;\n        var mode = getIonMode(this);\n        var menuIcon = config.get('menuIcon', 'menu');\n        var hidden = this.autoHide && !this.visible;\n        var attrs = {\n            type: this.type\n        };\n        return (h(Host, { onClick: this.onClick, \"aria-disabled\": disabled ? 'true' : null, \"aria-hidden\": hidden ? 'true' : null, class: Object.assign(Object.assign((_a = {}, _a[mode] = true, _a), createColorClasses(color)), { 'button': true, 'menu-button-hidden': hidden, 'menu-button-disabled': disabled, 'ion-activatable': true, 'ion-focusable': true }) }, h(\"button\", Object.assign({}, attrs, { disabled: disabled, class: \"button-native\" }), h(\"slot\", null, h(\"ion-icon\", { icon: menuIcon, mode: mode, lazy: false })), mode === 'md' && h(\"ion-ripple-effect\", { type: \"unbounded\" }))));\n    };\n    Object.defineProperty(class_2, \"style\", {\n        get: function () { return \":host{--background:transparent;--color-focused:var(--color);--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:.5;pointer-events:none}\\@media (any-hover:hover){:host(:hover) .button-native{background:var(--background-hover);color:var(--color-hover)}}:host(.ion-focused) .button-native{background:var(--background-focused);color:var(--color-focused)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host-context(ion-toolbar:not(.ion-color)){color:var(--ion-toolbar-color,var(--color))}:host{--background-focused:rgba(66,66,66,0.24);--background-hover:rgba(66,66,66,0.08);--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:48px;height:48px;font-size:24px}\\@media (any-hover:hover){:host(.ion-color:hover) .button-native{background:rgba(var(--ion-color-base-rgb),.08)}}:host(.ion-color.ion-focused) .button-native{background:rgba(var(--ion-color-base-rgb),.24);color:var(--ion-color-base)}\"; },\n        enumerable: true,\n        configurable: true\n    });\n    return class_2;\n}());\nvar MenuController = /** @class */ (function () {\n    function class_3(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    /**\n     * Open the menu. If a menu is not provided then it will open the first\n     * menu found. If the specified menu is `start` or `end`, then it will open\n     * the enabled menu on that side. Otherwise, it will try to find the menu\n     * using the menu's `id` property. If a menu is not found then it will\n     * return `false`.\n     *\n     * @param menu The menuId or side of the menu to open.\n     */\n    class_3.prototype.open = function (menu) {\n        return menuController.open(menu);\n    };\n    /**\n     * Close the menu. If a menu is specified, it will close that menu.\n     * If no menu is specified, then it will close any menu that is open.\n     * If it does not find any open menus, it will return `false`.\n     *\n     * @param menu The menuId or side of the menu to close.\n     */\n    class_3.prototype.close = function (menu) {\n        return menuController.close(menu);\n    };\n    /**\n     * Toggle the menu open or closed. If the menu is already open, it will try to\n     * close the menu, otherwise it will try to open it. Returns `false` if\n     * a menu is not found.\n     *\n     * @param menu The menuId or side of the menu to toggle.\n     */\n    class_3.prototype.toggle = function (menu) {\n        return menuController.toggle(menu);\n    };\n    /**\n     * Enable or disable a menu. Disabling a menu will not allow gestures\n     * for that menu or any calls to open it. This is useful when there are\n     * multiple menus on the same side and only one of them should be allowed\n     * to open. Enabling a menu will automatically disable all other menus\n     * on that side.\n     *\n     * @param enable If `true`, the menu should be enabled.\n     * @param menu The menuId or side of the menu to enable or disable.\n     */\n    class_3.prototype.enable = function (enable, menu) {\n        return menuController.enable(enable, menu);\n    };\n    /**\n     * Enable or disable the ability to swipe open the menu.\n     *\n     * @param enable If `true`, the menu swipe gesture should be enabled.\n     * @param menu The menuId or side of the menu to enable or disable the swipe gesture on.\n     */\n    class_3.prototype.swipeGesture = function (enable, menu) {\n        return menuController.swipeGesture(enable, menu);\n    };\n    /**\n     * Get whether or not the menu is open. Returns `true` if the specified\n     * menu is open. If a menu is not specified, it will return `true` if\n     * any menu is currently open.\n     *\n     * @param menu The menuId or side of the menu that is being checked.\n     */\n    class_3.prototype.isOpen = function (menu) {\n        return menuController.isOpen(menu);\n    };\n    /**\n     * Get whether or not the menu is enabled. Returns `true` if the\n     * specified menu is enabled. Returns `false` if a menu is disabled\n     * or not found.\n     *\n     * @param menu The menuId or side of the menu that is being checked.\n     */\n    class_3.prototype.isEnabled = function (menu) {\n        return menuController.isEnabled(menu);\n    };\n    /**\n     * Get a menu instance. If a menu is not provided then it will return the first\n     * menu found. If the specified menu is `start` or `end`, then it will return the\n     * enabled menu on that side. Otherwise, it will try to find the menu using the menu's\n     * `id` property. If a menu is not found then it will return `null`.\n     *\n     * @param menu The menuId or side of the menu.\n     */\n    class_3.prototype.get = function (menu) {\n        return menuController.get(menu);\n    };\n    /**\n     * Get the instance of the opened menu. Returns `null` if a menu is not found.\n     */\n    class_3.prototype.getOpen = function () {\n        return menuController.getOpen();\n    };\n    /**\n     * Get all menu instances.\n     */\n    class_3.prototype.getMenus = function () {\n        return menuController.getMenus();\n    };\n    /**\n     * Get whether or not a menu is animating. Returns `true` if any\n     * menu is currently animating.\n     */\n    class_3.prototype.isAnimating = function () {\n        return menuController.isAnimating();\n    };\n    /**\n     * Registers a new animation that can be used with any `ion-menu` by\n     * passing the name of the animation in its `type` property.\n     *\n     * @param name The name of the animation to register.\n     * @param animation The animation function to register.\n     */\n    class_3.prototype.registerAnimation = function (name, animation) {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                return [2 /*return*/, menuController.registerAnimation(name, animation)];\n            });\n        });\n    };\n    return class_3;\n}());\nvar MenuToggle = /** @class */ (function () {\n    function class_4(hostRef) {\n        var _this = this;\n        registerInstance(this, hostRef);\n        this.visible = false;\n        /**\n         * Automatically hides the content when the corresponding menu is not active.\n         *\n         * By default, it's `true`. Change it to `false` in order to\n         * keep `ion-menu-toggle` always visible regardless the state of the menu.\n         */\n        this.autoHide = true;\n        this.onClick = function () {\n            return menuController.toggle(_this.menu);\n        };\n    }\n    class_4.prototype.connectedCallback = function () {\n        this.visibilityChanged();\n    };\n    class_4.prototype.visibilityChanged = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this;\n                        return [4 /*yield*/, updateVisibility(this.menu)];\n                    case 1:\n                        _a.visible = _b.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    class_4.prototype.render = function () {\n        var _a;\n        var mode = getIonMode(this);\n        var hidden = this.autoHide && !this.visible;\n        return (h(Host, { onClick: this.onClick, \"aria-hidden\": hidden ? 'true' : null, class: (_a = {},\n                _a[mode] = true,\n                _a['menu-toggle-hidden'] = hidden,\n                _a) }, h(\"slot\", null)));\n    };\n    Object.defineProperty(class_4, \"style\", {\n        get: function () { return \":host(.menu-toggle-hidden){display:none}\"; },\n        enumerable: true,\n        configurable: true\n    });\n    return class_4;\n}());\nexport { Menu as ion_menu, MenuButton as ion_menu_button, MenuController as ion_menu_controller, MenuToggle as ion_menu_toggle };\n"],"sourceRoot":""}