@ionic/core 8.6.6-dev.11753723348.11c41280 → 8.6.6-dev.11754079589.14074817

package/dist/cjs/{index-CmckMMX1.js → index-DODXXb_r.js}

@@ -123,126 +123,6 @@ const printRequiredElementError = (el, ...targetSelectors) => {
     return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
 };
 
-const win$1 = 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.get('experimentalCloseWatcher', false) && win$1 !== undefined && 'CloseWatcher' in win$1;
-/**
- * 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) {
-                printIonError('[ion-app] - Exception in startHardwareBackButton:', 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$1.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
-
-var hardwareBackButton = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    MENU_BACK_BUTTON_PRIORITY: MENU_BACK_BUTTON_PRIORITY,
-    OVERLAY_BACK_BUTTON_PRIORITY: OVERLAY_BACK_BUTTON_PRIORITY,
-    blockHardwareBackButton: blockHardwareBackButton,
-    shouldUseCloseWatcher: shouldUseCloseWatcher,
-    startHardwareBackButton: startHardwareBackButton
-});
-
 const getPlatforms = (win) => setupPlatforms(win);
 const isPlatform = (winOrPlatform, platform) => {
     if (typeof winOrPlatform === 'string') {
@@ -332,143 +212,10 @@ const PLATFORMS_MAP = {
     hybrid: isHybrid,
 };
 
+// TODO(FW-2832): types
 let defaultMode;
-let defaultTheme = 'md';
-/**
- * Prints a warning message to the developer to inform them of
- * an invalid configuration of mode and theme.
- * @param mode The invalid mode configuration.
- * @param theme The invalid theme configuration.
- */
-const printInvalidModeWarning = (mode, theme, ref) => {
-    printIonWarning(`Invalid mode and theme combination provided: mode: ${mode}, theme: ${theme}. Fallback mode ${getDefaultModeForTheme(theme)} will be used.`, ref);
-};
-/**
- * Validates if a mode is accepted for a theme configuration.
- * @param mode The mode to validate.
- * @param theme The theme the mode is being used with.
- * @returns `true` if the mode is valid for the theme, `false` if invalid.
- */
-const isModeValidForTheme = (mode, theme) => {
-    if (mode === 'md') {
-        return theme === 'md' || theme === 'ionic';
-    }
-    else if (mode === 'ios') {
-        return theme === 'ios' || theme === 'ionic';
-    }
-    return false;
-};
-/**
- * Returns the default mode for a specified theme.
- * @param theme The theme to return a default mode for.
- * @returns The default mode, either `ios` or `md`.
- */
-const getDefaultModeForTheme = (theme) => {
-    if (theme === 'ios') {
-        return 'ios';
-    }
-    return 'md';
-};
-/**
- * Returns the default theme for a specified mode.
- * @param mode The mode to return a default theme for.
- * @returns The default theme.
- */
-const getDefaultThemeForMode = (mode) => {
-    if (mode === 'ios') {
-        return 'ios';
-    }
-    return 'md';
-};
-const isModeSupported = (elmMode) => ['ios', 'md'].includes(elmMode);
-const isThemeSupported = (theme) => ['ios', 'md', 'ionic'].includes(theme);
-const isIonicElement = (elm) => { var _a; return (_a = elm.tagName) === null || _a === void 0 ? void 0 : _a.startsWith('ION-'); };
-/**
- * Returns the mode value of the element reference or the closest
- * parent with a valid mode.
- * @param ref The element reference to look up the mode for.
- * @param theme Optionally can provide the theme to avoid an additional look-up.
- * @returns The mode value for the element reference.
- */
-const getIonMode = (ref, theme = getIonTheme(ref)) => {
-    var _a;
-    if ((ref === null || ref === void 0 ? void 0 : ref.mode) && isModeValidForTheme(ref === null || ref === void 0 ? void 0 : ref.mode, theme)) {
-        /**
-         * If the reference already has a mode configuration,
-         * use it instead of performing a look-up.
-         */
-        return ref.mode;
-    }
-    else {
-        const el = getElement(ref);
-        const mode = ((_a = el.closest('[mode]')) === null || _a === void 0 ? void 0 : _a.getAttribute('mode')) || defaultMode;
-        if (isModeValidForTheme(mode, theme)) {
-            /**
-             * The mode configuration is supported for the configured theme.
-             */
-            return mode;
-        }
-        else {
-            printInvalidModeWarning(mode, theme, ref);
-        }
-    }
-    return getDefaultModeForTheme(theme);
-};
-/**
- * Returns the theme value of the element reference or the closest
- * parent with a valid theme.
- *
- * @param ref The element reference to look up the theme for.
- * @returns The theme value for the element reference, defaults to
- * the default theme if it cannot be determined.
- */
-const getIonTheme = (ref) => {
-    var _a, _b;
-    const theme = ref && getMode(ref);
-    if (theme) {
-        return theme;
-    }
-    /**
-     * If the theme cannot be detected, then fallback to using
-     * the `mode` attribute to determine the style sheets to use.
-     */
-    const el = getElement(ref);
-    const mode = (_a = ref === null || ref === void 0 ? void 0 : ref.mode) !== null && _a !== void 0 ? _a : (_b = el.closest('[mode]')) === null || _b === void 0 ? void 0 : _b.getAttribute('mode');
-    if (mode) {
-        return getDefaultThemeForMode(mode);
-    }
-    /**
-     * If a mode is not detected, then fallback to using the
-     * default theme.
-     */
-    return defaultTheme;
-};
-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 getIonMode = (ref) => {
+    return (ref && getMode(ref)) || defaultMode;
 };
 const initialize = (userConfig = {}) => {
     if (typeof window === 'undefined') {
@@ -486,115 +233,34 @@ const initialize = (userConfig = {}) => {
     }
     // 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;
-    /**
-     * Check 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.mode = defaultMode = config.get('mode', doc.documentElement.getAttribute('mode') || (isPlatform(win, 'ios') ? 'ios' : 'md'));
-    /**
-     * Check if the theme was set as an attribute on <html>
-     * which could have been set by the user, or by pre-rendering
-     * otherwise get the theme via config settings, and fallback to md.
-     */
-    Ionic.theme = defaultTheme = config.get('theme', doc.documentElement.getAttribute('theme') || getDefaultThemeForMode(defaultMode));
-    if (!isModeValidForTheme(defaultMode, defaultTheme)) {
-        printInvalidModeWarning(defaultMode, defaultTheme, configObj);
-        defaultMode = getDefaultModeForTheme(defaultTheme);
-    }
     config.set('mode', defaultMode);
     doc.documentElement.setAttribute('mode', defaultMode);
     doc.documentElement.classList.add(defaultMode);
-    config.set('theme', defaultTheme);
-    doc.documentElement.setAttribute('theme', defaultTheme);
-    doc.documentElement.classList.add(defaultTheme);
     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);
     setMode((elm) => {
-        /**
-         * Iterate over all the element nodes, to both validate and
-         * set the "mode" that is used for determining the styles to
-         * apply to the element.
-         *
-         * setMode refers to Stencil's internal metadata for "mode",
-         * which is used to set the correct styleUrl for the component.
-         *
-         * If the "theme" attribute or property is set, then use it
-         * to determine the style sheets to use.
-         *
-         * If the "mode" attribute or property is set, then use it
-         * to determine the style sheets to use. This is fallback
-         * behavior for applications that are not setting the "theme".
-         */
         while (elm) {
-            const theme = elm.getAttribute('theme');
-            if (theme) {
-                if (isThemeSupported(theme)) {
-                    return theme;
-                }
-                else if (isIonicElement(elm)) {
-                    printIonWarning(`Invalid theme: "${theme}". Supported themes include: "ios" or "md".`);
-                }
-            }
-            /**
-             * If a theme is not detected, then fallback to using the
-             * `mode` attribute to determine the style sheets to use.
-             */
-            const elmMode = elm.getAttribute('mode');
+            const elmMode = elm.mode || elm.getAttribute('mode');
             if (elmMode) {
-                if (isModeSupported(elmMode)) {
+                if (isAllowedIonicModeValue(elmMode)) {
                     return elmMode;
                 }
                 else if (isIonicElement(elm)) {
-                    printIonWarning(`Invalid mode: "${elmMode}". Ionic modes can be only "ios" or "md"`);
+                    printIonWarning('Invalid ionic mode: "' + elmMode + '", expected: "ios" or "md"');
                 }
             }
             elm = elm.parentElement;
         }
-        return defaultTheme;
+        return defaultMode;
     });
-    // `IonApp` code
-    // ----------------------------------------------
-    {
-        rIC(async () => {
-            const isHybrid = isPlatform(window, 'hybrid');
-            if (!config.getBoolean('_testing')) {
-                Promise.resolve().then(function () { return require('./index-YEjC0pvJ.js'); }).then((module) => module.startTapClick(config));
-            }
-            if (config.getBoolean('statusTap', isHybrid)) {
-                Promise.resolve().then(function () { return require('./status-tap-DMaRrHIS.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-BwdlNkON.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('[ion-app] - 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-nXDIskl9.js'); }).then((module) => module.startKeyboardAssist(window));
-            }
-            Promise.resolve().then(function () { return require('./focus-visible-BIj-I3-C.js'); }).then((module) => module.getOrInitFocusVisibleUtility());
-        });
-    }
 };
 
 const globalScripts = initialize;
@@ -3635,17 +3301,13 @@ exports.Build = Build;
 exports.Fragment = Fragment;
 exports.H = H;
 exports.Host = Host;
-exports.MENU_BACK_BUTTON_PRIORITY = MENU_BACK_BUTTON_PRIORITY;
-exports.OVERLAY_BACK_BUTTON_PRIORITY = OVERLAY_BACK_BUTTON_PRIORITY;
 exports.bootstrapLazy = bootstrapLazy;
 exports.config = config;
 exports.createEvent = createEvent;
-exports.doc = doc;
 exports.forceUpdate = forceUpdate;
 exports.getAssetPath = getAssetPath;
 exports.getElement = getElement;
 exports.getIonMode = getIonMode;
-exports.getIonTheme = getIonTheme;
 exports.getPlatforms = getPlatforms;
 exports.globalScripts = globalScripts;
 exports.h = h;
@@ -3658,6 +3320,4 @@ exports.promiseResolve = promiseResolve;
 exports.readTask = readTask;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
-exports.shouldUseCloseWatcher = shouldUseCloseWatcher;
-exports.win = win$1;
 exports.writeTask = writeTask;

package/dist/cjs/index-DkNv4J_i.js

@@ -0,0 +1,10 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+exports.doc = doc;
+exports.win = win;

package/dist/cjs/{index-DxVhwe3d.js → index-y0QaNtCi.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CmckMMX1.js');
-var helpers = require('./helpers-DmAvmm2T.js');
+var index = require('./index-DODXXb_r.js');
+var helpers = require('./helpers-BITAzJfi.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -120,8 +120,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-BMRClUxZ.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-D2ZL4jgW.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-baEy2tr4.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-Bvc-JrM5.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {

package/dist/cjs/index.cjs.js

@@ -3,21 +3,22 @@
  */
 'use strict';
 
-var animation = require('./animation-Bcz4qmJk.js');
-var index = require('./index-DxVhwe3d.js');
-var ios_transition = require('./ios.transition-BMRClUxZ.js');
-var md_transition = require('./md.transition-D2ZL4jgW.js');
+var animation = require('./animation-0T7gKwOt.js');
+var index = require('./index-y0QaNtCi.js');
+var ios_transition = require('./ios.transition-baEy2tr4.js');
+var md_transition = require('./md.transition-Bvc-JrM5.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-CAvQ7Tka.js');
-var index$2 = require('./index-CmckMMX1.js');
-var helpers = require('./helpers-DmAvmm2T.js');
-var config = require('./config-DGKt4XfG.js');
+var index$2 = require('./index-DODXXb_r.js');
+var helpers = require('./helpers-BITAzJfi.js');
+var config = require('./config-U7OAuj53.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var index$3 = require('./index-DcPe_YcG.js');
-var overlays = require('./overlays-DbrifhWu.js');
+var index$3 = require('./index-CxfLS2mX.js');
+var overlays = require('./overlays-C7qzO8d7.js');
+require('./index-DkNv4J_i.js');
 require('./gesture-controller-dtqlP_q4.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./framework-delegate-DfEY5uyC.js');
+require('./hardware-back-button-D90qZxju.js');
+require('./framework-delegate-C7sIJyT5.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/cjs/{input-shims-BwdlNkON.js → input-shims-D1Mfgd4s.js}

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-CmckMMX1.js');
-var index$1 = require('./index-CaZ3uzAD.js');
-var helpers = require('./helpers-DmAvmm2T.js');
-var keyboard = require('./keyboard-Chl5cusY.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./capacitor-CzFst28-.js');
+var index = require('./index-DkNv4J_i.js');
+var index$1 = require('./index-CVa6JE57.js');
+var helpers = require('./helpers-BITAzJfi.js');
+var keyboard = require('./keyboard-UuAS4D_9.js');
+require('./index-DODXXb_r.js');
+require('./capacitor-DmA66EwP.js');
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {

package/dist/cjs/{input.utils-CfjyQhpu.js → input.utils-DSoBEyUu.js}

@@ -3,8 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-CmckMMX1.js');
-var helpers = require('./helpers-DmAvmm2T.js');
+var index = require('./index-DkNv4J_i.js');
+var helpers = require('./helpers-BITAzJfi.js');
+var index$1 = require('./index-DODXXb_r.js');
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when
@@ -137,7 +138,7 @@ const getCounterText = (value, maxLength, counterFormatter) => {
         return counterFormatter(valueLength, maxLength);
     }
     catch (e) {
-        index.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
+        index$1.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
         return defaultCounterText;
     }
 };