@ionic/core 7.5.8-dev.11701806358.1ca1b519 → 7.5.8-dev.11701876182.1e71e7a0

package/dist/collection/components/picker-legacy/test/basic/picker.e2e.js

@@ -1,25 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { expect } from "@playwright/test";
-import { configs, test } from "../../../../utils/test/playwright/index";
-configs().forEach(({ title, screenshot, config }) => {
-    test.describe(title('picker: basic'), () => {
-        test('should not have visual regressions', async ({ page }) => {
-            await page.goto('/src/components/picker-legacy/test/basic', config);
-            const didPresent = await page.spyOnEvent('ionPickerDidPresent');
-            const didDismiss = await page.spyOnEvent('ionPickerDidDismiss');
-            await page.click('#basic');
-            await didPresent.next();
-            await page.waitForChanges();
-            await expect(page).toHaveScreenshot(screenshot(`picker-basic`));
-            await page.click('.picker-opt:nth-child(2)');
-            await page.click('ion-picker-legacy .save-btn');
-            await didDismiss.next();
-            await page.click('#basic');
-            await didPresent.next();
-            await page.waitForChanges();
-            await expect(page).toHaveScreenshot(screenshot(`picker-value-selected`));
-        });
-    });
-});

package/dist/collection/components/picker-legacy-column/picker-column.js

@@ -1,419 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { Host, h } from "@stencil/core";
-import { clamp } from "../../utils/helpers";
-import { hapticSelectionChanged, hapticSelectionEnd, hapticSelectionStart } from "../../utils/native/haptic";
-import { getClassMap } from "../../utils/theme";
-import { getIonMode } from "../../global/ionic-global";
-/**
- * @internal
- */
-export class PickerColumnCmp {
-    constructor() {
-        this.optHeight = 0;
-        this.rotateFactor = 0;
-        this.scaleFactor = 1;
-        this.velocity = 0;
-        this.y = 0;
-        this.noAnimate = true;
-        // `colDidChange` is a flag that gets set when the column is changed
-        // dynamically. When this flag is set, the column will refresh
-        // after the component re-renders to incorporate the new column data.
-        // This is necessary because `this.refresh` queries for the option elements,
-        // so it needs to wait for the latest elements to be available in the DOM.
-        // Ex: column is created with 3 options. User updates the column data
-        // to have 5 options. The column will still think it only has 3 options.
-        this.colDidChange = false;
-        this.col = undefined;
-    }
-    colChanged() {
-        this.colDidChange = true;
-    }
-    async connectedCallback() {
-        let pickerRotateFactor = 0;
-        let pickerScaleFactor = 0.81;
-        const mode = getIonMode(this);
-        if (mode === 'ios') {
-            pickerRotateFactor = -0.46;
-            pickerScaleFactor = 1;
-        }
-        this.rotateFactor = pickerRotateFactor;
-        this.scaleFactor = pickerScaleFactor;
-        this.gesture = (await import('../../utils/gesture')).createGesture({
-            el: this.el,
-            gestureName: 'picker-swipe',
-            gesturePriority: 100,
-            threshold: 0,
-            passive: false,
-            onStart: (ev) => this.onStart(ev),
-            onMove: (ev) => this.onMove(ev),
-            onEnd: (ev) => this.onEnd(ev),
-        });
-        this.gesture.enable();
-        // Options have not been initialized yet
-        // Animation must be disabled through the `noAnimate` flag
-        // Otherwise, the options will render
-        // at the top of the column and transition down
-        this.tmrId = setTimeout(() => {
-            this.noAnimate = false;
-            // After initialization, `refresh()` will be called
-            // At this point, animation will be enabled. The options will
-            // animate as they are being selected.
-            this.refresh(true);
-        }, 250);
-    }
-    componentDidLoad() {
-        this.onDomChange();
-    }
-    componentDidUpdate() {
-        // Options may have changed since last update.
-        if (this.colDidChange) {
-            // Animation must be disabled through the `onDomChange` parameter.
-            // Otherwise, the recently added options will render
-            // at the top of the column and transition down
-            this.onDomChange(true, false);
-            this.colDidChange = false;
-        }
-    }
-    disconnectedCallback() {
-        if (this.rafId !== undefined)
-            cancelAnimationFrame(this.rafId);
-        if (this.tmrId)
-            clearTimeout(this.tmrId);
-        if (this.gesture) {
-            this.gesture.destroy();
-            this.gesture = undefined;
-        }
-    }
-    emitColChange() {
-        this.ionPickerColChange.emit(this.col);
-    }
-    setSelected(selectedIndex, duration) {
-        // if there is a selected index, then figure out it's y position
-        // if there isn't a selected index, then just use the top y position
-        const y = selectedIndex > -1 ? -(selectedIndex * this.optHeight) : 0;
-        this.velocity = 0;
-        // set what y position we're at
-        if (this.rafId !== undefined)
-            cancelAnimationFrame(this.rafId);
-        this.update(y, duration, true);
-        this.emitColChange();
-    }
-    update(y, duration, saveY) {
-        if (!this.optsEl) {
-            return;
-        }
-        // ensure we've got a good round number :)
-        let translateY = 0;
-        let translateZ = 0;
-        const { col, rotateFactor } = this;
-        const prevSelected = col.selectedIndex;
-        const selectedIndex = (col.selectedIndex = this.indexForY(-y));
-        const durationStr = duration === 0 ? '' : duration + 'ms';
-        const scaleStr = `scale(${this.scaleFactor})`;
-        const children = this.optsEl.children;
-        for (let i = 0; i < children.length; i++) {
-            const button = children[i];
-            const opt = col.options[i];
-            const optOffset = i * this.optHeight + y;
-            let transform = '';
-            if (rotateFactor !== 0) {
-                const rotateX = optOffset * rotateFactor;
-                if (Math.abs(rotateX) <= 90) {
-                    translateY = 0;
-                    translateZ = 90;
-                    transform = `rotateX(${rotateX}deg) `;
-                }
-                else {
-                    translateY = -9999;
-                }
-            }
-            else {
-                translateZ = 0;
-                translateY = optOffset;
-            }
-            const selected = selectedIndex === i;
-            transform += `translate3d(0px,${translateY}px,${translateZ}px) `;
-            if (this.scaleFactor !== 1 && !selected) {
-                transform += scaleStr;
-            }
-            // Update transition duration
-            if (this.noAnimate) {
-                opt.duration = 0;
-                button.style.transitionDuration = '';
-            }
-            else if (duration !== opt.duration) {
-                opt.duration = duration;
-                button.style.transitionDuration = durationStr;
-            }
-            // Update transform
-            if (transform !== opt.transform) {
-                opt.transform = transform;
-            }
-            button.style.transform = transform;
-            /**
-             * Ensure that the select column
-             * item has the selected class
-             */
-            opt.selected = selected;
-            if (selected) {
-                button.classList.add(PICKER_OPT_SELECTED);
-            }
-            else {
-                button.classList.remove(PICKER_OPT_SELECTED);
-            }
-        }
-        this.col.prevSelected = prevSelected;
-        if (saveY) {
-            this.y = y;
-        }
-        if (this.lastIndex !== selectedIndex) {
-            // have not set a last index yet
-            hapticSelectionChanged();
-            this.lastIndex = selectedIndex;
-        }
-    }
-    decelerate() {
-        if (this.velocity !== 0) {
-            // still decelerating
-            this.velocity *= DECELERATION_FRICTION;
-            // do not let it go slower than a velocity of 1
-            this.velocity = this.velocity > 0 ? Math.max(this.velocity, 1) : Math.min(this.velocity, -1);
-            let y = this.y + this.velocity;
-            if (y > this.minY) {
-                // whoops, it's trying to scroll up farther than the options we have!
-                y = this.minY;
-                this.velocity = 0;
-            }
-            else if (y < this.maxY) {
-                // gahh, it's trying to scroll down farther than we can!
-                y = this.maxY;
-                this.velocity = 0;
-            }
-            this.update(y, 0, true);
-            const notLockedIn = Math.round(y) % this.optHeight !== 0 || Math.abs(this.velocity) > 1;
-            if (notLockedIn) {
-                // isn't locked in yet, keep decelerating until it is
-                this.rafId = requestAnimationFrame(() => this.decelerate());
-            }
-            else {
-                this.velocity = 0;
-                this.emitColChange();
-                hapticSelectionEnd();
-            }
-        }
-        else if (this.y % this.optHeight !== 0) {
-            // needs to still get locked into a position so options line up
-            const currentPos = Math.abs(this.y % this.optHeight);
-            // create a velocity in the direction it needs to scroll
-            this.velocity = currentPos > this.optHeight / 2 ? 1 : -1;
-            this.decelerate();
-        }
-    }
-    indexForY(y) {
-        return Math.min(Math.max(Math.abs(Math.round(y / this.optHeight)), 0), this.col.options.length - 1);
-    }
-    onStart(detail) {
-        // We have to prevent default in order to block scrolling under the picker
-        // but we DO NOT have to stop propagation, since we still want
-        // some "click" events to capture
-        if (detail.event.cancelable) {
-            detail.event.preventDefault();
-        }
-        detail.event.stopPropagation();
-        hapticSelectionStart();
-        // reset everything
-        if (this.rafId !== undefined)
-            cancelAnimationFrame(this.rafId);
-        const options = this.col.options;
-        let minY = options.length - 1;
-        let maxY = 0;
-        for (let i = 0; i < options.length; i++) {
-            if (!options[i].disabled) {
-                minY = Math.min(minY, i);
-                maxY = Math.max(maxY, i);
-            }
-        }
-        this.minY = -(minY * this.optHeight);
-        this.maxY = -(maxY * this.optHeight);
-    }
-    onMove(detail) {
-        if (detail.event.cancelable) {
-            detail.event.preventDefault();
-        }
-        detail.event.stopPropagation();
-        // update the scroll position relative to pointer start position
-        let y = this.y + detail.deltaY;
-        if (y > this.minY) {
-            // scrolling up higher than scroll area
-            y = Math.pow(y, 0.8);
-            this.bounceFrom = y;
-        }
-        else if (y < this.maxY) {
-            // scrolling down below scroll area
-            y += Math.pow(this.maxY - y, 0.9);
-            this.bounceFrom = y;
-        }
-        else {
-            this.bounceFrom = 0;
-        }
-        this.update(y, 0, false);
-    }
-    onEnd(detail) {
-        if (this.bounceFrom > 0) {
-            // bounce back up
-            this.update(this.minY, 100, true);
-            this.emitColChange();
-            return;
-        }
-        else if (this.bounceFrom < 0) {
-            // bounce back down
-            this.update(this.maxY, 100, true);
-            this.emitColChange();
-            return;
-        }
-        this.velocity = clamp(-MAX_PICKER_SPEED, detail.velocityY * 23, MAX_PICKER_SPEED);
-        if (this.velocity === 0 && detail.deltaY === 0) {
-            const opt = detail.event.target.closest('.picker-opt');
-            if (opt === null || opt === void 0 ? void 0 : opt.hasAttribute('opt-index')) {
-                this.setSelected(parseInt(opt.getAttribute('opt-index'), 10), TRANSITION_DURATION);
-            }
-        }
-        else {
-            this.y += detail.deltaY;
-            if (Math.abs(detail.velocityY) < 0.05) {
-                const isScrollingUp = detail.deltaY > 0;
-                const optHeightFraction = (Math.abs(this.y) % this.optHeight) / this.optHeight;
-                if (isScrollingUp && optHeightFraction > 0.5) {
-                    this.velocity = Math.abs(this.velocity) * -1;
-                }
-                else if (!isScrollingUp && optHeightFraction <= 0.5) {
-                    this.velocity = Math.abs(this.velocity);
-                }
-            }
-            this.decelerate();
-        }
-    }
-    refresh(forceRefresh, animated) {
-        var _a;
-        let min = this.col.options.length - 1;
-        let max = 0;
-        const options = this.col.options;
-        for (let i = 0; i < options.length; i++) {
-            if (!options[i].disabled) {
-                min = Math.min(min, i);
-                max = Math.max(max, i);
-            }
-        }
-        /**
-         * Only update selected value if column has a
-         * velocity of 0. If it does not, then the
-         * column is animating might land on
-         * a value different than the value at
-         * selectedIndex
-         */
-        if (this.velocity !== 0) {
-            return;
-        }
-        const selectedIndex = clamp(min, (_a = this.col.selectedIndex) !== null && _a !== void 0 ? _a : 0, max);
-        if (this.col.prevSelected !== selectedIndex || forceRefresh) {
-            const y = selectedIndex * this.optHeight * -1;
-            const duration = animated ? TRANSITION_DURATION : 0;
-            this.velocity = 0;
-            this.update(y, duration, true);
-        }
-    }
-    onDomChange(forceRefresh, animated) {
-        const colEl = this.optsEl;
-        if (colEl) {
-            // DOM READ
-            // We perfom a DOM read over a rendered item, this needs to happen after the first render or after the the column has changed
-            this.optHeight = colEl.firstElementChild ? colEl.firstElementChild.clientHeight : 0;
-        }
-        this.refresh(forceRefresh, animated);
-    }
-    render() {
-        const col = this.col;
-        const mode = getIonMode(this);
-        return (h(Host, { class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
-                'max-width': this.col.columnWidth,
-            } }, col.prefix && (h("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
-    }
-    static get is() { return "ion-picker-legacy-column"; }
-    static get originalStyleUrls() {
-        return {
-            "ios": ["picker-column.ios.scss"],
-            "md": ["picker-column.md.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "ios": ["picker-column.ios.css"],
-            "md": ["picker-column.md.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "col": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "PickerColumn",
-                    "resolved": "PickerColumn",
-                    "references": {
-                        "PickerColumn": {
-                            "location": "import",
-                            "path": "../picker-legacy/picker-interface",
-                            "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Picker column data"
-                }
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "ionPickerColChange",
-                "name": "ionPickerColChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }],
-                    "text": "Emitted when the selected value has changed"
-                },
-                "complexType": {
-                    "original": "PickerColumn",
-                    "resolved": "PickerColumn",
-                    "references": {
-                        "PickerColumn": {
-                            "location": "import",
-                            "path": "../picker-legacy/picker-interface",
-                            "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "col",
-                "methodName": "colChanged"
-            }];
-    }
-}
-const PICKER_OPT_SELECTED = 'picker-opt-selected';
-const DECELERATION_FRICTION = 0.97;
-const MAX_PICKER_SPEED = 90;
-const TRANSITION_DURATION = 150;

package/dist/collection/utils/test/overlays/overlays-scroll-blocking.spec.js

@@ -1,65 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Modal } from "../../../components/modal/modal";
-describe('overlays: scroll blocking', () => {
-    it('should not block scroll when the overlay is created', async () => {
-        const page = await newSpecPage({
-            components: [Modal],
-            html: `
-        <ion-modal></ion-modal>
-      `,
-        });
-        const body = page.doc.querySelector('body');
-        expect(body).not.toHaveClass('backdrop-no-scroll');
-    });
-    it('should block scroll when the overlay is presented', async () => {
-        const page = await newSpecPage({
-            components: [Modal],
-            html: `
-        <ion-modal></ion-modal>
-      `,
-        });
-        const modal = page.body.querySelector('ion-modal');
-        const body = page.doc.querySelector('body');
-        await modal.present();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modal.dismiss();
-        expect(body).not.toHaveClass('backdrop-no-scroll');
-    });
-    it('should not block scroll when the overlay is dismissed', async () => {
-        const page = await newSpecPage({
-            components: [Modal],
-            html: `
-        <ion-modal></ion-modal>
-      `,
-        });
-        const modal = page.body.querySelector('ion-modal');
-        const body = page.doc.querySelector('body');
-        await modal.present();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modal.dismiss();
-        expect(body).not.toHaveClass('backdrop-no-scroll');
-    });
-    it('should not enable scroll until last overlay is dismissed', async () => {
-        const page = await newSpecPage({
-            components: [Modal],
-            html: `
-        <ion-modal id="one"></ion-modal>
-        <ion-modal id="two"></ion-modal>
-      `,
-        });
-        const modalOne = page.body.querySelector('#one');
-        const modalTwo = page.body.querySelector('#two');
-        const body = page.doc.querySelector('body');
-        await modalOne.present();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modalTwo.present();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modalOne.dismiss();
-        expect(body).toHaveClass('backdrop-no-scroll');
-        await modalTwo.dismiss();
-        expect(body).not.toHaveClass('backdrop-no-scroll');
-    });
-});

package/dist/esm/index-7a14ecec.js

@@ -1,29 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * When accessing the document or window, it is important
- * to account for SSR applications where the
- * window is not available. Code that accesses
- * window when it is not available will crash.
- * Even checking if `window === undefined` will cause
- * apps to crash in SSR.
- *
- * Use win below to access an SSR-safe version
- * of the window.
- *
- * Example 1:
- * Before:
- * if (window.innerWidth > 768) { ... }
- *
- * After:
- * import { win } from 'path/to/this/file';
- * if (win?.innerWidth > 768) { ... }
- *
- * Note: Code inside of this if-block will
- * not run in an SSR environment.
- */
-const win = typeof window !== 'undefined' ? window : undefined;
-const doc = typeof document !== 'undefined' ? document : undefined;
-
-export { doc as d, win as w };

package/dist/esm/ion-picker-column-option.entry.js

@@ -1,100 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { r as registerInstance, h, H as Host, f as getElement } from './index-08d686eb.js';
-import { k as inheritAttributes } from './helpers-ae653409.js';
-import { c as createColorClasses } from './theme-01f3f29c.js';
-import { b as getIonMode } from './ionic-global-c0cda98e.js';
-
-const pickerColumnOptionIosCss = "button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) button{cursor:default}";
-
-const pickerColumnOptionMdCss = "button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) button{cursor:default}:host(.option-active){color:var(--ion-color-base)}";
-
-const PickerColumnOption = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * We keep track of the parent picker column
-         * so we can update the value of it when
-         * clicking an enable option.
-         */
-        this.pickerColumn = null;
-        this.ariaLabel = null;
-        this.disabled = false;
-        this.value = undefined;
-        this.color = 'primary';
-    }
-    /**
-     * The aria-label of the option has changed after the
-     * first render and needs to be updated within the component.
-     *
-     * @param ariaLbl The new aria-label value.
-     */
-    onAriaLabelChange(ariaLbl) {
-        this.ariaLabel = ariaLbl;
-    }
-    componentWillLoad() {
-        const inheritedAttributes = inheritAttributes(this.el, ['aria-label']);
-        /**
-         * The initial value of `aria-label` needs to be set for
-         * the first render.
-    
-         */
-        this.ariaLabel = inheritedAttributes['aria-label'] || null;
-    }
-    connectedCallback() {
-        this.pickerColumn = this.el.closest('ion-picker-column');
-    }
-    disconnectedCallback() {
-        this.pickerColumn = null;
-    }
-    /**
-     * The column options can load at any time
-     * so the options needs to tell the
-     * parent picker column when it is loaded
-     * so the picker column can ensure it is
-     * centered in the view.
-     *
-     * We intentionally run this for every
-     * option. If we only ran this from
-     * the selected option then if the newly
-     * loaded options were not selected then
-     * scrollActiveItemIntoView would not be called.
-     */
-    componentDidLoad() {
-        const { pickerColumn } = this;
-        if (pickerColumn !== null) {
-            pickerColumn.scrollActiveItemIntoView();
-        }
-    }
-    /**
-     * When an option is clicked update the
-     * parent picker column value. This
-     * component will handle centering the option
-     * in the column view.
-     */
-    onClick() {
-        const { pickerColumn } = this;
-        if (pickerColumn !== null) {
-            pickerColumn.setValue(this.value);
-        }
-    }
-    render() {
-        const { color, disabled, ariaLabel } = this;
-        const mode = getIonMode(this);
-        return (h(Host, { class: createColorClasses(color, {
-                [mode]: true,
-                ['option-disabled']: disabled,
-            }) }, h("button", { tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", null))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "aria-label": ["onAriaLabelChange"]
-    }; }
-};
-PickerColumnOption.style = {
-    ios: pickerColumnOptionIosCss,
-    md: pickerColumnOptionMdCss
-};
-
-export { PickerColumnOption as ion_picker_column_option };

package/dist/esm-es5/index-80492ed3.js

@@ -1,4 +0,0 @@
-import{__awaiter,__generator}from"tslib";
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */import{p as printIonWarning}from"./index-9b0d46f4.js";import{MENU_BACK_BUTTON_PRIORITY}from"./hardware-back-button-b2bc76db.js";import{c as componentOnReady}from"./helpers-ae653409.js";import{b as getIonMode}from"./ionic-global-c0cda98e.js";import{c as createAnimation}from"./animation-fb0e0f6f.js";var baseAnimation=function(n){return createAnimation().duration(n?400:300)};var menuOverlayAnimation=function(n){var r;var e;var t=n.width+8;var i=createAnimation();var a=createAnimation();if(n.isEndSide){r=t+"px";e="0px"}else{r=-t+"px";e="0px"}i.addElement(n.menuInnerEl).fromTo("transform","translateX(".concat(r,")"),"translateX(".concat(e,")"));var o=getIonMode(n);var u=o==="ios";var f=u?.2:.25;a.addElement(n.backdropEl).fromTo("opacity",.01,f);return baseAnimation(u).addAnimation([i,a])};var menuPushAnimation=function(n){var r;var e;var t=getIonMode(n);var i=n.width;if(n.isEndSide){r=-i+"px";e=i+"px"}else{r=i+"px";e=-i+"px"}var a=createAnimation().addElement(n.menuInnerEl).fromTo("transform","translateX(".concat(e,")"),"translateX(0px)");var o=createAnimation().addElement(n.contentEl).fromTo("transform","translateX(0px)","translateX(".concat(r,")"));var u=createAnimation().addElement(n.backdropEl).fromTo("opacity",.01,.32);return baseAnimation(t==="ios").addAnimation([a,o,u])};var menuRevealAnimation=function(n){var r=getIonMode(n);var e=n.width*(n.isEndSide?-1:1)+"px";var t=createAnimation().addElement(n.contentEl).fromTo("transform","translateX(0px)","translateX(".concat(e,")"));return baseAnimation(r==="ios").addAnimation(t)};var createMenuController=function(){var n=new Map;var r=[];var e=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(e){switch(e.label){case 0:return[4,s(n,true)];case 1:r=e.sent();if(r){return[2,r.open()]}return[2,false]}}))}))};var t=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(e){switch(e.label){case 0:return[4,n!==undefined?s(n,true):c()];case 1:r=e.sent();if(r!==undefined){return[2,r.close()]}return[2,false]}}))}))};var i=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(e){switch(e.label){case 0:return[4,s(n,true)];case 1:r=e.sent();if(r){return[2,r.toggle()]}return[2,false]}}))}))};var a=function(n,r){return __awaiter(void 0,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,s(r)];case 1:e=t.sent();if(e){e.disabled=!n}return[2,e]}}))}))};var o=function(n,r){return __awaiter(void 0,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,s(r)];case 1:e=t.sent();if(e){e.swipeGesture=n}return[2,e]}}))}))};var u=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r,r;return __generator(this,(function(e){switch(e.label){case 0:if(!(n!=null))return[3,2];return[4,s(n)];case 1:r=e.sent();return[2,r!==undefined&&r.isOpen()];case 2:return[4,c()];case 3:r=e.sent();return[2,r!==undefined]}}))}))};var f=function(n){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(e){switch(e.label){case 0:return[4,s(n)];case 1:r=e.sent();if(r){return[2,!r.disabled]}return[2,false]}}))}))};var s=function(n,e){if(e===void 0){e=false}return __awaiter(void 0,void 0,void 0,(function(){var t,i,a;return __generator(this,(function(o){switch(o.label){case 0:return[4,I()];case 1:o.sent();if(n==="start"||n==="end"){t=r.filter((function(r){return r.side===n&&!r.disabled}));if(t.length>=1){if(t.length>1&&e){printIonWarning('menuController queried for a menu on the "'.concat(n,'" side, but ').concat(t.length," menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side."),t.map((function(n){return n.el})))}return[2,t[0].el]}i=r.filter((function(r){return r.side===n}));if(i.length>=1){if(i.length>1&&e){printIonWarning('menuController queried for a menu on the "'.concat(n,'" side, but ').concat(i.length," menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side."),i.map((function(n){return n.el})))}return[2,i[0].el]}}else if(n!=null){return[2,b((function(r){return r.menuId===n}))]}a=b((function(n){return!n.disabled}));if(a){return[2,a]}return[2,r.length>0?r[0].el:undefined]}}))}))};var c=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,I()];case 1:n.sent();return[2,w()]}}))}))};var v=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,I()];case 1:n.sent();return[2,g()]}}))}))};var d=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,I()];case 1:n.sent();return[2,A()]}}))}))};var m=function(r,e){n.set(r,e)};var _=function(n){if(r.indexOf(n)<0){r.push(n)}};var l=function(n){var e=r.indexOf(n);if(e>-1){r.splice(e,1)}};var h=function(n,r,e){return __awaiter(void 0,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(A()){return[2,false]}if(!r)return[3,3];return[4,c()];case 1:t=i.sent();if(!(t&&n.el!==t))return[3,3];return[4,t.setOpen(false,false)];case 2:i.sent();i.label=3;case 3:return[2,n._setOpen(r,e)]}}))}))};var p=function(r,e){var t=n.get(r);if(!t){throw new Error("animation not registered")}var i=t(e);return i};var w=function(){return b((function(n){return n._isOpen}))};var g=function(){return r.map((function(n){return n.el}))};var A=function(){return r.some((function(n){return n.isAnimating}))};var b=function(n){var e=r.find(n);if(e!==undefined){return e.el}return undefined};var I=function(){return Promise.all(Array.from(document.querySelectorAll("ion-menu")).map((function(n){return new Promise((function(r){return componentOnReady(n,r)}))})))};m("reveal",menuRevealAnimation);m("push",menuPushAnimation);m("overlay",menuOverlayAnimation);if(typeof document!=="undefined"){document.addEventListener("ionBackButton",(function(n){var r=w();if(r){n.detail.register(MENU_BACK_BUTTON_PRIORITY,(function(){return r.close()}))}}))}return{registerAnimation:m,get:s,getMenus:v,getOpen:c,isEnabled:f,swipeGesture:o,isAnimating:d,isOpen:u,enable:a,toggle:i,close:t,open:e,_getOpenSync:w,_createAnimation:p,_register:_,_unregister:l,_setOpen:h}};var menuController=createMenuController();export{menuController as m};