@ionic/core 8.8.18-dev.11786108988.1fd94742 → 8.8.18-dev.11786109471.1285bcfb

package/dist/cjs/{overlays-C2qrqpHm.js → overlays-DdtIYQUH.js}

@@ -4,12 +4,12 @@
 'use strict';
 
 var index$1 = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-DURh1XdY.js');
-var hardwareBackButton = require('./hardware-back-button-zr8zeYaH.js');
-var index = require('./index-CAThePqm.js');
-var ionicGlobal = require('./ionic-global-dMut1Czp.js');
-var frameworkDelegate = require('./framework-delegate-Bdvk3JQO.js');
-var gestureController = require('./gesture-controller-BDUH7687.js');
+var helpers = require('./helpers-Cv23MFHM.js');
+var hardwareBackButton = require('./hardware-back-button-iUuF_76h.js');
+var index = require('./index-Ct7gcRif.js');
+var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
+var frameworkDelegate = require('./framework-delegate-BtICZDHr.js');
+var gestureController = require('./gesture-controller-dtqlP_q4.js');
 
 /**
  * This query string selects elements that
@@ -36,7 +36,7 @@ const focusableQueryString = '[tabindex]:not([tabindex^="-"]):not([hidden]):not(
  */
 const focusFirstDescendant = (ref, fallbackElement) => {
     const firstInput = ref.querySelector(focusableQueryString);
-    focusElementInContext(firstInput, fallbackElement ?? ref);
+    focusElementInContext(firstInput, fallbackElement !== null && fallbackElement !== void 0 ? fallbackElement : ref);
 };
 /**
  * Focuses the last descendant in a context
@@ -51,7 +51,7 @@ const focusFirstDescendant = (ref, fallbackElement) => {
 const focusLastDescendant = (ref, fallbackElement) => {
     const inputs = Array.from(ref.querySelectorAll(focusableQueryString));
     const lastInput = inputs.length > 0 ? inputs[inputs.length - 1] : null;
-    focusElementInContext(lastInput, fallbackElement ?? ref);
+    focusElementInContext(lastInput, fallbackElement !== null && fallbackElement !== void 0 ? fallbackElement : ref);
 };
 /**
  * Focuses a particular element in a context. If the element
@@ -72,7 +72,7 @@ const focusLastDescendant = (ref, fallbackElement) => {
  */
 const focusElementInContext = (hostToFocus, fallbackElement) => {
     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;
@@ -100,7 +100,8 @@ 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 {
@@ -119,6 +120,10 @@ const alertController = /*@__PURE__*/ createController('ion-alert');
 const actionSheetController = /*@__PURE__*/ createController('ion-action-sheet');
 const loadingController = /*@__PURE__*/ createController('ion-loading');
 const modalController = /*@__PURE__*/ createController('ion-modal');
+/**
+ * @deprecated Use the inline ion-picker component instead.
+ */
+const pickerController = /*@__PURE__*/ createController('ion-picker-legacy');
 const popoverController = /*@__PURE__*/ createController('ion-popover');
 const toastController = /*@__PURE__*/ createController('ion-toast');
 /**
@@ -158,6 +163,7 @@ const setOverlayId = (el) => {
     return el.id;
 };
 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);
@@ -166,7 +172,7 @@ 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) => helpers.componentOnReady(element, resolve));
@@ -190,7 +196,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;
@@ -211,7 +217,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.
@@ -397,7 +403,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(hardwareBackButton.OVERLAY_BACK_BUTTON_PRIORITY, () => {
                     /**
                      * Do not return this promise otherwise
@@ -425,7 +431,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);
                     }
                 }
@@ -445,7 +451,7 @@ const dismissOverlay = (doc, data, role, overlayTag, id) => {
  */
 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);
 };
@@ -507,30 +513,8 @@ 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.
- */
-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(gestureController.BACKDROP_NO_SCROLL);
-    }
-};
 const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts) => {
+    var _a, _b;
     if (overlay.presented) {
         return;
     }
@@ -576,7 +560,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
         }
         document.body.classList.add(gestureController.BACKDROP_NO_SCROLL);
     }
-    overlay.willPresentShorthand?.emit();
+    (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
     const mode = ionicGlobal.getIonMode(overlay);
     // get the user's animation fn if one was provided
     const animationBuilder = overlay.enterAnimation
@@ -585,7 +569,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     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
@@ -605,7 +589,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
          * exists (e.g. picker-legacy), we fall back to the host.
          */
         const overlayWrapper = helpers.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).
@@ -615,7 +599,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
         try {
             focusTarget.focus({ preventScroll: true });
         }
-        catch {
+        catch (_c) {
             focusTarget.focus();
         }
     }
@@ -651,7 +635,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;
@@ -686,6 +670,7 @@ const restoreElementFocus = async (overlayEl) => {
     }
 };
 const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnimation, opts) => {
+    var _a, _b;
     if (!overlay.presented) {
         return false;
     }
@@ -720,7 +705,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         // 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 = ionicGlobal.getIonMode(overlay);
         const animationBuilder = overlay.leaveAnimation
             ? overlay.leaveAnimation
@@ -730,7 +715,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
             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) || [];
@@ -771,7 +756,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();
             }
         });
@@ -958,7 +943,6 @@ exports.GESTURE = GESTURE;
 exports.OVERLAY_GESTURE_PRIORITY = OVERLAY_GESTURE_PRIORITY;
 exports.actionSheetController = actionSheetController;
 exports.alertController = alertController;
-exports.cleanupRootFocusTrapAccessibility = cleanupRootFocusTrapAccessibility;
 exports.createDelegateController = createDelegateController;
 exports.createTriggerController = createTriggerController;
 exports.dismiss = dismiss;
@@ -969,6 +953,7 @@ exports.getPresentedOverlay = getPresentedOverlay;
 exports.isCancel = isCancel;
 exports.loadingController = loadingController;
 exports.modalController = modalController;
+exports.pickerController = pickerController;
 exports.popoverController = popoverController;
 exports.prepareOverlay = prepareOverlay;
 exports.present = present;

package/dist/cjs/{status-tap-CgjQ-6jq.js → status-tap-N1kaBbuk.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-CAThePqm.js');
-var index$1 = require('./index-BnhnwL1o.js');
-var helpers = require('./helpers-DURh1XdY.js');
+var index = require('./index-Ct7gcRif.js');
+var index$1 = require('./index-Dqpns5vP.js');
+var helpers = require('./helpers-Cv23MFHM.js');
 
 const startStatusTap = () => {
     const win = window;

package/dist/cjs/{swipe-back-CmfRYdWQ.js → swipe-back-C0GCB18x.js}

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var helpers = require('./helpers-DURh1XdY.js');
-var dir = require('./dir-Brx7VkvP.js');
-var index = require('./index-P1nQxrpZ.js');
-require('./index-CAThePqm.js');
-require('./gesture-controller-BDUH7687.js');
+var helpers = require('./helpers-Cv23MFHM.js');
+var dir = require('./dir-Cn0z1rJH.js');
+var index = require('./index-CAvQ7Tka.js');
+require('./index-Ct7gcRif.js');
+require('./gesture-controller-dtqlP_q4.js');
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
     const win = el.ownerDocument.defaultView;

package/dist/cjs/{theme-Bw0rpaNN.js → theme-CeDs6Hcv.js}

@@ -11,12 +11,7 @@ const hostContext = (selector, el) => {
  */
 const createColorClasses = (color, cssClassMap) => {
     return typeof color === 'string' && color.length > 0
-        ? {
-            'ion-color': true,
-            [`ion-color-${color}`]: true,
-            ...cssClassMap,
-        }
-        : cssClassMap;
+        ? Object.assign({ 'ion-color': true, [`ion-color-${color}`]: true }, cssClassMap) : cssClassMap;
 };
 const getClassList = (classes) => {
     if (classes !== undefined) {

package/dist/collection/collection-manifest.json

@@ -58,6 +58,8 @@
     "components/nav-link/nav-link.js",
     "components/note/note.js",
     "components/picker-column-option/picker-column-option.js",
+    "components/picker-legacy/picker.js",
+    "components/picker-legacy-column/picker-column.js",
     "components/popover/popover.js",
     "components/progress-bar/progress-bar.js",
     "components/range/range.js",
@@ -78,8 +80,8 @@
     "components/segment-content/segment-content.js",
     "components/segment-view/segment-view.js",
     "components/select/select.js",
-    "components/select-option/select-option.js",
     "components/select-modal/select-modal.js",
+    "components/select-option/select-option.js",
     "components/select-popover/select-popover.js",
     "components/skeleton-text/skeleton-text.js",
     "components/spinner/spinner.js",
@@ -141,11 +143,6 @@
         "ion-chip"
       ]
     },
-    {
-      "components": [
-        "ion-datetime"
-      ]
-    },
     {
       "components": [
         "ion-input"
@@ -294,6 +291,13 @@
         "ion-thumbnail"
       ]
     },
+    {
+      "components": [
+        "ion-datetime",
+        "ion-picker-legacy",
+        "ion-picker-legacy-column"
+      ]
+    },
     {
       "components": [
         "ion-fab",