@ionic/core 8.5.4-dev.11743814940.14e938eb → 8.5.4-dev.11744052844.17c6a004

package/dist/esm/index-B2ahkcT2.js

@@ -1,351 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { c as config } from './ionic-global-BZ-M2eNj.js';
-import { w as writeTask, B as Build } from './index-Cc9Htq31.js';
-import { a as printIonWarning } from './index-QK2X-y7J.js';
-import { r as raf } from './helpers-Di6ciXLG.js';
-
-const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
-const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
-const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
-const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
-const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
-
-/**
- * Moves focus to a specified element. Note that we do not remove the tabindex
- * because that can result in an unintentional blur. Non-focusables can't be
- * focused, so the body will get focused again.
- */
-const moveFocus = (el) => {
-    el.tabIndex = -1;
-    el.focus();
-};
-/**
- * Elements that are hidden using `display: none` should not be focused even if
- * they are present in the DOM.
- */
-const isVisible = (el) => {
-    return el.offsetParent !== null;
-};
-/**
- * The focus controller allows us to manage focus within a view so assistive
- * technologies can inform users of changes to the navigation state. Traditional
- * native apps have a way of informing assistive technology about a navigation
- * state change. Mobile browsers have this too, but only when doing a full page
- * load. In a single page app we do not do that, so we need to build this
- * integration ourselves.
- */
-const createFocusController = () => {
-    const saveViewFocus = (referenceEl) => {
-        const focusManagerEnabled = config.get('focusManagerPriority', false);
-        /**
-         * When going back to a previously visited page focus should typically be moved
-         * back to the element that was last focused when the user was on this view.
-         */
-        if (focusManagerEnabled) {
-            const activeEl = document.activeElement;
-            if (activeEl !== null && (referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.contains(activeEl))) {
-                activeEl.setAttribute(LAST_FOCUS, 'true');
-            }
-        }
-    };
-    const setViewFocus = (referenceEl) => {
-        const focusManagerPriorities = config.get('focusManagerPriority', false);
-        /**
-         * If the focused element is a descendant of the referenceEl then it's possible
-         * that the app developer manually moved focus, so we do not want to override that.
-         * This can happen with inputs the are focused when a view transitions in.
-         */
-        if (Array.isArray(focusManagerPriorities) && !referenceEl.contains(document.activeElement)) {
-            /**
-             * When going back to a previously visited view focus should always be moved back
-             * to the element that the user was last focused on when they were on this view.
-             */
-            const lastFocus = referenceEl.querySelector(`[${LAST_FOCUS}]`);
-            if (lastFocus && isVisible(lastFocus)) {
-                moveFocus(lastFocus);
-                return;
-            }
-            for (const priority of focusManagerPriorities) {
-                /**
-                 * For each recognized case (excluding the default case) make sure to return
-                 * so that the fallback focus behavior does not run.
-                 *
-                 * We intentionally query for specific roles/semantic elements so that the
-                 * transition manager can work with both Ionic and non-Ionic UI components.
-                 *
-                 * If new selectors are added, be sure to remove the outline ring by adding
-                 * new selectors to rule in core.scss.
-                 */
-                switch (priority) {
-                    case 'content':
-                        const content = referenceEl.querySelector('main, [role="main"]');
-                        if (content && isVisible(content)) {
-                            moveFocus(content);
-                            return;
-                        }
-                        break;
-                    case 'heading':
-                        const headingOne = referenceEl.querySelector('h1, [role="heading"][aria-level="1"]');
-                        if (headingOne && isVisible(headingOne)) {
-                            moveFocus(headingOne);
-                            return;
-                        }
-                        break;
-                    case 'banner':
-                        const header = referenceEl.querySelector('header, [role="banner"]');
-                        if (header && isVisible(header)) {
-                            moveFocus(header);
-                            return;
-                        }
-                        break;
-                    default:
-                        printIonWarning(`Unrecognized focus manager priority value ${priority}`);
-                        break;
-                }
-            }
-            /**
-             * If there is nothing to focus then focus the page so focus at least moves to
-             * the correct view. The browser will then determine where within the page to
-             * move focus to.
-             */
-            moveFocus(referenceEl);
-        }
-    };
-    return {
-        saveViewFocus,
-        setViewFocus,
-    };
-};
-const LAST_FOCUS = 'ion-last-focus';
-
-const iosTransitionAnimation = () => import('./ios.transition-7w4LW3L0.js');
-const mdTransitionAnimation = () => import('./md.transition-C27TkuUN.js');
-const focusController = createFocusController();
-// TODO(FW-2832): types
-const transition = (opts) => {
-    return new Promise((resolve, reject) => {
-        writeTask(() => {
-            beforeTransition(opts);
-            runTransition(opts).then((result) => {
-                if (result.animation) {
-                    result.animation.destroy();
-                }
-                afterTransition(opts);
-                resolve(result);
-            }, (error) => {
-                afterTransition(opts);
-                reject(error);
-            });
-        });
-    });
-};
-const beforeTransition = (opts) => {
-    const enteringEl = opts.enteringEl;
-    const leavingEl = opts.leavingEl;
-    focusController.saveViewFocus(leavingEl);
-    setZIndex(enteringEl, leavingEl, opts.direction);
-    if (opts.showGoBack) {
-        enteringEl.classList.add('can-go-back');
-    }
-    else {
-        enteringEl.classList.remove('can-go-back');
-    }
-    setPageHidden(enteringEl, false);
-    /**
-     * When transitioning, the page should not
-     * respond to click events. This resolves small
-     * issues like users double tapping the ion-back-button.
-     * These pointer events are removed in `afterTransition`.
-     */
-    enteringEl.style.setProperty('pointer-events', 'none');
-    if (leavingEl) {
-        setPageHidden(leavingEl, false);
-        leavingEl.style.setProperty('pointer-events', 'none');
-    }
-};
-const runTransition = async (opts) => {
-    const animationBuilder = await getAnimationBuilder(opts);
-    const ani = animationBuilder && Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
-    return ani;
-};
-const afterTransition = (opts) => {
-    const enteringEl = opts.enteringEl;
-    const leavingEl = opts.leavingEl;
-    enteringEl.classList.remove('ion-page-invisible');
-    enteringEl.style.removeProperty('pointer-events');
-    if (leavingEl !== undefined) {
-        leavingEl.classList.remove('ion-page-invisible');
-        leavingEl.style.removeProperty('pointer-events');
-    }
-    focusController.setViewFocus(enteringEl);
-};
-const getAnimationBuilder = async (opts) => {
-    if (!opts.leavingEl || !opts.animated || opts.duration === 0) {
-        return undefined;
-    }
-    if (opts.animationBuilder) {
-        return opts.animationBuilder;
-    }
-    const getAnimation = opts.mode === 'ios'
-        ? (await iosTransitionAnimation()).iosTransitionAnimation
-        : (await mdTransitionAnimation()).mdTransitionAnimation;
-    return getAnimation;
-};
-const animation = async (animationBuilder, opts) => {
-    await waitForReady(opts, true);
-    const trans = animationBuilder(opts.baseEl, opts);
-    fireWillEvents(opts.enteringEl, opts.leavingEl);
-    const didComplete = await playTransition(trans, opts);
-    if (opts.progressCallback) {
-        opts.progressCallback(undefined);
-    }
-    if (didComplete) {
-        fireDidEvents(opts.enteringEl, opts.leavingEl);
-    }
-    return {
-        hasCompleted: didComplete,
-        animation: trans,
-    };
-};
-const noAnimation = async (opts) => {
-    const enteringEl = opts.enteringEl;
-    const leavingEl = opts.leavingEl;
-    const focusManagerEnabled = config.get('focusManagerPriority', false);
-    /**
-     * If the focus manager is enabled then we need to wait for Ionic components to be
-     * rendered otherwise the component to focus may not be focused because it is hidden.
-     */
-    await waitForReady(opts, focusManagerEnabled);
-    fireWillEvents(enteringEl, leavingEl);
-    fireDidEvents(enteringEl, leavingEl);
-    return {
-        hasCompleted: true,
-    };
-};
-const waitForReady = async (opts, defaultDeep) => {
-    const deep = opts.deepWait !== undefined ? opts.deepWait : defaultDeep;
-    if (deep) {
-        await Promise.all([deepReady(opts.enteringEl), deepReady(opts.leavingEl)]);
-    }
-    await notifyViewReady(opts.viewIsReady, opts.enteringEl);
-};
-const notifyViewReady = async (viewIsReady, enteringEl) => {
-    if (viewIsReady) {
-        await viewIsReady(enteringEl);
-    }
-};
-const playTransition = (trans, opts) => {
-    const progressCallback = opts.progressCallback;
-    const promise = new Promise((resolve) => {
-        trans.onFinish((currentStep) => resolve(currentStep === 1));
-    });
-    // cool, let's do this, start the transition
-    if (progressCallback) {
-        // this is a swipe to go back, just get the transition progress ready
-        // kick off the swipe animation start
-        trans.progressStart(true);
-        progressCallback(trans);
-    }
-    else {
-        // only the top level transition should actually start "play"
-        // kick it off and let it play through
-        // ******** DOM WRITE ****************
-        trans.play();
-    }
-    // create a callback for when the animation is done
-    return promise;
-};
-const fireWillEvents = (enteringEl, leavingEl) => {
-    lifecycle(leavingEl, LIFECYCLE_WILL_LEAVE);
-    lifecycle(enteringEl, LIFECYCLE_WILL_ENTER);
-};
-const fireDidEvents = (enteringEl, leavingEl) => {
-    lifecycle(enteringEl, LIFECYCLE_DID_ENTER);
-    lifecycle(leavingEl, LIFECYCLE_DID_LEAVE);
-};
-const lifecycle = (el, eventName) => {
-    if (el) {
-        const ev = new CustomEvent(eventName, {
-            bubbles: false,
-            cancelable: false,
-        });
-        el.dispatchEvent(ev);
-    }
-};
-/**
- * Wait two request animation frame loops.
- * This allows the framework implementations enough time to mount
- * the user-defined contents. This is often needed when using inline
- * modals and popovers that accept user components. For popover,
- * the contents must be mounted for the popover to be sized correctly.
- * For modals, the contents must be mounted for iOS to run the
- * transition correctly.
- *
- * On Angular and React, a single raf is enough time, but for Vue
- * we need to wait two rafs. As a result we are using two rafs for
- * all frameworks to ensure contents are mounted.
- */
-const waitForMount = () => {
-    return new Promise((resolve) => raf(() => raf(() => resolve())));
-};
-const deepReady = async (el) => {
-    const element = el;
-    if (element) {
-        if (element.componentOnReady != null) {
-            // eslint-disable-next-line custom-rules/no-component-on-ready-method
-            const stencilEl = await element.componentOnReady();
-            if (stencilEl != null) {
-                return;
-            }
-            /**
-             * Custom elements in Stencil will have __registerHost.
-             */
-        }
-        else if (element.__registerHost != null) {
-            /**
-             * Non-lazy loaded custom elements need to wait
-             * one frame for component to be loaded.
-             */
-            const waitForCustomElement = new Promise((resolve) => raf(resolve));
-            await waitForCustomElement;
-            return;
-        }
-        await Promise.all(Array.from(element.children).map(deepReady));
-    }
-};
-const setPageHidden = (el, hidden) => {
-    if (hidden) {
-        el.setAttribute('aria-hidden', 'true');
-        el.classList.add('ion-page-hidden');
-    }
-    else {
-        el.hidden = false;
-        el.removeAttribute('aria-hidden');
-        el.classList.remove('ion-page-hidden');
-    }
-};
-const setZIndex = (enteringEl, leavingEl, direction) => {
-    if (enteringEl !== undefined) {
-        enteringEl.style.zIndex = direction === 'back' ? '99' : '101';
-    }
-    if (leavingEl !== undefined) {
-        leavingEl.style.zIndex = '100';
-    }
-};
-const getIonPageElement = (element) => {
-    if (element.classList.contains('ion-page')) {
-        return element;
-    }
-    const ionPage = element.querySelector(':scope > .ion-page, :scope > ion-nav, :scope > ion-tabs');
-    if (ionPage) {
-        return ionPage;
-    }
-    // idk, return the original element so at least something animates and we don't have a null pointer
-    return element;
-};
-
-export { LIFECYCLE_WILL_ENTER as L, LIFECYCLE_DID_ENTER as a, LIFECYCLE_WILL_LEAVE as b, LIFECYCLE_DID_LEAVE as c, LIFECYCLE_WILL_UNLOAD as d, deepReady as e, getIonPageElement as g, lifecycle as l, setPageHidden as s, transition as t, waitForMount as w };
-
-//# sourceMappingURL=index-B2ahkcT2.js.map

package/dist/esm/index-B2ahkcT2.js.map

@@ -1 +0,0 @@
-{"sourcesContent":[]}

package/dist/esm/index-BE9TYO7t.js

@@ -1,308 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { d as doc } from './index-ZjP4CjeZ.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-DYAtJcjg.js';
-import { a as printIonWarning } from './index-QK2X-y7J.js';
-import { c as componentOnReady } from './helpers-Di6ciXLG.js';
-import { b as getIonMode } from './ionic-global-BZ-M2eNj.js';
-import { c as createAnimation } from './animation-CCtpQcsN.js';
-
-/**
- * baseAnimation
- * Base class which is extended by the various types. Each
- * type will provide their own animations for open and close
- * and registers itself with Menu.
- */
-const baseAnimation = (isIos) => {
-    // https://material.io/guidelines/motion/movement.html#movement-movement-in-out-of-screen-bounds
-    // https://material.io/guidelines/motion/duration-easing.html#duration-easing-natural-easing-curves
-    /**
-     * "Apply the sharp curve to items temporarily leaving the screen that may return
-     * from the same exit point. When they return, use the deceleration curve. On mobile,
-     * this transition typically occurs over 300ms" -- MD Motion Guide
-     */
-    return createAnimation().duration(isIos ? 400 : 300);
-};
-
-/**
- * Menu Overlay Type
- * The menu slides over the content. The content
- * itself, which is under the menu, does not move.
- */
-const menuOverlayAnimation = (menu) => {
-    let closedX;
-    let openedX;
-    const width = menu.width + 8;
-    const menuAnimation = createAnimation();
-    const backdropAnimation = createAnimation();
-    if (menu.isEndSide) {
-        // right side
-        closedX = width + 'px';
-        openedX = '0px';
-    }
-    else {
-        // left side
-        closedX = -width + 'px';
-        openedX = '0px';
-    }
-    menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
-    const mode = getIonMode(menu);
-    const isIos = mode === 'ios';
-    const opacity = isIos ? 0.2 : 0.25;
-    backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
-    return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
-};
-
-/**
- * Menu Push Type
- * The content slides over to reveal the menu underneath.
- * The menu itself also slides over to reveal its bad self.
- */
-const menuPushAnimation = (menu) => {
-    let contentOpenedX;
-    let menuClosedX;
-    const mode = getIonMode(menu);
-    const width = menu.width;
-    if (menu.isEndSide) {
-        contentOpenedX = -width + 'px';
-        menuClosedX = width + 'px';
-    }
-    else {
-        contentOpenedX = width + 'px';
-        menuClosedX = -width + 'px';
-    }
-    const menuAnimation = createAnimation()
-        .addElement(menu.menuInnerEl)
-        .fromTo('transform', `translateX(${menuClosedX})`, 'translateX(0px)');
-    const contentAnimation = createAnimation()
-        .addElement(menu.contentEl)
-        .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
-    const backdropAnimation = createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
-    return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
-};
-
-/**
- * Menu Reveal Type
- * The content slides over to reveal the menu underneath.
- * The menu itself, which is under the content, does not move.
- */
-const menuRevealAnimation = (menu) => {
-    const mode = getIonMode(menu);
-    const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
-    const contentOpen = createAnimation()
-        .addElement(menu.contentEl) // REVIEW
-        .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
-};
-
-const createMenuController = () => {
-    const menuAnimations = new Map();
-    const menus = [];
-    const open = async (menu) => {
-        const menuEl = await get(menu, true);
-        if (menuEl) {
-            return menuEl.open();
-        }
-        return false;
-    };
-    const close = async (menu) => {
-        const menuEl = await (menu !== undefined ? get(menu, true) : getOpen());
-        if (menuEl !== undefined) {
-            return menuEl.close();
-        }
-        return false;
-    };
-    const toggle = async (menu) => {
-        const menuEl = await get(menu, true);
-        if (menuEl) {
-            return menuEl.toggle();
-        }
-        return false;
-    };
-    const enable = async (shouldEnable, menu) => {
-        const menuEl = await get(menu);
-        if (menuEl) {
-            menuEl.disabled = !shouldEnable;
-        }
-        return menuEl;
-    };
-    const swipeGesture = async (shouldEnable, menu) => {
-        const menuEl = await get(menu);
-        if (menuEl) {
-            menuEl.swipeGesture = shouldEnable;
-        }
-        return menuEl;
-    };
-    const isOpen = async (menu) => {
-        if (menu != null) {
-            const menuEl = await get(menu);
-            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
-            return menuEl !== undefined && menuEl.isOpen();
-        }
-        else {
-            const menuEl = await getOpen();
-            return menuEl !== undefined;
-        }
-    };
-    const isEnabled = async (menu) => {
-        const menuEl = await get(menu);
-        if (menuEl) {
-            return !menuEl.disabled;
-        }
-        return false;
-    };
-    /**
-     * Finds and returns the menu specified by "menu" if registered.
-     * @param menu - The side or ID of the desired menu
-     * @param logOnMultipleSideMenus - If true, this function will log a warning
-     * if "menu" is a side but multiple menus on the same side were found. Since this function
-     * is used in multiple places, we default this log to false so that the calling
-     * functions can choose whether or not it is appropriate to log this warning.
-     */
-    const get = async (menu, logOnMultipleSideMenus = false) => {
-        await waitUntilReady();
-        if (menu === 'start' || menu === 'end') {
-            // there could be more than one menu on the same side
-            // so first try to get the enabled one
-            const menuRefs = menus.filter((m) => m.side === menu && !m.disabled);
-            if (menuRefs.length >= 1) {
-                if (menuRefs.length > 1 && logOnMultipleSideMenus) {
-                    printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.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.`, menuRefs.map((m) => m.el));
-                }
-                return menuRefs[0].el;
-            }
-            // didn't find a menu side that is enabled
-            // so try to get the first menu side found
-            const sideMenuRefs = menus.filter((m) => m.side === menu);
-            if (sideMenuRefs.length >= 1) {
-                if (sideMenuRefs.length > 1 && logOnMultipleSideMenus) {
-                    printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.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.`, sideMenuRefs.map((m) => m.el));
-                }
-                return sideMenuRefs[0].el;
-            }
-        }
-        else if (menu != null) {
-            // the menuId was not left or right
-            // so try to get the menu by its "id"
-            return find((m) => m.menuId === menu);
-        }
-        // return the first enabled menu
-        const menuEl = find((m) => !m.disabled);
-        if (menuEl) {
-            return menuEl;
-        }
-        // get the first menu in the array, if one exists
-        return menus.length > 0 ? menus[0].el : undefined;
-    };
-    /**
-     * Get the instance of the opened menu. Returns `null` if a menu is not found.
-     */
-    const getOpen = async () => {
-        await waitUntilReady();
-        return _getOpenSync();
-    };
-    /**
-     * Get all menu instances.
-     */
-    const getMenus = async () => {
-        await waitUntilReady();
-        return getMenusSync();
-    };
-    /**
-     * Get whether or not a menu is animating. Returns `true` if any
-     * menu is currently animating.
-     */
-    const isAnimating = async () => {
-        await waitUntilReady();
-        return isAnimatingSync();
-    };
-    const registerAnimation = (name, animation) => {
-        menuAnimations.set(name, animation);
-    };
-    const _register = (menu) => {
-        if (menus.indexOf(menu) < 0) {
-            menus.push(menu);
-        }
-    };
-    const _unregister = (menu) => {
-        const index = menus.indexOf(menu);
-        if (index > -1) {
-            menus.splice(index, 1);
-        }
-    };
-    const _setOpen = async (menu, shouldOpen, animated, role) => {
-        if (isAnimatingSync()) {
-            return false;
-        }
-        if (shouldOpen) {
-            const openedMenu = await getOpen();
-            if (openedMenu && menu.el !== openedMenu) {
-                await openedMenu.setOpen(false, false);
-            }
-        }
-        return menu._setOpen(shouldOpen, animated, role);
-    };
-    const _createAnimation = (type, menuCmp) => {
-        const animationBuilder = menuAnimations.get(type); // TODO(FW-2832): type
-        if (!animationBuilder) {
-            throw new Error('animation not registered');
-        }
-        const animation = animationBuilder(menuCmp);
-        return animation;
-    };
-    const _getOpenSync = () => {
-        return find((m) => m._isOpen);
-    };
-    const getMenusSync = () => {
-        return menus.map((menu) => menu.el);
-    };
-    const isAnimatingSync = () => {
-        return menus.some((menu) => menu.isAnimating);
-    };
-    const find = (predicate) => {
-        const instance = menus.find(predicate);
-        if (instance !== undefined) {
-            return instance.el;
-        }
-        return undefined;
-    };
-    const waitUntilReady = () => {
-        return Promise.all(Array.from(document.querySelectorAll('ion-menu')).map((menu) => new Promise((resolve) => componentOnReady(menu, resolve))));
-    };
-    registerAnimation('reveal', menuRevealAnimation);
-    registerAnimation('push', menuPushAnimation);
-    registerAnimation('overlay', menuOverlayAnimation);
-    doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
-        const openMenu = _getOpenSync();
-        if (openMenu) {
-            ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
-                return openMenu.close();
-            });
-        }
-    });
-    return {
-        registerAnimation,
-        get,
-        getMenus,
-        getOpen,
-        isEnabled,
-        swipeGesture,
-        isAnimating,
-        isOpen,
-        enable,
-        toggle,
-        close,
-        open,
-        _getOpenSync,
-        _createAnimation,
-        _register,
-        _unregister,
-        _setOpen,
-    };
-};
-const menuController = /*@__PURE__*/ createMenuController();
-
-export { menuController as m };
-
-//# sourceMappingURL=index-BE9TYO7t.js.map

package/dist/esm/index-BE9TYO7t.js.map

@@ -1 +0,0 @@
-{"sourcesContent":[]}