@ionic/core 8.3.1-dev.11726258029.1014159b → 8.3.1-dev.11727904181.1070a434

package/dist/cjs/ionic-global-e4b78f51.js

@@ -0,0 +1,387 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+const index = require('./index-b9e25ecd.js');
+const config = require('./config-aff4ff52.js');
+
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+/**
+ * CloseWatcher is a newer API that lets
+ * use detect the hardware back button event
+ * in a web browser: https://caniuse.com/?search=closewatcher
+ * However, not every browser supports it yet.
+ *
+ * This needs to be a function so that we can
+ * check the config once it has been set.
+ * Otherwise, this code would be evaluated the
+ * moment this file is evaluated which could be
+ * before the config is set.
+ */
+const shouldUseCloseWatcher = () => config.config.get('experimentalCloseWatcher', false) && win !== undefined && 'CloseWatcher' in win;
+/**
+ * When hardwareBackButton: false in config,
+ * we need to make sure we also block the default
+ * webview behavior. If we don't then it will be
+ * possible for users to navigate backward while
+ * an overlay is still open. Additionally, it will
+ * give the appearance that the hardwareBackButton
+ * config is not working as the page transition
+ * will still happen.
+ */
+const blockHardwareBackButton = () => {
+    document.addEventListener('backbutton', () => { }); // eslint-disable-line
+};
+const startHardwareBackButton = () => {
+    const doc = document;
+    let busy = false;
+    const backButtonCallback = () => {
+        if (busy) {
+            return;
+        }
+        let index = 0;
+        let handlers = [];
+        const ev = new CustomEvent('ionBackButton', {
+            bubbles: false,
+            detail: {
+                register(priority, handler) {
+                    handlers.push({ priority, handler, id: index++ });
+                },
+            },
+        });
+        doc.dispatchEvent(ev);
+        const executeAction = async (handlerRegister) => {
+            try {
+                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {
+                    const result = handlerRegister.handler(processHandlers);
+                    if (result != null) {
+                        await result;
+                    }
+                }
+            }
+            catch (e) {
+                console.error(e);
+            }
+        };
+        const processHandlers = () => {
+            if (handlers.length > 0) {
+                let selectedHandler = {
+                    priority: Number.MIN_SAFE_INTEGER,
+                    handler: () => undefined,
+                    id: -1,
+                };
+                handlers.forEach((handler) => {
+                    if (handler.priority >= selectedHandler.priority) {
+                        selectedHandler = handler;
+                    }
+                });
+                busy = true;
+                handlers = handlers.filter((handler) => handler.id !== selectedHandler.id);
+                executeAction(selectedHandler).then(() => (busy = false));
+            }
+        };
+        processHandlers();
+    };
+    /**
+     * If the CloseWatcher is defined then
+     * we don't want to also listen for the native
+     * backbutton event otherwise we may get duplicate
+     * events firing.
+     */
+    if (shouldUseCloseWatcher()) {
+        let watcher;
+        const configureWatcher = () => {
+            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
+            watcher = new win.CloseWatcher();
+            /**
+             * Once a close request happens
+             * the watcher gets destroyed.
+             * As a result, we need to re-configure
+             * the watcher so we can respond to other
+             * close requests.
+             */
+            watcher.onclose = () => {
+                backButtonCallback();
+                configureWatcher();
+            };
+        };
+        configureWatcher();
+    }
+    else {
+        doc.addEventListener('backbutton', backButtonCallback);
+    }
+};
+const OVERLAY_BACK_BUTTON_PRIORITY = 100;
+const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays
+
+const hardwareBackButton = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    shouldUseCloseWatcher: shouldUseCloseWatcher,
+    blockHardwareBackButton: blockHardwareBackButton,
+    startHardwareBackButton: startHardwareBackButton,
+    OVERLAY_BACK_BUTTON_PRIORITY: OVERLAY_BACK_BUTTON_PRIORITY,
+    MENU_BACK_BUTTON_PRIORITY: MENU_BACK_BUTTON_PRIORITY
+});
+
+/**
+ * Logs a warning to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
+ */
+const printIonWarning = (message, ...params) => {
+    return console.warn(`[Ionic Warning]: ${message}`, ...params);
+};
+/*
+ * Logs an error to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
+ * @param params - Additional arguments to supply to the console.error.
+ */
+const printIonError = (message, ...params) => {
+    return console.error(`[Ionic Error]: ${message}`, ...params);
+};
+/**
+ * Prints an error informing developers that an implementation requires an element to be used
+ * within a specific selector.
+ *
+ * @param el The web component element this is requiring the element.
+ * @param targetSelectors The selector or selectors that were not found.
+ */
+const printRequiredElementError = (el, ...targetSelectors) => {
+    return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
+};
+
+const getPlatforms = (win) => setupPlatforms(win);
+const isPlatform = (winOrPlatform, platform) => {
+    if (typeof winOrPlatform === 'string') {
+        platform = winOrPlatform;
+        winOrPlatform = undefined;
+    }
+    return getPlatforms(winOrPlatform).includes(platform);
+};
+const setupPlatforms = (win = window) => {
+    if (typeof win === 'undefined') {
+        return [];
+    }
+    win.Ionic = win.Ionic || {};
+    let platforms = win.Ionic.platforms;
+    if (platforms == null) {
+        platforms = win.Ionic.platforms = detectPlatforms(win);
+        platforms.forEach((p) => win.document.documentElement.classList.add(`plt-${p}`));
+    }
+    return platforms;
+};
+const detectPlatforms = (win) => {
+    const customPlatformMethods = config.config.get('platform');
+    return Object.keys(PLATFORMS_MAP).filter((p) => {
+        const customMethod = customPlatformMethods === null || customPlatformMethods === void 0 ? void 0 : customPlatformMethods[p];
+        return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
+    });
+};
+const isMobileWeb = (win) => isMobile(win) && !isHybrid(win);
+const isIpad = (win) => {
+    // iOS 12 and below
+    if (testUserAgent(win, /iPad/i)) {
+        return true;
+    }
+    // iOS 13+
+    if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
+        return true;
+    }
+    return false;
+};
+const isIphone = (win) => testUserAgent(win, /iPhone/i);
+const isIOS = (win) => testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
+const isAndroid = (win) => testUserAgent(win, /android|sink/i);
+const isAndroidTablet = (win) => {
+    return isAndroid(win) && !testUserAgent(win, /mobile/i);
+};
+const isPhablet = (win) => {
+    const width = win.innerWidth;
+    const height = win.innerHeight;
+    const smallest = Math.min(width, height);
+    const largest = Math.max(width, height);
+    return smallest > 390 && smallest < 520 && largest > 620 && largest < 800;
+};
+const isTablet = (win) => {
+    const width = win.innerWidth;
+    const height = win.innerHeight;
+    const smallest = Math.min(width, height);
+    const largest = Math.max(width, height);
+    return isIpad(win) || isAndroidTablet(win) || (smallest > 460 && smallest < 820 && largest > 780 && largest < 1400);
+};
+const isMobile = (win) => matchMedia(win, '(any-pointer:coarse)');
+const isDesktop = (win) => !isMobile(win);
+const isHybrid = (win) => isCordova(win) || isCapacitorNative(win);
+const isCordova = (win) => !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
+const isCapacitorNative = (win) => {
+    const capacitor = win['Capacitor'];
+    return !!(capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNative);
+};
+const isElectron = (win) => testUserAgent(win, /electron/i);
+const isPWA = (win) => { var _a; return !!(((_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, '(display-mode: standalone)').matches) || win.navigator.standalone); };
+const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
+const matchMedia = (win, query) => { var _a; return (_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, query).matches; };
+const PLATFORMS_MAP = {
+    ipad: isIpad,
+    iphone: isIphone,
+    ios: isIOS,
+    android: isAndroid,
+    phablet: isPhablet,
+    tablet: isTablet,
+    cordova: isCordova,
+    capacitor: isCapacitorNative,
+    electron: isElectron,
+    pwa: isPWA,
+    mobile: isMobile,
+    mobileweb: isMobileWeb,
+    desktop: isDesktop,
+    hybrid: isHybrid,
+};
+
+// TODO(FW-2832): types
+let defaultMode;
+const getIonMode = (ref) => {
+    return (ref && index.getMode(ref)) || defaultMode;
+};
+const rIC = (callback) => {
+    if ('requestIdleCallback' in window) {
+        window.requestIdleCallback(callback);
+    }
+    else {
+        setTimeout(callback, 32);
+    }
+};
+const needInputShims = () => {
+    /**
+     * iOS always needs input shims
+     */
+    const needsShimsIOS = isPlatform(window, 'ios') && isPlatform(window, 'mobile');
+    if (needsShimsIOS) {
+        return true;
+    }
+    /**
+     * Android only needs input shims when running
+     * in the browser and only if the browser is using the
+     * new Chrome 108+ resize behavior: https://developer.chrome.com/blog/viewport-resize-behavior/
+     */
+    const isAndroidMobileWeb = isPlatform(window, 'android') && isPlatform(window, 'mobileweb');
+    if (isAndroidMobileWeb) {
+        return true;
+    }
+    return false;
+};
+const initialize = (userConfig = {}) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    const doc = window.document;
+    const win = window;
+    const Ionic = (win.Ionic = win.Ionic || {});
+    const platformHelpers = {};
+    if (userConfig._ael) {
+        platformHelpers.ael = userConfig._ael;
+    }
+    if (userConfig._rel) {
+        platformHelpers.rel = userConfig._rel;
+    }
+    if (userConfig._ce) {
+        platformHelpers.ce = userConfig._ce;
+    }
+    index.setPlatformHelpers(platformHelpers);
+    // create the Ionic.config from raw config object (if it exists)
+    // and convert Ionic.config into a ConfigApi that has a get() fn
+    const configObj = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, config.configFromSession(win)), { persistConfig: false }), Ionic.config), config.configFromURL(win)), userConfig);
+    config.config.reset(configObj);
+    if (config.config.getBoolean('persistConfig')) {
+        config.saveConfig(win, configObj);
+    }
+    // Setup platforms
+    setupPlatforms(win);
+    // first see if the mode was set as an attribute on <html>
+    // which could have been set by the user, or by pre-rendering
+    // otherwise get the mode via config settings, and fallback to md
+    Ionic.config = config.config;
+    Ionic.mode = defaultMode = config.config.get('mode', doc.documentElement.getAttribute('mode') || (isPlatform(win, 'ios') ? 'ios' : 'md'));
+    config.config.set('mode', defaultMode);
+    doc.documentElement.setAttribute('mode', defaultMode);
+    doc.documentElement.classList.add(defaultMode);
+    if (config.config.getBoolean('_testing')) {
+        config.config.set('animated', false);
+    }
+    const isIonicElement = (elm) => { var _a; return (_a = elm.tagName) === null || _a === void 0 ? void 0 : _a.startsWith('ION-'); };
+    const isAllowedIonicModeValue = (elmMode) => ['ios', 'md'].includes(elmMode);
+    index.setMode((elm) => {
+        while (elm) {
+            const elmMode = elm.mode || elm.getAttribute('mode');
+            if (elmMode) {
+                if (isAllowedIonicModeValue(elmMode)) {
+                    return elmMode;
+                }
+                else if (isIonicElement(elm)) {
+                    console.warn('Invalid ionic mode: "' + elmMode + '", expected: "ios" or "md"');
+                }
+            }
+            elm = elm.parentElement;
+        }
+        return defaultMode;
+    });
+    // `IonApp` code
+    // ----------------------------------------------
+    {
+        rIC(async () => {
+            const isHybrid = isPlatform(window, 'hybrid');
+            if (!config.config.getBoolean('_testing')) {
+                Promise.resolve().then(function () { return require('./index-c66a0972.js'); }).then((module) => module.startTapClick(config.config));
+            }
+            if (config.config.getBoolean('statusTap', isHybrid)) {
+                Promise.resolve().then(function () { return require('./status-tap-8d61febd.js'); }).then((module) => module.startStatusTap());
+            }
+            if (config.config.getBoolean('inputShims', needInputShims())) {
+                /**
+                 * needInputShims() ensures that only iOS and Android
+                 * platforms proceed into this block.
+                 */
+                const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
+                Promise.resolve().then(function () { return require('./input-shims-6e96b5d0.js'); }).then((module) => module.startInputShims(config.config, platform));
+            }
+            const hardwareBackButtonModule = await Promise.resolve().then(function () { return hardwareBackButton; });
+            const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();
+            if (config.config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
+                hardwareBackButtonModule.startHardwareBackButton();
+            }
+            else {
+                /**
+                 * If an app sets hardwareBackButton: false and experimentalCloseWatcher: true
+                 * then the close watcher will not be used.
+                 */
+                if (shouldUseCloseWatcher()) {
+                    printIonWarning('experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.');
+                }
+                hardwareBackButtonModule.blockHardwareBackButton();
+            }
+            if (typeof window !== 'undefined') {
+                Promise.resolve().then(function () { return require('./keyboard-5494d9e7.js'); }).then((module) => module.startKeyboardAssist(window));
+            }
+            Promise.resolve().then(function () { return require('./focus-visible-9aa87fa3.js'); }).then((module) => module.getOrInitFocusVisibleUtility());
+        });
+    }
+};
+
+exports.MENU_BACK_BUTTON_PRIORITY = MENU_BACK_BUTTON_PRIORITY;
+exports.OVERLAY_BACK_BUTTON_PRIORITY = OVERLAY_BACK_BUTTON_PRIORITY;
+exports.doc = doc;
+exports.getIonMode = getIonMode;
+exports.getPlatforms = getPlatforms;
+exports.initialize = initialize;
+exports.isPlatform = isPlatform;
+exports.printIonError = printIonError;
+exports.printIonWarning = printIonWarning;
+exports.printRequiredElementError = printRequiredElementError;
+exports.shouldUseCloseWatcher = shouldUseCloseWatcher;
+exports.win = win;

package/dist/cjs/ionic.cjs.js

@@ -5,12 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42dd5e74.js');
-const appGlobals = require('./app-globals-9d795e44.js');
-require('./ionic-global-2fc6b860.js');
+const index = require('./index-b9e25ecd.js');
+const appGlobals = require('./app-globals-da858d53.js');
+require('./ionic-global-e4b78f51.js');
+require('./config-aff4ff52.js');
 
 /*
- Stencil Client Patch Browser v4.21.0-dev.1726257631.b82b008 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   {

package/dist/cjs/{ios.transition-c28ff3cc.js → ios.transition-ecdbe79a.js}

@@ -3,13 +3,12 @@
  */
 'use strict';
 
-const animation = require('./animation-b4fdf128.js');
-const index = require('./index-44dacdce.js');
-require('./index-c8d52405.js');
-require('./ionic-global-2fc6b860.js');
-require('./index-42dd5e74.js');
-require('./index-5915f9b3.js');
-require('./helpers-afaa9001.js');
+const animation = require('./animation-79f60b24.js');
+const index = require('./index-e391e4f0.js');
+require('./ionic-global-e4b78f51.js');
+require('./index-b9e25ecd.js');
+require('./config-aff4ff52.js');
+require('./helpers-acd6c477.js');
 
 const DURATION = 540;
 // TODO(FW-2832): types

package/dist/cjs/{keyboard-af1bb365.js → keyboard-5494d9e7.js}

@@ -3,9 +3,11 @@
  */
 'use strict';
 
-const keyboard = require('./keyboard-0272231f.js');
-require('./capacitor-c04564bf.js');
-require('./index-c8d52405.js');
+const keyboard = require('./keyboard-9c8c3373.js');
+require('./capacitor-6d32aa8f.js');
+require('./ionic-global-e4b78f51.js');
+require('./index-b9e25ecd.js');
+require('./config-aff4ff52.js');
 
 const KEYBOARD_DID_OPEN = 'ionKeyboardDidShow';
 const KEYBOARD_DID_CLOSE = 'ionKeyboardDidHide';

package/dist/cjs/{keyboard-0272231f.js → keyboard-9c8c3373.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const capacitor = require('./capacitor-c04564bf.js');
+const capacitor = require('./capacitor-6d32aa8f.js');
 
 var ExceptionCode;
 (function (ExceptionCode) {

package/dist/cjs/{keyboard-controller-c05e747a.js → keyboard-controller-3534c452.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const keyboard = require('./keyboard-0272231f.js');
+const ionicGlobal = require('./ionic-global-e4b78f51.js');
+const keyboard = require('./keyboard-9c8c3373.js');
 
 /**
  * The element that resizes when the keyboard opens
@@ -19,7 +19,7 @@ const getResizeContainer = (resizeMode) => {
      * If the webview does not resize then there
      * is no container to resize.
      */
-    if (index.doc === undefined || resizeMode === keyboard.KeyboardResize.None || resizeMode === undefined) {
+    if (ionicGlobal.doc === undefined || resizeMode === keyboard.KeyboardResize.None || resizeMode === undefined) {
         return null;
     }
     /**
@@ -28,8 +28,8 @@ const getResizeContainer = (resizeMode) => {
      * on that. In the event `ion-app` is not available then
      * we can fall back to `body`.
      */
-    const ionApp = index.doc.querySelector('ion-app');
-    return ionApp !== null && ionApp !== void 0 ? ionApp : index.doc.body;
+    const ionApp = ionicGlobal.doc.querySelector('ion-app, .ion-app');
+    return ionApp !== null && ionApp !== void 0 ? ionApp : ionicGlobal.doc.body;
 };
 /**
  * Get the height of ion-app or body.
@@ -77,8 +77,8 @@ const createKeyboardController = async (keyboardChangeCallback) => {
             keyboardVisible = false;
             fireChangeCallback(keyboardVisible, resizeMode);
         };
-        index.win === null || index.win === void 0 ? void 0 : index.win.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        index.win === null || index.win === void 0 ? void 0 : index.win.addEventListener('keyboardWillHide', keyboardWillHideHandler);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.addEventListener('keyboardWillShow', keyboardWillShowHandler);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.addEventListener('keyboardWillHide', keyboardWillHideHandler);
     };
     const fireChangeCallback = (state, resizeMode) => {
         if (keyboardChangeCallback) {
@@ -155,8 +155,8 @@ const createKeyboardController = async (keyboardChangeCallback) => {
         });
     };
     const destroy = () => {
-        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
         keyboardWillShowHandler = keyboardWillHideHandler = undefined;
     };
     const isKeyboardVisible = () => keyboardVisible;

package/dist/cjs/loader.cjs.js

@@ -5,9 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-42dd5e74.js');
-const appGlobals = require('./app-globals-9d795e44.js');
-require('./ionic-global-2fc6b860.js');
+const index = require('./index-b9e25ecd.js');
+const appGlobals = require('./app-globals-da858d53.js');
+require('./ionic-global-e4b78f51.js');
+require('./config-aff4ff52.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{md.transition-01295b30.js → md.transition-a2dbb62b.js}

@@ -3,13 +3,12 @@
  */
 'use strict';
 
-const animation = require('./animation-b4fdf128.js');
-const index = require('./index-44dacdce.js');
-require('./index-c8d52405.js');
-require('./ionic-global-2fc6b860.js');
-require('./index-42dd5e74.js');
-require('./index-5915f9b3.js');
-require('./helpers-afaa9001.js');
+const animation = require('./animation-79f60b24.js');
+const index = require('./index-e391e4f0.js');
+require('./ionic-global-e4b78f51.js');
+require('./index-b9e25ecd.js');
+require('./config-aff4ff52.js');
+require('./helpers-acd6c477.js');
 
 const mdTransitionAnimation = (_, opts) => {
     var _a, _b, _c;

package/dist/cjs/{notch-controller-d69150f5.js → notch-controller-b0da1dbc.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-afaa9001.js');
+const ionicGlobal = require('./ionic-global-e4b78f51.js');
+const helpers = require('./helpers-acd6c477.js');
 
 /**
  * A utility to calculate the size of an outline notch
@@ -95,8 +95,8 @@ const createNotchController = (el, getNotchSpacerEl, getLabelSlot) => {
          */
         width === 0 &&
             notchSpacerEl.offsetParent === null &&
-            index.win !== undefined &&
-            'IntersectionObserver' in index.win) {
+            ionicGlobal.win !== undefined &&
+            'IntersectionObserver' in ionicGlobal.win) {
             /**
              * If there is an IO already attached
              * then that will update the notch