@ionic/core 8.3.1-dev.11726159792.1a6f49de → 8.3.1-dev.11726165401.13e99534

package/dist/cjs/ionic-global-6d67c8d1.js

@@ -0,0 +1,464 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+const index = require('./index-b9e25ecd.js');
+
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+// 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';
+
+/**
+ * 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.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.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({}, configFromSession(win)), { persistConfig: false }), Ionic.config), configFromURL(win)), userConfig);
+    config.reset(configObj);
+    if (config.getBoolean('persistConfig')) {
+        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;
+    Ionic.mode = defaultMode = config.get('mode', doc.documentElement.getAttribute('mode') || (isPlatform(win, 'ios') ? 'ios' : 'md'));
+    config.set('mode', defaultMode);
+    doc.documentElement.setAttribute('mode', defaultMode);
+    doc.documentElement.classList.add(defaultMode);
+    if (config.getBoolean('_testing')) {
+        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.getBoolean('_testing')) {
+                Promise.resolve().then(function () { return require('./index-205f4d6c.js'); }).then((module) => module.startTapClick(config));
+            }
+            if (config.getBoolean('statusTap', isHybrid)) {
+                Promise.resolve().then(function () { return require('./status-tap-147ee377.js'); }).then((module) => module.startStatusTap());
+            }
+            if (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-850e2ebb.js'); }).then((module) => module.startInputShims(config, platform));
+            }
+            const hardwareBackButtonModule = await Promise.resolve().then(function () { return hardwareBackButton; });
+            const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();
+            if (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-29ccffc1.js'); }).then((module) => module.startKeyboardAssist(window));
+            }
+            // TODO
+            // import('../../utils/focus-visible').then((module) => (this.focusVisible = module.startFocusVisible()));
+        });
+    }
+};
+
+exports.MENU_BACK_BUTTON_PRIORITY = MENU_BACK_BUTTON_PRIORITY;
+exports.OVERLAY_BACK_BUTTON_PRIORITY = OVERLAY_BACK_BUTTON_PRIORITY;
+exports.config = config;
+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.rIC = rIC;
+exports.shouldUseCloseWatcher = shouldUseCloseWatcher;
+exports.win = win;

package/dist/cjs/ionic.cjs.js

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b9e25ecd.js');
-const appGlobals = require('./app-globals-2cfd442b.js');
-require('./ionic-global-86430f67.js');
+const appGlobals = require('./app-globals-efeec904.js');
+require('./ionic-global-6d67c8d1.js');
 
 /*
  Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{ios.transition-ac67e283.js → ios.transition-d3b17084.js}

@@ -3,12 +3,10 @@
  */
 'use strict';
 
-const animation = require('./animation-b4fdf128.js');
-const index = require('./index-9bdd4f2a.js');
-require('./index-c8d52405.js');
-require('./ionic-global-86430f67.js');
+const animation = require('./animation-0e966ffd.js');
+const index = require('./index-2a7fa0c6.js');
+require('./ionic-global-6d67c8d1.js');
 require('./index-b9e25ecd.js');
-require('./index-5915f9b3.js');
 require('./helpers-afaa9001.js');
 
 const DURATION = 540;

package/dist/cjs/{keyboard-af1bb365.js → keyboard-29ccffc1.js}

@@ -3,9 +3,10 @@
  */
 'use strict';
 
-const keyboard = require('./keyboard-0272231f.js');
-require('./capacitor-c04564bf.js');
-require('./index-c8d52405.js');
+const keyboard = require('./keyboard-6a572bd2.js');
+require('./capacitor-8b094750.js');
+require('./ionic-global-6d67c8d1.js');
+require('./index-b9e25ecd.js');
 
 const KEYBOARD_DID_OPEN = 'ionKeyboardDidShow';
 const KEYBOARD_DID_CLOSE = 'ionKeyboardDidHide';

package/dist/cjs/{keyboard-0272231f.js → keyboard-6a572bd2.js}

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

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const keyboard = require('./keyboard-0272231f.js');
+const ionicGlobal = require('./ionic-global-6d67c8d1.js');
+const keyboard = require('./keyboard-6a572bd2.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');
+    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

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b9e25ecd.js');
-const appGlobals = require('./app-globals-2cfd442b.js');
-require('./ionic-global-86430f67.js');
+const appGlobals = require('./app-globals-efeec904.js');
+require('./ionic-global-6d67c8d1.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{md.transition-8ceb4e1a.js → md.transition-fa016453.js}

@@ -3,12 +3,10 @@
  */
 'use strict';
 
-const animation = require('./animation-b4fdf128.js');
-const index = require('./index-9bdd4f2a.js');
-require('./index-c8d52405.js');
-require('./ionic-global-86430f67.js');
+const animation = require('./animation-0e966ffd.js');
+const index = require('./index-2a7fa0c6.js');
+require('./ionic-global-6d67c8d1.js');
 require('./index-b9e25ecd.js');
-require('./index-5915f9b3.js');
 require('./helpers-afaa9001.js');
 
 const mdTransitionAnimation = (_, opts) => {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
+const ionicGlobal = require('./ionic-global-6d67c8d1.js');
 const helpers = require('./helpers-afaa9001.js');
 
 /**
@@ -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