@ionic/core 8.8.19-dev.11787007863.1976a30e → 8.8.19-dev.11787083540.1511caf2

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

@@ -10,15 +10,7 @@ export const createGesture = (config) => {
     let hasStartedPan = false;
     let hasFiredStart = true;
     let isMoveQueued = false;
-    const finalConfig = {
-        disableScroll: false,
-        direction: 'x',
-        gesturePriority: 0,
-        passive: true,
-        maxAngle: 40,
-        threshold: 10,
-        ...config,
-    };
+    const finalConfig = Object.assign({ disableScroll: false, direction: 'x', gesturePriority: 0, passive: true, maxAngle: 40, threshold: 10 }, config);
     const canStart = finalConfig.canStart;
     const onWillStart = finalConfig.onWillStart;
     const onStart = finalConfig.onStart;
@@ -133,7 +125,7 @@ export const createGesture = (config) => {
     const blurActiveElement = () => {
         if (typeof document !== 'undefined') {
             const activeElement = document.activeElement;
-            if (activeElement?.blur) {
+            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) {
                 activeElement.blur();
             }
         }

package/dist/collection/utils/gesture/listener.js

@@ -3,14 +3,10 @@
  */
 export const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {
-    // use event listener options when supported
-    // otherwise it's just a boolean for the "capture" arg
-    const listenerOpts = supportsPassive(el)
-        ? {
-            capture: !!opts.capture,
-            passive: !!opts.passive,
-        }
-        : !!opts.capture;
+    const listenerOpts = {
+        capture: !!opts.capture,
+        passive: !!opts.passive,
+    };
     let add;
     let remove;
     if (el['__zone_symbol__addEventListener']) {
@@ -26,22 +22,3 @@ eventName, callback, opts) => {
         el[remove](eventName, callback, listenerOpts);
     };
 };
-const supportsPassive = (node) => {
-    if (_sPassive === undefined) {
-        try {
-            const opts = Object.defineProperty({}, 'passive', {
-                get: () => {
-                    _sPassive = true;
-                },
-            });
-            node.addEventListener('optsTest', () => {
-                return;
-            }, opts);
-        }
-        catch {
-            _sPassive = false;
-        }
-    }
-    return !!_sPassive;
-};
-let _sPassive;

package/dist/collection/utils/hardware-back-button.js

@@ -28,7 +28,7 @@ export const shouldUseCloseWatcher = () => config.get('experimentalCloseWatcher'
  * will still happen.
  */
 export const blockHardwareBackButton = () => {
-    document.addEventListener('backbutton', () => { });
+    document.addEventListener('backbutton', () => { }); // eslint-disable-line
 };
 export const startHardwareBackButton = () => {
     const doc = document;
@@ -50,7 +50,7 @@ export const startHardwareBackButton = () => {
         doc.dispatchEvent(ev);
         const executeAction = async (handlerRegister) => {
             try {
-                if (handlerRegister?.handler) {
+                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {
                     const result = handlerRegister.handler(processHandlers);
                     if (result != null) {
                         await result;
@@ -89,7 +89,7 @@ export const startHardwareBackButton = () => {
     if (shouldUseCloseWatcher()) {
         let watcher;
         const configureWatcher = () => {
-            watcher?.destroy();
+            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
             watcher = new win.CloseWatcher();
             /**
              * Once a close request happens

package/dist/collection/utils/helpers.js

@@ -2,6 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { printIonError } from "./logging/index";
+import { isRTL } from "./rtl/index";
 export const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
         transitionEnd(el, expectedDuration, resolve);
@@ -277,18 +278,21 @@ export const pointerCoord = (ev) => {
 };
 /**
  * @hidden
- * Given a side, return if it should be on the end
- * based on the value of dir
- * @param side the side
- * @param isRTL whether the application dir is rtl
+ * Given a side, returns whether it resolves to the end side for the current
+ * direction. In RTL `start` is the end side, and in LTR `end` is.
+ *
+ * @param side The current side before being redefined based on the direction.
+ * @param hostEl The component's host element. The direction is resolved from
+ * it or its nearest ancestor that declares one. When omitted, the direction
+ * is resolved from the document.
  */
-export const isEndSide = (side) => {
-    const isRTL = document.dir === 'rtl';
+export const isEndSide = (side, hostEl) => {
+    const rtl = isRTL(hostEl);
     switch (side) {
         case 'start':
-            return isRTL;
+            return rtl;
         case 'end':
-            return !isRTL;
+            return !rtl;
         default:
             throw new Error(`"${side}" is not a valid value for [side]. Use "start" or "end" instead.`);
     }
@@ -318,8 +322,8 @@ export const debounce = (func, wait = 0) => {
  * @returns whether the keys are the same and the values are shallow equal.
  */
 export const shallowEqualStringMap = (map1, map2) => {
-    map1 ??= {};
-    map2 ??= {};
+    map1 !== null && map1 !== void 0 ? map1 : (map1 = {});
+    map2 !== null && map2 !== void 0 ? map2 : (map2 = {});
     if (map1 === map2) {
         return true;
     }

package/dist/collection/utils/input-shims/hacks/scroll-assist.js

@@ -94,7 +94,7 @@ export const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, ke
      */
     const focusOut = () => {
         hasKeyboardBeenPresentedForTextField = false;
-        win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
     /**
@@ -114,13 +114,13 @@ export const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, ke
             return;
         }
         jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput, platformHeight);
-        win?.addEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : win.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -129,6 +129,7 @@ export const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, ke
  * focus an input but not have scroll assist run again.
  */
 const setManualFocus = (el) => {
+    var _a;
     /**
      * If element is already focused then
      * a new focusin event will not be dispatched
@@ -153,7 +154,7 @@ const setManualFocus = (el) => {
      */
     const inputId = el.getAttribute('id');
     const label = el.closest(`label[for="${inputId}"]`);
-    const activeElLabel = document.activeElement?.closest(`label[for="${inputId}"]`);
+    const activeElLabel = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(`label[for="${inputId}"]`);
     if (label !== null && label === activeElLabel) {
         // If the label is the same as the active element label, then
         // we don't need to set the `SKIP_SCROLL_ASSIST` and reset focus.

package/dist/collection/utils/input-shims/hacks/scroll-data.js

@@ -4,7 +4,8 @@
 import { SCROLL_AMOUNT_PADDING } from "./common";
 const SCROLL_ASSIST_SPEED = 0.3;
 export const getScrollData = (componentEl, contentEl, keyboardHeight, platformHeight) => {
-    const itemEl = componentEl.closest('ion-item,[ion-item]') ?? componentEl;
+    var _a;
+    const itemEl = (_a = componentEl.closest('ion-item,[ion-item]')) !== null && _a !== void 0 ? _a : componentEl;
     return calcScrollData(itemEl.getBoundingClientRect(), contentEl.getBoundingClientRect(), keyboardHeight, platformHeight);
 };
 const calcScrollData = (inputRect, contentRect, keyboardHeight, platformHeight) => {

package/dist/collection/utils/keyboard/keyboard-controller.js

@@ -26,7 +26,7 @@ const getResizeContainer = (resizeMode) => {
      * we can fall back to `body`.
      */
     const ionApp = doc.querySelector('ion-app');
-    return ionApp ?? doc.body;
+    return ionApp !== null && ionApp !== void 0 ? ionApp : doc.body;
 };
 /**
  * Get the height of ion-app or body.
@@ -74,8 +74,8 @@ export const createKeyboardController = async (keyboardChangeCallback) => {
             keyboardVisible = false;
             fireChangeCallback(keyboardVisible, resizeMode);
         };
-        win?.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win?.addEventListener('keyboardWillHide', keyboardWillHideHandler);
+        win === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillShow', keyboardWillShowHandler);
+        win === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillHide', keyboardWillHideHandler);
     };
     const fireChangeCallback = (state, resizeMode) => {
         if (keyboardChangeCallback) {
@@ -152,8 +152,8 @@ export const createKeyboardController = async (keyboardChangeCallback) => {
         });
     };
     const destroy = () => {
-        win?.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win?.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
+        win === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
+        win === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
         keyboardWillShowHandler = keyboardWillHideHandler = undefined;
     };
     const isKeyboardVisible = () => keyboardVisible;

package/dist/collection/utils/keyboard/keyboard.js

@@ -121,7 +121,7 @@ const fireKeyboardCloseEvent = (win) => {
  * layout viewport states
  */
 export const trackViewportChanges = (win) => {
-    previousVisualViewport = { ...currentVisualViewport };
+    previousVisualViewport = Object.assign({}, currentVisualViewport);
     currentVisualViewport = copyVisualViewport(win.visualViewport);
 };
 /**

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

@@ -7,28 +7,7 @@ export var LogLevel;
     LogLevel["OFF"] = "OFF";
     LogLevel["ERROR"] = "ERROR";
     LogLevel["WARN"] = "WARN";
-    LogLevel["DEBUG"] = "DEBUG";
 })(LogLevel || (LogLevel = {}));
-/**
- * Ranks each level so an enabled check is a numeric comparison. A configured
- * level logs anything whose rank is less than or equal to its own: `OFF` (0)
- * logs nothing, `ERROR` (1) logs errors, `WARN` (2) logs errors and warnings,
- * `DEBUG` (3) logs all of the above plus internal diagnostics.
- */
-const LOG_LEVEL_RANK = {
-    [LogLevel.OFF]: 0,
-    [LogLevel.ERROR]: 1,
-    [LogLevel.WARN]: 2,
-    [LogLevel.DEBUG]: 3,
-};
-/**
- * Whether the configured level is verbose enough to log `minimum`. Levels set
- * through a query parameter arrive as raw strings, hence the uppercasing.
- */
-const isLogLevelEnabled = (minimum) => {
-    const configured = String(config.get('logLevel', LogLevel.WARN)).toUpperCase();
-    return LOG_LEVEL_RANK[configured] >= LOG_LEVEL_RANK[minimum];
-};
 /**
  * Logs a warning to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
@@ -36,7 +15,8 @@ const isLogLevelEnabled = (minimum) => {
  * @param message - The string message to be logged to the console.
  */
 export const printIonWarning = (message, ...params) => {
-    if (isLogLevelEnabled(LogLevel.WARN)) {
+    const logLevel = config.get('logLevel', LogLevel.WARN);
+    if ([LogLevel.WARN].includes(logLevel)) {
         return console.warn(`[Ionic Warning]: ${message}`, ...params);
     }
 };
@@ -48,7 +28,8 @@ export const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 export const printIonError = (message, ...params) => {
-    if (isLogLevelEnabled(LogLevel.ERROR)) {
+    const logLevel = config.get('logLevel', LogLevel.ERROR);
+    if ([LogLevel.ERROR, LogLevel.WARN].includes(logLevel)) {
         return console.error(`[Ionic Error]: ${message}`, ...params);
     }
 };

package/dist/collection/utils/menu-controller/index.js

@@ -49,6 +49,7 @@ const createMenuController = () => {
     const isOpen = async (menu) => {
         if (menu != null) {
             const menuEl = await get(menu);
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
             return menuEl !== undefined && menuEl.isOpen();
         }
         else {
@@ -184,7 +185,7 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    doc?.addEventListener('ionBackButton', (ev) => {
+    doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
             ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {

package/dist/collection/utils/native/haptic.js

@@ -47,7 +47,7 @@ export var NotificationType;
 const HapticEngine = {
     getEngine() {
         const capacitor = getCapacitor();
-        if (capacitor?.isPluginAvailable('Haptics')) {
+        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('Haptics')) {
             // Capacitor
             return capacitor.Plugins.Haptics;
         }
@@ -68,7 +68,8 @@ const HapticEngine = {
          * the Vibrate API. This check avoids that error
          * if the browser does not support the Vibrate API.
          */
-        if (capacitor?.getPlatform() === 'web') {
+        if ((capacitor === null || capacitor === void 0 ? void 0 : capacitor.getPlatform()) === 'web') {
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
             return typeof navigator !== 'undefined' && navigator.vibrate !== undefined;
         }
         return true;

package/dist/collection/utils/native/keyboard.js

@@ -36,14 +36,14 @@ export var KeyboardResize;
 export const Keyboard = {
     getEngine() {
         const capacitor = getCapacitor();
-        if (capacitor?.isPluginAvailable('Keyboard')) {
+        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('Keyboard')) {
             return capacitor.Plugins.Keyboard;
         }
         return undefined;
     },
     getResizeMode() {
         const engine = this.getEngine();
-        if (!engine?.getResizeMode) {
+        if (!(engine === null || engine === void 0 ? void 0 : engine.getResizeMode)) {
             return Promise.resolve(undefined);
         }
         return engine.getResizeMode().catch((e) => {

package/dist/collection/utils/native/status-bar.js

@@ -11,7 +11,7 @@ export var Style;
 export const StatusBar = {
     getEngine() {
         const capacitor = getCapacitor();
-        if (capacitor?.isPluginAvailable('StatusBar')) {
+        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('StatusBar')) {
             return capacitor.Plugins.StatusBar;
         }
         return undefined;

package/dist/collection/utils/overlays.js

@@ -19,7 +19,8 @@ export const activeAnimations = new WeakMap();
  * Returns false if showBackdrop=false or backdropBreakpoint > 0.
  */
 const isBackdropAlwaysBlocking = (el) => {
-    return el.showBackdrop !== false && !((el.backdropBreakpoint ?? 0) > 0);
+    var _a;
+    return el.showBackdrop !== false && !(((_a = el.backdropBreakpoint) !== null && _a !== void 0 ? _a : 0) > 0);
 };
 const createController = (tagName) => {
     return {
@@ -38,6 +39,10 @@ export const alertController = /*@__PURE__*/ createController('ion-alert');
 export const actionSheetController = /*@__PURE__*/ createController('ion-action-sheet');
 export const loadingController = /*@__PURE__*/ createController('ion-loading');
 export const modalController = /*@__PURE__*/ createController('ion-modal');
+/**
+ * @deprecated Use the inline ion-picker component instead.
+ */
+export const pickerController = /*@__PURE__*/ createController('ion-picker-legacy');
 export const popoverController = /*@__PURE__*/ createController('ion-popover');
 export const toastController = /*@__PURE__*/ createController('ion-toast');
 /**
@@ -77,6 +82,7 @@ export const setOverlayId = (el) => {
     return el.id;
 };
 export const createOverlay = (tagName, opts) => {
+    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
     if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined') {
         return window.customElements.whenDefined(tagName).then(() => {
             const element = document.createElement(tagName);
@@ -85,7 +91,7 @@ export const createOverlay = (tagName, opts) => {
              * Convert the passed in overlay options into props
              * that get passed down into the new overlay.
              */
-            Object.assign(element, { ...opts, hasController: true });
+            Object.assign(element, Object.assign(Object.assign({}, opts), { hasController: true }));
             // append the overlay element to the document body
             getAppRoot(document).appendChild(element);
             return new Promise((resolve) => componentOnReady(element, resolve));
@@ -109,7 +115,7 @@ const isOverlayHidden = (overlay) => overlay.classList.contains('overlay-hidden'
  */
 const focusElementInOverlay = (hostToFocus, overlay) => {
     let elementToFocus = hostToFocus;
-    const shadowRoot = hostToFocus?.shadowRoot;
+    const shadowRoot = hostToFocus === null || hostToFocus === void 0 ? void 0 : hostToFocus.shadowRoot;
     if (shadowRoot) {
         // If there are no inner focusable elements, just focus the host element.
         elementToFocus = shadowRoot.querySelector(focusableQueryString) || hostToFocus;
@@ -130,7 +136,7 @@ const focusElementInOverlay = (hostToFocus, overlay) => {
  * Should NOT include: Toast
  */
 const trapKeyboardFocus = (ev, doc) => {
-    const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-popover');
+    const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover');
     const target = ev.target;
     /**
      * If no active overlay, ignore this event.
@@ -316,7 +322,7 @@ const connectListeners = (doc) => {
         // handle back-button click
         doc.addEventListener('ionBackButton', (ev) => {
             const lastOverlay = getPresentedOverlay(doc);
-            if (lastOverlay?.backdropDismiss) {
+            if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
                 ev.detail.register(OVERLAY_BACK_BUTTON_PRIORITY, () => {
                     /**
                      * Do not return this promise otherwise
@@ -344,7 +350,7 @@ const connectListeners = (doc) => {
             doc.addEventListener('keydown', (ev) => {
                 if (ev.key === 'Escape') {
                     const lastOverlay = getPresentedOverlay(doc);
-                    if (lastOverlay?.backdropDismiss) {
+                    if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
                         lastOverlay.dismiss(undefined, BACKDROP);
                     }
                 }
@@ -364,7 +370,7 @@ export const dismissOverlay = (doc, data, role, overlayTag, id) => {
  */
 export const getOverlays = (doc, selector) => {
     if (selector === undefined) {
-        selector = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-popover,ion-toast';
+        selector = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover,ion-toast';
     }
     return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
 };
@@ -426,30 +432,8 @@ export const setRootAriaHidden = (hidden = false) => {
         viewContainer.removeAttribute('aria-hidden');
     }
 };
-/**
- * Cleans up root `aria-hidden` and `backdrop-no-scroll` when
- * an overlay is removed from the DOM without going through
- * the `dismiss()` flow (e.g., when a framework unmounts the
- * overlay during a route change).
- *
- * Should be called from an overlay's `disconnectedCallback`
- * when the overlay was still presented at the time of removal.
- */
-export const cleanupRootFocusTrapAccessibility = () => {
-    if (typeof document === 'undefined') {
-        return;
-    }
-    const remainingOverlays = getPresentedOverlays(document);
-    const hasRemainingLocking = remainingOverlays.some((o) => {
-        const el = o;
-        return el.tagName !== 'ION-TOAST' && el.focusTrap !== false && isBackdropAlwaysBlocking(el);
-    });
-    if (!hasRemainingLocking) {
-        setRootAriaHidden(false);
-        document.body.classList.remove(BACKDROP_NO_SCROLL);
-    }
-};
 export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts) => {
+    var _a, _b;
     if (overlay.presented) {
         return;
     }
@@ -495,7 +479,7 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
         }
         document.body.classList.add(BACKDROP_NO_SCROLL);
     }
-    overlay.willPresentShorthand?.emit();
+    (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
     const mode = getIonMode(overlay);
     // get the user's animation fn if one was provided
     const animationBuilder = overlay.enterAnimation
@@ -504,7 +488,7 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
-        overlay.didPresentShorthand?.emit();
+        (_b = overlay.didPresentShorthand) === null || _b === void 0 ? void 0 : _b.emit();
     }
     /**
      * If the focused element is already
@@ -524,7 +508,7 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
          * exists (e.g. picker-legacy), we fall back to the host.
          */
         const overlayWrapper = getElementRoot(overlay.el).querySelector('[role="dialog"][tabindex]');
-        const focusTarget = overlayWrapper ?? overlay.el;
+        const focusTarget = overlayWrapper !== null && overlayWrapper !== void 0 ? overlayWrapper : overlay.el;
         /**
          * `preventScroll` keeps this a pure focus move so the viewport does not
          * jump when the wrapper is partially off-screen (e.g. a sheet modal).
@@ -534,7 +518,7 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
         try {
             focusTarget.focus({ preventScroll: true });
         }
-        catch {
+        catch (_c) {
             focusTarget.focus();
         }
     }
@@ -570,7 +554,7 @@ const restoreElementFocus = async (overlayEl) => {
     }
     // Ensure active element is blurred to prevent a11y warning issues
     previousElement.blur();
-    const shadowRoot = previousElement?.shadowRoot;
+    const shadowRoot = previousElement === null || previousElement === void 0 ? void 0 : previousElement.shadowRoot;
     if (shadowRoot) {
         // If there are no inner focusable elements, just focus the host element.
         previousElement = shadowRoot.querySelector(focusableQueryString) || previousElement;
@@ -605,6 +589,7 @@ const restoreElementFocus = async (overlayEl) => {
     }
 };
 export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnimation, opts) => {
+    var _a, _b;
     if (!overlay.presented) {
         return false;
     }
@@ -639,7 +624,7 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
         // Overlay contents should not be clickable during dismiss
         overlay.el.style.setProperty('pointer-events', 'none');
         overlay.willDismiss.emit({ data, role });
-        overlay.willDismissShorthand?.emit({ data, role });
+        (_a = overlay.willDismissShorthand) === null || _a === void 0 ? void 0 : _a.emit({ data, role });
         const mode = getIonMode(overlay);
         const animationBuilder = overlay.leaveAnimation
             ? overlay.leaveAnimation
@@ -649,7 +634,7 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
             await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
         }
         overlay.didDismiss.emit({ data, role });
-        overlay.didDismissShorthand?.emit({ data, role });
+        (_b = overlay.didDismissShorthand) === null || _b === void 0 ? void 0 : _b.emit({ data, role });
         // Get a reference to all animations currently assigned to this overlay
         // Then tear them down to return the overlay to its initial visual state
         const animations = activeAnimations.get(overlay) || [];
@@ -690,7 +675,7 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     if (overlay.keyboardClose) {
         animation.beforeAddWrite(() => {
             const activeElement = baseEl.ownerDocument.activeElement;
-            if (activeElement?.matches('input,ion-input, ion-textarea')) {
+            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
                 activeElement.blur();
             }
         });

package/dist/collection/utils/platform.js

@@ -25,7 +25,7 @@ export const setupPlatforms = (win = window) => {
 const detectPlatforms = (win) => {
     const customPlatformMethods = config.get('platform');
     return Object.keys(PLATFORMS_MAP).filter((p) => {
-        const customMethod = customPlatformMethods?.[p];
+        const customMethod = customPlatformMethods === null || customPlatformMethods === void 0 ? void 0 : customPlatformMethods[p];
         return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
     });
 };
@@ -67,12 +67,13 @@ const isHybrid = (win) => isCordova(win) || isCapacitorNative(win);
 const isCordova = (win) => !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
 const isCapacitorNative = (win) => {
     const capacitor = win['Capacitor'];
-    return !!capacitor?.isNativePlatform?.();
+    // TODO(ROU-11693): Remove when we no longer support Capacitor 2, which does not have isNativePlatform
+    return !!((capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNative) || ((capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNativePlatform) && !!capacitor.isNativePlatform()));
 };
 const isElectron = (win) => testUserAgent(win, /electron/i);
-const isPWA = (win) => !!(win.matchMedia?.('(display-mode: standalone)').matches || win.navigator.standalone);
+const isPWA = (win) => { var _a; return !!(((_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, '(display-mode: standalone)').matches) || win.navigator.standalone); };
 export const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
-const matchMedia = (win, query) => win.matchMedia?.(query).matches;
+const matchMedia = (win, query) => { var _a; return (_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, query).matches; };
 const PLATFORMS_MAP = {
     ipad: isIpad,
     iphone: isIphone,

package/dist/collection/utils/rtl/dir.js

@@ -2,15 +2,26 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 /**
- * Returns `true` if the document or host element
- * has a `dir` set to `rtl`. The host value will always
- * take priority over the root document value.
+ * Returns `true` if the direction resolves to `rtl` for the given element.
+ *
+ * The direction comes from the nearest ancestor that declares one, starting
+ * with `hostEl` itself, and falls back to the root document value. Setting
+ * `dir="auto"` or setting `dir` to an empty string are skipped rather than
+ * treated as `ltr`. When nothing declares a direction, including the document,
+ * the direction is `ltr`.
+ *
+ * @param hostEl the element to resolve the direction for.
  */
 export const isRTL = (hostEl) => {
-    if (hostEl) {
-        if (hostEl.dir !== '') {
-            return hostEl.dir.toLowerCase() === 'rtl';
+    var _a, _b;
+    for (let el = hostEl; el; el = el.parentElement) {
+        const dir = (_a = el.getAttribute('dir')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        if (dir === 'rtl') {
+            return true;
+        }
+        if (dir === 'ltr') {
+            return false;
         }
     }
-    return document?.dir.toLowerCase() === 'rtl';
+    return ((_b = document === null || document === void 0 ? void 0 : document.dir) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'rtl';
 };