@ionic/core 7.5.8-dev.11703088210.14a72b83 → 7.5.8-dev.11705350665.1a40ee3a

package/dist/esm/{app-globals-c23144fc.js → app-globals-722340c4.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { i as initialize } from './ionic-global-6c78e871.js';
+import { i as initialize } from './ionic-global-c0cda98e.js';
 
 const globalScripts = initialize;
 

package/dist/esm/{button-active-7013b5a1.js → button-active-ed9d848c.js}

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask } from './index-39329c6f.js';
+import { w as writeTask } from './index-08d686eb.js';
 import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-152c4172.js';
-import { createGesture } from './index-2cf77112.js';
+import { createGesture } from './index-39782642.js';
 
 const createButtonActiveGesture = (el, isButton) => {
     let currentTouchedButton;

package/dist/esm/{data-f5c75b4e.js → data-4b9508c9.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-internal
+ * @returns Date data to be used in ion-picker-column
  */
 const getDayColumnData = (locale, refParts, minParts, maxParts, dayValues, formatOptions = {
     day: 'numeric',

package/dist/esm/{gesture-controller-1bf57181.js → gesture-controller-314a54f6.js}

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

package/dist/esm/{index-39329c6f.js → index-08d686eb.js}

@@ -263,6 +263,17 @@ const convertToPrivate = (node) => {
     vnode.$name$ = node.vname;
     return vnode;
 };
+/**
+ * Entrypoint of the client-side hydration process. Facilitates calls to hydrate the
+ * document and all its nodes.
+ *
+ * This process will also reconstruct the shadow root and slot DOM nodes for components using shadow DOM.
+ *
+ * @param hostElm The element to hydrate.
+ * @param tagName The element's tag name.
+ * @param hostId The host ID assigned to the element by the server.
+ * @param hostRef The host reference for the element.
+ */
 const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
     const endHydrate = createTime('hydrateClient', tagName);
     const shadowRoot = hostElm.shadowRoot;
@@ -280,6 +291,8 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         const orgLocationId = c.$hostId$ + '.' + c.$nodeId$;
         const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
         const node = c.$elm$;
+        // Put the node back in its original location since the native Shadow DOM
+        // can handle rendering it its correct location now
         if (orgLocationNode && supportsShadow && orgLocationNode['s-en'] === '') {
             orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
         }
@@ -301,6 +314,22 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
     }
     endHydrate();
 };
+/**
+ * Recursively constructs the virtual node tree for a host element and its children.
+ * The tree is constructed by parsing the annotations set on the nodes by the server.
+ *
+ * In addition to constructing the vNode tree, we also track information about the node's
+ * descendants like which are slots, which should exist in the shadow root, and which
+ * are nodes that should be rendered as children of the parent node.
+ *
+ * @param parentVNode The vNode representing the parent node.
+ * @param childRenderNodes An array of all child nodes in the parent's node tree.
+ * @param slotNodes An array of all slot nodes in the parent's node tree.
+ * @param shadowRootNodes An array all nodes that should be rendered in the shadow root in the parent's node tree.
+ * @param hostElm The parent element.
+ * @param node The node to construct the vNode tree for.
+ * @param hostId The host ID assigned to the element by the server.
+ */
 const clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {
     let childNodeType;
     let childIdSplt;
@@ -445,6 +474,13 @@ const clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes
         parentVNode.$children$ = [vnode];
     }
 };
+/**
+ * Recursively locate any comments representing an original location for a node in a node's
+ * children or shadowRoot children.
+ *
+ * @param node The node to search.
+ * @param orgLocNodes A map of the original location annotation and the current node being searched.
+ */
 const initializeDocumentHydrate = (node, orgLocNodes) => {
     if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {
         let i = 0;
@@ -2527,12 +2563,14 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // If we have styles, add them to the DOM
     if (dataStyles.innerHTML.length) {
         dataStyles.setAttribute('data-styles', '');
-        head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
         // Apply CSP nonce to the style tag if it exists
         const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
         if (nonce != null) {
             dataStyles.setAttribute('nonce', nonce);
         }
+        // Insert the styles into the document head
+        // NOTE: this _needs_ to happen last so we can ensure the nonce (and other attributes) are applied
+        head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;

package/dist/esm/{index-2cf77112.js → index-39782642.js}

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

package/dist/esm/{index-7a818ed3.js → index-80492ed3.js}

@@ -4,7 +4,7 @@
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-b2bc76db.js';
 import { c as componentOnReady } from './helpers-ae653409.js';
-import { b as getIonMode } from './ionic-global-6c78e871.js';
+import { b as getIonMode } from './ionic-global-c0cda98e.js';
 import { c as createAnimation } from './animation-fb0e0f6f.js';
 
 /**

package/dist/esm/{index-bebaae5d.js → index-933484ae.js}

@@ -1,7 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask, B as Build } from './index-39329c6f.js';
+import { w as writeTask, B as Build } from './index-08d686eb.js';
+import { p as printIonWarning } from './index-9b0d46f4.js';
+import { c as config } from './ionic-global-c0cda98e.js';
 import { r as raf } from './helpers-ae653409.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
@@ -10,8 +12,8 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-daa373e9.js');
-const mdTransitionAnimation = () => import('./md.transition-91c3d3cc.js');
+const iosTransitionAnimation = () => import('./ios.transition-9e42996d.js');
+const mdTransitionAnimation = () => import('./md.transition-8cbb4e1d.js');
 // TODO(FW-2832): types
 const transition = (opts) => {
     return new Promise((resolve, reject) => {
@@ -30,9 +32,23 @@ const transition = (opts) => {
         });
     });
 };
+const LAST_FOCUS = 'ion-last-focus';
 const beforeTransition = (opts) => {
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
+    const focusManagerEnabled = config.get('experimentalFocusManagerPriority', false);
+    /**
+     * When going back to a previously visited page
+     * focus should typically be moved back to the
+     * element that was last focused when the user
+     * was on this view.
+     */
+    if (focusManagerEnabled) {
+        const activeEl = document.activeElement;
+        if (activeEl !== null && (leavingEl === null || leavingEl === void 0 ? void 0 : leavingEl.contains(activeEl))) {
+            activeEl.setAttribute(LAST_FOCUS, 'true');
+        }
+    }
     setZIndex(enteringEl, leavingEl, opts.direction);
     if (opts.showGoBack) {
         enteringEl.classList.add('can-go-back');
@@ -58,6 +74,18 @@ const runTransition = async (opts) => {
     const ani = animationBuilder && Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
     return ani;
 };
+/**
+ * Moves focus to a specified element.
+ * Note that we do not remove the tabindex
+ * because that can result in an unintentional
+ * blur. Non-focusables can't be focused, so the
+ * body will get focused again.
+ */
+const moveFocus = (el) => {
+    el.tabIndex = -1;
+    el.focus();
+    console.log('focus', el);
+};
 const afterTransition = (opts) => {
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
@@ -67,6 +95,69 @@ const afterTransition = (opts) => {
         leavingEl.classList.remove('ion-page-invisible');
         leavingEl.style.removeProperty('pointer-events');
     }
+    const focusManagerPriorities = config.get('experimentalFocusManagerPriority', false);
+    if (Array.isArray(focusManagerPriorities) && !enteringEl.contains(document.activeElement)) {
+        /**
+         * When going back to a previously visited view
+         * focus should always be moved back to the element
+         * that the user was last focused on when they were on this view.
+         */
+        const lastFocus = enteringEl.querySelector(`[${LAST_FOCUS}]`);
+        if (lastFocus) {
+            moveFocus(lastFocus);
+            return;
+        }
+        for (const priority of focusManagerPriorities) {
+            switch (priority) {
+                case 'content':
+                    /**
+                     * If no level one heading exists then we should at least focus the
+                     * header so focus starts at the top of the page.
+                     */
+                    const content = enteringEl.querySelector('main, [role="main"]');
+                    if (content) {
+                        moveFocus(content);
+                        return;
+                    }
+                    break;
+                case 'heading':
+                    /**
+                     * If no last focus exists then we should prefer to focus
+                     * level one headings. We do not prioritize the header yet
+                     * because the header can have non-title elements such as
+                     * a back button which is not necessarily helpful
+                     * to focus first.
+                     */
+                    const headingOne = enteringEl.querySelector('h1, [role="heading"][aria-level="1"]');
+                    if (headingOne) {
+                        moveFocus(headingOne);
+                        return;
+                    }
+                    break;
+                case 'banner':
+                    /**
+                     * If no level one heading exists then we should at least focus the
+                     * header so focus starts at the top of the page.
+                     */
+                    const header = enteringEl.querySelector('header, [role="banner"]');
+                    if (header) {
+                        moveFocus(header);
+                        return;
+                    }
+                    break;
+                default:
+                    printIonWarning(`Unrecognized focus manager priority value ${priority}`);
+                    break;
+            }
+        }
+        /**
+         * If there is no header then focus the page
+         * so focus at least moves to the correct view.
+         * The browser will then determine where within the
+         * page to move focus to.
+         */
+        moveFocus(enteringEl);
+    }
 };
 const getAnimationBuilder = async (opts) => {
     if (!opts.leavingEl || !opts.animated || opts.duration === 0) {

package/dist/esm/index.js

@@ -2,21 +2,21 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 export { c as createAnimation } from './animation-fb0e0f6f.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-bebaae5d.js';
-export { iosTransitionAnimation } from './ios.transition-daa373e9.js';
-export { mdTransitionAnimation } from './md.transition-91c3d3cc.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-933484ae.js';
+export { iosTransitionAnimation } from './ios.transition-9e42996d.js';
+export { mdTransitionAnimation } from './md.transition-8cbb4e1d.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-export { createGesture } from './index-2cf77112.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-6c78e871.js';
+export { createGesture } from './index-39782642.js';
+export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-c0cda98e.js';
 export { c as componentOnReady } from './helpers-ae653409.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-49c88215.js';
 export { o as openURL } from './theme-01f3f29c.js';
-export { m as menuController } from './index-7a818ed3.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-64e67e2c.js';
+export { m as menuController } from './index-80492ed3.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-fbc5cab5.js';
 import './index-7a14ecec.js';
-import './index-39329c6f.js';
-import './gesture-controller-1bf57181.js';
+import './index-08d686eb.js';
 import './index-9b0d46f4.js';
+import './gesture-controller-314a54f6.js';
 import './hardware-back-button-b2bc76db.js';
 import './framework-delegate-bc1fd82a.js';
 

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

@@ -1,10 +1,10 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-39329c6f.js';
+import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-08d686eb.js';
 import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-ae653409.js';
 import { l as chevronDown } from './index-c132c5f1.js';
-import { c as config, b as getIonMode } from './ionic-global-6c78e871.js';
+import { c as config, b as getIonMode } from './ionic-global-c0cda98e.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 
 const accordionIosCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";

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

@@ -1,19 +1,19 @@
 /*!
  * (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-39329c6f.js';
-import { c as createButtonActiveGesture } from './button-active-7013b5a1.js';
+import { r as registerInstance, d as createEvent, e as readTask, h, H as Host, f as getElement } from './index-08d686eb.js';
+import { c as createButtonActiveGesture } from './button-active-ed9d848c.js';
 import { r as raf } from './helpers-ae653409.js';
 import { c as createLockController } from './lock-controller-316928be.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-64e67e2c.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-fbc5cab5.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { b as getIonMode } from './ionic-global-6c78e871.js';
+import { b as getIonMode } from './ionic-global-c0cda98e.js';
 import { c as createAnimation } from './animation-fb0e0f6f.js';
 import './haptic-152c4172.js';
 import './capacitor-b0e5fe83.js';
 import './index-7a14ecec.js';
-import './index-2cf77112.js';
-import './gesture-controller-1bf57181.js';
+import './index-39782642.js';
+import './gesture-controller-314a54f6.js';
 import './framework-delegate-bc1fd82a.js';
 import './hardware-back-button-b2bc76db.js';
 import './index-9b0d46f4.js';

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

@@ -1,20 +1,20 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, d as createEvent, i as forceUpdate, h, H as Host, f as getElement } from './index-39329c6f.js';
+import { r as registerInstance, d as createEvent, i as forceUpdate, h, H as Host, f as getElement } from './index-08d686eb.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
-import { c as createButtonActiveGesture } from './button-active-7013b5a1.js';
+import { c as createButtonActiveGesture } from './button-active-ed9d848c.js';
 import { r as raf } from './helpers-ae653409.js';
 import { c as createLockController } from './lock-controller-316928be.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-64e67e2c.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-fbc5cab5.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { c as config, b as getIonMode } from './ionic-global-6c78e871.js';
+import { c as config, b as getIonMode } from './ionic-global-c0cda98e.js';
 import { c as createAnimation } from './animation-fb0e0f6f.js';
 import './haptic-152c4172.js';
 import './capacitor-b0e5fe83.js';
 import './index-7a14ecec.js';
-import './index-2cf77112.js';
-import './gesture-controller-1bf57181.js';
+import './index-39782642.js';
+import './gesture-controller-314a54f6.js';
 import './framework-delegate-bc1fd82a.js';
 import './hardware-back-button-b2bc76db.js';
 import './index-9b0d46f4.js';

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

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, H as Host, f as getElement, d as createEvent, e as readTask, i as forceUpdate, w as writeTask } from './index-39329c6f.js';
-import { b as getIonMode, c as config, a as isPlatform } from './ionic-global-6c78e871.js';
+import { r as registerInstance, h, H as Host, f as getElement, d as createEvent, e as readTask, i as forceUpdate, w as writeTask } from './index-08d686eb.js';
+import { b as getIonMode, c as config, a as isPlatform } from './ionic-global-c0cda98e.js';
 import { m as hasLazyBuild, c as componentOnReady, l as clamp, i as inheritAriaAttributes, s as shallowEqualStringMap } from './helpers-ae653409.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
@@ -11,7 +11,7 @@ import { c as createKeyboardController } from './keyboard-controller-5d90929a.js
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 import { a as attachComponent, d as detachComponent } from './framework-delegate-bc1fd82a.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { t as transition } from './index-bebaae5d.js';
+import { t as transition } from './index-933484ae.js';
 import './index-9b0d46f4.js';
 import './index-7a14ecec.js';
 import './keyboard-dbb05fb9.js';
@@ -31,7 +31,7 @@ const App = class {
                     import('./index-ba9976bb.js').then((module) => module.startTapClick(config));
                 }
                 if (config.getBoolean('statusTap', isHybrid)) {
-                    import('./status-tap-9dd45200.js').then((module) => module.startStatusTap());
+                    import('./status-tap-2b93b1b5.js').then((module) => module.startStatusTap());
                 }
                 if (config.getBoolean('inputShims', needInputShims())) {
                     /**
@@ -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)}: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 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 Content = class {
     constructor(hostRef) {
@@ -457,9 +457,8 @@ const Content = class {
         const mode = getIonMode(this);
         const forceOverscroll = this.shouldForceOverscroll();
         const transitionShadow = mode === 'ios';
-        const TagType = isMainContent ? 'main' : 'div';
         this.resize();
-        return (h(Host, { class: createColorClasses(this.color, {
+        return (h(Host, { role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
                 [mode]: true,
                 'content-sizing': hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -467,7 +466,7 @@ const Content = class {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, h("div", { ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), h(TagType, { class: {
+            } }, h("div", { ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), h("div", { class: {
                 'inner-scroll': true,
                 'scroll-x': scrollX,
                 'scroll-y': scrollY,
@@ -1010,7 +1009,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await import('./swipe-back-a6f386fc.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-a8ca7f93.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-avatar_3.entry.js

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, H as Host } from './index-39329c6f.js';
-import { b as getIonMode } from './ionic-global-6c78e871.js';
+import { r as registerInstance, h, H as Host } from './index-08d686eb.js';
+import { b as getIonMode } from './ionic-global-c0cda98e.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 
 const avatarIosCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";

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

@@ -1,11 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, H as Host, f as getElement } from './index-39329c6f.js';
+import { r as registerInstance, h, H as Host, f as getElement } from './index-08d686eb.js';
 import { i as inheritAriaAttributes } from './helpers-ae653409.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { c as chevronBack, a as arrowBackSharp } from './index-c132c5f1.js';
-import { c as config, b as getIonMode } from './ionic-global-6c78e871.js';
+import { c as config, b as getIonMode } from './ionic-global-c0cda98e.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

@@ -1,9 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, d as createEvent, h, H as Host } from './index-39329c6f.js';
-import { G as GESTURE_CONTROLLER } from './gesture-controller-1bf57181.js';
-import { b as getIonMode } from './ionic-global-6c78e871.js';
+import { r as registerInstance, d as createEvent, h, H as Host } from './index-08d686eb.js';
+import { b as getIonMode } from './ionic-global-c0cda98e.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)}";
 
@@ -13,21 +12,10 @@ 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

@@ -1,11 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-39329c6f.js';
+import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-08d686eb.js';
 import { i as inheritAriaAttributes } from './helpers-ae653409.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { m as chevronForwardOutline, n as ellipsisHorizontal } from './index-c132c5f1.js';
-import { b as getIonMode } from './ionic-global-6c78e871.js';
+import { b as getIonMode } from './ionic-global-c0cda98e.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)}";