@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a

package/dist/cjs/{index-BJlwOs11.js → index-BbhXd9Zs.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var focusVisible = require('./index-BDthk8R7.js');
 
 /**
  * Does a simple sanitization of all elements
@@ -79,7 +79,7 @@ const sanitizeDOMString = (untrustedString) => {
         return getInnerDiv !== null ? getInnerDiv.innerHTML : fragmentDiv.innerHTML;
     }
     catch (err) {
-        index.printIonError('sanitizeDOMString', err);
+        focusVisible.printIonError('sanitizeDOMString', err);
         return '';
     }
 };

package/dist/cjs/{index-DMJjUhXH.js → index-Cbme57mm.js}

@@ -3,10 +3,8 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-require('./index-CzcLEdQ5.js');
-require('./focus-visible-BIj-I3-C.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var focusVisible = require('./index-BDthk8R7.js');
 
 const startTapClick = (config) => {
     if (ionicGlobal.doc === undefined) {
@@ -45,7 +43,7 @@ const startTapClick = (config) => {
         if (activeDefer)
             clearTimeout(activeDefer);
         activeDefer = undefined;
-        const { x, y } = helpers.pointerCoord(ev);
+        const { x, y } = focusVisible.pointerCoord(ev);
         // deactivate selected
         if (activatableEle) {
             if (clearDefers.has(activatableEle)) {

package/dist/cjs/{index-BJrpF9T3.js → index-DhXmkpe3.js}

@@ -3,8 +3,7 @@
  */
 'use strict';
 
-var helpers = require('./helpers-DJYxKN5U.js');
-var index = require('./index-CzcLEdQ5.js');
+var focusVisible = require('./index-BDthk8R7.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';
@@ -30,7 +29,7 @@ const isIonContent = (el) => el.tagName === ION_CONTENT_TAG_NAME;
  */
 const getScrollElement = async (el) => {
     if (isIonContent(el)) {
-        await new Promise((resolve) => helpers.componentOnReady(el, resolve));
+        await focusVisible.waitForComponentReady(el);
         return el.getScrollElement();
     }
     return el;
@@ -92,7 +91,7 @@ const scrollByPoint = (el, x, y, durationMs) => {
  * within either the `ion-content` selector or the `.ion-content-scroll-host` class.
  */
 const printIonContentErrorMsg = (el) => {
-    return index.printRequiredElementError(el, ION_CONTENT_ELEMENT_SELECTOR);
+    return focusVisible.printRequiredElementError(el, ION_CONTENT_ELEMENT_SELECTOR);
 };
 /**
  * Several components in Ionic need to prevent scrolling

package/dist/cjs/{index-Cer2Qy4I.js → index-HkS255C9.js}

@@ -3,10 +3,9 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var index = require('./index-CzcLEdQ5.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var animation = require('./animation-DknMeJ3x.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var animation = require('./animation-CoqRs93a.js');
 
 /**
  * baseAnimation
@@ -170,7 +169,7 @@ const createMenuController = () => {
             const menuRefs = menus.filter((m) => m.side === menu && !m.disabled);
             if (menuRefs.length >= 1) {
                 if (menuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
+                    focusVisible.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
                 }
                 return menuRefs[0].el;
             }
@@ -179,7 +178,7 @@ const createMenuController = () => {
             const sideMenuRefs = menus.filter((m) => m.side === menu);
             if (sideMenuRefs.length >= 1) {
                 if (sideMenuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
+                    focusVisible.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
                 }
                 return sideMenuRefs[0].el;
             }
@@ -270,7 +269,7 @@ const createMenuController = () => {
         return undefined;
     };
     const waitUntilReady = () => {
-        return Promise.all(Array.from(document.querySelectorAll('ion-menu')).map((menu) => new Promise((resolve) => helpers.componentOnReady(menu, resolve))));
+        return Promise.all(Array.from(document.querySelectorAll('ion-menu')).map((menu) => focusVisible.waitForComponentReady(menu)));
     };
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);

package/dist/cjs/{index-D_mPAIqF.js → index-cV9SaEZV.js}

@@ -3,8 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var helpers = require('./helpers-DJYxKN5U.js');
+var focusVisible = require('./index-BDthk8R7.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -38,7 +37,7 @@ const isVisible = (el) => {
  */
 const createFocusController = () => {
     const saveViewFocus = (referenceEl) => {
-        const focusManagerEnabled = index.config.get('focusManagerPriority', false);
+        const focusManagerEnabled = focusVisible.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.
@@ -51,7 +50,7 @@ const createFocusController = () => {
         }
     };
     const setViewFocus = (referenceEl) => {
-        const focusManagerPriorities = index.config.get('focusManagerPriority', false);
+        const focusManagerPriorities = focusVisible.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.
@@ -101,7 +100,7 @@ const createFocusController = () => {
                         }
                         break;
                     default:
-                        index.printIonWarning(`Unrecognized focus manager priority value ${priority}`);
+                        focusVisible.printIonWarning(`Unrecognized focus manager priority value ${priority}`);
                         break;
                 }
             }
@@ -120,8 +119,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-UCjoxA3D.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-CNwlchQn.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-DcJ6Bw2k.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-DAjf1hlJ.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**
@@ -135,7 +134,7 @@ const focusController = createFocusController();
  */
 const transition = (opts) => {
     return new Promise((resolve, reject) => {
-        index.writeTask(() => {
+        focusVisible.writeTask(() => {
             const transitioningInactiveHeader = getIosIonHeader(opts);
             beforeTransition(opts, transitioningInactiveHeader);
             runTransition(opts)
@@ -184,7 +183,7 @@ const beforeTransition = (opts, transitioningInactiveHeader) => {
 };
 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 && focusVisible.Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
     return ani;
 };
 const afterTransition = (opts) => {
@@ -229,7 +228,7 @@ const animation = async (animationBuilder, opts) => {
 const noAnimation = async (opts) => {
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
-    const focusManagerEnabled = index.config.get('focusManagerPriority', false);
+    const focusManagerEnabled = focusVisible.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.
@@ -305,7 +304,7 @@ const lifecycle = (el, eventName) => {
  * all frameworks to ensure contents are mounted.
  */
 const waitForMount = () => {
-    return new Promise((resolve) => helpers.raf(() => helpers.raf(() => resolve())));
+    return new Promise((resolve) => focusVisible.raf(() => focusVisible.raf(() => resolve())));
 };
 const deepReady = async (el) => {
     const element = el;
@@ -325,7 +324,7 @@ const deepReady = async (el) => {
              * Non-lazy loaded custom elements need to wait
              * one frame for component to be loaded.
              */
-            const waitForCustomElement = new Promise((resolve) => helpers.raf(resolve));
+            const waitForCustomElement = new Promise((resolve) => focusVisible.raf(resolve));
             await waitForCustomElement;
             return;
         }

package/dist/cjs/index.cjs.js

@@ -3,23 +3,20 @@
  */
 'use strict';
 
-var animation = require('./animation-DknMeJ3x.js');
-var index = require('./index-D_mPAIqF.js');
-var ios_transition = require('./ios.transition-UCjoxA3D.js');
-var md_transition = require('./md.transition-CNwlchQn.js');
+var animation = require('./animation-CoqRs93a.js');
+var index = require('./index-cV9SaEZV.js');
+var ios_transition = require('./ios.transition-DcJ6Bw2k.js');
+var md_transition = require('./md.transition-DAjf1hlJ.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-CAvQ7Tka.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var index$2 = require('./index-CzcLEdQ5.js');
-var index$3 = require('./index-BJlwOs11.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var index$2 = require('./index-BbhXd9Zs.js');
 var config = require('./config-DWdFbSNK.js');
-var theme = require('./theme-IlOsGAz7.js');
-var index$4 = require('./index-Cer2Qy4I.js');
-var overlays = require('./overlays-C54DhaTC.js');
+var index$3 = require('./index-HkS255C9.js');
+var overlays = require('./overlays-H4z8xPi9.js');
 require('./gesture-controller-dtqlP_q4.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./framework-delegate-Dx9FrqAC.js');
+require('./framework-delegate-C1LqXDzY.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;
@@ -134,16 +131,16 @@ exports.createGesture = index$1.createGesture;
 exports.getPlatforms = ionicGlobal.getPlatforms;
 exports.initialize = ionicGlobal.initialize;
 exports.isPlatform = ionicGlobal.isPlatform;
-exports.componentOnReady = helpers.componentOnReady;
 Object.defineProperty(exports, "LogLevel", {
     enumerable: true,
-    get: function () { return index$2.LogLevel; }
+    get: function () { return focusVisible.LogLevel; }
 });
-exports.IonicSafeString = index$3.IonicSafeString;
+exports.componentOnReady = focusVisible.componentOnReady;
+exports.openURL = focusVisible.openURL;
+exports.IonicSafeString = index$2.IonicSafeString;
 exports.getMode = config.getMode;
 exports.setupConfig = config.setupConfig;
-exports.openURL = theme.openURL;
-exports.menuController = index$4.menuController;
+exports.menuController = index$3.menuController;
 exports.actionSheetController = overlays.actionSheetController;
 exports.alertController = overlays.alertController;
 exports.loadingController = overlays.loadingController;

package/dist/cjs/{input-shims-Dn33gFln.js → input-shims-eCRI_jn9.js}

@@ -3,13 +3,11 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var index = require('./index-BJrpF9T3.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var keyboard = require('./keyboard-Dsczf-iT.js');
-require('./index-CzcLEdQ5.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./capacitor-BnRBm_ys.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var index = require('./index-DhXmkpe3.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var keyboard = require('./keyboard-Jy7okGc5.js');
+require('./capacitor-F7SUc7Ly.js');
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -115,12 +113,12 @@ const enableHideCaretOnScroll = (componentEl, inputEl, scrollEl) => {
     const onBlur = () => relocateInput(componentEl, inputEl, false);
     const hideCaret = () => scrollHideCaret(true);
     const showCaret = () => scrollHideCaret(false);
-    helpers.addEventListener(scrollEl, 'ionScrollStart', hideCaret);
-    helpers.addEventListener(scrollEl, 'ionScrollEnd', showCaret);
+    focusVisible.addEventListener(scrollEl, 'ionScrollStart', hideCaret);
+    focusVisible.addEventListener(scrollEl, 'ionScrollEnd', showCaret);
     inputEl.addEventListener('blur', onBlur);
     return () => {
-        helpers.removeEventListener(scrollEl, 'ionScrollStart', hideCaret);
-        helpers.removeEventListener(scrollEl, 'ionScrollEnd', showCaret);
+        focusVisible.removeEventListener(scrollEl, 'ionScrollStart', hideCaret);
+        focusVisible.removeEventListener(scrollEl, 'ionScrollEnd', showCaret);
         inputEl.removeEventListener('blur', onBlur);
     };
 };
@@ -166,11 +164,11 @@ const enableInputBlurring = () => {
             }
         }, 50);
     };
-    helpers.addEventListener(doc, 'ionScrollStart', onScroll);
+    focusVisible.addEventListener(doc, 'ionScrollStart', onScroll);
     doc.addEventListener('focusin', onFocusin, true);
     doc.addEventListener('touchend', onTouchend, false);
     return () => {
-        helpers.removeEventListener(doc, 'ionScrollStart', onScroll, true);
+        focusVisible.removeEventListener(doc, 'ionScrollStart', onScroll, true);
         doc.removeEventListener('focusin', onFocusin, true);
         doc.removeEventListener('touchend', onTouchend, false);
     };
@@ -236,11 +234,11 @@ const setScrollPadding = (contentEl, paddingAmount, clearCallback) => {
         clearTimeout(timer);
     }
     if (paddingAmount > 0) {
-        contentEl.style.setProperty('--keyboard-offset', `${paddingAmount}px`);
+        contentEl.style.setProperty('--internal-keyboard-offset', `${paddingAmount}px`);
     }
     else {
         contentEl[PADDING_TIMER_KEY] = setTimeout(() => {
-            contentEl.style.setProperty('--keyboard-offset', '0px');
+            contentEl.style.setProperty('--internal-keyboard-offset', '0px');
             if (clearCallback) {
                 clearCallback();
             }
@@ -456,7 +454,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
      * click event to be cancelled, so
      * manually fire one here.
      */
-    helpers.raf(() => componentEl.click());
+    focusVisible.raf(() => componentEl.click());
     /**
      * If enabled, we can add scroll padding to
      * the bottom of the content so that scroll assist
@@ -588,7 +586,7 @@ const startInputShims = async (config, platform) => {
      */
     const keyboardResizeMode = await keyboard.Keyboard.getResizeMode();
     const registerInput = async (componentEl) => {
-        await new Promise((resolve) => helpers.componentOnReady(componentEl, resolve));
+        await focusVisible.waitForComponentReady(componentEl);
         const inputRoot = componentEl.shadowRoot || componentEl;
         const inputEl = inputRoot.querySelector('input') || inputRoot.querySelector('textarea');
         const scrollEl = index.findClosestIonContent(componentEl);

package/dist/cjs/{input.utils-DnVnhWEF.js → input.utils-CvLAucXh.js}

@@ -3,9 +3,8 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var index = require('./index-CzcLEdQ5.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var focusVisible = require('./index-BDthk8R7.js');
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when
@@ -41,7 +40,7 @@ const createSlotMutationController = (el, slotName, mutationCallback) => {
                          * into the correct place in the event that
                          * slotted content is being added.
                          */
-                        helpers.raf(() => watchForSlotChange(node));
+                        focusVisible.raf(() => watchForSlotChange(node));
                         return;
                     }
                 }
@@ -138,7 +137,7 @@ const getCounterText = (value, maxLength, counterFormatter) => {
         return counterFormatter(valueLength, maxLength);
     }
     catch (e) {
-        index.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
+        focusVisible.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
         return defaultCounterText;
     }
 };

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

@@ -3,13 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var focusVisible = require('./index-BDthk8R7.js');
 var caretDown = require('./caret-down-vtVgfXIs.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var theme = require('./theme-IlOsGAz7.js');
-var index$1 = require('./index-CgAbCW6L.js');
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-require('./focus-visible-BIj-I3-C.js');
+var index = require('./index-CgAbCW6L.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
 
 const accordionIonicCss = () => `:host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#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}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));content:"";z-index:3}:host(.accordion-last)::after{display:none}: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)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}#content-wrapper{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;z-index:2}`;
 
@@ -19,7 +16,7 @@ const accordionMdCss = () => `:host{display:block;position:relative;width:100%;o
 
 const Accordion = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        focusVisible.registerInstance(this, hostRef);
         this.accordionGroupUpdateHandler = () => {
             /**
              * Determine if this update will cause an actual state change.
@@ -141,7 +138,7 @@ const Accordion = class {
              * Get the native <button> element inside of
              * ion-item because that is what will be focused
              */
-            const root = helpers.getElementRoot(ionItem);
+            const root = focusVisible.getElementRoot(ionItem);
             const button = root.querySelector('button');
             if (!button) {
                 return;
@@ -193,11 +190,11 @@ const Accordion = class {
              */
             this.hasEverBeenExpanded = true;
             if (this.shouldAnimate()) {
-                helpers.raf(() => {
+                focusVisible.raf(() => {
                     this.state = 8 /* AccordionState.Expanding */;
-                    this.currentRaf = helpers.raf(async () => {
+                    this.currentRaf = focusVisible.raf(async () => {
                         const contentHeight = contentElWrapper.offsetHeight;
-                        const waitForTransition = helpers.transitionEndAsync(contentEl, 2000);
+                        const waitForTransition = focusVisible.transitionEndAsync(contentEl, 2000);
                         contentEl.style.setProperty('max-height', `${contentHeight}px`);
                         await waitForTransition;
                         this.state = 4 /* AccordionState.Expanded */;
@@ -226,11 +223,11 @@ const Accordion = class {
                 cancelAnimationFrame(this.currentRaf);
             }
             if (this.shouldAnimate()) {
-                this.currentRaf = helpers.raf(async () => {
+                this.currentRaf = focusVisible.raf(async () => {
                     const contentHeight = contentEl.offsetHeight;
                     contentEl.style.setProperty('max-height', `${contentHeight}px`);
-                    helpers.raf(async () => {
-                        const waitForTransition = helpers.transitionEndAsync(contentEl, 2000);
+                    focusVisible.raf(async () => {
+                        const waitForTransition = focusVisible.transitionEndAsync(contentEl, 2000);
                         this.state = 2 /* AccordionState.Collapsing */;
                         await waitForTransition;
                         this.state = 1 /* AccordionState.Collapsed */;
@@ -269,7 +266,7 @@ const Accordion = class {
             if (prefersReducedMotion) {
                 return false;
             }
-            const animated = index.config.get('animated', true);
+            const animated = focusVisible.config.get('animated', true);
             if (!animated) {
                 return false;
             }
@@ -335,13 +332,13 @@ const Accordion = class {
         const accordionGroupEl = (this.accordionGroupEl = (_a = this.el) === null || _a === void 0 ? void 0 : _a.closest('ion-accordion-group'));
         if (accordionGroupEl) {
             this.updateState();
-            helpers.addEventListener(accordionGroupEl, 'ionValueChange', this.accordionGroupUpdateHandler);
+            focusVisible.addEventListener(accordionGroupEl, 'ionValueChange', this.accordionGroupUpdateHandler);
         }
     }
     disconnectedCallback() {
         const accordionGroupEl = this.accordionGroupEl;
         if (accordionGroupEl) {
-            helpers.removeEventListener(accordionGroupEl, 'ionValueChange', this.accordionGroupUpdateHandler);
+            focusVisible.removeEventListener(accordionGroupEl, 'ionValueChange', this.accordionGroupUpdateHandler);
         }
     }
     componentDidLoad() {
@@ -352,7 +349,7 @@ const Accordion = class {
          * just set ionItem.button = true and
          * the button has not have been rendered yet.
          */
-        helpers.raf(() => {
+        focusVisible.raf(() => {
             /**
              * Set aria label on button inside of ion-item
              * once the inner content has been rendered.
@@ -369,14 +366,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 index.config.get('accordionToggleIcon', defaultIcon);
+        return focusVisible.config.get('accordionToggleIcon', defaultIcon);
     }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
@@ -402,13 +399,13 @@ const Accordion = class {
     }
     render() {
         const { disabled, readonly } = this;
-        const theme$1 = ionicGlobal.getIonTheme(this);
+        const theme = ionicGlobal.getIonTheme(this);
         const expanded = this.state === 4 /* AccordionState.Expanded */ || this.state === 8 /* AccordionState.Expanding */;
         const headerPart = expanded ? 'header expanded' : 'header';
         const contentPart = expanded ? 'content expanded' : 'content';
         this.setAria(expanded);
-        return (index.h(index.Host, { key: 'dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca', class: {
-                [theme$1]: true,
+        return (focusVisible.h(focusVisible.Host, { key: 'dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca', class: {
+                [theme]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
                 'accordion-collapsing': this.state === 2 /* AccordionState.Collapsing */,
@@ -419,11 +416,11 @@ const Accordion = class {
                 'accordion-disabled': disabled,
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
-                'in-accordion-group-expand-inset': theme.hostContext('.accordion-group-expand-inset', this.el),
-            }, tabindex: disabled ? '-1' : undefined }, index.h("div", { key: '3e67b334a8b12eb337d2deae47b6a661cba41c74', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { key: 'ae7618fb460577c6c31995d8e842c1de16263985', name: "header" })), index.h("div", { key: '9fc9964f77b9344f763c9adf69ce0bc09534bc75', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { key: '996cf517f866dc516e4ce488c647364e8b2726c8', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { key: 'b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7', name: "content" })))));
+                'in-accordion-group-expand-inset': focusVisible.hostContext('.accordion-group-expand-inset', this.el),
+            }, tabindex: disabled ? '-1' : undefined }, focusVisible.h("div", { key: '3e67b334a8b12eb337d2deae47b6a661cba41c74', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, focusVisible.h("slot", { key: 'ae7618fb460577c6c31995d8e842c1de16263985', name: "header" })), focusVisible.h("div", { key: '9fc9964f77b9344f763c9adf69ce0bc09534bc75', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, focusVisible.h("div", { key: '996cf517f866dc516e4ce488c647364e8b2726c8', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, focusVisible.h("slot", { key: 'b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7', name: "content" })))));
     }
     static get delegatesFocus() { return true; }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "value": [{
                 "valueChanged": 0
@@ -445,9 +442,9 @@ const accordionGroupMdCss = () => `:host{display:block}:host(.accordion-group-ex
 
 const AccordionGroup = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionValueChange = index.createEvent(this, "ionValueChange", 7);
+        focusVisible.registerInstance(this, hostRef);
+        this.ionChange = focusVisible.createEvent(this, "ionChange", 7);
+        this.ionValueChange = focusVisible.createEvent(this, "ionValueChange", 7);
         /**
          * If `true`, all accordions inside of the
          * accordion group will animate when expanding
@@ -481,7 +478,7 @@ const AccordionGroup = class {
              * Default toString() behavior: a,b
              * Custom behavior: ['a', 'b']
              */
-            index.printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
+            focusVisible.printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
 
   Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
 `, this.el);
@@ -664,15 +661,15 @@ const AccordionGroup = class {
         const { disabled, readonly, expand } = this;
         const theme = ionicGlobal.getIonTheme(this);
         const shape = this.getShape();
-        return (index.h(index.Host, { key: '3ff9248922382f2fe2eb9eb2fd895bb9aa91ef2f', class: {
+        return (focusVisible.h(focusVisible.Host, { key: '3ff9248922382f2fe2eb9eb2fd895bb9aa91ef2f', class: {
                 [theme]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
                 [`accordion-group-shape-${shape}`]: shape !== undefined,
-            }, role: "presentation" }, index.h("slot", { key: 'aaa96bfa504bb020c7897e44ac1502b12bb81faf' })));
+            }, role: "presentation" }, focusVisible.h("slot", { key: 'aaa96bfa504bb020c7897e44ac1502b12bb81faf' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return focusVisible.getElement(this); }
     static get watchers() { return {
         "value": [{
                 "valueChanged": 0