@ionic/core 9.0.6-dev.11790349282.1a877abd → 9.0.6-dev.11790776272.1d27d1bd

package/dist/cjs/clear-button-press-controller-C6PTS3jC.js

@@ -0,0 +1,45 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+var index = require('./index-DkNv4J_i.js');
+
+/**
+ * Tracks an in-flight press on a clear button so a blur landing mid-press can't
+ * hide or unmount the button before the press produces its click.
+ *
+ * Calling `preventDefault()` on `pointerdown` is meant to stop the field
+ * blurring, but not every browser honors it (iOS Safari blurs anyway). The
+ * press is released on `click` rather than `pointerup` because touch
+ * dispatches the click after the finger lifts.
+ *
+ * @internal
+ * @param onPressChange Receives the press state.
+ */
+const createClearButtonPressController = (onPressChange) => {
+    const release = () => {
+        index.doc?.removeEventListener('click', release);
+        onPressChange(false);
+    };
+    const onPointerDown = (ev) => {
+        ev.preventDefault();
+        // Only a primary press produces a click.
+        if (ev.button !== 0) {
+            return;
+        }
+        onPressChange(true);
+        index.doc?.addEventListener('click', release, { once: true });
+    };
+    // Teardown also clears the press, so a disconnect mid-press can't leave the button stuck visible.
+    const destroy = () => {
+        release();
+    };
+    return {
+        onPointerDown,
+        release,
+        destroy,
+    };
+};
+
+exports.createClearButtonPressController = createClearButtonPressController;

package/dist/cjs/focus-visible-DGPRKkcx.js

@@ -0,0 +1,151 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+const ION_FOCUSED = 'ion-focused';
+const ION_FOCUSABLE = 'ion-focusable';
+const FOCUS_KEYS = [
+    'Tab',
+    'ArrowDown',
+    'Space',
+    'Escape',
+    ' ',
+    'Shift',
+    'Enter',
+    'ArrowLeft',
+    'ArrowRight',
+    'ArrowUp',
+    'Home',
+    'End',
+];
+let focusVisibleUtility = null;
+const getOrInitFocusVisibleUtility = () => {
+    if (!focusVisibleUtility) {
+        focusVisibleUtility = startFocusVisible();
+    }
+    return focusVisibleUtility;
+};
+/**
+ * Used to set focus on an element that uses `ion-focusable`.
+ * Do not use this if focusing the element as a result of a keyboard
+ * event as the focus utility should handle this for us. This method
+ * should be used when we want to programmatically focus an element as
+ * a result of another user action. (Ex: We focus the first element
+ * inside of a popover when the user presents it, but the popover is not always
+ * presented as a result of keyboard action.)
+ *
+ * @param elements - The elements to set focus on.
+ */
+const focusElements = (elements) => {
+    const focusVisible = getOrInitFocusVisibleUtility();
+    focusVisible.setFocus(elements);
+};
+/**
+ * Reports whether the most recent interaction on the page was keyboard-driven.
+ *
+ * Check this before drawing the keyboard focus indicator programmatically.
+ *
+ * @returns `true` while the user is navigating with a keyboard, and before the
+ * first interaction on the page.
+ */
+const isKeyboardMode = () => getOrInitFocusVisibleUtility().isKeyboardMode();
+/**
+ * Watches how the user is interacting with the page and marks the focused
+ * element with `ion-focused`, so the keyboard focus indicator is only drawn
+ * while the user navigates with a keyboard.
+ *
+ * @param rootEl Scopes the utility to this element's shadow root, so it only
+ * reacts to interactions inside it. Omit it to listen on the document.
+ * @returns `setFocus` to mark elements focused programmatically, and `destroy`
+ * to detach the listeners.
+ */
+const startFocusVisible = (rootEl) => {
+    let currentFocus = [];
+    /*
+     * Starts as `true` so an element focused before the user has interacted,
+     * such as one focused on page load, still draws an indicator.
+     */
+    let keyboardMode = true;
+    /*
+     * `ref` is where the listeners go and `root` is the element focus falls back
+     * to once it leaves everything inside `ref`.
+     */
+    const ref = rootEl ? rootEl.shadowRoot : document;
+    const root = rootEl ? rootEl : document.body;
+    const setFocus = (elements) => {
+        currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
+        elements.forEach((el) => el.classList.add(ION_FOCUSED));
+        currentFocus = elements;
+    };
+    const pointerDown = () => {
+        keyboardMode = false;
+        setFocus([]);
+    };
+    /*
+     * Only the keys that move focus keep the indicator on. Any other key means
+     * the user is typing into the focused element rather than navigating, so the
+     * indicator is dropped.
+     */
+    const onKeydown = (ev) => {
+        keyboardMode = FOCUS_KEYS.includes(ev.key);
+        if (!keyboardMode) {
+            setFocus([]);
+        }
+    };
+    /*
+     * The indicator does not always belong to the element that took focus. The
+     * composed path is walked so every `ion-focusable` ancestor is marked too,
+     * which is how an `ion-item` draws the indicator for a checkbox slotted into
+     * it, since a checkbox in an item drops the class itself. The composed path
+     * is used because it reaches hosts across shadow boundaries.
+     */
+    const onFocusin = (ev) => {
+        if (keyboardMode && ev.composedPath !== undefined) {
+            const toFocus = ev.composedPath().filter((el) => {
+                // TODO(FW-2832): type
+                if (el.classList) {
+                    return el.classList.contains(ION_FOCUSABLE);
+                }
+                return false;
+            });
+            setFocus(toFocus);
+        }
+    };
+    /*
+     * Focus landing back on `root` means it left every focusable element, so
+     * nothing should stay marked. Focus moving between elements is left alone
+     * because `onFocusin` marks the new one.
+     */
+    const onFocusout = () => {
+        if (ref.activeElement === root) {
+            setFocus([]);
+        }
+    };
+    /*
+     * Capture phase, so the mode is current for the overlay focus trap, which
+     * intercepts Tab in its own capture listener.
+     */
+    ref.addEventListener('keydown', onKeydown, true);
+    ref.addEventListener('focusin', onFocusin);
+    ref.addEventListener('focusout', onFocusout);
+    ref.addEventListener('touchstart', pointerDown, { passive: true });
+    ref.addEventListener('mousedown', pointerDown);
+    const destroy = () => {
+        ref.removeEventListener('keydown', onKeydown, true);
+        ref.removeEventListener('focusin', onFocusin);
+        ref.removeEventListener('focusout', onFocusout);
+        ref.removeEventListener('touchstart', pointerDown);
+        ref.removeEventListener('mousedown', pointerDown);
+    };
+    return {
+        destroy,
+        setFocus,
+        isKeyboardMode: () => keyboardMode,
+    };
+};
+
+exports.focusElements = focusElements;
+exports.getOrInitFocusVisibleUtility = getOrInitFocusVisibleUtility;
+exports.isKeyboardMode = isKeyboardMode;
+exports.startFocusVisible = startFocusVisible;

package/dist/cjs/{format-CdRlDqPs.js → format-UTEj7kb_.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-SAR1xwtW.js');
+var index = require('./index-sCX9078m.js');
 
 /**
  * Returns true if the selected day is equal to the reference day

package/dist/cjs/{framework-delegate-DTLbqaaO.js → framework-delegate-Dc-OOm7D.js}

@@ -3,7 +3,8 @@
  */
 'use strict';
 
-var helpers = require('./helpers-Crluoxqu.js');
+var index = require('./index-sCX9078m.js');
+var helpers = require('./helpers-CLJM7hT0.js');
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
@@ -102,7 +103,8 @@ const CoreDelegate = () => {
          * Get the root of the app and
          * add the overlay there.
          */
-        const app = document.querySelector('ion-app') || document.body;
+        const appRootSelector = index.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-CJVUv_GB.js → haptic-Ch-X4gRx.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var capacitor = require('./capacitor-BMzmHhwe.js');
+var capacitor = require('./capacitor-DmA66EwP.js');
 
 exports.ImpactStyle = void 0;
 (function (ImpactStyle) {

package/dist/cjs/{helpers-Crluoxqu.js → helpers-CLJM7hT0.js}

@@ -3,12 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-SAR1xwtW.js');
+var index$1 = require('./index-DkNv4J_i.js');
+var focusVisible = require('./focus-visible-DGPRKkcx.js');
+var index = require('./index-sCX9078m.js');
 var dir = require('./dir-zwDPRE5K.js');
 
-const win = typeof window !== 'undefined' ? window : undefined;
-const doc = typeof document !== 'undefined' ? document : undefined;
-
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
         transitionEnd(el, expectedDuration, resolve);
@@ -198,7 +197,7 @@ const removeEventListener = (el, eventName, callback, opts) => {
  * Without it, the first delivery establishes the baseline.
  */
 const onCustomPropertyChange = (hostEl, property, callback, initialValue) => {
-    const doc = win?.document;
+    const doc = index$1.win?.document;
     if (!doc || !hostEl || typeof ResizeObserver === 'undefined') {
         return () => undefined;
     }
@@ -247,6 +246,17 @@ const raf = (h) => {
 const hasShadowDom = (el) => {
     return !!el.shadowRoot && !!el.attachShadow;
 };
+/**
+ * Focuses a given element while ensuring proper focus management
+ * within the Ionic framework. If the element is marked as `ion-focusable`,
+ * this function will delegate focus handling to `ion-app` or manually
+ * apply focus when a custom app root is used.
+ *
+ * This function helps maintain accessibility and expected focus behavior
+ * in both standard and custom root environments.
+ *
+ * @param el - The element to focus.
+ */
 const focusVisibleElement = (el) => {
     el.focus();
     /**
@@ -256,14 +266,82 @@ const focusVisibleElement = (el) => {
      * however, there are times when we need to manually control
      * this behavior so we call the `setFocus` method on ion-app
      * which will let us explicitly set the elements to focus.
+     *
+     * Note: The element passed to this function might be an inner
+     * focusable element (e.g., a native <button> inside ion-button's
+     * shadow root). If so, we need to find the host element that has
+     * the ion-focusable class to pass to setFocus.
      */
-    if (el.classList.contains('ion-focusable')) {
-        const app = el.closest('ion-app');
+    let elToFocus = el;
+    // If the element doesn't have ion-focusable, check if it's inside
+    // a shadow root and use the host element instead
+    if (!el.classList.contains('ion-focusable')) {
+        const rootNode = el.getRootNode();
+        if (rootNode instanceof ShadowRoot && rootNode.host instanceof HTMLElement) {
+            elToFocus = rootNode.host;
+        }
+    }
+    if (elToFocus.classList.contains('ion-focusable')) {
+        const appRootSelector = index.config.get('appRootSelector', 'ion-app');
+        const app = elToFocus.closest(appRootSelector);
         if (app) {
-            app.setFocus([el]);
+            if (appRootSelector === 'ion-app') {
+                /**
+                 * If the app root is the default, then it will be
+                 * in charge of setting focus. This is because the
+                 * focus-visible utility is attached to the app root
+                 * and will handle setting focus on the correct element.
+                 */
+                app.setFocus([elToFocus]);
+            }
+            else {
+                /**
+                 * When using a custom app root selector, the focus-visible
+                 * utility is not available to manage focus automatically.
+                 * If we set focus immediately, the element may not be fully
+                 * rendered or interactive, especially if it was just added
+                 * to the DOM. Using requestAnimationFrame ensures that focus
+                 * is applied on the next frame, allowing the DOM to settle
+                 * before changing focus.
+                 */
+                requestAnimationFrame(() => {
+                    /**
+                     * The focus-visible utility is used to set focus on an
+                     * element that uses `ion-focusable`.
+                     */
+                    focusVisible.focusElements([elToFocus]);
+                });
+            }
         }
     }
 };
+/**
+ * Focuses an element a focus trap is redirecting focus to. Only draws the
+ * keyboard focus indicator when the user is navigating with a keyboard, so a
+ * redirect caused by a tap or click does not leave the element looking as
+ * though it was tabbed to.
+ */
+const focusRedirectedElement = (el) => {
+    if (focusVisible.isKeyboardMode()) {
+        focusVisibleElement(el);
+    }
+    else {
+        el.focus();
+    }
+};
+/**
+ * Clears the keyboard focus ring (`ion-focused`) that the focus-visible
+ * utility may have applied to elements during a programmatic focus.
+ *
+ * Use this after moving DOM focus to an element for assistive technologies
+ * (e.g. when an overlay opens) where the option should be focused so screen
+ * readers announce it, but the focus ring should not be shown until the user
+ * navigates with the keyboard (Tab/Arrow). The focus-visible utility will add
+ * `ion-focused` again on the next keyboard-driven focus change.
+ */
+const suppressFocusVisible = () => {
+    focusVisible.focusElements([]);
+};
 /**
  * This method is used to add a hidden input to a host element that contains
  * a Shadow DOM. It does not add the input inside of the Shadow root which
@@ -392,7 +470,7 @@ exports.clamp = clamp;
 exports.componentOnReady = componentOnReady;
 exports.debounce = debounce;
 exports.debounceEvent = debounceEvent;
-exports.doc = doc;
+exports.focusRedirectedElement = focusRedirectedElement;
 exports.focusVisibleElement = focusVisibleElement;
 exports.getElementRoot = getElementRoot;
 exports.hasLazyBuild = hasLazyBuild;
@@ -407,5 +485,5 @@ exports.raf = raf;
 exports.removeEventListener = removeEventListener;
 exports.renderHiddenInput = renderHiddenInput;
 exports.shallowEqualStringMap = shallowEqualStringMap;
+exports.suppressFocusVisible = suppressFocusVisible;
 exports.transitionEndAsync = transitionEndAsync;
-exports.win = win;

package/dist/cjs/{index-CElfU-dK.js → index-BzL2o7TC.js}

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var helpers = require('./helpers-Crluoxqu.js');
-var hardwareBackButton = require('./overlays-C68wNDWY.js');
-var index = require('./index-SAR1xwtW.js');
-var ionicGlobal = require('./ionic-global-C1h8Yi_K.js');
-var animation = require('./animation-BFKyYY11.js');
+var index = require('./index-DkNv4J_i.js');
+var ionicGlobal = require('./ionic-global-BKBeko9D.js');
+var index$1 = require('./index-sCX9078m.js');
+var helpers = require('./helpers-CLJM7hT0.js');
+var animation = require('./animation-DGhvrwaP.js');
 
 /**
  * baseAnimation
@@ -49,10 +49,10 @@ const menuOverlayAnimation = (menu) => {
     }
     menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
     const mode = ionicGlobal.getIonMode(menu);
-    const isIos = mode === 'ios';
-    const opacity = isIos ? 0.2 : 0.25;
+    const isIOS = mode === 'ios';
+    const opacity = isIOS ? 0.2 : 0.25;
     backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
-    return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
+    return baseAnimation(isIOS).addAnimation([menuAnimation, backdropAnimation]);
 };
 
 /**
@@ -65,6 +65,7 @@ const menuPushAnimation = (menu) => {
     let menuClosedX;
     const mode = ionicGlobal.getIonMode(menu);
     const width = menu.width;
+    const isIOS = mode === 'ios';
     if (menu.isEndSide) {
         contentOpenedX = -width + 'px';
         menuClosedX = width + 'px';
@@ -80,7 +81,7 @@ const menuPushAnimation = (menu) => {
         .addElement(menu.contentEl)
         .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
     const backdropAnimation = animation.createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
-    return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
+    return baseAnimation(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
 /**
@@ -90,11 +91,12 @@ const menuPushAnimation = (menu) => {
  */
 const menuRevealAnimation = (menu) => {
     const mode = ionicGlobal.getIonMode(menu);
+    const isIOS = mode === 'ios';
     const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
     const contentOpen = animation.createAnimation()
         .addElement(menu.contentEl) // REVIEW
         .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
+    return baseAnimation(isIOS).addAnimation(contentOpen);
 };
 
 const createMenuController = () => {
@@ -168,7 +170,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));
+                    index$1.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;
             }
@@ -177,7 +179,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));
+                    index$1.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;
             }
@@ -273,10 +275,10 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    helpers.doc?.addEventListener('ionBackButton', (ev) => {
+    index.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-wOmugbdg.js → index-CxDnX7hd.js}

@@ -18,6 +18,7 @@ const chevronForward = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/20
 const chevronForwardOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m184 112 144 144-144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
 const close = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34Z'/></svg>";
 const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48m75.31 260.69a16 16 0 1 1-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 0 1-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0 1 22.62-22.62L256 233.37l52.69-52.68a16 16 0 0 1 22.62 22.62L278.63 256Z'/></svg>";
+const closeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M368 368 144 144M368 144 144 368' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256z'/></svg>";
 const ellipseOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='192' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const ellipsisHorizontal = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
@@ -44,6 +45,7 @@ exports.chevronForward = chevronForward;
 exports.chevronForwardOutline = chevronForwardOutline;
 exports.close = close;
 exports.closeCircle = closeCircle;
+exports.closeOutline = closeOutline;
 exports.closeSharp = closeSharp;
 exports.ellipseOutline = ellipseOutline;
 exports.ellipsisHorizontal = ellipsisHorizontal;

package/dist/cjs/{index-CgXTRA_-.js → index-DHE2MAbY.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-SAR1xwtW.js');
-var helpers = require('./helpers-Crluoxqu.js');
+var index = require('./index-sCX9078m.js');
+var helpers = require('./helpers-CLJM7hT0.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-YFSxiyP_.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-Cm8yg0UK.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-EQ8LtRHj.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-By9Fre6y.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/cjs/{index-BAM4223M.js → index-DKcBQZY9.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var helpers = require('./helpers-Crluoxqu.js');
-var index = require('./index-SAR1xwtW.js');
+var helpers = require('./helpers-CLJM7hT0.js');
+var index = require('./index-sCX9078m.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/cjs/{index-BKpybYNI.js → index-DaYKwu0A.js}

@@ -3,12 +3,14 @@
  */
 'use strict';
 
-var helpers = require('./helpers-Crluoxqu.js');
-require('./index-SAR1xwtW.js');
+var index = require('./index-DkNv4J_i.js');
+var helpers = require('./helpers-CLJM7hT0.js');
+require('./focus-visible-DGPRKkcx.js');
+require('./index-sCX9078m.js');
 require('./dir-zwDPRE5K.js');
 
 const startTapClick = (config) => {
-    if (helpers.doc === undefined) {
+    if (index.doc === undefined) {
         return;
     }
     let lastActivated = 0;
@@ -111,9 +113,9 @@ const startTapClick = (config) => {
             active.classList.remove(ACTIVATED);
         }
     };
-    helpers.doc.addEventListener('ionGestureCaptured', cancelActive);
-    helpers.doc.addEventListener('pointerdown', pointerDown, true);
-    helpers.doc.addEventListener('pointerup', pointerUp, true);
+    index.doc.addEventListener('ionGestureCaptured', cancelActive);
+    index.doc.addEventListener('pointerdown', pointerDown, true);
+    index.doc.addEventListener('pointerup', pointerUp, true);
     /**
      * Tap click effects such as the ripple effect should
      * not happen when scrolling. For example, if a user scrolls
@@ -126,7 +128,7 @@ const startTapClick = (config) => {
      * starts, so this lets us avoid having to listen for
      * ion-content's scroll events.
      */
-    helpers.doc.addEventListener('pointercancel', cancelActive, true);
+    index.doc.addEventListener('pointercancel', cancelActive, true);
 };
 // TODO(FW-2832): type
 const getActivatableTarget = (ev) => {

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-BSD7toMO.js → index-Dy4VfNzX.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-SAR1xwtW.js');
+var index = require('./index-sCX9078m.js');
 
 /**
  * Sanitize an untrusted HTML string.