@ionic/core 9.0.11-dev.11793890855.1bf6a6e5 → 9.0.11-dev.11793906456.1ea7a0a7

package/dist/esm/{slot-mutation-controller-DanfZTCH.js → slot-mutation-controller-uKdPbY9K.js}

@@ -1,8 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-ZjP4CjeZ.js';
-import { r as raf } from './helpers-B_F2b1gy.js';
+import { r as raf, w as win } from './helpers-p94IkmEA.js';
 import { i as isRTL } from './dir-Dj4J3LkD.js';
 
 /**
@@ -313,11 +312,6 @@ const createStartEndContainerController = (el, getStartContainer, getEndContaine
     };
 };
 
-/**
- * Content that handles its own click, so clicking it should not also activate
- * the form control.
- */
-const INTERACTIVE_CONTENT = 'a[href], button, details, embed, iframe, select, textarea, input:not([type="hidden"]), audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), .ion-activatable, .ion-focusable';
 /**
  * The content slotted into a form control's start or end slot that a click
  * started on, or `null` when the click did not start on slotted content.
@@ -336,24 +330,6 @@ const getSlottedClickContent = (ev, el) => {
  * end slot.
  */
 const isSlottedClick = (ev, el) => getSlottedClickContent(ev, el) !== null;
-/**
- * Whether a click started on slotted content that handles its own click.
- *
- * The composed path is used rather than `closest` so that a control which
- * keeps its interactive element inside its own shadow root, such as
- * `ion-datetime-button`, is still recognized.
- */
-const isInteractiveSlottedClick = (ev, el) => {
-    const slotted = getSlottedClickContent(ev, el);
-    if (slotted === null) {
-        return false;
-    }
-    const path = ev.composedPath();
-    return path.slice(0, path.indexOf(slotted) + 1).some((node) => {
-        const target = node;
-        return target.nodeType === Node.ELEMENT_NODE && target.matches(INTERACTIVE_CONTENT);
-    });
-};
 /**
  * A utility for form components that wrap their content in a <label>, such as
  * ion-input, ion-textarea and ion-select.
@@ -363,30 +339,21 @@ const isInteractiveSlottedClick = (ev, el) => {
  * the host as a duplicate, so the slotted click is remembered and the click
  * that follows it is suppressed.
  *
- * Chromium and Firefox skip the forwarding when the click lands on interactive
- * content, such as a slotted button, so the slotted click is remembered for a
- * frame rather than until a forwarded click that may never arrive.
- *
- * A native control inside the host's shadow root is found through the composed
- * path, because its click is retargeted to the host. That click is already
- * emitted from the host, so only the duplicate is suppressed.
- *
- * Components using `delegatesFocus`, such as ion-textarea, can reject the focus
- * a press on interactive slotted content moves to the native control by calling
- * `handleMouseDown` from the label and `rejectFocus` from the focus handler.
+ * Browsers skip the forwarding when the click lands on interactive content,
+ * such as a slotted button, so the slotted click is remembered for a frame
+ * rather than until a forwarded click that may never arrive.
  *
  * @internal
  * @param el - The host element.
  * @param getNativeInput - A callback returning the native form control the
  * label points at, for components that have one. Those components emit the
- * click from the host rather than the control. Omit it for components whose
+ * click from the host rather than the control, so the control's click is
+ * always stopped and re-dispatched from the host. Omit it for components whose
  * label has no `for` attribute, such as ion-select, where the browser forwards
  * to an internal control that already re-bubbles targeting the host.
  */
 const createClickController = (el, getNativeInput) => {
     let hasSlottedClick = false;
-    let rejectingFocus = false;
-    let removeDisarmListeners;
     const handleClickCapture = (ev) => {
         if (isSlottedClick(ev, el)) {
             hasSlottedClick = true;
@@ -401,69 +368,15 @@ const createClickController = (el, getNativeInput) => {
             return;
         }
         const nativeInput = getNativeInput();
-        if (nativeInput !== undefined && ev.composedPath()[0] === nativeInput) {
-            const isRetargeted = el.shadowRoot !== null && nativeInput.getRootNode() === el.shadowRoot;
-            if (hasSlottedClick || !isRetargeted) {
-                ev.stopPropagation();
-            }
-            if (!hasSlottedClick && !isRetargeted) {
+        if (nativeInput !== undefined && ev.target === nativeInput) {
+            ev.stopPropagation();
+            if (!hasSlottedClick) {
                 el.click();
             }
             hasSlottedClick = false;
         }
     };
-    /**
-     * The press ends with a click, which can land outside the label, or with a
-     * `dragstart` or `pointercancel` when no click comes. The listeners capture
-     * so a slotted control calling `stopPropagation` can't leave it armed.
-     */
-    const armFocusRejection = () => {
-        removeDisarmListeners?.();
-        rejectingFocus = true;
-        const events = ['click', 'dragstart', 'pointercancel'];
-        const removeListeners = () => {
-            removeDisarmListeners = undefined;
-            events.forEach((name) => document.removeEventListener(name, disarm, true));
-        };
-        const disarm = () => {
-            removeListeners();
-            raf(() => (rejectingFocus = false));
-        };
-        removeDisarmListeners = removeListeners;
-        events.forEach((name) => document.addEventListener(name, disarm, true));
-    };
-    const handleMouseDown = (ev) => {
-        if (ev.button !== 0 || !isInteractiveSlottedClick(ev, el)) {
-            return;
-        }
-        armFocusRejection();
-    };
-    /**
-     * Drops focus moved to the native control by a press on interactive slotted
-     * content, and returns whether it did. WebKit forwards the label's click even
-     * then, so focus goes back to the content it came from inside the host.
-     */
-    const rejectFocus = (ev) => {
-        if (!rejectingFocus) {
-            return false;
-        }
-        const previous = ev.relatedTarget;
-        if (previous !== null && previous !== el && el.contains(previous)) {
-            previous.focus();
-        }
-        // The related target can be a slotted host that isn't focusable, such as ion-button.
-        const nativeInput = getNativeInput?.();
-        if (nativeInput !== undefined &&
-            nativeInput.getRootNode().activeElement === nativeInput) {
-            nativeInput.blur();
-        }
-        return true;
-    };
-    const cancelFocusRejection = () => {
-        removeDisarmListeners?.();
-        rejectingFocus = false;
-    };
-    return { handleClickCapture, handleMouseDown, rejectFocus, cancelFocusRejection, destroy: cancelFocusRejection };
+    return { handleClickCapture };
 };
 
 /**

package/dist/esm/{status-tap-B8UQS38n.js → status-tap-BskkGI4e.js}

@@ -1,11 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { e as readTask, w as writeTask } from './index-hR6kxzTq.js';
-import { a as findClosestIonContent, s as scrollToTop } from './index-BeR_5uou.js';
-import { c as componentOnReady } from './helpers-B_F2b1gy.js';
-import './index-ZjP4CjeZ.js';
-import './focus-visible-BYk20Mf5.js';
+import { e as readTask, w as writeTask } from './index-BpRUsN_W.js';
+import { a as findClosestIonContent, s as scrollToTop } from './index-CBkVO5D0.js';
+import { c as componentOnReady } from './helpers-p94IkmEA.js';
 import './dir-Dj4J3LkD.js';
 
 const startStatusTap = () => {

package/dist/esm/{swipe-back-Bgftkxen.js → swipe-back-BZdyM2Q-.js}

@@ -1,12 +1,10 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { e as clamp } from './helpers-B_F2b1gy.js';
+import { e as clamp } from './helpers-p94IkmEA.js';
 import { i as isRTL } from './dir-Dj4J3LkD.js';
 import { createGesture } from './index-BmLuEdV7.js';
-import './index-ZjP4CjeZ.js';
-import './focus-visible-BYk20Mf5.js';
-import './index-hR6kxzTq.js';
+import './index-BpRUsN_W.js';
 import './gesture-controller-B_gJaBk0.js';
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {

package/dist/esm/{theme-BUF_V-Kg.js → theme-byZM6qHV.js}

@@ -1,32 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-/**
- * Checks if an element has a parent matching the specified selector.
- * This handles an element in both light DOM and shadow DOM contexts.
- * @param selector The parent selector to check for (e.g., 'ion-datetime'
- * or 'ion-toolbar[color]').
- * @param el The element to check.
- * @returns `true` if the element has a parent matching the specified selector,
- * `false` otherwise.
- */
 const hostContext = (selector, el) => {
-    // Check the light DOM first
-    if (el.closest(selector) !== null) {
-        return true;
-    }
-    // For attribute or class selectors (e.g., 'ion-toolbar[color]' or
-    // 'ion-toolbar.ion-color') we can only check light DOM since tagName
-    // doesn't include attributes or classes.
-    if (selector.includes('[') || selector.includes('.')) {
-        return false;
-    }
-    // Check the shadow DOM by looking at the shadow root host and
-    // converting the selector to uppercase to compare with tagName
-    const upperCaseTagName = selector.toUpperCase();
-    const rootNode = el.getRootNode();
-    const shadowHost = rootNode instanceof ShadowRoot ? rootNode.host : null;
-    return shadowHost?.tagName === upperCaseTagName;
+    return el.closest(selector) !== null;
 };
 /**
  * Create the mode and color classes for the component based on the classes passed in

package/dist/esm/validity-DJztqcrH.js

@@ -0,0 +1,17 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * Checks if the form element is in an invalid state based on
+ * Ionic validation classes.
+ *
+ * @param el The form element to check.
+ * @returns `true` if the element is invalid, `false` otherwise.
+ */
+const checkInvalidState = (el) => {
+    const hasIonTouched = el.classList.contains('ion-touched');
+    const hasIonInvalid = el.classList.contains('ion-invalid');
+    return hasIonTouched && hasIonInvalid;
+};
+
+export { checkInvalidState as c };