@ionic/core 7.5.7-dev.11701188221.15180cb4 → 7.5.7-dev.11701203423.1b6a8829

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

@@ -189,5 +189,5 @@ class BlockerDelegate {
     this.ctrl = undefined;
   }
 }
-export const BACKDROP_NO_SCROLL = 'backdrop-no-scroll';
+const BACKDROP_NO_SCROLL = 'backdrop-no-scroll';
 export const GESTURE_CONTROLLER = new GestureController();

package/dist/collection/utils/overlays.js

@@ -5,7 +5,6 @@ import { doc } from "./browser/index";
 import { config } from "../global/config";
 import { getIonMode } from "../global/ionic-global";
 import { CoreDelegate } from "./framework-delegate";
-import { BACKDROP_NO_SCROLL } from "./gesture/gesture-controller";
 import { OVERLAY_BACK_BUTTON_PRIORITY } from "./hardware-back-button";
 import { addEventListener, componentOnReady, focusElement, getElementRoot, removeEventListener } from "./helpers";
 import { printIonWarning } from "./logging";
@@ -29,10 +28,7 @@ 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 pickerController = /*@__PURE__*/ createController('ion-picker');
 export const popoverController = /*@__PURE__*/ createController('ion-popover');
 export const toastController = /*@__PURE__*/ createController('ion-toast');
 /**
@@ -142,7 +138,7 @@ const focusLastDescendant = (ref, overlay) => {
  * Should NOT include: Toast
  */
 const trapKeyboardFocus = (ev, doc) => {
-  const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover');
+  const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover');
   const target = ev.target;
   /**
    * If no active overlay, ignore this event.
@@ -327,7 +323,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-picker-legacy,ion-popover,ion-toast';
+    selector = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover,ion-toast';
   }
   return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
 };
@@ -393,7 +389,6 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
     return;
   }
   setRootAriaHidden(true);
-  document.body.classList.add(BACKDROP_NO_SCROLL);
   overlay.presented = true;
   overlay.willPresent.emit();
   (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -456,14 +451,12 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
   if (!overlay.presented) {
     return false;
   }
-  const lastOverlay = doc !== undefined && getPresentedOverlays(doc).length === 1;
   /**
    * If this is the last visible overlay then
    * we want to re-add the root to the accessibility tree.
    */
-  if (lastOverlay) {
+  if (doc !== undefined && getPresentedOverlays(doc).length === 1) {
     setRootAriaHidden(false);
-    document.body.classList.remove(BACKDROP_NO_SCROLL);
   }
   overlay.presented = false;
   try {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-11-28T16:18:52",
+  "timestamp": "2023-11-28T20:32:36",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.7.2",
@@ -2574,7 +2574,7 @@
         "ion-loading",
         "ion-menu",
         "ion-modal",
-        "ion-picker-legacy",
+        "ion-picker",
         "ion-popover"
       ],
       "dependencies": [],
@@ -2594,7 +2594,7 @@
         "ion-modal": [
           "ion-backdrop"
         ],
-        "ion-picker-legacy": [
+        "ion-picker": [
           "ion-backdrop"
         ],
         "ion-popover": [
@@ -7926,8 +7926,9 @@
         "ion-button",
         "ion-picker-internal",
         "ion-picker-column-internal",
+        "ion-item",
+        "ion-label",
         "ion-icon",
-        "ion-ripple-effect",
         "ion-popover"
       ],
       "dependencyGraph": {
@@ -7936,13 +7937,19 @@
           "ion-button",
           "ion-picker-internal",
           "ion-picker-column-internal",
+          "ion-item",
+          "ion-label",
           "ion-icon",
-          "ion-ripple-effect",
           "ion-popover"
         ],
         "ion-button": [
           "ion-ripple-effect"
         ],
+        "ion-item": [
+          "ion-icon",
+          "ion-ripple-effect",
+          "ion-note"
+        ],
         "ion-popover": [
           "ion-backdrop"
         ]
@@ -11957,6 +11964,7 @@
         }
       ],
       "dependents": [
+        "ion-datetime",
         "ion-select-popover"
       ],
       "dependencies": [
@@ -11970,6 +11978,9 @@
           "ion-ripple-effect",
           "ion-note"
         ],
+        "ion-datetime": [
+          "ion-item"
+        ],
         "ion-select-popover": [
           "ion-item"
         ]
@@ -12960,10 +12971,14 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "ion-datetime",
         "ion-select-popover"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "ion-datetime": [
+          "ion-label"
+        ],
         "ion-select-popover": [
           "ion-label"
         ]
@@ -17249,9 +17264,9 @@
       }
     },
     {
-      "filePath": "src/components/picker-legacy/picker.tsx",
+      "filePath": "src/components/picker/picker.tsx",
       "encapsulation": "scoped",
-      "tag": "ion-picker-legacy",
+      "tag": "ion-picker",
       "docs": "",
       "docsTags": [
         {
@@ -17315,7 +17330,7 @@
               "PickerButton": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerButton"
+                "id": "src/components/picker/picker-interface.ts::PickerButton"
               }
             }
           },
@@ -17342,7 +17357,7 @@
               "PickerColumn": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
+                "id": "src/components/picker/picker-interface.ts::PickerColumn"
               }
             }
           },
@@ -17679,7 +17694,7 @@
               "PickerColumn": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
+                "id": "src/components/picker/picker-interface.ts::PickerColumn"
               }
             },
             "return": "Promise<PickerColumn | undefined>"
@@ -17990,12 +18005,12 @@
       "dependents": [],
       "dependencies": [
         "ion-backdrop",
-        "ion-picker-legacy-column"
+        "ion-picker-column"
       ],
       "dependencyGraph": {
-        "ion-picker-legacy": [
+        "ion-picker": [
           "ion-backdrop",
-          "ion-picker-legacy-column"
+          "ion-picker-column"
         ]
       }
     },
@@ -21223,7 +21238,6 @@
         "ion-button",
         "ion-card",
         "ion-chip",
-        "ion-datetime",
         "ion-datetime-button",
         "ion-fab-button",
         "ion-item",
@@ -21253,9 +21267,6 @@
         "ion-chip": [
           "ion-ripple-effect"
         ],
-        "ion-datetime": [
-          "ion-ripple-effect"
-        ],
         "ion-datetime-button": [
           "ion-ripple-effect"
         ],
@@ -29157,15 +29168,15 @@
       "docstring": "",
       "path": "src/components/router/utils/interface.ts"
     },
-    "src/components/picker-legacy/picker-interface.ts::PickerButton": {
+    "src/components/picker/picker-interface.ts::PickerButton": {
       "declaration": "export interface PickerButton {\n  text?: string;\n  role?: string;\n  cssClass?: string | string[];\n  handler?: (value: any) => boolean | void;\n}",
       "docstring": "",
-      "path": "src/components/picker-legacy/picker-interface.ts"
+      "path": "src/components/picker/picker-interface.ts"
     },
-    "src/components/picker-legacy/picker-interface.ts::PickerColumn": {
+    "src/components/picker/picker-interface.ts::PickerColumn": {
       "declaration": "export interface PickerColumn {\n  name: string;\n  align?: string;\n  /**\n   * Changing this value allows the initial value of a picker column to be set.\n   */\n  selectedIndex?: number;\n  prevSelected?: number;\n  prefix?: string;\n  suffix?: string;\n  options: PickerColumnOption[];\n  cssClass?: string | string[];\n  columnWidth?: string;\n  prefixWidth?: string;\n  suffixWidth?: string;\n  optionsWidth?: string;\n}",
       "docstring": "",
-      "path": "src/components/picker-legacy/picker-interface.ts"
+      "path": "src/components/picker/picker-interface.ts"
     },
     "src/components/popover/popover-interface.ts::TriggerAction": {
       "declaration": "export type TriggerAction = 'click' | 'hover' | 'context-menu';",

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

@@ -3,7 +3,7 @@
  */
 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 { createGesture } from './index-ff313b19.js';
 
 const createButtonActiveGesture = (el, isButton) => {
   let currentTouchedButton;

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/{index-c132c5f1.js → index-d1a56aed.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-/* Ionicons v7.2.1, ES Modules */
+/* Ionicons v7.1.3-dev.11699459714.11b7e8aa, ES Modules */
 const arrowBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='square' stroke-miterlimit='10' stroke-width='48' d='M244 400L100 256l144-144M120 256h292' class='ionicon-fill-none'/></svg>";
 const arrowDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 268l144 144 144-144M256 392V100' class='ionicon-fill-none'/></svg>";
 const caretBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M368 64L144 256l224 192V64z'/></svg>";

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

@@ -6,16 +6,16 @@ export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL
 export { iosTransitionAnimation } from './ios.transition-1651c430.js';
 export { mdTransitionAnimation } from './md.transition-66f18369.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';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-6c9feb7e.js';
 import './index-7a14ecec.js';
 import './index-7c9b1bca.js';
-import './gesture-controller-3723db7c.js';
+import './gesture-controller-0fa396c4.js';
 import './index-595d62c9.js';
 import './hardware-back-button-39299f84.js';
 import './framework-delegate-aa433dea.js';

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-7c9b1bca.js';
 import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-3379ba19.js';
-import { l as chevronDown } from './index-c132c5f1.js';
+import { l as chevronDown } from './index-d1a56aed.js';
 import { c as config, b as getIonMode } from './ionic-global-40e42e7f.js';
 import { p as printIonWarning } from './index-595d62c9.js';
 

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-ce5cba4c.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-6c9feb7e.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 './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-ce5cba4c.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-6c9feb7e.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 './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

@@ -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-back-button.entry.js

@@ -4,7 +4,7 @@
 import { r as registerInstance, h, H as Host, f as getElement } from './index-7c9b1bca.js';
 import { i as inheritAriaAttributes } from './helpers-3379ba19.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-17531cdf.js';
-import { c as chevronBack, a as arrowBackSharp } from './index-c132c5f1.js';
+import { c as chevronBack, a as arrowBackSharp } from './index-d1a56aed.js';
 import { c as config, b as getIonMode } from './ionic-global-40e42e7f.js';
 
 const backButtonIosCss = ":host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-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:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-hover:transparent;--background-hover-opacity:1;--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #3880ff);--icon-margin-end:1px;--icon-margin-start:-4px;--icon-font-size:1.6em;--min-height:32px;font-size:clamp(17px, 1.0625rem, 21.998px)}.button-native{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:visible;z-index:99}:host(.ion-activated) .button-native{opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}";

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-breadcrumb_2.entry.js

@@ -4,7 +4,7 @@
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-7c9b1bca.js';
 import { i as inheritAriaAttributes } from './helpers-3379ba19.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-17531cdf.js';
-import { m as chevronForwardOutline, n as ellipsisHorizontal } from './index-c132c5f1.js';
+import { m as chevronForwardOutline, n as ellipsisHorizontal } from './index-d1a56aed.js';
 import { b as getIonMode } from './ionic-global-40e42e7f.js';
 
 const breadcrumbIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, #2d4665);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-color-step-50, rgba(233, 237, 243, 0.7));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-color-step-750, #445b78)}.breadcrumb-separator{color:var(--ion-color-step-550, #73849a)}::slotted(ion-icon){color:var(--ion-color-step-400, #92a0b3);font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, #242d39)}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, #e9edf3);color:var(--ion-color-step-550, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, #d9e0ea)}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}";

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

@@ -442,26 +442,29 @@ const getSvgContent = (url, sanitize) => {
   return req;
 };
 
-const iconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host .ionicon{stroke:currentColor}.ionicon-fill-none{fill:none}.ionicon-stroke-width{stroke-width:32px;stroke-width:var(--ionicon-stroke-width, 32px)}.icon-inner,.ionicon,svg{display:block;height:100%;width:100%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}@supports not selector(:dir(rtl)) and selector(:host-context([dir='rtl'])){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}}:host(.icon-small){font-size:1.125rem !important}:host(.icon-large){font-size:2rem !important}:host(.ion-color){color:var(--ion-color-base) !important}:host(.ion-color-primary){--ion-color-base:var(--ion-color-primary, #3880ff)}:host(.ion-color-secondary){--ion-color-base:var(--ion-color-secondary, #0cd1e8)}:host(.ion-color-tertiary){--ion-color-base:var(--ion-color-tertiary, #f4a942)}:host(.ion-color-success){--ion-color-base:var(--ion-color-success, #10dc60)}:host(.ion-color-warning){--ion-color-base:var(--ion-color-warning, #ffce00)}:host(.ion-color-danger){--ion-color-base:var(--ion-color-danger, #f14141)}:host(.ion-color-light){--ion-color-base:var(--ion-color-light, #f4f5f8)}:host(.ion-color-medium){--ion-color-base:var(--ion-color-medium, #989aa2)}:host(.ion-color-dark){--ion-color-base:var(--ion-color-dark, #222428)}";
+const iconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;font-size:1rem}:host .ionicon{stroke:currentColor}.ionicon-fill-none{fill:none}.ionicon-stroke-width{stroke-width:32px;stroke-width:var(--ionicon-stroke-width, 32px)}.icon-inner,.ionicon,svg{display:block;height:100%;width:100%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}@supports not selector(:dir(rtl)) and selector(:host-context([dir='rtl'])){:host(.icon-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}}:host(.icon-small){font-size:1.125rem !important}:host(.icon-large){font-size:2rem !important}:host(.ion-color){color:var(--ion-color-base) !important}:host(.ion-color-primary){--ion-color-base:var(--ion-color-primary, #3880ff)}:host(.ion-color-secondary){--ion-color-base:var(--ion-color-secondary, #0cd1e8)}:host(.ion-color-tertiary){--ion-color-base:var(--ion-color-tertiary, #f4a942)}:host(.ion-color-success){--ion-color-base:var(--ion-color-success, #10dc60)}:host(.ion-color-warning){--ion-color-base:var(--ion-color-warning, #ffce00)}:host(.ion-color-danger){--ion-color-base:var(--ion-color-danger, #f14141)}:host(.ion-color-light){--ion-color-base:var(--ion-color-light, #f4f5f8)}:host(.ion-color-medium){--ion-color-base:var(--ion-color-medium, #989aa2)}:host(.ion-color-dark){--ion-color-base:var(--ion-color-dark, #222428)}";
 
 const Icon = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.iconName = null;
     this.inheritedAttributes = {};
-    this.didLoadIcon = false;
-    this.svgContent = undefined;
     this.isVisible = false;
+    /**
+     * The mode determines which platform styles to use.
+     */
     this.mode = getIonMode();
-    this.color = undefined;
-    this.ios = undefined;
-    this.md = undefined;
-    this.flipRtl = undefined;
-    this.name = undefined;
-    this.src = undefined;
-    this.icon = undefined;
-    this.size = undefined;
+    /**
+     * If enabled, ion-icon will be loaded lazily when it's visible in the viewport.
+     * Default, `false`.
+     */
     this.lazy = false;
+    /**
+     * When set to `false`, SVG content that is HTTP fetched will not be checked
+     * if the response SVG content has any `<script>` elements, or any attributes
+     * that start with `on`, such as `onclick`.
+     * @default true
+     */
     this.sanitize = true;
   }
   componentWillLoad() {
@@ -476,17 +479,6 @@ const Icon = class {
       this.loadIcon();
     });
   }
-  componentDidLoad() {
-    /**
-     * Addresses an Angular issue where property values are assigned after the 'connectedCallback' but prior to the registration of watchers.
-     * This enhancement ensures the loading of an icon when the component has finished rendering and the icon has yet to apply the SVG data.
-     * This modification pertains to the usage of Angular's binding syntax:
-     * `<ion-icon [name]="myIconName"></ion-icon>`
-     */
-    if (!this.didLoadIcon) {
-      this.loadIcon();
-    }
-  }
   disconnectedCallback() {
     if (this.io) {
       this.io.disconnect();
@@ -522,7 +514,6 @@ const Icon = class {
           // async if it hasn't been loaded
           getSvgContent(url, this.sanitize).then(() => (this.svgContent = ioniconContent.get(url)));
         }
-        this.didLoadIcon = true;
       }
     }
     this.iconName = getName(this.name, this.icon, this.mode, this.ios, this.md);