@ionic/core 8.8.17 → 8.8.18-dev.11786109471.1285bcfb

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index$3 = require('./index-Ct7gcRif.js');
-var index$2 = require('./index-CIrkNXqJ.js');
+var index$1 = require('./index-Dqpns5vP.js');
 var frameworkDelegate = require('./framework-delegate-BtICZDHr.js');
 var helpers = require('./helpers-Cv23MFHM.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
@@ -16,7 +16,7 @@ var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 var keyboard = require('./keyboard-hHzlEQpk.js');
 var animation = require('./animation-BJq0kcy2.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var index$1 = require('./index-CAvQ7Tka.js');
+var index$2 = require('./index-CAvQ7Tka.js');
 var index = require('./index-DkNv4J_i.js');
 require('./hardware-back-button-iUuF_76h.js');
 require('./gesture-controller-dtqlP_q4.js');
@@ -129,6 +129,21 @@ const setCardStatusBarDefault = (defaultStyle = Style.Default) => {
     StatusBar.setStyle({ style: defaultStyle });
 };
 
+/**
+ * Swiping is only possible when the content is scrolled to the top, so that we
+ * do not interfere with scrolling, and never on content with a refresher.
+ *
+ * Note: We cannot solve the refresher case with gesture priority as the iOS
+ * native refresh gesture uses a scroll listener in addition to a gesture.
+ *
+ * Note: Do not use `getScrollElement` here because we need this to be a
+ * synchronous operation, and `getScrollElement` is asynchronous.
+ */
+const canSwipeOnContent = (contentEl) => {
+    const scrollEl = index$1.isIonContent(contentEl) ? helpers.getElementRoot(contentEl).querySelector('.inner-scroll') : contentEl;
+    const hasRefresherInContent = !!index$1.findRefresherInContent(contentEl);
+    return !hasRefresherInContent && scrollEl.scrollTop === 0;
+};
 const handleCanDismiss = async (el, animation) => {
     /**
      * If canDismiss is not a function
@@ -259,12 +274,11 @@ const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismiss, onD
     let isOpen = false;
     let canDismissBlocksGesture = false;
     let contentEl = null;
-    let scrollEl = null;
     const canDismissMaxStep = 0.2;
     let initialScrollY = true;
     let lastStep = 0;
     const getScrollY = () => {
-        if (contentEl && index$2.isIonContent(contentEl)) {
+        if (contentEl && index$1.isIonContent(contentEl)) {
             return contentEl.scrollY;
             /**
              * Custom scroll containers are intended to be
@@ -282,12 +296,6 @@ const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismiss, onD
             return true;
         }
         /**
-         * If we are swiping on the content,
-         * swiping should only be possible if
-         * the content is scrolled all the way
-         * to the top so that we do not interfere
-         * with scrolling.
-         *
          * We cannot assume that the `ion-content`
          * target will remain consistent between
          * swipes. For example, when using
@@ -296,31 +304,9 @@ const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismiss, onD
          * swipe again. The target content will not
          * be the same between swipes.
          */
-        contentEl = index$2.findClosestIonContent(target);
+        contentEl = index$1.findClosestIonContent(target);
         if (contentEl) {
-            /**
-             * The card should never swipe to close
-             * on the content with a refresher.
-             * Note: We cannot solve this by making the
-             * swipeToClose gesture have a higher priority
-             * than the refresher gesture as the iOS native
-             * refresh gesture uses a scroll listener in
-             * addition to a gesture.
-             *
-             * Note: Do not use getScrollElement here
-             * because we need this to be a synchronous
-             * operation, and getScrollElement is
-             * asynchronous.
-             */
-            if (index$2.isIonContent(contentEl)) {
-                const root = helpers.getElementRoot(contentEl);
-                scrollEl = root.querySelector('.inner-scroll');
-            }
-            else {
-                scrollEl = contentEl;
-            }
-            const hasRefresherInContent = !!contentEl.querySelector('ion-refresher');
-            return !hasRefresherInContent && scrollEl.scrollTop === 0;
+            return canSwipeOnContent(contentEl);
         }
         /**
          * Card should be swipeable on all
@@ -363,7 +349,7 @@ const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismiss, onD
          * happen at the same time as the gesture.
          */
         if (deltaY > 0 && contentEl) {
-            index$2.disableContentScrollY(contentEl);
+            index$1.disableContentScrollY(contentEl);
         }
         animation.progressStart(true, isOpen ? 1 : 0);
         onDragStart();
@@ -377,7 +363,7 @@ const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismiss, onD
          * happen at the same time as the gesture.
          */
         if (deltaY > 0 && contentEl) {
-            index$2.disableContentScrollY(contentEl);
+            index$1.disableContentScrollY(contentEl);
         }
         /**
          * If we are swiping on the content
@@ -472,7 +458,7 @@ const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismiss, onD
         isOpen = shouldComplete;
         gesture.enable(false);
         if (contentEl) {
-            index$2.resetContentScrollY(contentEl, initialScrollY);
+            index$1.resetContentScrollY(contentEl, initialScrollY);
         }
         animation
             .onFinish(() => {
@@ -507,7 +493,7 @@ const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismiss, onD
         };
         onDragEnd(eventDetail);
     };
-    const gesture = index$1.createGesture({
+    const gesture = index$2.createGesture({
         el,
         gestureName: 'modalSwipeToClose',
         gesturePriority: overlays.OVERLAY_GESTURE_PRIORITY,
@@ -1192,36 +1178,18 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
     }
     const canStart = (detail) => {
         /**
-         * If we are swiping on the content, swiping should only be possible if the content
-         * is scrolled all the way to the top so that we do not interfere with scrolling.
-         *
          * We cannot assume that the `ion-content` target will remain consistent between swipes.
          * For example, when using ion-nav within a modal it is possible to swipe, push a view,
          * and then swipe again. The target content will not be the same between swipes.
          */
-        const contentEl = index$2.findClosestIonContent(detail.event.target);
+        const contentEl = index$1.findClosestIonContent(detail.event.target);
         currentBreakpoint = getCurrentBreakpoint();
         /**
-         * If `expandToScroll` is disabled, we should not allow the swipe gesture
-         * to start if the content is not scrolled to the top.
+         * Upwards swipes on the content cannot move the sheet anyway, so this only
+         * blocks swiping the sheet down from the content.
          */
-        if (!expandToScroll && contentEl) {
-            const scrollEl = index$2.isIonContent(contentEl) ? helpers.getElementRoot(contentEl).querySelector('.inner-scroll') : contentEl;
-            return scrollEl.scrollTop === 0;
-        }
-        if (currentBreakpoint === 1 && contentEl) {
-            /**
-             * The modal should never swipe to close on the content with a refresher.
-             * Note 1: We cannot solve this by making this gesture have a higher priority than
-             * the refresher gesture as the iOS native refresh gesture uses a scroll listener in
-             * addition to a gesture.
-             *
-             * Note 2: Do not use getScrollElement here because we need this to be a synchronous
-             * operation, and getScrollElement is asynchronous.
-             */
-            const scrollEl = index$2.isIonContent(contentEl) ? helpers.getElementRoot(contentEl).querySelector('.inner-scroll') : contentEl;
-            const hasRefresherInContent = !!contentEl.querySelector('ion-refresher');
-            return !hasRefresherInContent && scrollEl.scrollTop === 0;
+        if (contentEl && (!expandToScroll || currentBreakpoint === 1)) {
+            return canSwipeOnContent(contentEl);
         }
         return true;
     };
@@ -1252,9 +1220,9 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
          * which would impact performance significantly.
          */
         if (!expandToScroll) {
-            const targetEl = index$2.findClosestIonContent(detail.event.target);
+            const targetEl = index$1.findClosestIonContent(detail.event.target);
             cachedScrollEl =
-                targetEl && index$2.isIonContent(targetEl) ? helpers.getElementRoot(targetEl).querySelector('.inner-scroll') : targetEl;
+                targetEl && index$1.isIonContent(targetEl) ? helpers.getElementRoot(targetEl).querySelector('.inner-scroll') : targetEl;
         }
         /**
          * If expandToScroll is disabled, we need to swap
@@ -1632,7 +1600,7 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
          */
         return viewportBottom - activeHeight;
     };
-    const gesture = index$1.createGesture({
+    const gesture = index$2.createGesture({
         el: wrapperEl,
         gestureName: 'modalSheet',
         gesturePriority: 40,
@@ -2344,9 +2312,9 @@ const Modal = class {
             presentingEl: this.presentingElement,
             expandToScroll: this.expandToScroll,
         }));
-        const contentEl = index$2.findIonContent(el);
+        const contentEl = index$1.findIonContent(el);
         if (!contentEl) {
-            index$2.printIonContentErrorMsg(el);
+            index$1.printIonContentErrorMsg(el);
             return;
         }
         const statusBarStyle = (_a = this.statusBarStyle) !== null && _a !== void 0 ? _a : Style.Default;

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-Ct7gcRif.js');
-var index$1 = require('./index-CIrkNXqJ.js');
+var index$1 = require('./index-Dqpns5vP.js');
 var helpers = require('./helpers-Cv23MFHM.js');
 var dir = require('./dir-Cn0z1rJH.js');
 var theme = require('./theme-CeDs6Hcv.js');

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

@@ -5,7 +5,7 @@
 
 var index = require('./index-Ct7gcRif.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
-var index$1 = require('./index-CIrkNXqJ.js');
+var index$1 = require('./index-Dqpns5vP.js');
 var helpers = require('./helpers-Cv23MFHM.js');
 var haptic = require('./haptic-ClPPQ_PS.js');
 var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
@@ -595,7 +595,7 @@ const Refresher = class {
          * or the background content element.
          */
         helpers.componentOnReady(contentEl, async () => {
-            const customScrollTarget = contentEl.querySelector(index$1.ION_CONTENT_CLASS_SELECTOR);
+            const customScrollTarget = index$1.findRefresherScrollHost(contentEl);
             /**
              * Query the custom scroll target (if available), first. In refresher implementations,
              * the ion-refresher element will always be a direct child of ion-content (slot="fixed"). By
@@ -945,7 +945,7 @@ const Refresher = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '2eaca7f85b3d40418f213077434e519dfacd9d42', slot: "fixed", class: {
+        return (index.h(index.Host, { key: '6b94f11bd5382bdf4e92c43d4b5d0550c290852d', slot: "fixed", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`refresher-${mode}`]: true,

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

@@ -6,7 +6,7 @@
 var index = require('./index-Ct7gcRif.js');
 var index$1 = require('./index-DqmRDbxg.js');
 var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
-var index$2 = require('./index-CIrkNXqJ.js');
+var index$2 = require('./index-Dqpns5vP.js');
 var helpers = require('./helpers-Cv23MFHM.js');
 var haptic = require('./haptic-ClPPQ_PS.js');
 require('./capacitor-DmA66EwP.js');

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

@@ -5,7 +5,7 @@
 
 var index = require('./index-Ct7gcRif.js');
 var helpers = require('./helpers-Cv23MFHM.js');
-var index$1 = require('./index-CIrkNXqJ.js');
+var index$1 = require('./index-Dqpns5vP.js');
 var theme = require('./theme-CeDs6Hcv.js');
 var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
 

package/dist/cjs/{status-tap-BXX8H8_Y.js → status-tap-N1kaBbuk.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-Ct7gcRif.js');
-var index$1 = require('./index-CIrkNXqJ.js');
+var index$1 = require('./index-Dqpns5vP.js');
 var helpers = require('./helpers-Cv23MFHM.js');
 
 const startStatusTap = () => {

package/dist/collection/components/modal/gestures/sheet.js

@@ -6,7 +6,7 @@ import { createGesture } from "../../../utils/gesture/index";
 import { clamp, getElementRoot, raf } from "../../../utils/helpers";
 import { FOCUS_TRAP_DISABLE_CLASS } from "../../../utils/overlays";
 import { getBackdropValueForSheet } from "../utils";
-import { calculateSpringStep, handleCanDismiss } from "./utils";
+import { calculateSpringStep, canSwipeOnContent, handleCanDismiss } from "./utils";
 export const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, backdropBreakpoint, animation, breakpoints = [], expandToScroll, getCurrentBreakpoint, onDismiss, onBreakpointChange, onDragStart, onDragMove, onDragEnd) => {
     // Defaults for the sheet swipe animation
     const defaultBackdrop = [
@@ -190,9 +190,6 @@ export const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpo
     }
     const canStart = (detail) => {
         /**
-         * If we are swiping on the content, swiping should only be possible if the content
-         * is scrolled all the way to the top so that we do not interfere with scrolling.
-         *
          * We cannot assume that the `ion-content` target will remain consistent between swipes.
          * For example, when using ion-nav within a modal it is possible to swipe, push a view,
          * and then swipe again. The target content will not be the same between swipes.
@@ -200,26 +197,11 @@ export const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpo
         const contentEl = findClosestIonContent(detail.event.target);
         currentBreakpoint = getCurrentBreakpoint();
         /**
-         * If `expandToScroll` is disabled, we should not allow the swipe gesture
-         * to start if the content is not scrolled to the top.
+         * Upwards swipes on the content cannot move the sheet anyway, so this only
+         * blocks swiping the sheet down from the content.
          */
-        if (!expandToScroll && contentEl) {
-            const scrollEl = isIonContent(contentEl) ? getElementRoot(contentEl).querySelector('.inner-scroll') : contentEl;
-            return scrollEl.scrollTop === 0;
-        }
-        if (currentBreakpoint === 1 && contentEl) {
-            /**
-             * The modal should never swipe to close on the content with a refresher.
-             * Note 1: We cannot solve this by making this gesture have a higher priority than
-             * the refresher gesture as the iOS native refresh gesture uses a scroll listener in
-             * addition to a gesture.
-             *
-             * Note 2: Do not use getScrollElement here because we need this to be a synchronous
-             * operation, and getScrollElement is asynchronous.
-             */
-            const scrollEl = isIonContent(contentEl) ? getElementRoot(contentEl).querySelector('.inner-scroll') : contentEl;
-            const hasRefresherInContent = !!contentEl.querySelector('ion-refresher');
-            return !hasRefresherInContent && scrollEl.scrollTop === 0;
+        if (contentEl && (!expandToScroll || currentBreakpoint === 1)) {
+            return canSwipeOnContent(contentEl);
         }
         return true;
     };

package/dist/collection/components/modal/gestures/swipe-to-close.js

@@ -4,10 +4,10 @@
 import { getTimeGivenProgression } from "../../../utils/animation/cubic-bezier";
 import { isIonContent, findClosestIonContent, disableContentScrollY, resetContentScrollY } from "../../../utils/content/index";
 import { createGesture } from "../../../utils/gesture/index";
-import { clamp, getElementRoot } from "../../../utils/helpers";
+import { clamp } from "../../../utils/helpers";
 import { OVERLAY_GESTURE_PRIORITY } from "../../../utils/overlays";
 import { setCardStatusBarDark, setCardStatusBarDefault } from "../utils";
-import { calculateSpringStep, handleCanDismiss } from "./utils";
+import { calculateSpringStep, canSwipeOnContent, handleCanDismiss } from "./utils";
 // Defaults for the card swipe animation
 export const SwipeToCloseDefaults = {
     MIN_PRESENTING_SCALE: 0.915,
@@ -22,7 +22,6 @@ export const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismi
     let isOpen = false;
     let canDismissBlocksGesture = false;
     let contentEl = null;
-    let scrollEl = null;
     const canDismissMaxStep = 0.2;
     let initialScrollY = true;
     let lastStep = 0;
@@ -45,12 +44,6 @@ export const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismi
             return true;
         }
         /**
-         * If we are swiping on the content,
-         * swiping should only be possible if
-         * the content is scrolled all the way
-         * to the top so that we do not interfere
-         * with scrolling.
-         *
          * We cannot assume that the `ion-content`
          * target will remain consistent between
          * swipes. For example, when using
@@ -61,29 +54,7 @@ export const createSwipeToCloseGesture = (el, animation, statusBarStyle, onDismi
          */
         contentEl = findClosestIonContent(target);
         if (contentEl) {
-            /**
-             * The card should never swipe to close
-             * on the content with a refresher.
-             * Note: We cannot solve this by making the
-             * swipeToClose gesture have a higher priority
-             * than the refresher gesture as the iOS native
-             * refresh gesture uses a scroll listener in
-             * addition to a gesture.
-             *
-             * Note: Do not use getScrollElement here
-             * because we need this to be a synchronous
-             * operation, and getScrollElement is
-             * asynchronous.
-             */
-            if (isIonContent(contentEl)) {
-                const root = getElementRoot(contentEl);
-                scrollEl = root.querySelector('.inner-scroll');
-            }
-            else {
-                scrollEl = contentEl;
-            }
-            const hasRefresherInContent = !!contentEl.querySelector('ion-refresher');
-            return !hasRefresherInContent && scrollEl.scrollTop === 0;
+            return canSwipeOnContent(contentEl);
         }
         /**
          * Card should be swipeable on all

package/dist/collection/components/modal/gestures/utils.js

@@ -1,7 +1,24 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { findRefresherInContent, isIonContent } from "../../../utils/content/index";
+import { getElementRoot } from "../../../utils/helpers";
 import { GESTURE } from "../../../utils/overlays";
+/**
+ * Swiping is only possible when the content is scrolled to the top, so that we
+ * do not interfere with scrolling, and never on content with a refresher.
+ *
+ * Note: We cannot solve the refresher case with gesture priority as the iOS
+ * native refresh gesture uses a scroll listener in addition to a gesture.
+ *
+ * Note: Do not use `getScrollElement` here because we need this to be a
+ * synchronous operation, and `getScrollElement` is asynchronous.
+ */
+export const canSwipeOnContent = (contentEl) => {
+    const scrollEl = isIonContent(contentEl) ? getElementRoot(contentEl).querySelector('.inner-scroll') : contentEl;
+    const hasRefresherInContent = !!findRefresherInContent(contentEl);
+    return !hasRefresherInContent && scrollEl.scrollTop === 0;
+};
 export const handleCanDismiss = async (el, animation) => {
     /**
      * If canDismiss is not a function

package/dist/collection/components/refresher/refresher.js

@@ -3,7 +3,7 @@
  */
 import { Host, h, readTask, writeTask } from "@stencil/core";
 import { getTimeGivenProgression } from "../../utils/animation/cubic-bezier";
-import { getScrollElement, ION_CONTENT_CLASS_SELECTOR, ION_CONTENT_ELEMENT_SELECTOR, printIonContentErrorMsg, } from "../../utils/content/index";
+import { findRefresherScrollHost, getScrollElement, ION_CONTENT_CLASS_SELECTOR, ION_CONTENT_ELEMENT_SELECTOR, printIonContentErrorMsg, } from "../../utils/content/index";
 import { clamp, componentOnReady, getElementRoot, raf, transitionEndAsync } from "../../utils/helpers";
 import { printIonError } from "../../utils/logging/index";
 import { ImpactStyle, hapticImpact } from "../../utils/native/haptic";
@@ -393,7 +393,7 @@ export class Refresher {
          * or the background content element.
          */
         componentOnReady(contentEl, async () => {
-            const customScrollTarget = contentEl.querySelector(ION_CONTENT_CLASS_SELECTOR);
+            const customScrollTarget = findRefresherScrollHost(contentEl);
             /**
              * Query the custom scroll target (if available), first. In refresher implementations,
              * the ion-refresher element will always be a direct child of ion-content (slot="fixed"). By
@@ -743,7 +743,7 @@ export class Refresher {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '2eaca7f85b3d40418f213077434e519dfacd9d42', slot: "fixed", class: {
+        return (h(Host, { key: '6b94f11bd5382bdf4e92c43d4b5d0550c290852d', slot: "fixed", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`refresher-${mode}`]: true,

package/dist/collection/utils/content/index.js

@@ -54,6 +54,36 @@ export const findIonContent = (el) => {
 export const findClosestIonContent = (el) => {
     return el.closest(ION_CONTENT_SELECTOR);
 };
+/**
+ * Queries the custom scroll host an `ion-refresher` scrolls with in the given
+ * `ion-content`. A refresher only pairs with the first host.
+ */
+export const findRefresherScrollHost = (ionContent) => {
+    return ionContent.querySelector(ION_CONTENT_CLASS_SELECTOR);
+};
+/**
+ * Queries the `ion-refresher` that scrolls with the given content element,
+ * which may be an `ion-content` or a custom scroll host. A refresher is a
+ * `slot="fixed"` child of `ion-content`, so it is a sibling of a scroll host
+ * rather than a descendant of it.
+ */
+export const findRefresherInContent = (contentEl) => {
+    // An `ion-content` owns any refresher inside it, scroll host or not.
+    if (isIonContent(contentEl)) {
+        return contentEl.querySelector('ion-refresher');
+    }
+    // A refresher needs an `ion-content` ancestor to initialize.
+    const ionContent = contentEl.closest(ION_CONTENT_ELEMENT_SELECTOR);
+    if (ionContent === null) {
+        return null;
+    }
+    // Any scroll host other than the refresher's own has no refresher.
+    const refresherScrollHost = findRefresherScrollHost(ionContent);
+    if (refresherScrollHost === null || !refresherScrollHost.contains(contentEl)) {
+        return null;
+    }
+    return ionContent.querySelector('ion-refresher');
+};
 /**
  * Scrolls to the top of the element. If an `ion-content` is found, it will scroll
  * using the public API `scrollToTop` with a duration.

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-05T17:13:24",
+  "timestamp": "2026-08-07T13:32:45",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",

package/dist/esm/{index-MEDq2S8l.js → index-Dw-wN0Ja.js}

@@ -55,6 +55,36 @@ const findIonContent = (el) => {
 const findClosestIonContent = (el) => {
     return el.closest(ION_CONTENT_SELECTOR);
 };
+/**
+ * Queries the custom scroll host an `ion-refresher` scrolls with in the given
+ * `ion-content`. A refresher only pairs with the first host.
+ */
+const findRefresherScrollHost = (ionContent) => {
+    return ionContent.querySelector(ION_CONTENT_CLASS_SELECTOR);
+};
+/**
+ * Queries the `ion-refresher` that scrolls with the given content element,
+ * which may be an `ion-content` or a custom scroll host. A refresher is a
+ * `slot="fixed"` child of `ion-content`, so it is a sibling of a scroll host
+ * rather than a descendant of it.
+ */
+const findRefresherInContent = (contentEl) => {
+    // An `ion-content` owns any refresher inside it, scroll host or not.
+    if (isIonContent(contentEl)) {
+        return contentEl.querySelector('ion-refresher');
+    }
+    // A refresher needs an `ion-content` ancestor to initialize.
+    const ionContent = contentEl.closest(ION_CONTENT_ELEMENT_SELECTOR);
+    if (ionContent === null) {
+        return null;
+    }
+    // Any scroll host other than the refresher's own has no refresher.
+    const refresherScrollHost = findRefresherScrollHost(ionContent);
+    if (refresherScrollHost === null || !refresherScrollHost.contains(contentEl)) {
+        return null;
+    }
+    return ionContent.querySelector('ion-refresher');
+};
 /**
  * Scrolls to the top of the element. If an `ion-content` is found, it will scroll
  * using the public API `scrollToTop` with a duration.
@@ -125,4 +155,4 @@ const resetContentScrollY = (contentEl, initialScrollY) => {
     }
 };
 
-export { ION_CONTENT_CLASS_SELECTOR as I, findIonContent as a, ION_CONTENT_ELEMENT_SELECTOR as b, scrollByPoint as c, disableContentScrollY as d, findClosestIonContent as f, getScrollElement as g, isIonContent as i, printIonContentErrorMsg as p, resetContentScrollY as r, scrollToTop as s };
+export { ION_CONTENT_CLASS_SELECTOR as I, findClosestIonContent as a, findIonContent as b, ION_CONTENT_ELEMENT_SELECTOR as c, disableContentScrollY as d, findRefresherScrollHost as e, findRefresherInContent as f, getScrollElement as g, scrollByPoint as h, isIonContent as i, printIonContentErrorMsg as p, resetContentScrollY as r, scrollToTop as s };

package/dist/esm/{input-shims-D10mwcw1.js → input-shims-LXhI7LEx.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win, d as doc } from './index-ZjP4CjeZ.js';
-import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-MEDq2S8l.js';
+import { g as getScrollElement, h as scrollByPoint, a as findClosestIonContent } from './index-Dw-wN0Ja.js';
 import { f as addEventListener, m as removeEventListener, c as componentOnReady } from './helpers-HEqiOzXb.js';
 import { a as KeyboardResize, K as Keyboard } from './keyboard-CUw4ekVy.js';
 import './index-tcQvqkiX.js';

package/dist/esm/ion-app_8.entry.js

@@ -7,7 +7,7 @@ import { a as isPlatform, b as getIonMode } from './ionic-global-Cp_eT4sZ.js';
 import { i as inheritAriaAttributes, h as hasLazyBuild, c as componentOnReady, e as clamp, s as shallowEqualStringMap } from './helpers-HEqiOzXb.js';
 import { i as isRTL } from './dir-C53feagD.js';
 import { c as createColorClasses, h as hostContext } from './theme-DiVJyqlX.js';
-import { a as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-MEDq2S8l.js';
+import { b as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-Dw-wN0Ja.js';
 import { c as createKeyboardController } from './keyboard-controller-BaaVITYt.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-hHmYLOfE.js';
 import { a as attachComponent, d as detachComponent } from './framework-delegate-FnPGymXL.js';
@@ -31,7 +31,7 @@ const App = class {
                     import('./index-BRHzoo00.js').then((module) => module.startTapClick(config));
                 }
                 if (config.getBoolean('statusTap', isHybrid)) {
-                    import('./status-tap-Kan2W7sh.js').then((module) => module.startStatusTap());
+                    import('./status-tap-vO-6s4Yp.js').then((module) => module.startStatusTap());
                 }
                 if (config.getBoolean('inputShims', needInputShims())) {
                     /**
@@ -39,7 +39,7 @@ const App = class {
                      * platforms proceed into this block.
                      */
                     const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
-                    import('./input-shims-D10mwcw1.js').then((module) => module.startInputShims(config, platform));
+                    import('./input-shims-LXhI7LEx.js').then((module) => module.startInputShims(config, platform));
                 }
                 const hardwareBackButtonModule = await import('./hardware-back-button-B93Gru0Y.js');
                 const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();

package/dist/esm/ion-infinite-scroll_2.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, w as writeTask, a as readTask, h, d as Host, g as getElement, e as config } from './index-tcQvqkiX.js';
-import { f as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-MEDq2S8l.js';
+import { a as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-Dw-wN0Ja.js';
 import { b as getIonMode } from './ionic-global-Cp_eT4sZ.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-DQCONYYp.js';
 import './helpers-HEqiOzXb.js';

package/dist/esm/ion-item-option_3.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, h, d as Host, g as getElement, c as createEvent,
 import { c as createColorClasses } from './theme-DiVJyqlX.js';
 import { b as getIonMode } from './ionic-global-Cp_eT4sZ.js';
 import { o as isEndSide } from './helpers-HEqiOzXb.js';
-import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-MEDq2S8l.js';
+import { a as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-Dw-wN0Ja.js';
 import { w as watchForOptions } from './watch-options-Dtdm8lKC.js';
 
 const itemOptionIosCss = () => `:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}.button-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}::slotted(*){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-expandable){-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-property:none;transition-property:none;-webkit-transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1);transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:clamp(16px, 1rem, 35.2px)}:host(.ion-activated){background:var(--ion-color-primary-shade, #004acd)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}`;