@ionic/core 8.3.2-dev.11729014526.1ab61c12 → 8.3.2-dev.11729166111.115d6104

package/dist/cjs/{index-73f75efb.js → config-1349d5b4.js}

@@ -2307,10 +2307,88 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
+// TODO(FW-2832): types
+class Config {
+    constructor() {
+        this.m = new Map();
+    }
+    reset(configObj) {
+        this.m = new Map(Object.entries(configObj));
+    }
+    get(key, fallback) {
+        const value = this.m.get(key);
+        return value !== undefined ? value : fallback;
+    }
+    getBoolean(key, fallback = false) {
+        const val = this.m.get(key);
+        if (val === undefined) {
+            return fallback;
+        }
+        if (typeof val === 'string') {
+            return val === 'true';
+        }
+        return !!val;
+    }
+    getNumber(key, fallback) {
+        const val = parseFloat(this.m.get(key));
+        return isNaN(val) ? (fallback !== undefined ? fallback : NaN) : val;
+    }
+    set(key, value) {
+        this.m.set(key, value);
+    }
+}
+const config = /*@__PURE__*/ new Config();
+const configFromSession = (win) => {
+    try {
+        const configStr = win.sessionStorage.getItem(IONIC_SESSION_KEY);
+        return configStr !== null ? JSON.parse(configStr) : {};
+    }
+    catch (e) {
+        return {};
+    }
+};
+const saveConfig = (win, c) => {
+    try {
+        win.sessionStorage.setItem(IONIC_SESSION_KEY, JSON.stringify(c));
+    }
+    catch (e) {
+        return;
+    }
+};
+const configFromURL = (win) => {
+    const configObj = {};
+    win.location.search
+        .slice(1)
+        .split('&')
+        .map((entry) => entry.split('='))
+        .map(([key, value]) => {
+        try {
+            return [decodeURIComponent(key), decodeURIComponent(value)];
+        }
+        catch (e) {
+            return ['', ''];
+        }
+    })
+        .filter(([key]) => startsWith(key, IONIC_PREFIX))
+        .map(([key, value]) => [key.slice(IONIC_PREFIX.length), value])
+        .forEach(([key, value]) => {
+        configObj[key] = value;
+    });
+    return configObj;
+};
+const startsWith = (input, search) => {
+    return input.substr(0, search.length) === search;
+};
+const IONIC_PREFIX = 'ionic:';
+const IONIC_SESSION_KEY = 'ionic-persist-config';
+
 exports.Build = Build;
 exports.H = H;
 exports.Host = Host;
 exports.bootstrapLazy = bootstrapLazy;
+exports.config = config;
+exports.configFromSession = configFromSession;
+exports.configFromURL = configFromURL;
 exports.createEvent = createEvent;
 exports.forceUpdate = forceUpdate;
 exports.getAssetPath = getAssetPath;
@@ -2320,6 +2398,7 @@ exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.readTask = readTask;
 exports.registerInstance = registerInstance;
+exports.saveConfig = saveConfig;
 exports.setMode = setMode;
 exports.setNonce = setNonce;
 exports.setPlatformHelpers = setPlatformHelpers;

package/dist/cjs/{data-b3a1a686.js → data-cad5d489.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 /**
  * Returns true if the selected day is equal to the reference day

package/dist/{esm/focus-visible-dd40d69f.js → cjs/focus-visible-9aa87fa3.js}

@@ -1,6 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+'use strict';
+
 const ION_FOCUSED = 'ion-focused';
 const ION_FOCUSABLE = 'ion-focusable';
 const FOCUS_KEYS = [
@@ -17,6 +19,13 @@ const FOCUS_KEYS = [
     'Home',
     'End',
 ];
+let focusVisibleUtility = null;
+const getOrInitFocusVisibleUtility = () => {
+    if (!focusVisibleUtility) {
+        focusVisibleUtility = startFocusVisible();
+    }
+    return focusVisibleUtility;
+};
 const startFocusVisible = (rootEl) => {
     let currentFocus = [];
     let keyboardMode = true;
@@ -72,4 +81,5 @@ const startFocusVisible = (rootEl) => {
     };
 };
 
-export { startFocusVisible };
+exports.getOrInitFocusVisibleUtility = getOrInitFocusVisibleUtility;
+exports.startFocusVisible = startFocusVisible;

package/dist/cjs/{framework-delegate-55f5683a.js → framework-delegate-cf116b1d.js}

@@ -3,7 +3,8 @@
  */
 'use strict';
 
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const helpers = require('./helpers-e75eb909.js');
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
@@ -104,7 +105,8 @@ const CoreDelegate = () => {
          * Get the root of the app and
          * add the overlay there.
          */
-        const app = document.querySelector('ion-app') || document.body;
+        const appRootSelector = config.config.get('appRootSelector', 'ion-app');
+        const app = document.querySelector(appRootSelector) || document.body;
         /**
          * Create a placeholder comment so that
          * we can return this component to where

package/dist/cjs/{haptic-f6b37aa3.js → haptic-f0cad9a6.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const capacitor = require('./capacitor-c04564bf.js');
+const capacitor = require('./capacitor-806e7fee.js');
 
 exports.ImpactStyle = void 0;
 (function (ImpactStyle) {

package/dist/cjs/{helpers-afaa9001.js → helpers-e75eb909.js}

@@ -3,6 +3,8 @@
  */
 'use strict';
 
+const config = require('./config-1349d5b4.js');
+
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
         transitionEnd(el, expectedDuration, resolve);
@@ -243,7 +245,8 @@ const focusVisibleElement = (el) => {
      * which will let us explicitly set the elements to focus.
      */
     if (el.classList.contains('ion-focusable')) {
-        const app = el.closest('ion-app');
+        const appRootSelector = config.config.get('appRootSelector', 'ion-app');
+        const app = el.closest(appRootSelector);
         if (app) {
             app.setFocus([el]);
         }

package/dist/cjs/{index-2fa32189.js → index-1d02518d.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const helpers = require('./helpers-afaa9001.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const helpers = require('./helpers-e75eb909.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/cjs/{index-9509ecad.js → index-2c8b42cd.js}

@@ -3,11 +3,12 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-afaa9001.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
+require('./config-1349d5b4.js');
 
 const startTapClick = (config) => {
-    if (index.doc === undefined) {
+    if (ionicGlobal.doc === undefined) {
         return;
     }
     let lastActivated = 0;
@@ -110,9 +111,9 @@ const startTapClick = (config) => {
             active.classList.remove(ACTIVATED);
         }
     };
-    index.doc.addEventListener('ionGestureCaptured', cancelActive);
-    index.doc.addEventListener('pointerdown', pointerDown, true);
-    index.doc.addEventListener('pointerup', pointerUp, true);
+    ionicGlobal.doc.addEventListener('ionGestureCaptured', cancelActive);
+    ionicGlobal.doc.addEventListener('pointerdown', pointerDown, true);
+    ionicGlobal.doc.addEventListener('pointerup', pointerUp, true);
     /**
      * Tap click effects such as the ripple effect should
      * not happen when scrolling. For example, if a user scrolls
@@ -125,7 +126,7 @@ const startTapClick = (config) => {
      * starts, so this lets us avoid having to listen for
      * ion-content's scroll events.
      */
-    index.doc.addEventListener('pointercancel', cancelActive, true);
+    ionicGlobal.doc.addEventListener('pointercancel', cancelActive, true);
 };
 // TODO(FW-2832): type
 const getActivatableTarget = (ev) => {

package/dist/cjs/{index-694a3808.js → index-3ac79a1b.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -39,7 +39,7 @@ const isVisible = (el) => {
  */
 const createFocusController = () => {
     const saveViewFocus = (referenceEl) => {
-        const focusManagerEnabled = ionicGlobal.config.get('focusManagerPriority', false);
+        const focusManagerEnabled = config.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.
@@ -52,7 +52,7 @@ const createFocusController = () => {
         }
     };
     const setViewFocus = (referenceEl) => {
-        const focusManagerPriorities = ionicGlobal.config.get('focusManagerPriority', false);
+        const focusManagerPriorities = config.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.
@@ -121,13 +121,13 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-7574ba71.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-d9d90911.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-4411892c.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-261f9f67.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {
     return new Promise((resolve, reject) => {
-        index.writeTask(() => {
+        config.writeTask(() => {
             beforeTransition(opts);
             runTransition(opts).then((result) => {
                 if (result.animation) {
@@ -168,7 +168,7 @@ const beforeTransition = (opts) => {
 };
 const runTransition = async (opts) => {
     const animationBuilder = await getAnimationBuilder(opts);
-    const ani = animationBuilder && index.Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
+    const ani = animationBuilder && config.Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
     return ani;
 };
 const afterTransition = (opts) => {
@@ -213,7 +213,7 @@ const animation = async (animationBuilder, opts) => {
 const noAnimation = async (opts) => {
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
-    const focusManagerEnabled = ionicGlobal.config.get('focusManagerPriority', false);
+    const focusManagerEnabled = config.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.

package/dist/cjs/{index-ed0f67a3.js → index-71085796.js}

@@ -3,11 +3,9 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const hardwareBackButton = require('./hardware-back-button-d37054f2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const helpers = require('./helpers-afaa9001.js');
-const animation = require('./animation-b4fdf128.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
+const animation = require('./animation-232e0c8f.js');
 
 /**
  * baseAnimation
@@ -276,10 +274,10 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    index.doc === null || index.doc === void 0 ? void 0 : index.doc.addEventListener('ionBackButton', (ev) => {
+    ionicGlobal.doc === null || ionicGlobal.doc === void 0 ? void 0 : ionicGlobal.doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
-            ev.detail.register(hardwareBackButton.MENU_BACK_BUTTON_PRIORITY, () => {
+            ev.detail.register(ionicGlobal.MENU_BACK_BUTTON_PRIORITY, () => {
                 return openMenu.close();
             });
         }

package/dist/cjs/index.cjs.js

@@ -5,23 +5,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const animation = require('./animation-b4fdf128.js');
-const index = require('./index-694a3808.js');
-const ios_transition = require('./ios.transition-7574ba71.js');
-const md_transition = require('./md.transition-d9d90911.js');
+const animation = require('./animation-232e0c8f.js');
+const index = require('./index-3ac79a1b.js');
+const ios_transition = require('./ios.transition-4411892c.js');
+const md_transition = require('./md.transition-261f9f67.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const index$1 = require('./index-ee07ed59.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const helpers = require('./helpers-afaa9001.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
 const config = require('./config-4f60b98a.js');
 const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-ed0f67a3.js');
-const overlays = require('./overlays-faf6f843.js');
-require('./index-c8d52405.js');
-require('./index-73f75efb.js');
+const index$2 = require('./index-71085796.js');
+const overlays = require('./overlays-22320753.js');
+require('./config-1349d5b4.js');
 require('./gesture-controller-9436f482.js');
-require('./hardware-back-button-d37054f2.js');
-require('./framework-delegate-55f5683a.js');
+require('./framework-delegate-cf116b1d.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/cjs/{input-shims-ab680ecf.js → input-shims-2958dcc9.js}

@@ -3,13 +3,12 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const index$1 = require('./index-2fa32189.js');
-const helpers = require('./helpers-afaa9001.js');
-const keyboard = require('./keyboard-0272231f.js');
-require('./ionic-global-5df85d73.js');
-require('./index-73f75efb.js');
-require('./capacitor-c04564bf.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const index = require('./index-1d02518d.js');
+const helpers = require('./helpers-e75eb909.js');
+const keyboard = require('./keyboard-ed6e1327.js');
+require('./config-1349d5b4.js');
+require('./capacitor-806e7fee.js');
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -287,7 +286,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      * the keyboard height again. This will result in the input
      * being scrolled more than it needs to.
      */
-    const platformHeight = index.win !== undefined ? index.win.innerHeight : 0;
+    const platformHeight = ionicGlobal.win !== undefined ? ionicGlobal.win.innerHeight : 0;
     /**
      * Scroll assist is run when a text field
      * is focused. However, it may need to
@@ -340,7 +339,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      */
     const focusOut = () => {
         hasKeyboardBeenPresentedForTextField = false;
-        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
     /**
@@ -360,13 +359,13 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
             return;
         }
         jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput, platformHeight);
-        index.win === null || index.win === void 0 ? void 0 : index.win.addEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -442,7 +441,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
             window.removeEventListener('ionKeyboardDidShow', scrollContent);
             // scroll the input into place
             if (contentEl) {
-                await index$1.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
+                await index.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
             }
             // the scroll view is in the correct position now
             // give the native text input focus
@@ -463,7 +462,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
             window.addEventListener('ionKeyboardDidShow', scrollContent);
         };
         if (contentEl) {
-            const scrollEl = await index$1.getScrollElement(contentEl);
+            const scrollEl = await index.getScrollElement(contentEl);
             /**
              * scrollData will only consider the amount we need
              * to scroll in order to properly bring the input
@@ -511,7 +510,7 @@ const startInputShims = async (config, platform) => {
      * If doc is undefined then we are in an SSR environment
      * where input shims do not apply.
      */
-    if (index.doc === undefined) {
+    if (ionicGlobal.doc === undefined) {
         return;
     }
     const isIOS = platform === 'ios';
@@ -533,7 +532,7 @@ const startInputShims = async (config, platform) => {
      */
     const inputBlurring = config.getBoolean('inputBlurring', false);
     const scrollPadding = config.getBoolean('scrollPadding', true);
-    const inputs = Array.from(index.doc.querySelectorAll('ion-input, ion-textarea'));
+    const inputs = Array.from(ionicGlobal.doc.querySelectorAll('ion-input, ion-textarea'));
     const hideCaretMap = new WeakMap();
     const scrollAssistMap = new WeakMap();
     /**
@@ -549,7 +548,7 @@ const startInputShims = async (config, platform) => {
         await new Promise((resolve) => helpers.componentOnReady(componentEl, resolve));
         const inputRoot = componentEl.shadowRoot || componentEl;
         const inputEl = inputRoot.querySelector('input') || inputRoot.querySelector('textarea');
-        const scrollEl = index$1.findClosestIonContent(componentEl);
+        const scrollEl = index.findClosestIonContent(componentEl);
         const footerEl = !scrollEl ? componentEl.closest('ion-footer') : null;
         if (!inputEl) {
             return;
@@ -598,10 +597,10 @@ const startInputShims = async (config, platform) => {
     for (const input of inputs) {
         registerInput(input);
     }
-    index.doc.addEventListener('ionInputDidLoad', (ev) => {
+    ionicGlobal.doc.addEventListener('ionInputDidLoad', (ev) => {
         registerInput(ev.detail);
     });
-    index.doc.addEventListener('ionInputDidUnload', (ev) => {
+    ionicGlobal.doc.addEventListener('ionInputDidUnload', (ev) => {
         unregisterInput(ev.detail);
     });
 };

package/dist/cjs/{input.utils-44ff82f0.js → input.utils-ed749ecb.js}

@@ -3,9 +3,8 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-afaa9001.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when
@@ -19,7 +18,7 @@ const ionicGlobal = require('./ionic-global-5df85d73.js');
 const createSlotMutationController = (el, slotName, mutationCallback) => {
     let hostMutationObserver;
     let slottedContentMutationObserver;
-    if (index.win !== undefined && 'MutationObserver' in index.win) {
+    if (ionicGlobal.win !== undefined && 'MutationObserver' in ionicGlobal.win) {
         const slots = Array.isArray(slotName) ? slotName : [slotName];
         hostMutationObserver = new MutationObserver((entries) => {
             for (const entry of entries) {