@ionic/core 8.3.2-dev.11727429833.12af2167 → 8.3.2-dev.11728314937.130218e6

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) {

package/dist/cjs/ion-accordion_2.cjs.entry.js

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const caretDown = require('./caret-down-3c215cff.js');
-const helpers = require('./helpers-afaa9001.js');
-const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const helpers = require('./helpers-e75eb909.js');
+const index = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const ionicAccordionMdCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}";
 const IonAccordionIonicStyle0 = ionicAccordionMdCss;
@@ -22,7 +22,7 @@ const IonAccordionMdStyle0 = accordionMdCss;
 
 const Accordion = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.updateListener = () => this.updateState(false);
         this.setItemDefaults = () => {
             const ionItem = this.getSlottedHeaderIonItem();
@@ -176,7 +176,7 @@ const Accordion = class {
             if (prefersReducedMotion) {
                 return false;
             }
-            const animated = ionicGlobal.config.get('animated', true);
+            const animated = config.config.get('animated', true);
             if (!animated) {
                 return false;
             }
@@ -289,14 +289,14 @@ const Accordion = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.chevronDown,
+            ios: index.chevronDown,
             ionic: caretDown.caretDownSvg,
-            md: index$1.chevronDown,
+            md: index.chevronDown,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured accordion toggle icon or the default icon
-        return ionicGlobal.config.get('accordionToggleIcon', defaultIcon);
+        return config.config.get('accordionToggleIcon', defaultIcon);
     }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
@@ -322,7 +322,7 @@ const Accordion = class {
         const headerPart = expanded ? 'header expanded' : 'header';
         const contentPart = expanded ? 'content expanded' : 'content';
         this.setAria(expanded);
-        return (index.h(index.Host, { key: 'f1482b5a721c16606f641606b55b21c1bfa1222b', class: {
+        return (config.h(config.Host, { key: 'f1482b5a721c16606f641606b55b21c1bfa1222b', class: {
                 [theme]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
@@ -333,10 +333,10 @@ const Accordion = class {
                 'accordion-disabled': disabled,
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
-            } }, index.h("div", { key: 'dfe89b0a257088f139cbbac603cb0e5ad448aef0', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { key: '2cb929178c4466da26a2441beb1733f7047d52ed', name: "header" })), index.h("div", { key: '9305244684e9b963cf6cb943a6a85dcce65ba60a', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { key: 'dc08c55ab5aeb0b43fe6718ef6d4902989bcfc93', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { key: 'd7e50b04d607efde59ac3dcb9d3a6c095348e9cf', name: "content" })))));
+            } }, config.h("div", { key: 'dfe89b0a257088f139cbbac603cb0e5ad448aef0', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, config.h("slot", { key: '2cb929178c4466da26a2441beb1733f7047d52ed', name: "header" })), config.h("div", { key: '9305244684e9b963cf6cb943a6a85dcce65ba60a', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, config.h("div", { key: 'dc08c55ab5aeb0b43fe6718ef6d4902989bcfc93', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, config.h("slot", { key: 'd7e50b04d607efde59ac3dcb9d3a6c095348e9cf', name: "content" })))));
     }
     static get delegatesFocus() { return true; }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "value": ["valueChanged"]
     }; }
@@ -359,9 +359,9 @@ const IonAccordionGroupMdStyle0 = accordionGroupMdCss;
 
 const AccordionGroup = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionValueChange = index.createEvent(this, "ionValueChange", 7);
+        config.registerInstance(this, hostRef);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
+        this.ionValueChange = config.createEvent(this, "ionValueChange", 7);
         this.animated = true;
         this.multiple = undefined;
         this.value = undefined;
@@ -550,14 +550,14 @@ const AccordionGroup = class {
     render() {
         const { disabled, readonly, expand } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '7652f9e1f433b51e59d6a40b3adf7a05ee1e72bb', class: {
+        return (config.h(config.Host, { key: '7652f9e1f433b51e59d6a40b3adf7a05ee1e72bb', class: {
                 [theme]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
-            }, role: "presentation" }, index.h("slot", { key: '0c0bcafa4af7047e523671c6d0969ae69398292a' })));
+            }, role: "presentation" }, config.h("slot", { key: '0c0bcafa4af7047e523671c6d0969ae69398292a' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "value": ["valueChanged"],
         "disabled": ["disabledChanged"],