@ionic/core 9.0.1-dev.11787248963.10a00c73 → 9.0.1-dev.11787949960.1e63841c

package/dist/cjs/{index-BrVMoqUk.js → index-Bgz6BcKx.js}

@@ -161,7 +161,7 @@ const printRequiredElementError = (el, ...targetSelectors) => {
 };
 
 /*
- Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.44.1 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -279,7 +279,9 @@ var consoleError = (e, el) => (0, console.error)(e, el);
 
 // src/client/client-load-module.ts
 var cmpModules = /* @__PURE__ */ new Map();
+var failedLoadAttempts = /* @__PURE__ */ new Map();
 var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  var _a;
   const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
   const bundleId = cmpMeta.$lazyBundleId$;
   if (!bundleId) {
@@ -289,6 +291,11 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   if (module) {
     return module[exportName];
   }
+  const retryCount = (_a = failedLoadAttempts.get(bundleId)) != null ? _a : 0;
+  const cacheBustParams = [
+    retryCount > 0 ? `s-retry=${retryCount}` : "",
+    ""
+  ].filter(Boolean).join("&");
   
         if (!hmrVersionId || !BUILD.hotModuleReplacement) {
           const processMod = importedModule => {
@@ -512,15 +519,17 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${""}`
+    `./${bundleId}.entry.js${cacheBustParams ? "?" + cacheBustParams : ""}`
   ).then(
     (importedModule) => {
       {
+        failedLoadAttempts.delete(bundleId);
         cmpModules.set(bundleId, importedModule);
       }
       return importedModule[exportName];
     },
     (e) => {
+      failedLoadAttempts.set(bundleId, retryCount + 1);
       consoleError(e, hostRef.$hostElement$);
     }
   );
@@ -542,6 +551,8 @@ var HYDRATE_CHILD_ID = "c-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var MAX_LAZY_LOAD_RETRIES = 3;
+var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
 var win = typeof window !== "undefined" ? window : {};
 var H = win.HTMLElement || class {
 };
@@ -588,6 +599,10 @@ var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @_
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
+var scheduleFlush = () => {
+  var _a;
+  return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
+};
 var queueTask = (queue, write) => (cb) => {
   queue.push(cb);
   if (!queuePending) {
@@ -595,7 +610,7 @@ var queueTask = (queue, write) => (cb) => {
     if (write && plt.$flags$ & 4 /* queueSync */) {
       nextTick(flush);
     } else {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -614,7 +629,7 @@ var flush = () => {
   {
     consume(queueDomWrites);
     if (queuePending = queueDomReads.length > 0) {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -692,7 +707,7 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
       slottedNodes.push(childNode);
       if (typeof slotName !== "undefined") return slottedNodes;
     }
-    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(internalCall(childNode, "childNodes"), hostName, slotName)];
   }
   return slottedNodes;
 }
@@ -1039,13 +1054,13 @@ var patchChildSlotNodes = (elm) => {
   patchHostOriginalAccessor("firstChild", elm);
   Object.defineProperty(elm, "firstChild", {
     get() {
-      return this.childNodes[0];
+      return this.childNodes[0] || null;
     }
   });
   patchHostOriginalAccessor("lastChild", elm);
   Object.defineProperty(elm, "lastChild", {
     get() {
-      return this.childNodes[this.childNodes.length - 1];
+      return this.childNodes[this.childNodes.length - 1] || null;
     }
   });
   patchHostOriginalAccessor("childNodes", elm);
@@ -1076,7 +1091,7 @@ var patchNextSibling = (node) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index + 1];
+        return parentNodes[index + 1] || null;
       }
       return this.__nextSibling;
     }
@@ -1091,7 +1106,7 @@ var patchNextElementSibling = (element) => {
       const parentEles = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
       const index = parentEles == null ? void 0 : parentEles.indexOf(this);
       if (parentEles && index > -1) {
-        return parentEles[index + 1];
+        return parentEles[index + 1] || null;
       }
       return this.__nextElementSibling;
     }
@@ -1106,7 +1121,7 @@ var patchPreviousSibling = (node) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
+        return parentNodes[index - 1] || null;
       }
       return this.__previousSibling;
     }
@@ -1121,7 +1136,7 @@ var patchPreviousElementSibling = (element) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
+        return parentNodes[index - 1] || null;
       }
       return this.__previousElementSibling;
     }
@@ -1366,6 +1381,11 @@ var h = (nodeName, vnodeData, ...children) => {
       } else if (child != null && typeof child !== "boolean") {
         if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
           child = String(child);
+        } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
+          {
+            consoleError("Invalid vNode child");
+          }
+          continue;
         }
         if (simple && lastSimple) {
           vNodeChildren[vNodeChildren.length - 1].$text$ += child;
@@ -2197,7 +2217,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       }
     }
     if (newValue == null || newValue === false) {
-      if (newValue !== false || elm.getAttribute(memberName) === "") {
+      if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
         if (xlink) {
           elm.removeAttributeNS(XLINK_NS, memberName);
         } else {
@@ -2214,6 +2234,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     }
   }
 };
+var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
+var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
 var parseClassListRegex = /\s/;
 var parseClassList = (value) => {
   if (typeof value === "object" && value && "baseVal" in value) {
@@ -2616,7 +2638,10 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && // let an exact named-slot match override a stale default-slot claim. Skip this for
+        // `slotName === ''` itself - a matched default node's cached `s-sn` is `''` too, which
+        // would trivially "match" on every re-render and force pointless re-insertion.
+        (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"] || slotName !== "" && getSlotName(node) === slotName)) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -2689,7 +2714,7 @@ var insertBefore = (parent, newNode, reference, isInitialLoad) => {
       return newNode;
     }
   }
-  if (parent.__insertBefore) {
+  if ((parent == null ? void 0 : parent.__insertBefore)) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -3268,10 +3293,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
 
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  var _a;
   let Cstr;
   try {
     if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
       hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      hostRef.$flags$ &= -1025 /* hasFailedLoad */;
       const bundleId = cmpMeta.$lazyBundleId$;
       if (bundleId) {
         const CstrImport = loadModule(cmpMeta, hostRef);
@@ -3283,6 +3310,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
           Cstr = CstrImport;
         }
         if (!Cstr) {
+          hostRef.$flags$ &= -33 /* hasInitializedComponent */;
+          hostRef.$loadRetryCount$ = ((_a = hostRef.$loadRetryCount$) != null ? _a : 0) + 1;
+          if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
+            hostRef.$flags$ |= 1024 /* hasFailedLoad */;
+          }
           throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
         }
         if (!Cstr.isProxied) {
@@ -3352,7 +3384,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = void 0;
     }
-    if (hostRef.$onReadyResolve$) {
+    if (hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
       hostRef.$onReadyResolve$(elm);
     }
   }
@@ -3419,6 +3451,8 @@ var connectedCallback = (elm) => {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
         fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
+        setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
         hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
@@ -3561,7 +3595,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         disconnectedCallback() {
           plt.jmp(() => disconnectedCallback(this));
-          plt.raf(() => {
+          nextTick(() => {
             var _a3;
             const hostRef = getHostRef(this);
             if (!hostRef) {

package/dist/cjs/{index-EJLjthTK.js → index-BocV_y-c.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BrVMoqUk.js');
+var index = require('./index-Bgz6BcKx.js');
 
 /**
  * Sanitize an untrusted HTML string.
@@ -423,6 +423,7 @@ class IonicSafeString {
 }
 
 exports.IonicSafeString = IonicSafeString;
+exports.blockedTags = blockedTags;
 exports.reflectPropertiesToAttributes = reflectPropertiesToAttributes;
 exports.sanitizeDOMString = sanitizeDOMString;
 exports.sanitizeDOMTree = sanitizeDOMTree;

package/dist/cjs/{index-2sO-zkZ2.js → index-CldjPPyP.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BrVMoqUk.js');
-var helpers = require('./helpers-Dj5o76mq.js');
+var index = require('./index-Bgz6BcKx.js');
+var helpers = require('./helpers-BCLkFTTd.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -120,8 +120,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-zIgdoSYe.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-CXeJ9rfh.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-OCcCN--B.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-D0o2IIbo.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/cjs/{index-Csue6G3m.js → index-xum7jdbq.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-Dj5o76mq.js');
-require('./index-BrVMoqUk.js');
+var helpers = require('./helpers-BCLkFTTd.js');
+require('./index-Bgz6BcKx.js');
 require('./dir-zwDPRE5K.js');
 
 const startTapClick = (config) => {

package/dist/cjs/index.cjs.js

@@ -3,25 +3,25 @@
  */
 'use strict';
 
-var animation = require('./animation-D-OqR4a4.js');
-var index = require('./index-2sO-zkZ2.js');
-var ios_transition = require('./ios.transition-zIgdoSYe.js');
-var md_transition = require('./md.transition-CXeJ9rfh.js');
+var animation = require('./animation-ihPP_z2n.js');
+var index = require('./index-CldjPPyP.js');
+var ios_transition = require('./ios.transition-OCcCN--B.js');
+var md_transition = require('./md.transition-D0o2IIbo.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-DRPqwSvU.js');
-var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
-var helpers = require('./helpers-Dj5o76mq.js');
-var index$2 = require('./index-BrVMoqUk.js');
-var index$3 = require('./index-EJLjthTK.js');
+var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var helpers = require('./helpers-BCLkFTTd.js');
+var index$2 = require('./index-Bgz6BcKx.js');
+var index$3 = require('./index-BocV_y-c.js');
 var config = require('./config-CjUbvdPW.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var index$4 = require('./index-CZ6vzt_q.js');
-var overlays = require('./overlays-Bg0auTQa.js');
+var index$4 = require('./index-BcyiqD6R.js');
+var overlays = require('./overlays-HN9joo1Z.js');
 require('./index-DkNv4J_i.js');
 require('./gesture-controller-CeJslptU.js');
 require('./dir-zwDPRE5K.js');
-require('./hardware-back-button-JOAEFSzc.js');
-require('./framework-delegate-BZUx4TnE.js');
+require('./hardware-back-button-D5f_kASb.js');
+require('./framework-delegate-DhyWUPGg.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/cjs/{input-shims-Bh7bnt2v.js → input-shims-Jisy7U7-.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var index$1 = require('./index-C8zH6b3d.js');
-var helpers = require('./helpers-Dj5o76mq.js');
+var index$1 = require('./index-49DTLc_Z.js');
+var helpers = require('./helpers-BCLkFTTd.js');
 var keyboard = require('./keyboard-cHxZlTyz.js');
-require('./index-BrVMoqUk.js');
+require('./index-Bgz6BcKx.js');
 require('./dir-zwDPRE5K.js');
 require('./capacitor-DmA66EwP.js');
 

package/dist/cjs/{input.utils-Cq3g9uHy.js → input.utils-BDTpGrfn.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BrVMoqUk.js');
+var index = require('./index-Bgz6BcKx.js');
 
 const getCounterText = (value, maxLength, counterFormatter) => {
     const valueLength = value == null ? 0 : value.toString().length;

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BrVMoqUk.js');
-var helpers = require('./helpers-Dj5o76mq.js');
+var index = require('./index-Bgz6BcKx.js');
+var helpers = require('./helpers-BCLkFTTd.js');
 var index$1 = require('./index-wOmugbdg.js');
-var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
+var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
 require('./dir-zwDPRE5K.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/cjs/ion-action-sheet.cjs.entry.js

@@ -3,24 +3,24 @@
  */
 'use strict';
 
-var index = require('./index-BrVMoqUk.js');
-var buttonActive = require('./button-active-BlWSD7uK.js');
-var helpers = require('./helpers-Dj5o76mq.js');
+var index = require('./index-Bgz6BcKx.js');
+var buttonActive = require('./button-active-ItGBjzmO.js');
+var helpers = require('./helpers-BCLkFTTd.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
-var overlays = require('./overlays-Bg0auTQa.js');
-var selectOptionRender = require('./select-option-render-7m1WdFzF.js');
+var overlays = require('./overlays-HN9joo1Z.js');
+var selectOptionRender = require('./select-option-render-BPjGDlsG.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
-var animation = require('./animation-D-OqR4a4.js');
+var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var animation = require('./animation-ihPP_z2n.js');
 require('./haptic-Ch-X4gRx.js');
 require('./capacitor-DmA66EwP.js');
 require('./index-DkNv4J_i.js');
 require('./index-DRPqwSvU.js');
 require('./gesture-controller-CeJslptU.js');
 require('./dir-zwDPRE5K.js');
-require('./hardware-back-button-JOAEFSzc.js');
-require('./framework-delegate-BZUx4TnE.js');
-require('./index-EJLjthTK.js');
+require('./hardware-back-button-D5f_kASb.js');
+require('./framework-delegate-DhyWUPGg.js');
+require('./index-BocV_y-c.js');
 
 /**
  * iOS Action Sheet Enter Animation
@@ -380,6 +380,13 @@ const ActionSheet = class {
     connectedCallback() {
         overlays.prepareOverlay(this.el);
         this.triggerChanged();
+        // `componentDidLoad` only fires once per instance, so a reconnect has to
+        // rebuild the gesture its disconnect destroyed.
+        this.setupButtonActiveGesture();
+        // Re-apply the root lock if moved without dismiss() being called
+        if (this.presented) {
+            overlays.restoreRootFocusTrapAccessibility(this.el);
+        }
     }
     disconnectedCallback() {
         if (this.gesture) {
@@ -399,24 +406,33 @@ const ActionSheet = class {
         // Initialize activeRadioId for radio buttons
         this.buttonsChanged();
     }
-    componentDidLoad() {
-        /**
-         * Only create gesture if:
-         * 1. A gesture does not already exist
-         * 2. App is running in iOS mode
-         * 3. A wrapper ref exists
-         * 4. A group ref exists
-         */
+    /**
+     * Only create gesture if:
+     * 1. A gesture does not already exist
+     * 2. App is running in iOS mode
+     * 3. A wrapper ref exists
+     * 4. A group ref exists
+     * 5. The host is still connected, since a reconnect can schedule this and
+     *    disconnect again before the task runs
+     */
+    setupButtonActiveGesture() {
         const { groupEl, wrapperEl } = this;
-        if (!this.gesture && ionicGlobal.getIonMode(this) === 'ios' && wrapperEl && groupEl) {
-            index.readTask(() => {
-                const isScrollable = groupEl.scrollHeight > groupEl.clientHeight;
-                if (!isScrollable) {
-                    this.gesture = buttonActive.createButtonActiveGesture(wrapperEl, (refEl) => refEl.classList.contains('action-sheet-button'));
-                    this.gesture.enable(true);
-                }
-            });
+        if (ionicGlobal.getIonMode(this) !== 'ios' || !wrapperEl || !groupEl) {
+            return;
         }
+        index.readTask(() => {
+            // Bail if a call queued ahead of this one already built the gesture
+            // (a second would orphan the first with its listeners still bound), if
+            // the host disconnected while this task waited, or if the group scrolls.
+            if (this.gesture || !this.el.isConnected || groupEl.scrollHeight > groupEl.clientHeight) {
+                return;
+            }
+            this.gesture = buttonActive.createButtonActiveGesture(wrapperEl, (refEl) => refEl.classList.contains('action-sheet-button'));
+            this.gesture.enable(true);
+        });
+    }
+    componentDidLoad() {
+        this.setupButtonActiveGesture();
         /**
          * If action sheet was rendered with isOpen="true"
          * then we should open action sheet immediately.
@@ -509,17 +525,17 @@ const ActionSheet = class {
         const cancelButton = allButtons.find((b) => b.role === 'cancel');
         const buttons = allButtons.filter((b) => b.role !== 'cancel');
         const headerID = `action-sheet-${overlayIndex}-header`;
-        return (index.h(index.Host, { key: '7685831da9a78b73473246a2cea95cefa79a53c3', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1", ...htmlAttributes, style: {
+        return (index.h(index.Host, { key: '83b47ea6b81d4eec6582c1dcaae6f267c78ba634', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1", ...htmlAttributes, style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: {
                 [mode]: true,
                 ...theme.getClassMap(this.cssClass),
                 'overlay-hidden': true,
                 'action-sheet-translucent': this.translucent,
-            }, onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, index.h("ion-backdrop", { key: 'c70f00e401cac99b89412d1adb867f35bc855d57', tappable: this.backdropDismiss }), index.h("div", { key: '3332893ce3098f1435875480b1269b2821d41660', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'eb406b0a9e303d6f94c5c7aa99c6f4c089bfbd41', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: '92ec855379f10e1e0bfce6ff68b45d3cda0c137c', class: "action-sheet-container" }, index.h("div", { key: 'bc88a396d75396f574961471bf7e6c4edb513353', class: "action-sheet-group", ref: (el) => (this.groupEl = el), role: hasRadioButtons ? 'radiogroup' : undefined }, header !== undefined && (index.h("div", { key: '33329e0193818888bdcaa443ff5ea301802e0787', id: headerID, class: {
+            }, onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, index.h("ion-backdrop", { key: '3652793ec76adcfb87b814eb65d1260ae26f6910', tappable: this.backdropDismiss }), index.h("div", { key: '7de3a51daf95b50e02734a2cc8eec6f55b1473f3', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: '9b76bbf12901b956f7ee6d984f7f71e169bb5939', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: 'cb52c905275a46ff27810fb1b4748ab533a78c45', class: "action-sheet-container" }, index.h("div", { key: '578c7194cfbcb65c1e41e15c390af41f179a2686', class: "action-sheet-group", ref: (el) => (this.groupEl = el), role: hasRadioButtons ? 'radiogroup' : undefined }, header !== undefined && (index.h("div", { key: 'ee961307c25cb1fcb0c6bbf667a8ed76ab717860', id: headerID, class: {
                 'action-sheet-title': true,
                 'action-sheet-has-sub-title': this.subHeader !== undefined,
-            } }, header, this.subHeader && index.h("div", { key: '92ac5a9217a12b7417f7aca9c4fdb7bf6b051364', class: "action-sheet-sub-title" }, this.subHeader))), this.renderActionSheetButtons(buttons)), cancelButton && (index.h("div", { key: '020463b830fa48fc3ae647ea64f2aaa4d0969305', class: "action-sheet-group action-sheet-group-cancel" }, index.h("button", { key: 'cefa9c70a2233f6652a81b1a2eae6e717712144d', ...cancelButton.htmlAttributes, type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }, index.h("span", { key: '56d7e2f8bfb3644e4476895164d334445fda9b2f', class: "action-sheet-button-inner" }, cancelButton.icon && (index.h("ion-icon", { key: '6a4a49254ec5cd96f4e0dce9447f90d8cac81913', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && index.h("ion-ripple-effect", { key: '7d3c6e8d70b0922ea0f75520856285ce1005c891' })))))), index.h("div", { key: '958fc43e603c6a7f5d1e649d3326fce0f163b5d0', tabindex: "0", "aria-hidden": "true" })));
+            } }, header, this.subHeader && index.h("div", { key: '82d4016010db14d3f3b9911c276cb9a63b960ef4', class: "action-sheet-sub-title" }, this.subHeader))), this.renderActionSheetButtons(buttons)), cancelButton && (index.h("div", { key: 'a88fbfab194e13c6642a65f2e19a12299dd4ac23', class: "action-sheet-group action-sheet-group-cancel" }, index.h("button", { key: 'a232b8d23f1fc2efb7b37a605102b6994761a2f6', ...cancelButton.htmlAttributes, type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }, index.h("span", { key: '19a7d95d3428d78a56b7dacabdec8fc0b722d8c2', class: "action-sheet-button-inner" }, cancelButton.icon && (index.h("ion-icon", { key: '5f3f3cb996a48e6365a3a09ea72ddc68ac9ccb78', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && index.h("ion-ripple-effect", { key: '6e8fcb5f103ac19aa4b0682f19791cef0a147001' })))))), index.h("div", { key: '36f63ab77949c88f662e2cf6bb18510cb9de6a9f', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,26 +3,26 @@
  */
 'use strict';
 
-var index = require('./index-BrVMoqUk.js');
+var index = require('./index-Bgz6BcKx.js');
 var config = require('./config-CjUbvdPW.js');
-var buttonActive = require('./button-active-BlWSD7uK.js');
-var helpers = require('./helpers-Dj5o76mq.js');
+var buttonActive = require('./button-active-ItGBjzmO.js');
+var helpers = require('./helpers-BCLkFTTd.js');
 var lockController = require('./lock-controller-aDB9wrEf.js');
 var overlayControlLabel = require('./overlay-control-label-D2sdL2O8.js');
-var overlays = require('./overlays-Bg0auTQa.js');
-var index$1 = require('./index-EJLjthTK.js');
-var selectOptionRender = require('./select-option-render-7m1WdFzF.js');
+var overlays = require('./overlays-HN9joo1Z.js');
+var index$1 = require('./index-BocV_y-c.js');
+var selectOptionRender = require('./select-option-render-BPjGDlsG.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
-var animation = require('./animation-D-OqR4a4.js');
+var ionicGlobal = require('./ionic-global-BMU-Us1Q.js');
+var animation = require('./animation-ihPP_z2n.js');
 require('./haptic-Ch-X4gRx.js');
 require('./capacitor-DmA66EwP.js');
 require('./index-DkNv4J_i.js');
 require('./index-DRPqwSvU.js');
 require('./gesture-controller-CeJslptU.js');
 require('./dir-zwDPRE5K.js');
-require('./hardware-back-button-JOAEFSzc.js');
-require('./framework-delegate-BZUx4TnE.js');
+require('./hardware-back-button-D5f_kASb.js');
+require('./framework-delegate-DhyWUPGg.js');
 
 /**
  * iOS Alert Enter Animation
@@ -298,10 +298,15 @@ const Alert = class {
         this.triggerChanged();
         /**
          * If the alert was previously connected and is being reattached, the
-         * ResizeObserver was disconnected. componentDidLoad only fires once per
-         * instance, so re-establish the observer here on reconnect.
+         * `ResizeObserver` and the button gesture were torn down. `componentDidLoad`
+         * only fires once per instance, so re-establish both here on reconnect.
          */
         this.setupButtonGroupResizeObserver();
+        this.setupButtonActiveGesture();
+        // Re-apply the root lock if moved without dismiss() being called
+        if (this.presented) {
+            overlays.restoreRootFocusTrapAccessibility(this.el);
+        }
     }
     componentWillLoad() {
         if (!this.htmlAttributes?.id) {
@@ -323,17 +328,20 @@ const Alert = class {
         this.buttonGroupResizeObserver?.disconnect();
         this.buttonGroupResizeObserver = undefined;
     }
-    componentDidLoad() {
-        /**
-         * Only create gesture if:
-         * 1. A gesture does not already exist
-         * 2. App is running in iOS mode
-         * 3. A wrapper ref exists
-         */
+    /**
+     * Only create gesture if:
+     * 1. A gesture does not already exist
+     * 2. App is running in iOS mode
+     * 3. A wrapper ref exists
+     */
+    setupButtonActiveGesture() {
         if (!this.gesture && ionicGlobal.getIonMode(this) === 'ios' && this.wrapperEl) {
             this.gesture = buttonActive.createButtonActiveGesture(this.wrapperEl, (refEl) => refEl.classList.contains('alert-button'));
             this.gesture.enable(true);
         }
+    }
+    componentDidLoad() {
+        this.setupButtonActiveGesture();
         this.setupButtonGroupResizeObserver();
         /**
          * If alert was rendered with isOpen="true"
@@ -656,14 +664,14 @@ const Alert = class {
          * If neither are defined, do not set aria-labelledby.
          */
         const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
-        return (index.h(index.Host, { key: '022f3463b8e6c52064b90ec304c524847c3d5ad3', tabindex: "-1", style: {
+        return (index.h(index.Host, { key: '083b5250dc4c76e85240e0225abcb7ca2b66de2f', tabindex: "-1", style: {
                 zIndex: `${20000 + overlayIndex}`,
             }, class: {
                 ...theme.getClassMap(this.cssClass),
                 [mode]: true,
                 'overlay-hidden': true,
                 'alert-translucent': this.translucent,
-            }, onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, index.h("ion-backdrop", { key: 'c3cd05738bc2834f54707edeb2fae06ec10d6fd2', tappable: this.backdropDismiss }), index.h("div", { key: 'b44fadd9ba7ddf073854c5035538d11ae8e66bc2', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'fafea048141a6c7957e62aef31faa8041dd610c1', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el), ...htmlAttributes }, index.h("div", { key: '3ad9d2d4b7cf425eab8293ddc12eff0fe8df1517', class: "alert-head" }, header && (index.h("h2", { key: '7d9154f5ee595b7e4da6ecf3a20871f104c1256e', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (index.h("h2", { key: '1f891f38004be6964e9406b84dd580145c42516a', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (index.h("h3", { key: '2ab4d344ecb7e384e8f6d3d3e59ee5a1bbcc832c', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: '78a4ff09aa3aaafcd0dc2a42d036767d83b3cfa2', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, index.h("ion-backdrop", { key: '65c92a956d998ae9016396dd2a29c42ab7376d0e', tappable: this.backdropDismiss }), index.h("div", { key: 'f2288fa0b7ef9d0bf031c168fe78c48422cf91c8', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'dbb109435c378f77c6b0231e58756f8a0467732d', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el), ...htmlAttributes }, index.h("div", { key: '075597f94719673cf1f894a8566e1036849afa75', class: "alert-head" }, header && (index.h("h2", { key: 'f96f4b1db8473c62040beed6e96108c733978d73', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (index.h("h2", { key: 'dbd824ef19a07bddde4eb928f11de7c7cadf98b8', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (index.h("h3", { key: '4774fa13700dd23aec7930492acae80de3bdf5d1', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: '5c728b7457e231f64294bbec821bdb547c6437dd', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {