@ionic/core 8.0.1-dev.11714492860.17c00351 → 8.0.1-dev.11714496052.149681e5

package/dist/collection/utils/focus-controller/index.js

@@ -0,0 +1,112 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { config } from "../../global/config";
+import { printIonWarning } from "../logging/index";
+/**
+ * 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.
+ */
+export 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';

package/dist/collection/utils/focus-controller/test/generic/focus-controller.e2e.js

@@ -0,0 +1,52 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { expect } from "@playwright/test";
+import { configs, test } from "../../../test/playwright/index";
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+    test.describe(title('focus controller: generic components'), () => {
+        test.beforeEach(async ({ page }) => {
+            await page.goto('/src/utils/focus-controller/test/generic', config);
+        });
+        test('should focus heading', async ({ page }) => {
+            const goToPageOneButton = page.locator('page-root button.page-one');
+            const nav = page.locator('ion-nav');
+            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
+            // Focus heading on Page One
+            await goToPageOneButton.click();
+            await ionNavDidChange.next();
+            const pageOneTitle = page.locator('page-one h1');
+            await expect(pageOneTitle).toBeFocused();
+        });
+        test('should focus banner', async ({ page }) => {
+            const goToPageThreeButton = page.locator('page-root button.page-three');
+            const nav = page.locator('ion-nav');
+            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
+            const pageThreeHeader = page.locator('page-three header');
+            await goToPageThreeButton.click();
+            await ionNavDidChange.next();
+            await expect(pageThreeHeader).toBeFocused();
+        });
+        test('should focus content', async ({ page }) => {
+            const goToPageTwoButton = page.locator('page-root button.page-two');
+            const nav = page.locator('ion-nav');
+            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
+            const pageTwoContent = page.locator('page-two main');
+            await goToPageTwoButton.click();
+            await ionNavDidChange.next();
+            await expect(pageTwoContent).toBeFocused();
+        });
+        test('should return focus when going back', async ({ page, browserName }) => {
+            test.skip(browserName === 'webkit', 'Desktop Safari does not consider buttons to be focusable');
+            const goToPageOneButton = page.locator('page-root button.page-one');
+            const nav = page.locator('ion-nav');
+            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
+            const pageOneBackButton = page.locator('page-one ion-back-button');
+            await goToPageOneButton.click();
+            await ionNavDidChange.next();
+            await pageOneBackButton.click();
+            await ionNavDidChange.next();
+            await expect(goToPageOneButton).toBeFocused();
+        });
+    });
+});

package/dist/collection/utils/focus-controller/test/ionic/focus-controller.e2e.js

@@ -0,0 +1,52 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { expect } from "@playwright/test";
+import { configs, test } from "../../../test/playwright/index";
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+    test.describe(title('focus controller: ionic components'), () => {
+        test.beforeEach(async ({ page }) => {
+            await page.goto('/src/utils/focus-controller/test/ionic', config);
+        });
+        test('should focus heading', async ({ page }) => {
+            const goToPageOneButton = page.locator('page-root ion-button.page-one');
+            const nav = page.locator('ion-nav');
+            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
+            // Focus heading on Page One
+            await goToPageOneButton.click();
+            await ionNavDidChange.next();
+            const pageOneTitle = page.locator('page-one ion-title');
+            await expect(pageOneTitle).toBeFocused();
+        });
+        test('should focus banner', async ({ page }) => {
+            const goToPageThreeButton = page.locator('page-root ion-button.page-three');
+            const nav = page.locator('ion-nav');
+            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
+            const pageThreeHeader = page.locator('page-three ion-header');
+            await goToPageThreeButton.click();
+            await ionNavDidChange.next();
+            await expect(pageThreeHeader).toBeFocused();
+        });
+        test('should focus content', async ({ page }) => {
+            const goToPageTwoButton = page.locator('page-root ion-button.page-two');
+            const nav = page.locator('ion-nav');
+            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
+            const pageTwoContent = page.locator('page-two ion-content');
+            await goToPageTwoButton.click();
+            await ionNavDidChange.next();
+            await expect(pageTwoContent).toBeFocused();
+        });
+        test('should return focus when going back', async ({ page, browserName }) => {
+            test.skip(browserName === 'webkit', 'Desktop Safari does not consider buttons to be focusable');
+            const goToPageOneButton = page.locator('page-root ion-button.page-one');
+            const nav = page.locator('ion-nav');
+            const ionNavDidChange = await nav.spyOnEvent('ionNavDidChange');
+            const pageOneBackButton = page.locator('page-one ion-back-button');
+            await goToPageOneButton.click();
+            await ionNavDidChange.next();
+            await pageOneBackButton.click();
+            await ionNavDidChange.next();
+            await expect(goToPageOneButton).toBeFocused();
+        });
+    });
+});

package/dist/collection/utils/transition/index.js

@@ -1,11 +1,14 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { config } from "../../global/config";
 import { Build, writeTask } from "@stencil/core";
 import { LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE, } from "../../components/nav/constants";
+import { createFocusController } from "../focus-controller";
 import { raf } from "../helpers";
 const iosTransitionAnimation = () => import('./ios.transition');
 const mdTransitionAnimation = () => import('./md.transition');
+const focusController = createFocusController();
 // TODO(FW-2832): types
 export const transition = (opts) => {
     return new Promise((resolve, reject) => {
@@ -27,6 +30,7 @@ export const transition = (opts) => {
 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');
@@ -61,6 +65,7 @@ const afterTransition = (opts) => {
         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) {
@@ -93,7 +98,12 @@ const animation = async (animationBuilder, opts) => {
 const noAnimation = async (opts) => {
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
-    await waitForReady(opts, false);
+    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 {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-04-30T16:03:00",
+  "timestamp": "2024-04-30T16:56:15",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.16.0",

package/dist/esm/{index-f0d7371a.js → index-c9a90692.js}

@@ -1,7 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { c as config } from './ionic-global-e6c98cd0.js';
 import { w as writeTask, B as Build } from './index-bcd8859b.js';
+import { p as printIonWarning } from './index-9b0d46f4.js';
 import { r as raf } from './helpers-da915de8.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
@@ -10,8 +12,117 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-71bfa932.js');
-const mdTransitionAnimation = () => import('./md.transition-86aef3c0.js');
+/**
+ * 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-0321a527.js');
+const mdTransitionAnimation = () => import('./md.transition-57a06277.js');
+const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {
     return new Promise((resolve, reject) => {
@@ -33,6 +144,7 @@ const transition = (opts) => {
 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');
@@ -67,6 +179,7 @@ const afterTransition = (opts) => {
         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) {
@@ -99,7 +212,12 @@ const animation = async (animationBuilder, opts) => {
 const noAnimation = async (opts) => {
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
-    await waitForReady(opts, false);
+    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 {

package/dist/esm/index.js

@@ -2,9 +2,9 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 export { c as createAnimation } from './animation-eab5a4ca.js';
-export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-f0d7371a.js';
-export { iosTransitionAnimation } from './ios.transition-71bfa932.js';
-export { mdTransitionAnimation } from './md.transition-86aef3c0.js';
+export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-c9a90692.js';
+export { iosTransitionAnimation } from './ios.transition-0321a527.js';
+export { mdTransitionAnimation } from './md.transition-57a06277.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 export { createGesture } from './index-39782642.js';
 export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-e6c98cd0.js';
@@ -15,9 +15,9 @@ export { m as menuController } from './index-56d90da9.js';
 export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-1eac28e2.js';
 import './index-a5d50daf.js';
 import './index-bcd8859b.js';
+import './index-9b0d46f4.js';
 import './gesture-controller-314a54f6.js';
 import './hardware-back-button-ba8f64c2.js';
-import './index-9b0d46f4.js';
 import './framework-delegate-63d1a679.js';
 
 const IonicSlides = (opts) => {

package/dist/esm/ion-app_8.entry.js

@@ -13,7 +13,7 @@ import { c as createKeyboardController } from './keyboard-controller-ec5c2bfa.js
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 import { a as attachComponent, d as detachComponent } from './framework-delegate-63d1a679.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { t as transition } from './index-f0d7371a.js';
+import { t as transition } from './index-c9a90692.js';
 import './index-a5d50daf.js';
 import './keyboard-73175e24.js';
 import './capacitor-59395cbd.js';

package/dist/esm/ion-modal.entry.js

@@ -10,7 +10,7 @@ import { p as printIonWarning } from './index-9b0d46f4.js';
 import { g as getCapacitor } from './capacitor-59395cbd.js';
 import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, F as FOCUS_TRAP_DISABLE_CLASS, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-1eac28e2.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { e as deepReady, w as waitForMount } from './index-f0d7371a.js';
+import { e as deepReady, w as waitForMount } from './index-c9a90692.js';
 import { b as getIonMode, c as config } from './ionic-global-e6c98cd0.js';
 import { KEYBOARD_DID_OPEN } from './keyboard-52278bd7.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';

package/dist/esm/ion-nav_2.entry.js

@@ -4,9 +4,10 @@
 import { r as registerInstance, d as createEvent, h, i as getElement, f as Host } from './index-bcd8859b.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 import { m as assert, s as shallowEqualStringMap } from './helpers-da915de8.js';
-import { l as lifecycle, t as transition, s as setPageHidden, d as LIFECYCLE_WILL_UNLOAD, b as LIFECYCLE_WILL_LEAVE, c as LIFECYCLE_DID_LEAVE } from './index-f0d7371a.js';
+import { l as lifecycle, t as transition, s as setPageHidden, d as LIFECYCLE_WILL_UNLOAD, b as LIFECYCLE_WILL_LEAVE, c as LIFECYCLE_DID_LEAVE } from './index-c9a90692.js';
 import { b as getIonMode, c as config } from './ionic-global-e6c98cd0.js';
 import { a as attachComponent } from './framework-delegate-63d1a679.js';
+import './index-9b0d46f4.js';
 
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;

package/dist/esm/ion-popover.entry.js

@@ -9,7 +9,7 @@ import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { b as getIonMode, a as isPlatform } from './ionic-global-e6c98cd0.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { e as deepReady, w as waitForMount } from './index-f0d7371a.js';
+import { e as deepReady, w as waitForMount } from './index-c9a90692.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
 import './index-a5d50daf.js';
 import './hardware-back-button-ba8f64c2.js';

package/dist/esm/{ios.transition-71bfa932.js → ios.transition-0321a527.js}

@@ -2,9 +2,11 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { c as createAnimation } from './animation-eab5a4ca.js';
-import { g as getIonPageElement } from './index-f0d7371a.js';
+import { g as getIonPageElement } from './index-c9a90692.js';
 import './index-a5d50daf.js';
+import './ionic-global-e6c98cd0.js';
 import './index-bcd8859b.js';
+import './index-9b0d46f4.js';
 import './helpers-da915de8.js';
 
 const DURATION = 540;

package/dist/esm/{md.transition-86aef3c0.js → md.transition-57a06277.js}

@@ -2,9 +2,11 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { c as createAnimation } from './animation-eab5a4ca.js';
-import { g as getIonPageElement } from './index-f0d7371a.js';
+import { g as getIonPageElement } from './index-c9a90692.js';
 import './index-a5d50daf.js';
+import './ionic-global-e6c98cd0.js';
 import './index-bcd8859b.js';
+import './index-9b0d46f4.js';
 import './helpers-da915de8.js';
 
 const mdTransitionAnimation = (_, opts) => {

package/dist/esm-es5/index-c9a90692.js

@@ -0,0 +1,4 @@
+import{__awaiter,__generator}from"tslib";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */import{c as config}from"./ionic-global-e6c98cd0.js";import{w as writeTask,B as Build}from"./index-bcd8859b.js";import{p as printIonWarning}from"./index-9b0d46f4.js";import{r as raf}from"./helpers-da915de8.js";var LIFECYCLE_WILL_ENTER="ionViewWillEnter";var LIFECYCLE_DID_ENTER="ionViewDidEnter";var LIFECYCLE_WILL_LEAVE="ionViewWillLeave";var LIFECYCLE_DID_LEAVE="ionViewDidLeave";var LIFECYCLE_WILL_UNLOAD="ionViewWillUnload";var moveFocus=function(n){n.tabIndex=-1;n.focus()};var isVisible=function(n){return n.offsetParent!==null};var createFocusController=function(){var n=function(n){var e=config.get("focusManagerPriority",false);if(e){var r=document.activeElement;if(r!==null&&(n===null||n===void 0?void 0:n.contains(r))){r.setAttribute(LAST_FOCUS,"true")}}};var e=function(n){var e=config.get("focusManagerPriority",false);if(Array.isArray(e)&&!n.contains(document.activeElement)){var r=n.querySelector("[".concat(LAST_FOCUS,"]"));if(r&&isVisible(r)){moveFocus(r);return}for(var i=0,t=e;i<t.length;i++){var a=t[i];switch(a){case"content":var o=n.querySelector('main, [role="main"]');if(o&&isVisible(o)){moveFocus(o);return}break;case"heading":var s=n.querySelector('h1, [role="heading"][aria-level="1"]');if(s&&isVisible(s)){moveFocus(s);return}break;case"banner":var u=n.querySelector('header, [role="banner"]');if(u&&isVisible(u)){moveFocus(u);return}break;default:printIonWarning("Unrecognized focus manager priority value ".concat(a));break}}moveFocus(n)}};return{saveViewFocus:n,setViewFocus:e}};var LAST_FOCUS="ion-last-focus";var iosTransitionAnimation=function(){return import("./ios.transition-0321a527.js")};var mdTransitionAnimation=function(){return import("./md.transition-57a06277.js")};var focusController=createFocusController();var transition=function(n){return new Promise((function(e,r){writeTask((function(){beforeTransition(n);runTransition(n).then((function(r){if(r.animation){r.animation.destroy()}afterTransition(n);e(r)}),(function(e){afterTransition(n);r(e)}))}))}))};var beforeTransition=function(n){var e=n.enteringEl;var r=n.leavingEl;focusController.saveViewFocus(r);setZIndex(e,r,n.direction);if(n.showGoBack){e.classList.add("can-go-back")}else{e.classList.remove("can-go-back")}setPageHidden(e,false);e.style.setProperty("pointer-events","none");if(r){setPageHidden(r,false);r.style.setProperty("pointer-events","none")}};var runTransition=function(n){return __awaiter(void 0,void 0,void 0,(function(){var e,r;return __generator(this,(function(i){switch(i.label){case 0:return[4,getAnimationBuilder(n)];case 1:e=i.sent();r=e&&Build.isBrowser?animation(e,n):noAnimation(n);return[2,r]}}))}))};var afterTransition=function(n){var e=n.enteringEl;var r=n.leavingEl;e.classList.remove("ion-page-invisible");e.style.removeProperty("pointer-events");if(r!==undefined){r.classList.remove("ion-page-invisible");r.style.removeProperty("pointer-events")}focusController.setViewFocus(e)};var getAnimationBuilder=function(n){return __awaiter(void 0,void 0,void 0,(function(){var e,r;return __generator(this,(function(i){switch(i.label){case 0:if(!n.leavingEl||!n.animated||n.duration===0){return[2,undefined]}if(n.animationBuilder){return[2,n.animationBuilder]}if(!(n.mode==="ios"))return[3,2];return[4,iosTransitionAnimation()];case 1:r=i.sent().iosTransitionAnimation;return[3,4];case 2:return[4,mdTransitionAnimation()];case 3:r=i.sent().mdTransitionAnimation;i.label=4;case 4:e=r;return[2,e]}}))}))};var animation=function(n,e){return __awaiter(void 0,void 0,void 0,(function(){var r,i;return __generator(this,(function(t){switch(t.label){case 0:return[4,waitForReady(e,true)];case 1:t.sent();r=n(e.baseEl,e);fireWillEvents(e.enteringEl,e.leavingEl);return[4,playTransition(r,e)];case 2:i=t.sent();if(e.progressCallback){e.progressCallback(undefined)}if(i){fireDidEvents(e.enteringEl,e.leavingEl)}return[2,{hasCompleted:i,animation:r}]}}))}))};var noAnimation=function(n){return __awaiter(void 0,void 0,void 0,(function(){var e,r,i;return __generator(this,(function(t){switch(t.label){case 0:e=n.enteringEl;r=n.leavingEl;i=config.get("focusManagerPriority",false);return[4,waitForReady(n,i)];case 1:t.sent();fireWillEvents(e,r);fireDidEvents(e,r);return[2,{hasCompleted:true}]}}))}))};var waitForReady=function(n,e){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(i){switch(i.label){case 0:r=n.deepWait!==undefined?n.deepWait:e;if(!r)return[3,2];return[4,Promise.all([deepReady(n.enteringEl),deepReady(n.leavingEl)])];case 1:i.sent();i.label=2;case 2:return[4,notifyViewReady(n.viewIsReady,n.enteringEl)];case 3:i.sent();return[2]}}))}))};var notifyViewReady=function(n,e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:if(!n)return[3,2];return[4,n(e)];case 1:r.sent();r.label=2;case 2:return[2]}}))}))};var playTransition=function(n,e){var r=e.progressCallback;var i=new Promise((function(e){n.onFinish((function(n){return e(n===1)}))}));if(r){n.progressStart(true);r(n)}else{n.play()}return i};var fireWillEvents=function(n,e){lifecycle(e,LIFECYCLE_WILL_LEAVE);lifecycle(n,LIFECYCLE_WILL_ENTER)};var fireDidEvents=function(n,e){lifecycle(n,LIFECYCLE_DID_ENTER);lifecycle(e,LIFECYCLE_DID_LEAVE)};var lifecycle=function(n,e){if(n){var r=new CustomEvent(e,{bubbles:false,cancelable:false});n.dispatchEvent(r)}};var waitForMount=function(){return new Promise((function(n){return raf((function(){return raf((function(){return n()}))}))}))};var deepReady=function(n){return __awaiter(void 0,void 0,void 0,(function(){var e,r,i;return __generator(this,(function(t){switch(t.label){case 0:e=n;if(!e)return[3,6];if(!(e.componentOnReady!=null))return[3,2];return[4,e.componentOnReady()];case 1:r=t.sent();if(r!=null){return[2]}return[3,4];case 2:if(!(e.__registerHost!=null))return[3,4];i=new Promise((function(n){return raf(n)}));return[4,i];case 3:t.sent();return[2];case 4:return[4,Promise.all(Array.from(e.children).map(deepReady))];case 5:t.sent();t.label=6;case 6:return[2]}}))}))};var setPageHidden=function(n,e){if(e){n.setAttribute("aria-hidden","true");n.classList.add("ion-page-hidden")}else{n.hidden=false;n.removeAttribute("aria-hidden");n.classList.remove("ion-page-hidden")}};var setZIndex=function(n,e,r){if(n!==undefined){n.style.zIndex=r==="back"?"99":"101"}if(e!==undefined){e.style.zIndex="100"}};var getIonPageElement=function(n){if(n.classList.contains("ion-page")){return n}var e=n.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs");if(e){return e}return n};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};

package/dist/esm-es5/index.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export{c as createAnimation}from"./animation-eab5a4ca.js";export{a as LIFECYCLE_DID_ENTER,c as LIFECYCLE_DID_LEAVE,L as LIFECYCLE_WILL_ENTER,b as LIFECYCLE_WILL_LEAVE,d as LIFECYCLE_WILL_UNLOAD,g as getIonPageElement}from"./index-f0d7371a.js";export{iosTransitionAnimation}from"./ios.transition-71bfa932.js";export{mdTransitionAnimation}from"./md.transition-86aef3c0.js";export{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";export{createGesture}from"./index-39782642.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-e6c98cd0.js";export{c as componentOnReady}from"./helpers-da915de8.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./config-49c88215.js";export{o as openURL}from"./theme-01f3f29c.js";export{m as menuController}from"./index-56d90da9.js";export{b as actionSheetController,a as alertController,l as loadingController,m as modalController,p as pickerController,c as popoverController,t as toastController}from"./overlays-1eac28e2.js";import"./index-a5d50daf.js";import"./index-bcd8859b.js";import"./gesture-controller-314a54f6.js";import"./hardware-back-button-ba8f64c2.js";import"./index-9b0d46f4.js";import"./framework-delegate-63d1a679.js";var IonicSlides=function(e){var o=e.swiper,t=e.extendParams;var s={effect:undefined,direction:"horizontal",initialSlide:0,loop:false,parallax:false,slidesPerView:1,spaceBetween:0,speed:300,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:false,slidesOffsetBefore:0,slidesOffsetAfter:0,touchEventsTarget:"container",freeMode:false,freeModeMomentum:true,freeModeMomentumRatio:1,freeModeMomentumBounce:true,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:false,freeModeMinimumVelocity:.02,autoHeight:false,setWrapperSize:false,zoom:{maxRatio:3,minRatio:1,toggle:false},touchRatio:1,touchAngle:45,simulateTouch:true,touchStartPreventDefault:false,shortSwipes:true,longSwipes:true,longSwipesRatio:.5,longSwipesMs:300,followFinger:true,threshold:0,touchMoveStopPropagation:true,touchReleaseOnEdges:false,iOSEdgeSwipeDetection:false,iOSEdgeSwipeThreshold:20,resistance:true,resistanceRatio:.85,watchSlidesProgress:false,watchSlidesVisibility:false,preventClicks:true,preventClicksPropagation:true,slideToClickedSlide:false,loopAdditionalSlides:0,noSwiping:true,runCallbacksOnInit:true,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:true},flipEffect:{slideShadows:true,limitRotation:true},cubeEffect:{slideShadows:true,shadow:true,shadowOffset:20,shadowScale:.94},fadeEffect:{crossFade:false},a11y:{prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide"}};if(o.pagination){s.pagination={type:"bullets",clickable:false,hideOnClick:false}}if(o.scrollbar){s.scrollbar={hide:true}}t(s)};export{IonicSlides};
+export{c as createAnimation}from"./animation-eab5a4ca.js";export{a as LIFECYCLE_DID_ENTER,c as LIFECYCLE_DID_LEAVE,L as LIFECYCLE_WILL_ENTER,b as LIFECYCLE_WILL_LEAVE,d as LIFECYCLE_WILL_UNLOAD,g as getIonPageElement}from"./index-c9a90692.js";export{iosTransitionAnimation}from"./ios.transition-0321a527.js";export{mdTransitionAnimation}from"./md.transition-57a06277.js";export{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";export{createGesture}from"./index-39782642.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-e6c98cd0.js";export{c as componentOnReady}from"./helpers-da915de8.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./config-49c88215.js";export{o as openURL}from"./theme-01f3f29c.js";export{m as menuController}from"./index-56d90da9.js";export{b as actionSheetController,a as alertController,l as loadingController,m as modalController,p as pickerController,c as popoverController,t as toastController}from"./overlays-1eac28e2.js";import"./index-a5d50daf.js";import"./index-bcd8859b.js";import"./index-9b0d46f4.js";import"./gesture-controller-314a54f6.js";import"./hardware-back-button-ba8f64c2.js";import"./framework-delegate-63d1a679.js";var IonicSlides=function(e){var o=e.swiper,t=e.extendParams;var s={effect:undefined,direction:"horizontal",initialSlide:0,loop:false,parallax:false,slidesPerView:1,spaceBetween:0,speed:300,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:false,slidesOffsetBefore:0,slidesOffsetAfter:0,touchEventsTarget:"container",freeMode:false,freeModeMomentum:true,freeModeMomentumRatio:1,freeModeMomentumBounce:true,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:false,freeModeMinimumVelocity:.02,autoHeight:false,setWrapperSize:false,zoom:{maxRatio:3,minRatio:1,toggle:false},touchRatio:1,touchAngle:45,simulateTouch:true,touchStartPreventDefault:false,shortSwipes:true,longSwipes:true,longSwipesRatio:.5,longSwipesMs:300,followFinger:true,threshold:0,touchMoveStopPropagation:true,touchReleaseOnEdges:false,iOSEdgeSwipeDetection:false,iOSEdgeSwipeThreshold:20,resistance:true,resistanceRatio:.85,watchSlidesProgress:false,watchSlidesVisibility:false,preventClicks:true,preventClicksPropagation:true,slideToClickedSlide:false,loopAdditionalSlides:0,noSwiping:true,runCallbacksOnInit:true,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:true},flipEffect:{slideShadows:true,limitRotation:true},cubeEffect:{slideShadows:true,shadow:true,shadowOffset:20,shadowScale:.94},fadeEffect:{crossFade:false},a11y:{prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide"}};if(o.pagination){s.pagination={type:"bullets",clickable:false,hideOnClick:false}}if(o.scrollbar){s.scrollbar={hide:true}}t(s)};export{IonicSlides};