@ionic/core 8.7.18-dev.11771020096.1ca03a6d → 8.7.18-dev.11771365900.125bf49c

package/components/{popover.js → p-DRHwNkVo.js}

@@ -1,70 +1,17 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays.js';
-import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate.js';
-import { g as getElementRoot, r as raf, a as addEventListener, k as hasLazyBuild } from './helpers.js';
-import { c as createLockController } from './lock-controller.js';
-import { p as printIonWarning } from './index4.js';
-import { b as getIonMode, a as isPlatform } from './ionic-global.js';
-import { g as getClassMap } from './theme.js';
-import { e as deepReady, w as waitForMount } from './index2.js';
-import { c as createAnimation } from './animation.js';
-import { d as defineCustomElement$1 } from './backdrop.js';
+import { p as proxyCustomElement, H, e as createEvent, f as printIonWarning, h, d as Host } from './p-DWoUQeZ3.js';
+import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './p-c-XJ9XhZ.js';
+import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './p-l_lso3Zl.js';
+import { g as getElementRoot, r as raf, a as addEventListener, k as hasLazyBuild } from './p-D5hF6rwn.js';
+import { c as createLockController } from './p-B-hirT0v.js';
+import { b as getIonMode, a as isPlatform } from './p-Bxl5etF4.js';
+import { g as getClassMap } from './p-DiVJyqlX.js';
+import { e as deepReady, w as waitForMount } from './p-DTWZF6wg.js';
+import { c as createAnimation } from './p-CL12ApCQ.js';
+import { d as defineCustomElement$1 } from './p-Bhnhnzjz.js';
 
-/**
- * Shared per-frame cache for safe-area insets. Avoids creating a temporary
- * DOM element and forcing a synchronous reflow on every call within the same
- * frame (e.g., multiple popovers presenting simultaneously). Invalidated
- * after the next animation frame so values stay fresh across orientation
- * changes and viewport resizes.
- */
-let cachedInsets = null;
-let cacheInvalidationScheduled = false;
-/**
- * Resolves the current --ion-safe-area-* CSS custom property values
- * to actual pixel numbers. A temporary element is needed because
- * getComputedStyle on :root returns the declared value of custom
- * properties (e.g. "env(safe-area-inset-top)") rather than a
- * resolved number. By assigning them to standard padding properties,
- * the browser resolves the value.
- *
- * Results are cached for the current frame to avoid repeated reflows.
- */
-const getSafeAreaInsets = (doc) => {
-    if (cachedInsets !== null) {
-        return cachedInsets;
-    }
-    if (doc.body === null) {
-        return { top: 0, bottom: 0, left: 0, right: 0 };
-    }
-    const el = doc.createElement('div');
-    el.style.cssText =
-        'position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;' +
-            'padding-top:var(--ion-safe-area-top,0px);' +
-            'padding-bottom:var(--ion-safe-area-bottom,0px);' +
-            'padding-left:var(--ion-safe-area-left,0px);' +
-            'padding-right:var(--ion-safe-area-right,0px);';
-    doc.body.appendChild(el);
-    const style = getComputedStyle(el);
-    const insets = {
-        top: parseFloat(style.paddingTop) || 0,
-        bottom: parseFloat(style.paddingBottom) || 0,
-        left: parseFloat(style.paddingLeft) || 0,
-        right: parseFloat(style.paddingRight) || 0,
-    };
-    el.remove();
-    cachedInsets = insets;
-    if (!cacheInvalidationScheduled) {
-        cacheInvalidationScheduled = true;
-        raf(() => {
-            cachedInsets = null;
-            cacheInvalidationScheduled = false;
-        });
-    }
-    return insets;
-};
 /**
  * Returns the dimensions of the popover
  * arrow on `ios` mode. If arrow is disabled
@@ -700,10 +647,8 @@ const calculatePopoverCenterAlign = (side, triggerBoundingBox, contentWidth, con
  * Adjusts popover positioning coordinates
  * such that popover does not appear offscreen
  * or overlapping safe area bounds.
- *
- * @internal - This is not part of the public API.
  */
-const calculateWindowAdjustment = (side, coordTop, coordLeft, bodyPadding, bodyWidth, bodyHeight, contentWidth, contentHeight, safeArea, contentOriginX, contentOriginY, triggerCoordinates, coordArrowTop = 0, coordArrowLeft = 0, arrowHeight = 0) => {
+const calculateWindowAdjustment = (side, coordTop, coordLeft, bodyPadding, bodyWidth, bodyHeight, contentWidth, contentHeight, safeAreaMargin, contentOriginX, contentOriginY, triggerCoordinates, coordArrowTop = 0, coordArrowLeft = 0, arrowHeight = 0) => {
     let arrowTop = coordArrowTop;
     const arrowLeft = coordArrowLeft;
     let left = coordLeft;
@@ -713,19 +658,16 @@ const calculateWindowAdjustment = (side, coordTop, coordLeft, bodyPadding, bodyW
     let originY = contentOriginY;
     let checkSafeAreaLeft = false;
     let checkSafeAreaRight = false;
-    let checkSafeAreaTop = false;
-    let checkSafeAreaBottom = false;
     const triggerTop = triggerCoordinates
         ? triggerCoordinates.top + triggerCoordinates.height
         : bodyHeight / 2 - contentHeight / 2;
     const triggerHeight = triggerCoordinates ? triggerCoordinates.height : 0;
     let addPopoverBottomClass = false;
-    const hideArrow = false;
     /**
      * Adjust popover so it does not
      * go off the left of the screen.
      */
-    if (left < bodyPadding + safeArea.left) {
+    if (left < bodyPadding + safeAreaMargin) {
         left = bodyPadding;
         checkSafeAreaLeft = true;
         originX = 'left';
@@ -734,58 +676,41 @@ const calculateWindowAdjustment = (side, coordTop, coordLeft, bodyPadding, bodyW
          * go off the right of the screen.
          */
     }
-    else if (contentWidth + bodyPadding + left + safeArea.right > bodyWidth) {
+    else if (contentWidth + bodyPadding + left + safeAreaMargin > bodyWidth) {
         checkSafeAreaRight = true;
         left = bodyWidth - contentWidth - bodyPadding;
         originX = 'right';
     }
     /**
      * Adjust popover so it does not
-     * go off the bottom of the screen
-     * or overlap the bottom safe area.
+     * go off the top of the screen.
      * If popover is on the left or the right of
      * the trigger, then we should not adjust top
      * margins.
      */
-    if (triggerTop + triggerHeight + contentHeight > bodyHeight - safeArea.bottom &&
-        (side === 'top' || side === 'bottom')) {
-        /**
-         * Calculate where the popover top would be if flipped
-         * above the trigger. Check whether that position clears
-         * the top safe area with room for bodyPadding.
-         */
-        const idealFlipTop = triggerTop - contentHeight - triggerHeight - (arrowHeight - 1);
-        if (idealFlipTop >= safeArea.top + bodyPadding) {
+    if (triggerTop + triggerHeight + contentHeight > bodyHeight && (side === 'top' || side === 'bottom')) {
+        if (triggerTop - contentHeight > 0) {
             /**
-             * Popover fits above the trigger without overlapping
-             * the top safe area. Use the ideal position directly —
-             * no safe-area CSS vars needed since it clears both edges.
+             * While we strive to align the popover with the trigger
+             * on smaller screens this is not always possible. As a result,
+             * we adjust the popover up so that it does not hang
+             * off the bottom of the screen. However, we do not want to move
+             * the popover up so much that it goes off the top of the screen.
+             *
+             * We chose 12 here so that the popover position looks a bit nicer as
+             * it is not right up against the edge of the screen.
              */
-            top = idealFlipTop;
+            top = Math.max(12, triggerTop - contentHeight - triggerHeight - (arrowHeight - 1));
             arrowTop = top + contentHeight;
             originY = 'bottom';
             addPopoverBottomClass = true;
-        }
-        else {
             /**
-             * Can't flip above the trigger. Constrain the bottom
-             * edge while keeping the top near the trigger. This
-             * creates a scrollable area anchored to the trigger.
+             * If not enough room for popover to appear
+             * above trigger, then cut it off.
              */
+        }
+        else {
             bottom = bodyPadding;
-            checkSafeAreaBottom = true;
-            /**
-             * When the trigger is near the bottom of the screen,
-             * the calculated top may be at or past the bottom
-             * constraint, leaving zero visible height. In that
-             * case, pull top up to the top safe area so the
-             * popover fills the available space between safe areas.
-             */
-            const bottomEdge = bodyHeight - safeArea.bottom - bodyPadding;
-            if (top >= bottomEdge) {
-                top = safeArea.top + bodyPadding;
-                checkSafeAreaTop = true;
-            }
         }
     }
     return {
@@ -796,12 +721,9 @@ const calculateWindowAdjustment = (side, coordTop, coordLeft, bodyPadding, bodyW
         originY,
         checkSafeAreaLeft,
         checkSafeAreaRight,
-        checkSafeAreaTop,
-        checkSafeAreaBottom,
         arrowTop,
         arrowLeft,
         addPopoverBottomClass,
-        hideArrow,
     };
 };
 const shouldShowArrow = (side, didAdjustBounds = false, ev, trigger) => {
@@ -831,15 +753,6 @@ const shouldShowArrow = (side, didAdjustBounds = false, ev, trigger) => {
 };
 
 const POPOVER_IOS_BODY_PADDING = 5;
-/**
- * Minimum edge margin for iOS popovers ensures visual spacing from screen
- * edges on devices without safe areas (e.g., older iPhones without notches).
- * Previously this was a hardcoded `safeAreaMargin = 25` that served dual
- * purpose: safe-area avoidance AND visual spacing. Now that actual safe-area
- * insets are read dynamically, this floor preserves the visual spacing when
- * safe-area values are 0.
- */
-const POPOVER_IOS_MIN_EDGE_MARGIN = 25;
 /**
  * iOS Popover Enter Animation
  */
@@ -865,16 +778,8 @@ const iosEnterAnimation = (baseEl, opts) => {
     };
     const results = getPopoverPosition(isRTL, contentWidth, contentHeight, arrowWidth, arrowHeight, reference, side, align, defaultPosition, trigger, ev);
     const padding = size === 'cover' ? 0 : POPOVER_IOS_BODY_PADDING;
-    const rawSafeArea = getSafeAreaInsets(doc);
-    const safeArea = size === 'cover'
-        ? { top: 0, bottom: 0, left: 0, right: 0 }
-        : {
-            top: Math.max(rawSafeArea.top, POPOVER_IOS_MIN_EDGE_MARGIN),
-            bottom: Math.max(rawSafeArea.bottom, POPOVER_IOS_MIN_EDGE_MARGIN),
-            left: Math.max(rawSafeArea.left, POPOVER_IOS_MIN_EDGE_MARGIN),
-            right: Math.max(rawSafeArea.right, POPOVER_IOS_MIN_EDGE_MARGIN),
-        };
-    const { originX, originY, top, left, bottom, checkSafeAreaLeft, checkSafeAreaRight, checkSafeAreaTop, checkSafeAreaBottom, arrowTop, arrowLeft, addPopoverBottomClass} = calculateWindowAdjustment(side, results.top, results.left, padding, bodyWidth, bodyHeight, contentWidth, contentHeight, safeArea, results.originX, results.originY, results.referenceCoordinates, results.arrowTop, results.arrowLeft, arrowHeight);
+    const margin = size === 'cover' ? 0 : 25;
+    const { originX, originY, top, left, bottom, checkSafeAreaLeft, checkSafeAreaRight, arrowTop, arrowLeft, addPopoverBottomClass, } = calculateWindowAdjustment(side, results.top, results.left, padding, bodyWidth, bodyHeight, contentWidth, contentHeight, margin, results.originX, results.originY, results.referenceCoordinates, results.arrowTop, results.arrowLeft, arrowHeight);
     const baseAnimation = createAnimation();
     const backdropAnimation = createAnimation();
     const contentAnimation = createAnimation();
@@ -905,14 +810,10 @@ const iosEnterAnimation = (baseEl, opts) => {
             baseEl.classList.add('popover-bottom');
         }
         if (bottom !== undefined) {
-            let bottomValue = `${bottom}px`;
-            if (checkSafeAreaBottom) {
-                bottomValue = `${bottom}px + var(--ion-safe-area-bottom, 0px)`;
-            }
-            contentEl.style.setProperty('bottom', `calc(${bottomValue})`);
+            contentEl.style.setProperty('bottom', `${bottom}px`);
         }
-        const safeAreaLeft = ' + var(--ion-safe-area-left, 0px)';
-        const safeAreaRight = ' - var(--ion-safe-area-right, 0px)';
+        const safeAreaLeft = ' + var(--ion-safe-area-left, 0)';
+        const safeAreaRight = ' - var(--ion-safe-area-right, 0)';
         let leftValue = `${left}px`;
         if (checkSafeAreaLeft) {
             leftValue = `${left}px${safeAreaLeft}`;
@@ -920,11 +821,7 @@ const iosEnterAnimation = (baseEl, opts) => {
         if (checkSafeAreaRight) {
             leftValue = `${left}px${safeAreaRight}`;
         }
-        let topValue = `${top}px`;
-        if (checkSafeAreaTop) {
-            topValue = `${top}px + var(--ion-safe-area-top, 0px)`;
-        }
-        contentEl.style.setProperty('top', `calc(${topValue} + var(--offset-y, 0))`);
+        contentEl.style.setProperty('top', `calc(${top}px + var(--offset-y, 0))`);
         contentEl.style.setProperty('left', `calc(${leftValue} + var(--offset-x, 0))`);
         contentEl.style.setProperty('transform-origin', `${originY} ${originX}`);
         if (arrowEl !== null) {
@@ -1000,23 +897,7 @@ const mdEnterAnimation = (baseEl, opts) => {
     };
     const results = getPopoverPosition(isRTL, contentWidth, contentHeight, 0, 0, reference, side, align, defaultPosition, trigger, ev);
     const padding = size === 'cover' ? 0 : POPOVER_MD_BODY_PADDING;
-    // MD mode now applies safe-area insets (previously passed 0, ignoring all safe areas).
-    // This is needed for Android edge-to-edge (API 36+) where system bars overlap content.
-    const safeArea = size === 'cover' ? { top: 0, bottom: 0, left: 0, right: 0 } : getSafeAreaInsets(doc);
-    const { originX, originY, top, left, bottom, checkSafeAreaLeft, checkSafeAreaRight, checkSafeAreaTop, checkSafeAreaBottom, addPopoverBottomClass, } = calculateWindowAdjustment(side, results.top, results.left, padding, bodyWidth, bodyHeight, contentWidth, contentHeight, safeArea, results.originX, results.originY, results.referenceCoordinates);
-    const safeAreaLeftCalc = ' + var(--ion-safe-area-left, 0px)';
-    const safeAreaRightCalc = ' - var(--ion-safe-area-right, 0px)';
-    let leftValue = `${left}px`;
-    if (checkSafeAreaLeft) {
-        leftValue = `${left}px${safeAreaLeftCalc}`;
-    }
-    if (checkSafeAreaRight) {
-        leftValue = `${left}px${safeAreaRightCalc}`;
-    }
-    let topValue = `${top}px`;
-    if (checkSafeAreaTop) {
-        topValue = `${top}px + var(--ion-safe-area-top, 0px)`;
-    }
+    const { originX, originY, top, left, bottom } = calculateWindowAdjustment(side, results.top, results.left, padding, bodyWidth, bodyHeight, contentWidth, contentHeight, 0, results.originX, results.originY, results.referenceCoordinates);
     const baseAnimation = createAnimation();
     const backdropAnimation = createAnimation();
     const wrapperAnimation = createAnimation();
@@ -1033,17 +914,13 @@ const mdEnterAnimation = (baseEl, opts) => {
     contentAnimation
         .addElement(contentEl)
         .beforeStyles({
-        top: `calc(${topValue} + var(--offset-y, 0px))`,
-        left: `calc(${leftValue} + var(--offset-x, 0px))`,
+        top: `calc(${top}px + var(--offset-y, 0px))`,
+        left: `calc(${left}px + var(--offset-x, 0px))`,
         'transform-origin': `${originY} ${originX}`,
     })
         .beforeAddWrite(() => {
         if (bottom !== undefined) {
-            let bottomValue = `${bottom}px`;
-            if (checkSafeAreaBottom) {
-                bottomValue = `${bottom}px + var(--ion-safe-area-bottom, 0px)`;
-            }
-            contentEl.style.setProperty('bottom', `calc(${bottomValue})`);
+            contentEl.style.setProperty('bottom', `${bottom}px`);
         }
     })
         .fromTo('transform', 'scale(0.8)', 'scale(1)');
@@ -1055,7 +932,7 @@ const mdEnterAnimation = (baseEl, opts) => {
         if (size === 'cover') {
             baseEl.style.setProperty('--width', `${contentWidth}px`);
         }
-        if (addPopoverBottomClass) {
+        if (originY === 'bottom') {
             baseEl.classList.add('popover-bottom');
         }
     })
@@ -1091,7 +968,7 @@ const popoverIosCss = ":host{--background:var(--ion-background-color, #fff);--mi
 
 const popoverMdCss = ":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start:dir(rtl)){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end:dir(rtl)){--offset-x:5px}}:host{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}";
 
-const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends HTMLElement {
+const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends H {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -1545,9 +1422,9 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class Popover extends HTMLEleme
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (h(Host, Object.assign({ key: '42863f748c93f709d433931d969230137b37d42d', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '2edd8333c630efbce59071f8a383e4326e928dbc', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { key: '22b6d82178b52158b76ab3fd9a7dd738fd6e4bbf', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: 'b76335c64e992a964ed3fb91d17a992c3474b4cd', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '018c846c32e7ff7fa010528e6b37a17e5f03c84c', class: "popover-arrow", part: "arrow" }), h("div", { key: '350c468c80052da3a07768bceab98fe159c35a43', class: "popover-content", part: "content" }, h("slot", { key: '686443c17ac9873d33905c1cdb67e6d6da675282' })))));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { key: 'aac4e68b08197534375e8ea3f8c9ea0c10ab2af4', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: 'b7f4ebf57d4148b32856b0075d286f454be8de5d', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '607d94c28d73e8e957175a7c0f6e8a99ec4dcd53', class: "popover-arrow", part: "arrow" }), h("div", { key: '4366a5a5de550c09895e923f345583508e1ec30c', class: "popover-content", part: "content" }, h("slot", { key: 'eb7886fbc99c15b667b7d825d24f1c12d9380f03' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/{index2.js → p-DTWZF6wg.js}

@@ -1,9 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as config, p as printIonWarning } from './index4.js';
-import { writeTask, Build } from '@stencil/core/internal/client';
-import { r as raf } from './helpers.js';
+import { c as config, f as printIonWarning, w as writeTask, B as Build } from './p-DWoUQeZ3.js';
+import { r as raf } from './p-D5hF6rwn.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -119,8 +118,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => import('./ios.transition.js');
-const mdTransitionAnimation = () => import('./md.transition.js');
+const iosTransitionAnimation = () => import('./p-BhRFCLuX.js');
+const mdTransitionAnimation = () => import('./p-C04oPyjT.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**