@ionic/core 7.5.7-dev.11701270755.14f050ad → 7.5.7-dev.11701273756.1eb73d4c

package/dist/esm/{animation-8aa13916.js → animation-cf3dd234.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-7a14ecec.js';
+import { w as win } from './index-a5d50daf.js';
 import { r as raf } from './helpers-3379ba19.js';
 
 let animationPrefix;
@@ -586,6 +586,16 @@ const createAnimation = (animationId) => {
         }
       }
     });
+    /**
+     * Clean up any value coercion before
+     * the user callbacks fire otherwise
+     * they may get stale values. For example,
+     * if someone calls progressStart(0) the
+     * animation may still be reversed.
+     */
+    forceDurationValue = undefined;
+    forceDirectionValue = undefined;
+    forceDelayValue = undefined;
     onFinishCallbacks.forEach((onFinishCallback) => {
       return onFinishCallback.c(currentStep, ani);
     });
@@ -790,17 +800,8 @@ const createAnimation = (animationId) => {
         update(false, false);
       }
     }
-    if (playTo !== undefined) {
-      onFinish(() => {
-        forceDurationValue = undefined;
-        forceDirectionValue = undefined;
-        forceDelayValue = undefined;
-      }, {
-        oneTimeCallback: true,
-      });
-      if (!parentAnimation) {
-        play();
-      }
+    if (playTo !== undefined && !parentAnimation) {
+      play();
     }
     return ani;
   };

package/dist/esm/{button-active-5b0516e7.js → button-active-47196c40.js}

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as writeTask } from './index-7c9b1bca.js';
-import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-1243b917.js';
-import { createGesture } from './index-32cbee52.js';
+import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-1a66d69f.js';
+import { createGesture } from './index-ff313b19.js';
 
 const createButtonActiveGesture = (el, isButton) => {
   let currentTouchedButton;

package/dist/esm/{capacitor-b4979570.js → capacitor-f1f25364.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-7a14ecec.js';
+import { w as win } from './index-a5d50daf.js';
 
 const getCapacitor = () => {
   if (win !== undefined) {

package/dist/esm/compare-with-utils-4928c09d.js

@@ -0,0 +1,41 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * Uses the compareWith param to compare two values to determine if they are equal.
+ *
+ * @param currentValue The current value of the control.
+ * @param compareValue The value to compare against.
+ * @param compareWith The function or property name to use to compare values.
+ */
+const compareOptions = (currentValue, compareValue, compareWith) => {
+  if (typeof compareWith === 'function') {
+    return compareWith(currentValue, compareValue);
+  }
+  else if (typeof compareWith === 'string') {
+    return currentValue[compareWith] === compareValue[compareWith];
+  }
+  else {
+    return Array.isArray(compareValue) ? compareValue.includes(currentValue) : currentValue === compareValue;
+  }
+};
+/**
+ * Compares a value against the current value(s) to determine if it is selected.
+ *
+ * @param currentValue The current value of the control.
+ * @param compareValue The value to compare against.
+ * @param compareWith The function or property name to use to compare values.
+ */
+const isOptionSelected = (currentValue, compareValue, compareWith) => {
+  if (currentValue === undefined) {
+    return false;
+  }
+  if (Array.isArray(currentValue)) {
+    return currentValue.some((val) => compareOptions(val, compareValue, compareWith));
+  }
+  else {
+    return compareOptions(currentValue, compareValue, compareWith);
+  }
+};
+
+export { compareOptions as c, isOptionSelected as i };

package/dist/esm/{data-12e24f00.js → data-44d9e816.js}

@@ -1392,7 +1392,7 @@ const getMonthColumnData = (locale, refParts, minParts, maxParts, monthValues, f
  * @param minParts The minimum bound on the date that can be returned
  * @param maxParts The maximum bound on the date that can be returned
  * @param dayValues The allowed date values
- * @returns Date data to be used in ion-picker-column
+ * @returns Date data to be used in ion-picker-column-internal
  */
 const getDayColumnData = (locale, refParts, minParts, maxParts, dayValues, formatOptions = {
   day: 'numeric',

package/dist/esm/{gesture-controller-3723db7c.js → gesture-controller-0fa396c4.js}

@@ -192,4 +192,4 @@ class BlockerDelegate {
 const BACKDROP_NO_SCROLL = 'backdrop-no-scroll';
 const GESTURE_CONTROLLER = new GestureController();
 
-export { BACKDROP_NO_SCROLL as B, GESTURE_CONTROLLER as G };
+export { GESTURE_CONTROLLER as G };

package/dist/esm/{haptic-1243b917.js → haptic-1a66d69f.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { g as getCapacitor } from './capacitor-b4979570.js';
+import { g as getCapacitor } from './capacitor-f1f25364.js';
 
 var ImpactStyle;
 (function (ImpactStyle) {

package/dist/esm/{index-0aa6e61f.js → index-23c05a55.js}

@@ -1,11 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { p as printIonWarning } from './index-595d62c9.js';
+import { d as doc } from './index-a5d50daf.js';
 import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-39299f84.js';
+import { p as printIonWarning } from './index-595d62c9.js';
 import { c as componentOnReady } from './helpers-3379ba19.js';
 import { b as getIonMode } from './ionic-global-40e42e7f.js';
-import { c as createAnimation } from './animation-8aa13916.js';
+import { c as createAnimation } from './animation-cf3dd234.js';
 
 /**
  * baseAnimation
@@ -272,17 +273,14 @@ const createMenuController = () => {
   registerAnimation('reveal', menuRevealAnimation);
   registerAnimation('push', menuPushAnimation);
   registerAnimation('overlay', menuOverlayAnimation);
-  if (typeof document !== 'undefined') {
-    document.addEventListener('ionBackButton', (ev) => {
-      // TODO(FW-2832): type
-      const openMenu = _getOpenSync();
-      if (openMenu) {
-        ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
-          return openMenu.close();
-        });
-      }
-    });
-  }
+  doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
+    const openMenu = _getOpenSync();
+    if (openMenu) {
+      ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
+        return openMenu.close();
+      });
+    }
+  });
   return {
     registerAnimation,
     get,

package/dist/esm/{index-6a0ccabb.js → index-702b3cd3.js}

@@ -10,8 +10,8 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-1651c430.js');
-const mdTransitionAnimation = () => import('./md.transition-66f18369.js');
+const iosTransitionAnimation = () => import('./ios.transition-c3e77862.js');
+const mdTransitionAnimation = () => import('./md.transition-1173eca9.js');
 // TODO(FW-2832): types
 const transition = (opts) => {
   return new Promise((resolve, reject) => {

package/dist/esm/index-a5d50daf.js

@@ -0,0 +1,7 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+export { doc as d, win as w };

package/dist/esm/{index-f0cc4e14.js → index-c9e82353.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index-7a14ecec.js';
+import { d as doc } from './index-a5d50daf.js';
 import { u as now, v as pointerCoord } from './helpers-3379ba19.js';
 
 const startTapClick = (config) => {

package/dist/esm/{index-32cbee52.js → index-ff313b19.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { G as GESTURE_CONTROLLER } from './gesture-controller-3723db7c.js';
-export { G as GESTURE_CONTROLLER } from './gesture-controller-3723db7c.js';
+import { G as GESTURE_CONTROLLER } from './gesture-controller-0fa396c4.js';
+export { G as GESTURE_CONTROLLER } from './gesture-controller-0fa396c4.js';
 
 const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {

package/dist/esm/index.js

@@ -1,23 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-8aa13916.js';
-export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-6a0ccabb.js';
-export { iosTransitionAnimation } from './ios.transition-1651c430.js';
-export { mdTransitionAnimation } from './md.transition-66f18369.js';
+export { c as createAnimation } from './animation-cf3dd234.js';
+export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-702b3cd3.js';
+export { iosTransitionAnimation } from './ios.transition-c3e77862.js';
+export { mdTransitionAnimation } from './md.transition-1173eca9.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-66542bc5.js';
-export { createGesture } from './index-32cbee52.js';
+export { createGesture } from './index-ff313b19.js';
 export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-40e42e7f.js';
 export { c as componentOnReady } from './helpers-3379ba19.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-96c9ace3.js';
 export { o as openURL } from './theme-17531cdf.js';
-export { m as menuController } from './index-0aa6e61f.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-789cd7a7.js';
-import './index-7a14ecec.js';
+export { m as menuController } from './index-23c05a55.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-34169295.js';
+import './index-a5d50daf.js';
 import './index-7c9b1bca.js';
-import './gesture-controller-3723db7c.js';
-import './index-595d62c9.js';
+import './gesture-controller-0fa396c4.js';
 import './hardware-back-button-39299f84.js';
+import './index-595d62c9.js';
 import './framework-delegate-aa433dea.js';
 
 const IonicSlides = (opts) => {

package/dist/esm/{input-shims-d0c93e5d.js → input-shims-1d767845.js}

@@ -1,12 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { w as win, d as doc } from './index-a5d50daf.js';
 import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-4392efa5.js';
 import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-3379ba19.js';
-import { a as KeyboardResize, K as Keyboard } from './keyboard-b063f012.js';
-import { w as win } from './index-7a14ecec.js';
+import { a as KeyboardResize, K as Keyboard } from './keyboard-b6230bfb.js';
 import './index-595d62c9.js';
-import './capacitor-b4979570.js';
+import './capacitor-f1f25364.js';
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -504,7 +504,13 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
 
 const INPUT_BLURRING = true;
 const startInputShims = async (config, platform) => {
-  const doc = document;
+  /**
+   * If doc is undefined then we are in an SSR environment
+   * where input shims do not apply.
+   */
+  if (doc === undefined) {
+    return;
+  }
   const isIOS = platform === 'ios';
   const isAndroid = platform === 'android';
   /**
@@ -582,13 +588,12 @@ const startInputShims = async (config, platform) => {
   for (const input of inputs) {
     registerInput(input);
   }
-  // TODO(FW-2832): types
-  doc.addEventListener('ionInputDidLoad', ((ev) => {
+  doc.addEventListener('ionInputDidLoad', (ev) => {
     registerInput(ev.detail);
-  }));
-  doc.addEventListener('ionInputDidUnload', ((ev) => {
+  });
+  doc.addEventListener('ionInputDidUnload', (ev) => {
     unregisterInput(ev.detail);
-  }));
+  });
 };
 
 export { startInputShims };

package/dist/esm/{input.utils-ec063df4.js → input.utils-2cf5e372.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-7a14ecec.js';
+import { w as win } from './index-a5d50daf.js';
 import { r as raf } from './helpers-3379ba19.js';
 import { a as printIonError } from './index-595d62c9.js';
 
@@ -11,13 +11,14 @@ import { a as printIonError } from './index-595d62c9.js';
  * This is not needed for components using native slots in the Shadow DOM.
  * @internal
  * @param el The host element to observe
- * @param slotName mutationCallback will fire when nodes on this slot change
+ * @param slotName mutationCallback will fire when nodes on these slot(s) change
  * @param mutationCallback The callback to fire whenever the slotted content changes
  */
 const createSlotMutationController = (el, slotName, mutationCallback) => {
   let hostMutationObserver;
   let slottedContentMutationObserver;
   if (win !== undefined && 'MutationObserver' in win) {
+    const slots = Array.isArray(slotName) ? slotName : [slotName];
     hostMutationObserver = new MutationObserver((entries) => {
       for (const entry of entries) {
         for (const node of entry.addedNodes) {
@@ -25,7 +26,7 @@ const createSlotMutationController = (el, slotName, mutationCallback) => {
            * Check to see if the added node
            *  is our slotted content.
            */
-          if (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) {
+          if (node.nodeType === Node.ELEMENT_NODE && slots.includes(node.slot)) {
             /**
              * If so, we want to watch the slotted
              * content itself for changes. This lets us

package/dist/esm/ion-action-sheet.entry.js

@@ -2,18 +2,18 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, e as readTask, h, H as Host, f as getElement } from './index-7c9b1bca.js';
-import { c as createButtonActiveGesture } from './button-active-5b0516e7.js';
+import { c as createButtonActiveGesture } from './button-active-47196c40.js';
 import { r as raf } from './helpers-3379ba19.js';
 import { c as createLockController } from './lock-controller-e8c6c051.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-789cd7a7.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-34169295.js';
 import { g as getClassMap } from './theme-17531cdf.js';
 import { b as getIonMode } from './ionic-global-40e42e7f.js';
-import { c as createAnimation } from './animation-8aa13916.js';
-import './haptic-1243b917.js';
-import './capacitor-b4979570.js';
-import './index-7a14ecec.js';
-import './index-32cbee52.js';
-import './gesture-controller-3723db7c.js';
+import { c as createAnimation } from './animation-cf3dd234.js';
+import './haptic-1a66d69f.js';
+import './capacitor-f1f25364.js';
+import './index-a5d50daf.js';
+import './index-ff313b19.js';
+import './gesture-controller-0fa396c4.js';
 import './framework-delegate-aa433dea.js';
 import './hardware-back-button-39299f84.js';
 import './index-595d62c9.js';

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

@@ -3,18 +3,18 @@
  */
 import { r as registerInstance, d as createEvent, i as forceUpdate, h, H as Host, f as getElement } from './index-7c9b1bca.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-96c9ace3.js';
-import { c as createButtonActiveGesture } from './button-active-5b0516e7.js';
+import { c as createButtonActiveGesture } from './button-active-47196c40.js';
 import { r as raf } from './helpers-3379ba19.js';
 import { c as createLockController } from './lock-controller-e8c6c051.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-789cd7a7.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-34169295.js';
 import { g as getClassMap } from './theme-17531cdf.js';
 import { c as config, b as getIonMode } from './ionic-global-40e42e7f.js';
-import { c as createAnimation } from './animation-8aa13916.js';
-import './haptic-1243b917.js';
-import './capacitor-b4979570.js';
-import './index-7a14ecec.js';
-import './index-32cbee52.js';
-import './gesture-controller-3723db7c.js';
+import { c as createAnimation } from './animation-cf3dd234.js';
+import './haptic-1a66d69f.js';
+import './capacitor-f1f25364.js';
+import './index-a5d50daf.js';
+import './index-ff313b19.js';
+import './gesture-controller-0fa396c4.js';
 import './framework-delegate-aa433dea.js';
 import './hardware-back-button-39299f84.js';
 import './index-595d62c9.js';

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

@@ -7,15 +7,15 @@ import { m as hasLazyBuild, c as componentOnReady, l as clamp, i as inheritAriaA
 import { i as isRTL } from './dir-912e3e13.js';
 import { c as createColorClasses, h as hostContext } from './theme-17531cdf.js';
 import { a as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-4392efa5.js';
-import { c as createKeyboardController } from './keyboard-controller-0c2dce71.js';
+import { c as createKeyboardController } from './keyboard-controller-3f0faa10.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-66542bc5.js';
 import { a as attachComponent, d as detachComponent } from './framework-delegate-aa433dea.js';
 import { c as createLockController } from './lock-controller-e8c6c051.js';
-import { t as transition } from './index-6a0ccabb.js';
+import { t as transition } from './index-702b3cd3.js';
 import './index-595d62c9.js';
-import './index-7a14ecec.js';
-import './keyboard-b063f012.js';
-import './capacitor-b4979570.js';
+import './index-a5d50daf.js';
+import './keyboard-b6230bfb.js';
+import './capacitor-f1f25364.js';
 
 const appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
 
@@ -28,7 +28,7 @@ const App = class {
       rIC(async () => {
         const isHybrid = isPlatform(window, 'hybrid');
         if (!config.getBoolean('_testing')) {
-          import('./index-f0cc4e14.js').then((module) => module.startTapClick(config));
+          import('./index-c9e82353.js').then((module) => module.startTapClick(config));
         }
         if (config.getBoolean('statusTap', isHybrid)) {
           import('./status-tap-9ce68758.js').then((module) => module.startStatusTap());
@@ -39,7 +39,7 @@ const App = class {
            * platforms proceed into this block.
            */
           const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
-          import('./input-shims-d0c93e5d.js').then((module) => module.startInputShims(config, platform));
+          import('./input-shims-1d767845.js').then((module) => module.startInputShims(config, platform));
         }
         const hardwareBackButtonModule = await import('./hardware-back-button-39299f84.js');
         if (config.getBoolean('hardwareBackButton', isHybrid)) {
@@ -49,7 +49,7 @@ const App = class {
           hardwareBackButtonModule.blockHardwareBackButton();
         }
         if (typeof window !== 'undefined') {
-          import('./keyboard-b551279d.js').then((module) => module.startKeyboardAssist(window));
+          import('./keyboard-9f771a04.js').then((module) => module.startKeyboardAssist(window));
         }
         import('./focus-visible-85493433.js').then((module) => (this.focusVisible = module.startFocusVisible()));
       });
@@ -131,7 +131,7 @@ Buttons.style = {
   md: buttonsMdCss
 };
 
-const contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}";
+const contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}";
 
 const Content = class {
   constructor(hostRef) {
@@ -1010,7 +1010,7 @@ const RouterOutlet = class {
         this.swipeHandler.onStart();
       }
     };
-    this.gesture = (await import('./swipe-back-cc4c2bcb.js')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
+    this.gesture = (await import('./swipe-back-0f3bfc8e.js')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
       if (this.ani) {
         this.ani.onFinish(() => {
           this.gestureOrAnimationInProgress = false;

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

@@ -2,6 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host } from './index-7c9b1bca.js';
+import { G as GESTURE_CONTROLLER } from './gesture-controller-0fa396c4.js';
 import { b as getIonMode } from './ionic-global-40e42e7f.js';
 
 const backdropIosCss = ":host{left:0;right:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none;z-index:2}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:var(--ion-backdrop-color, #000)}";
@@ -12,10 +13,21 @@ const Backdrop = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ionBackdropTap = createEvent(this, "ionBackdropTap", 7);
+    this.blocker = GESTURE_CONTROLLER.createBlocker({
+      disableScroll: true,
+    });
     this.visible = true;
     this.tappable = true;
     this.stopPropagation = true;
   }
+  connectedCallback() {
+    if (this.stopPropagation) {
+      this.blocker.block();
+    }
+  }
+  disconnectedCallback() {
+    this.blocker.unblock();
+  }
   onMouseDown(ev) {
     this.emitTap(ev);
   }

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

@@ -82,6 +82,8 @@ const Checkbox = class {
   emitStyle() {
     const style = {
       'interactive-disabled': this.disabled,
+      // TODO(FW-3100): remove this
+      legacy: !!this.legacy,
     };
     // TODO(FW-3100): remove this
     if (this.legacyFormController.hasLegacyControl()) {

package/dist/esm/ion-datetime-button.entry.js

@@ -6,7 +6,7 @@ import { a as addEventListener, c as componentOnReady } from './helpers-3379ba19
 import { a as printIonError } from './index-595d62c9.js';
 import { c as createColorClasses } from './theme-17531cdf.js';
 import { b as getIonMode } from './ionic-global-40e42e7f.js';
-import { q as parseDate, t as getToday, J as getHourCycle, S as getLocalizedDateTime, G as getMonthAndYear, K as getLocalizedTime, T as getMonthDayAndYear } from './data-12e24f00.js';
+import { q as parseDate, t as getToday, J as getHourCycle, S as getLocalizedDateTime, G as getMonthAndYear, K as getLocalizedTime, T as getMonthDayAndYear } from './data-44d9e816.js';
 
 const iosDatetimeButtonCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}";