@ionic/core 9.0.7-dev.11791381676.118a7a15 → 9.0.7-dev.11792524803.14f0e7d2

package/hydrate/index.mjs

@@ -466,7 +466,7 @@ const appGlobalScript = initialize || (() => {});
 const globalScripts = appGlobalScript;
 
 /*
- Stencil Hydrate Platform v4.45.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.45.1 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -575,10 +575,6 @@ var require_brace_expansion = __commonJS({
     var escClose = "\0CLOSE" + Math.random() + "\0";
     var escComma = "\0COMMA" + Math.random() + "\0";
     var escPeriod = "\0PERIOD" + Math.random() + "\0";
-    var EXPANSION_MAX = 1e5;
-    var EXPANSION_MAX_LENGTH = 4e6;
-    var EXPANSION_MAX_DEPTH = 1e3;
-    var EXPANSION_MAX_REWRITES = 1e3;
     function numeric(str) {
       return parseInt(str, 10) == str ? parseInt(str, 10) : str.charCodeAt(0);
     }
@@ -588,49 +584,33 @@ var require_brace_expansion = __commonJS({
     function unescapeBraces(str) {
       return str.split(escSlash).join("\\").split(escOpen).join("{").split(escClose).join("}").split(escComma).join(",").split(escPeriod).join(".");
     }
-    function pushAll(target, items) {
-      for (var i2 = 0; i2 < items.length; i2++) {
-        target.push(items[i2]);
-      }
-    }
     function parseCommaParts(str) {
+      if (!str)
+        return [""];
       var parts = [];
-      var carry = "";
-      for (; ; ) {
-        var m = balanced("{", "}", str);
-        if (!m) {
-          var tail = str.split(",");
-          tail[0] = carry + tail[0];
-          pushAll(parts, tail);
-          return parts;
-        }
-        var pre = m.pre;
-        var body = m.body;
-        var post = m.post;
-        var p = pre.split(",");
-        p[0] = carry + p[0];
-        p[p.length - 1] += "{" + body + "}";
-        if (!post.length) {
-          pushAll(parts, p);
-          return parts;
-        }
-        carry = p.pop();
-        pushAll(parts, p);
-        str = post;
-      }
-    }
-    function expandTop(str, options) {
+      var m = balanced("{", "}", str);
+      if (!m)
+        return str.split(",");
+      var pre = m.pre;
+      var body = m.body;
+      var post = m.post;
+      var p = pre.split(",");
+      p[p.length - 1] += "{" + body + "}";
+      var postParts = parseCommaParts(post);
+      if (post.length) {
+        p[p.length - 1] += postParts.shift();
+        p.push.apply(p, postParts);
+      }
+      parts.push.apply(parts, p);
+      return parts;
+    }
+    function expandTop(str) {
       if (!str)
         return [];
-      options = options || {};
-      var max = options.max == null ? EXPANSION_MAX : options.max;
-      var maxLength = options.maxLength == null ? EXPANSION_MAX_LENGTH : options.maxLength;
-      var maxDepth = options.maxDepth == null ? EXPANSION_MAX_DEPTH : options.maxDepth;
-      var maxRewrites = options.maxRewrites == null ? EXPANSION_MAX_REWRITES : options.maxRewrites;
       if (str.substr(0, 2) === "{}") {
         str = "\\{\\}" + str.substr(2);
       }
-      return expand2(escapeBraces(str), max, maxLength, maxDepth, 0, maxRewrites, true).map(unescapeBraces);
+      return expand2(escapeBraces(str), true).map(unescapeBraces);
     }
     function embrace(str) {
       return "{" + str + "}";
@@ -644,165 +624,93 @@ var require_brace_expansion = __commonJS({
     function gte(i2, y) {
       return i2 >= y;
     }
-    function combine(acc, pre, values, max, maxLength, dropEmpties) {
-      var out = [];
-      var length = 0;
-      for (var a = 0; a < acc.length; a++) {
-        for (var v = 0; v < values.length; v++) {
-          if (out.length >= max) return out;
-          var expansion = acc[a] + pre + values[v];
-          if (dropEmpties && !expansion) continue;
-          if (length + expansion.length > maxLength) return out;
-          out.push(expansion);
-          length += expansion.length;
-        }
-      }
-      return out;
-    }
-    function expandSequence(body, isAlphaSequence, max, maxLength) {
-      var n = body.split(/\.\./);
-      var N = [];
-      if (n[0] === void 0 || n[1] === void 0) {
-        return N;
-      }
-      var x = numeric(n[0]);
-      var y = numeric(n[1]);
-      var width = Math.max(n[0].length, n[1].length);
-      var incr = n.length === 3 && n[2] !== void 0 ? Math.max(Math.abs(numeric(n[2])), 1) : 1;
-      var test = lte;
-      var reverse = y < x;
-      if (reverse) {
-        incr *= -1;
-        test = gte;
-      }
-      var pad = n.some(isPadded);
-      var length = 0;
-      for (var i2 = x; test(i2, y) && N.length < max; i2 += incr) {
-        var c;
-        if (isAlphaSequence) {
-          c = String.fromCharCode(i2);
-          if (c === "\\") {
-            c = "";
-          }
-        } else {
-          c = String(i2);
-          if (pad) {
-            var need = width - c.length;
-            if (need > 0) {
-              var z = new Array(need + 1).join("0");
-              if (i2 < 0) {
-                c = "-" + z + c.slice(1);
-              } else {
-                c = z + c;
-              }
-            }
-          }
-        }
-        if (length + c.length > maxLength) break;
-        N.push(c);
-        length += c.length;
-      }
-      return N;
-    }
-    function expand2(str, max, maxLength, maxDepth, depth, maxRewrites, isTop) {
-      if (depth > maxDepth) {
-        return [str];
-      }
-      var acc = [""];
-      var rewrites = 0;
-      var dropEmpties = false;
-      var firstGroup = true;
-      for (; ; ) {
-        const m = balanced("{", "}", str);
-        if (!m) {
-          return combine(acc, str, [""], max, maxLength, dropEmpties);
-        }
-        const pre = m.pre;
-        if (/\$$/.test(pre)) {
-          acc = combine(
-            acc,
-            pre + "{" + m.body + "}",
-            [""],
-            max,
-            maxLength,
-            dropEmpties && !m.post.length
-          );
-          firstGroup = false;
-          if (!m.post.length) break;
-          str = m.post;
-          continue;
+    function expand2(str, isTop) {
+      var expansions = [];
+      var m = balanced("{", "}", str);
+      if (!m) return [str];
+      var pre = m.pre;
+      var post = m.post.length ? expand2(m.post, false) : [""];
+      if (/\$$/.test(m.pre)) {
+        for (var k = 0; k < post.length; k++) {
+          var expansion = pre + "{" + m.body + "}" + post[k];
+          expansions.push(expansion);
         }
+      } else {
         var isNumericSequence = /^-?\d+\.\.-?\d+(?:\.\.-?\d+)?$/.test(m.body);
         var isAlphaSequence = /^[a-zA-Z]\.\.[a-zA-Z](?:\.\.-?\d+)?$/.test(m.body);
         var isSequence = isNumericSequence || isAlphaSequence;
         var isOptions = m.body.indexOf(",") >= 0;
         if (!isSequence && !isOptions) {
-          if (rewrites < maxRewrites && m.post.match(/,(?!,).*\}/)) {
-            rewrites++;
+          if (m.post.match(/,(?!,).*\}/)) {
             str = m.pre + "{" + m.body + escClose + m.post;
-            isTop = true;
-            continue;
+            return expand2(str);
           }
-          return combine(
-            acc,
-            pre + "{" + m.body + "}" + m.post,
-            [""],
-            max,
-            maxLength,
-            dropEmpties
-          );
+          return [str];
         }
-        if (firstGroup) {
-          dropEmpties = isTop && !isSequence;
-          firstGroup = false;
-        }
-        var values;
+        var n;
         if (isSequence) {
-          values = expandSequence(m.body, isAlphaSequence, max, maxLength);
+          n = m.body.split(/\.\./);
         } else {
-          var n = parseCommaParts(m.body);
-          if (n.length === 1 && n[0] !== void 0) {
-            n = expand2(n[0], max, maxLength, maxDepth, depth + 1, maxRewrites, false).map(embrace);
+          n = parseCommaParts(m.body);
+          if (n.length === 1) {
+            n = expand2(n[0], false).map(embrace);
             if (n.length === 1) {
-              acc = combine(
-                acc,
-                pre + n[0],
-                [""],
-                max,
-                maxLength,
-                dropEmpties && !m.post.length
-              );
-              if (!m.post.length) break;
-              str = m.post;
-              continue;
+              return post.map(function(p) {
+                return m.pre + n[0] + p;
+              });
             }
           }
-          var dropsEmpties = dropEmpties && !m.post.length && !pre;
-          for (var d = 0; dropsEmpties && d < acc.length; d++) {
-            if (acc[d]) {
-              dropsEmpties = false;
-            }
+        }
+        var N;
+        if (isSequence) {
+          var x = numeric(n[0]);
+          var y = numeric(n[1]);
+          var width = Math.max(n[0].length, n[1].length);
+          var incr = n.length == 3 ? Math.abs(numeric(n[2])) : 1;
+          var test = lte;
+          var reverse = y < x;
+          if (reverse) {
+            incr *= -1;
+            test = gte;
           }
-          values = [];
-          var valuesLength = 0;
-          outer: for (var j = 0; j < n.length; j++) {
-            var expanded = expand2(n[j], max, maxLength, maxDepth, depth + 1, maxRewrites, false);
-            for (var k = 0; k < expanded.length; k++) {
-              var v = expanded[k];
-              if (dropsEmpties && !v) continue;
-              if (values.length >= max || valuesLength + v.length > maxLength) {
-                break outer;
+          var pad = n.some(isPadded);
+          N = [];
+          for (var i2 = x; test(i2, y); i2 += incr) {
+            var c;
+            if (isAlphaSequence) {
+              c = String.fromCharCode(i2);
+              if (c === "\\")
+                c = "";
+            } else {
+              c = String(i2);
+              if (pad) {
+                var need = width - c.length;
+                if (need > 0) {
+                  var z = new Array(need + 1).join("0");
+                  if (i2 < 0)
+                    c = "-" + z + c.slice(1);
+                  else
+                    c = z + c;
+                }
               }
-              values.push(v);
-              valuesLength += v.length;
             }
+            N.push(c);
+          }
+        } else {
+          N = [];
+          for (var j = 0; j < n.length; j++) {
+            N.push.apply(N, expand2(n[j], false));
+          }
+        }
+        for (var j = 0; j < N.length; j++) {
+          for (var k = 0; k < post.length; k++) {
+            var expansion = pre + N[j] + post[k];
+            if (!isTop || isSequence || expansion)
+              expansions.push(expansion);
           }
         }
-        acc = combine(acc, pre, values, max, maxLength, dropEmpties && !m.post.length);
-        if (!m.post.length) break;
-        str = m.post;
       }
-      return acc;
+      return expansions;
     }
   }
 });
@@ -2022,7 +1930,7 @@ var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) =>
     }
   }).join(", ");
 };
-var isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer") || selector.startsWith("@container");
+var isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
 var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
   return processRules(cssText, (rule) => {
     let selector = rule.selector;
@@ -2346,12 +2254,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       newClasses = [...new Set(newClasses)].filter((c) => c);
       classList.add(...newClasses);
     } else {
-      let removedClasses = oldClasses.filter((c) => c && !newClasses.includes(c));
-      if (initialRender && !(flags & 4 /* isHost */)) {
-        const ownClasses = getOwnHostClasses(elm);
-        removedClasses = removedClasses.filter((c) => !ownClasses.includes(c));
-      }
-      classList.remove(...removedClasses);
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     }
   } else if (memberName === "style") {
@@ -2472,18 +2375,6 @@ 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 getOwnHostClasses = (elm) => {
-  var _a2, _b, _c;
-  const hostRef = getHostRef(elm);
-  if (!hostRef || !(hostRef.$flags$ & 2 /* hasRendered */)) {
-    return [];
-  }
-  const ownClasses = parseClassList((_b = (_a2 = hostRef.$vnode$) == null ? void 0 : _a2.$attrs$) == null ? void 0 : _b.class);
-  {
-    ownClasses.push((_c = BUILD.hydratedSelectorName) != null ? _c : "hydrated");
-  }
-  return ownClasses;
-};
 var parseClassList = (value) => {
   if (typeof value === "object" && value && "baseVal" in value) {
     value = value.baseVal;
@@ -3387,19 +3278,6 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
     }
   }
 };
-var replayPendingSetterValues = (hostRef, cmpMeta) => {
-  var _a2;
-  const instance = hostRef.$lazyInstance$;
-  if (!instance) return;
-  for (const [memberName, [memberFlags]] of Object.entries((_a2 = cmpMeta.$members$) != null ? _a2 : {})) {
-    if (memberFlags & 4096 /* Setter */ && hostRef.$instanceValues$.has(memberName)) {
-      const pendingValue = hostRef.$instanceValues$.get(memberName);
-      if (instance[memberName] !== pendingValue) {
-        instance[memberName] = pendingValue;
-      }
-    }
-  }
-};
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a2;
   const prototype = Cstr.prototype;
@@ -3429,8 +3307,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                   return getValue(this, memberName);
                 }
                 const ref = getHostRef(this);
-                if (!ref) return prototype[memberName];
-                return ref.$lazyInstance$ ? ref.$lazyInstance$[memberName] : getValue(this, memberName);
+                const instance = ref ? ref.$lazyInstance$ : prototype;
+                if (!instance) return;
+                return instance[memberName];
               }
             },
             configurable: true,
@@ -3517,7 +3396,6 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         {
           hostRef.$flags$ &= -9 /* isConstructingInstance */;
-          replayPendingSetterValues(hostRef, cmpMeta);
         }
         {
           hostRef.$flags$ |= 128 /* isWatchReady */;
@@ -8203,11 +8081,6 @@ const CoreDelegate = () => {
 
 let lastOverlayIndex = 0;
 let lastId = 0;
-/**
- * Every overlay except toast, which doesn't trap
- * focus or close on back.
- */
-const NON_TOAST_OVERLAYS = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-popover';
 const activeAnimations = new WeakMap();
 /**
  * Determines if the overlay's backdrop is always blocking (no background interaction).
@@ -8332,7 +8205,7 @@ const focusElementInOverlay = (hostToFocus, overlay) => {
  * Should NOT include: Toast
  */
 const trapKeyboardFocus = (ev, doc) => {
-    const lastOverlay = getPresentedOverlay(doc, NON_TOAST_OVERLAYS);
+    const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-popover');
     const target = ev.target;
     /**
      * If no active overlay, ignore this event.
@@ -8638,8 +8511,7 @@ const setRootAriaHidden = (hidden = false) => {
  * Cleans up root `aria-hidden` and `backdrop-no-scroll` when
  * an overlay is removed from the DOM without going through
  * the `dismiss()` flow (e.g., when a framework unmounts the
- * overlay during a route change). Also releases the
- * CloseWatcher if nothing is left to close.
+ * overlay during a route change).
  *
  * Should be called from an overlay's `disconnectedCallback`
  * when the overlay was still presented at the time of removal.
@@ -8669,9 +8541,7 @@ const applyRootLock = (el) => {
 };
 /**
  * Re-applies the root lock that `cleanupRootFocusTrapAccessibility()` released.
- * Call from `connectedCallback` when the overlay is still presented. Also
- * re-arms the CloseWatcher, which every overlay needs, so that happens
- * before the `locksAppRoot` check.
+ * Call from `connectedCallback` when the overlay is still presented.
  *
  * A synchronous move keeps the overlay connected, so the lock survives. A
  * detach with a re-insert in a later task releases it, which is the shape a
@@ -21382,11 +21252,6 @@ class InputOTP {
          * focus behavior when an input box is focused.
          */
         this.isKeyboardNavigation = false;
-        /**
-         * The `length` watcher runs before new inputs render, so
-         * `componentDidRender` updates their tab indexes instead.
-         */
-        this.updateTabIndexesAfterRender = false;
         this.inputValues = [];
         this.hasFocus = false;
         this.previousInputValues = [];
@@ -21746,10 +21611,6 @@ class InputOTP {
         this.initializeValues();
         this.updateTabIndexes();
     }
-    lengthChanged() {
-        this.initializeValues();
-        this.updateTabIndexesAfterRender = true;
-    }
     /**
      * Processes the separators prop into an array of numbers.
      *
@@ -21806,12 +21667,6 @@ class InputOTP {
     componentDidLoad() {
         this.updateTabIndexes();
     }
-    componentDidRender() {
-        if (this.updateTabIndexesAfterRender) {
-            this.updateTabIndexesAfterRender = false;
-            this.updateTabIndexes();
-        }
-    }
     /**
      * Get the regex pattern for allowed characters.
      * If a pattern is provided, use it to create a regex pattern
@@ -21989,7 +21844,7 @@ class InputOTP {
         const tabbableIndex = this.getTabbableIndex();
         const pattern = this.getPattern();
         const hasDescription = el.querySelector('.input-otp-description')?.textContent?.trim() !== '';
-        return (hAsync(Host, { key: 'def9fbd4fa135e6f435380c6ea86ac1621b4a111', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'bd37661e13cde21feff30c663e6813ce3fff0d9a', class: createColorClasses$1(color, {
                 [mode]: true,
                 'has-focus': hasFocus,
                 [`input-otp-size-${size}`]: true,
@@ -21997,30 +21852,20 @@ class InputOTP {
                 [`input-otp-fill-${fill}`]: true,
                 'input-otp-disabled': disabled,
                 'input-otp-readonly': readonly,
-            }) }, hAsync("div", { key: '5d3d7646a3d4fc856b7b2e1f53d29fca47b10baf', role: "group", "aria-label": "One-time password input", class: "input-otp-group", ...inheritedAttributes }, Array.from({ length }).map((_, index) => (hAsync(Fragment, null, hAsync("div", { class: "native-wrapper" }, hAsync("input", { class: "native-input", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => {
-                if (el) {
-                    inputRefs[index] = el;
-                }
-                else {
-                    // The input was removed, so drop its ref and any after it.
-                    inputRefs.splice(index);
-                }
-            }, onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && hAsync("div", { class: "input-otp-separator" }))))), hAsync("div", { key: '9d72a4ab35b5fdd6bba9701050c385ed253b310f', class: {
+            }) }, hAsync("div", { key: '5e206f870024f1ecfebda999ff31e6e815774deb', role: "group", "aria-label": "One-time password input", class: "input-otp-group", ...inheritedAttributes }, Array.from({ length }).map((_, index) => (hAsync(Fragment, null, hAsync("div", { class: "native-wrapper" }, hAsync("input", { class: "native-input", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && hAsync("div", { class: "input-otp-separator" }))))), hAsync("div", { key: 'c268f838ddab2c8d6a612a11c7d38e6ca076436d', class: {
                 'input-otp-description': true,
                 'input-otp-description-hidden': !hasDescription,
-            } }, hAsync("slot", { key: '7deb3373c0d4e5deac22fa51577d271b9bb3a6d2' }))));
+            } }, hAsync("slot", { key: 'c0736359b26f609b795e399fc1ad9b540632af18' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
         "value": [{
                 "valueChanged": 0
             }],
-        "length": [{
-                "lengthChanged": 0
-            }, {
+        "separators": [{
                 "processSeparators": 0
             }],
-        "separators": [{
+        "length": [{
                 "processSeparators": 0
             }]
     }; }
@@ -24732,14 +24577,14 @@ class Menu {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (hAsync(Host, { key: '5cf26df26d4e539860cbeaea98ec621b98c3fcfc', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (hAsync(Host, { key: '1208ba437fa58680325408d3d4c8580950da1d68', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, hAsync("div", { key: 'f337016e293bb8665c99762e0c389dd6c372bb33', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '4c3fe331aa42cd57d7ad9bd1f5910f8eeb62d7da' })), hAsync("ion-backdrop", { key: '61af7ea876d81574841e1dd3e81e2352e555d096', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, hAsync("div", { key: 'c0ddc957b7a7956b41901d77ae02d91e73071c55', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '6e44c56116431a024f114ab85ded1b822c942fac' })), hAsync("ion-backdrop", { key: '5f4bbcf84444d96ec6b02bf567e1aaf95f59078d', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35650,6 +35495,14 @@ class Route {
          *
          * Accepts paths similar to expressjs so that you can define parameters
          * in the url /foo/:bar where bar would be available in incoming props.
+         *
+         * A url ending in `*`, such as `*` or `/admin/*`, matches any remaining path,
+         * including none, so `/admin/*` also matches `/admin`. It only wins over a
+         * route that matches the whole path when it has more fixed segments, so
+         * `/admin/*` wins over `/:section/:id` but not over `/admin/:id`. It always
+         * wins over a route that matches by ignoring trailing segments, such as
+         * `/admin` for `/admin/users`. The matched path is passed in the `pathMatch`
+         * prop without a leading `/`. A `*` on a route with child routes is ignored.
          */
         this.url = '';
     }
@@ -35738,6 +35591,8 @@ class RouteRedirect {
 const ROUTER_INTENT_NONE = 'root';
 const ROUTER_INTENT_FORWARD = 'forward';
 const ROUTER_INTENT_BACK = 'back';
+/** Param that holds the path matched by a trailing `*` in an `ion-route` url. */
+const WILDCARD_PARAM = 'pathMatch';
 
 /** Join the non empty segments with "/". */
 const generatePath = (segments) => {
@@ -35771,12 +35626,13 @@ const writeSegments = (history, root, useHash, segments, direction, state, query
  *
  * Notes:
  * - parameter segments of the form :param are replaced with their value,
- * - null is returned when a value is missing for any parameter segment.
+ * - null is returned when a value is missing for any parameter segment,
+ * - a trailing wildcard is replaced with the path it matched.
  */
 const chainToSegments = (chain) => {
     const segments = [];
     for (const route of chain) {
-        for (const segment of route.segments) {
+        for (const segment of withoutWildcard(route.segments)) {
             if (segment[0] === ':') {
                 const param = route.params && route.params[segment.slice(1)];
                 if (!param) {
@@ -35788,9 +35644,22 @@ const chainToSegments = (chain) => {
                 segments.push(segment);
             }
         }
+        segments.push(...wildcardSegments(route));
     }
     return segments;
 };
+/** Only a `*` in the last segment of a route url is a wildcard. Elsewhere it's matched literally. */
+const endsWithWildcard = (segments) => {
+    return segments[segments.length - 1] === '*';
+};
+/** Returns the path segments matched by the trailing wildcard of the route. */
+const wildcardSegments = (route) => {
+    const pathMatch = endsWithWildcard(route.segments) ? route.params?.[WILDCARD_PARAM] : undefined;
+    return pathMatch ? pathMatch.split('/').filter((s) => s.length > 0) : [];
+};
+const withoutWildcard = (segments) => {
+    return endsWithWildcard(segments) ? segments.slice(0, -1) : segments;
+};
 /**
  * Removes the prefix segments from the path segments.
  *
@@ -36123,6 +35992,10 @@ const matchesIDs = (ids, chain) => {
         if (routeId.id.toLowerCase() !== routeChain.id) {
             break;
         }
+        // Weight a wildcard route when the outlet reports its `pathMatch`
+        if (routeId.params?.[WILDCARD_PARAM] !== undefined && endsWithWildcard(routeChain.segments)) {
+            score++;
+        }
         if (routeId.params) {
             const routeIdParams = Object.keys(routeId.params);
             // Only compare routes with the chain that have the same number of parameters.
@@ -36178,21 +36051,28 @@ const matchesSegments = (segments, chain) => {
             matchesDefault = true;
         }
         else {
-            for (const segment of chainSegments) {
+            const params = {};
+            for (const segment of withoutWildcard(chainSegments)) {
                 const data = inputSegments.next();
                 // data param
                 if (segment[0] === ':') {
                     if (data === '') {
                         return null;
                     }
-                    allparams = allparams || [];
-                    const params = allparams[i] || (allparams[i] = {});
                     params[segment.slice(1)] = data;
                 }
                 else if (data !== segment) {
                     return null;
                 }
             }
+            // A trailing `*` on a parent route has no effect. Its children match the rest of the path.
+            if (i === chain.length - 1 && endsWithWildcard(chainSegments)) {
+                params[WILDCARD_PARAM] = inputSegments.rest().join('/');
+            }
+            if (Object.keys(params).length > 0) {
+                allparams = allparams || [];
+                allparams[i] = params;
+            }
             matchesDefault = false;
         }
     }
@@ -36224,25 +36104,38 @@ const mergeParams = (a, b) => {
  * Returns the best match or null when no match is found.
  * When a chain is returned the parameters are updated from the RouteIDs.
  * That is they contain both the componentProps of the <ion-route> and the parameter segment.
+ *
+ * When a wildcard route ties with other routes, a route without a wildcard that can build a url wins,
+ * then the wildcard route. Otherwise the first route declared wins a tie.
  */
 const findChainForIDs = (ids, chains) => {
-    let match = null;
     let maxMatches = 0;
+    let tied = [];
     for (const chain of chains) {
         const score = matchesIDs(ids, chain);
         if (score > maxMatches) {
-            match = chain;
             maxMatches = score;
+            tied = [chain];
+        }
+        else if (score > 0 && score === maxMatches) {
+            tied.push(chain);
         }
     }
-    if (match) {
-        return match.map((route, i) => ({
-            id: route.id,
-            segments: route.segments,
-            params: mergeParams(route.params, ids[i]?.params),
-        }));
+    const matches = tied.map((chain) => chain.map((route, i) => ({
+        id: route.id,
+        segments: route.segments,
+        params: mergeParams(route.params, ids[i]?.params),
+    })));
+    if (!matches.some(chainEndsWithWildcard)) {
+        return matches.length > 0 ? matches[0] : null;
     }
-    return null;
+    return matches.reduce((best, chain) => (tieRank(chain) > tieRank(best) ? chain : best));
+};
+const tieRank = (chain) => {
+    if (chainEndsWithWildcard(chain)) {
+        return 1;
+    }
+    return chainToSegments(chain) !== null ? 2 : 0;
 };
 /**
  * Finds the best match for the segments in the chains.
@@ -36250,10 +36143,17 @@ const findChainForIDs = (ids, chains) => {
  * Returns the best match or null when no match is found.
  * When a chain is returned the parameters are updated from the segments.
  * That is they contain both the componentProps of the <ion-route> and the parameter segments.
+ *
+ * When wildcard routes match, the one with the most fixed segments wins if it has more fixed segments than every
+ * route that matched the whole path. Routes that only matched by ignoring trailing segments don't count.
  */
 const findChainForSegments = (segments, chains) => {
     let match = null;
     let bestScore = 0;
+    let fullMatch = null;
+    let bestFullScore = 0;
+    let maxFullFixed = -1;
+    let wildcard = null;
     for (const chain of chains) {
         const matchedChain = matchesSegments(segments, chain);
         if (matchedChain !== null) {
@@ -36262,9 +36162,51 @@ const findChainForSegments = (segments, chains) => {
                 bestScore = score;
                 match = matchedChain;
             }
+            if (chainEndsWithWildcard(matchedChain)) {
+                if (wildcard === null || winsWildcard(matchedChain, wildcard)) {
+                    wildcard = matchedChain;
+                }
+            }
+            else if (!isPartialMatch(segments, matchedChain)) {
+                if (score > bestFullScore) {
+                    bestFullScore = score;
+                    fullMatch = matchedChain;
+                }
+                maxFullFixed = Math.max(maxFullFixed, countFixedSegments(matchedChain));
+            }
+        }
+    }
+    // Without a wildcard to match the rest of the path, routes can still ignore trailing segments.
+    if (wildcard === null) {
+        return match;
+    }
+    // Compare fixed segments rather than priority, since nesting under default routes raises the priority
+    return countFixedSegments(wildcard) > maxFullFixed ? wildcard : fullMatch;
+};
+/** Returns whether the chain matched the path segments only by ignoring some trailing segments. */
+const isPartialMatch = (segments, chain) => {
+    const matched = chainToSegments(chain);
+    return matched !== null && matched.length < segments.filter((s) => s !== '').length;
+};
+const chainEndsWithWildcard = (chain) => {
+    return endsWithWildcard(chain[chain.length - 1].segments);
+};
+/** Returns whether the wildcard chain beats `best` by fixed segments, then by priority. */
+const winsWildcard = (chain, best) => {
+    const chainFixed = countFixedSegments(chain);
+    const bestFixed = countFixedSegments(best);
+    return chainFixed > bestFixed || (chainFixed === bestFixed && computePriority(chain) > computePriority(best));
+};
+const countFixedSegments = (chain) => {
+    let count = 0;
+    for (const route of chain) {
+        for (const segment of withoutWildcard(route.segments)) {
+            if (segment !== '' && segment[0] !== ':') {
+                count++;
+            }
         }
     }
-    return match;
+    return count;
 };
 /**
  * Computes the priority of a chain.
@@ -36276,12 +36218,14 @@ const findChainForSegments = (segments, chains) => {
  * - /path/to/page
  *
  * The second one will be given a higher priority because "page" is a fixed segment (vs ":where", a parameter segment).
+ *
+ * A trailing wildcard is not counted.
  */
 const computePriority = (chain) => {
     let score = 1;
     let level = 1;
     for (const route of chain) {
-        for (const segment of route.segments) {
+        for (const segment of withoutWildcard(route.segments)) {
             if (segment[0] === ':') {
                 score += Math.pow(1, level);
             }
@@ -36303,6 +36247,12 @@ class RouterSegments {
         }
         return '';
     }
+    /** Consumes and returns the remaining non empty segments. */
+    rest() {
+        const rest = this.segments.filter((s) => s !== '');
+        this.segments = [];
+        return rest;
+    }
 }
 
 const readProp = (el, prop) => {
@@ -43712,7 +43662,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.45.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.45.1 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -43822,10 +43772,6 @@ var require_brace_expansion = __commonJS({
     var escClose = "\0CLOSE" + Math.random() + "\0";
     var escComma = "\0COMMA" + Math.random() + "\0";
     var escPeriod = "\0PERIOD" + Math.random() + "\0";
-    var EXPANSION_MAX = 1e5;
-    var EXPANSION_MAX_LENGTH = 4e6;
-    var EXPANSION_MAX_DEPTH = 1e3;
-    var EXPANSION_MAX_REWRITES = 1e3;
     function numeric(str) {
       return parseInt(str, 10) == str ? parseInt(str, 10) : str.charCodeAt(0);
     }
@@ -43835,49 +43781,33 @@ var require_brace_expansion = __commonJS({
     function unescapeBraces(str) {
       return str.split(escSlash).join("\\").split(escOpen).join("{").split(escClose).join("}").split(escComma).join(",").split(escPeriod).join(".");
     }
-    function pushAll(target, items) {
-      for (var i = 0; i < items.length; i++) {
-        target.push(items[i]);
-      }
-    }
     function parseCommaParts(str) {
+      if (!str)
+        return [""];
       var parts = [];
-      var carry = "";
-      for (; ; ) {
-        var m = balanced("{", "}", str);
-        if (!m) {
-          var tail = str.split(",");
-          tail[0] = carry + tail[0];
-          pushAll(parts, tail);
-          return parts;
-        }
-        var pre = m.pre;
-        var body = m.body;
-        var post = m.post;
-        var p = pre.split(",");
-        p[0] = carry + p[0];
-        p[p.length - 1] += "{" + body + "}";
-        if (!post.length) {
-          pushAll(parts, p);
-          return parts;
-        }
-        carry = p.pop();
-        pushAll(parts, p);
-        str = post;
-      }
-    }
-    function expandTop(str, options) {
+      var m = balanced("{", "}", str);
+      if (!m)
+        return str.split(",");
+      var pre = m.pre;
+      var body = m.body;
+      var post = m.post;
+      var p = pre.split(",");
+      p[p.length - 1] += "{" + body + "}";
+      var postParts = parseCommaParts(post);
+      if (post.length) {
+        p[p.length - 1] += postParts.shift();
+        p.push.apply(p, postParts);
+      }
+      parts.push.apply(parts, p);
+      return parts;
+    }
+    function expandTop(str) {
       if (!str)
         return [];
-      options = options || {};
-      var max = options.max == null ? EXPANSION_MAX : options.max;
-      var maxLength = options.maxLength == null ? EXPANSION_MAX_LENGTH : options.maxLength;
-      var maxDepth = options.maxDepth == null ? EXPANSION_MAX_DEPTH : options.maxDepth;
-      var maxRewrites = options.maxRewrites == null ? EXPANSION_MAX_REWRITES : options.maxRewrites;
       if (str.substr(0, 2) === "{}") {
         str = "\\{\\}" + str.substr(2);
       }
-      return expand2(escapeBraces(str), max, maxLength, maxDepth, 0, maxRewrites, true).map(unescapeBraces);
+      return expand2(escapeBraces(str), true).map(unescapeBraces);
     }
     function embrace(str) {
       return "{" + str + "}";
@@ -43891,165 +43821,93 @@ var require_brace_expansion = __commonJS({
     function gte(i, y) {
       return i >= y;
     }
-    function combine(acc, pre, values, max, maxLength, dropEmpties) {
-      var out = [];
-      var length = 0;
-      for (var a = 0; a < acc.length; a++) {
-        for (var v = 0; v < values.length; v++) {
-          if (out.length >= max) return out;
-          var expansion = acc[a] + pre + values[v];
-          if (dropEmpties && !expansion) continue;
-          if (length + expansion.length > maxLength) return out;
-          out.push(expansion);
-          length += expansion.length;
-        }
-      }
-      return out;
-    }
-    function expandSequence(body, isAlphaSequence, max, maxLength) {
-      var n = body.split(/\.\./);
-      var N = [];
-      if (n[0] === void 0 || n[1] === void 0) {
-        return N;
-      }
-      var x = numeric(n[0]);
-      var y = numeric(n[1]);
-      var width = Math.max(n[0].length, n[1].length);
-      var incr = n.length === 3 && n[2] !== void 0 ? Math.max(Math.abs(numeric(n[2])), 1) : 1;
-      var test = lte;
-      var reverse = y < x;
-      if (reverse) {
-        incr *= -1;
-        test = gte;
-      }
-      var pad = n.some(isPadded);
-      var length = 0;
-      for (var i = x; test(i, y) && N.length < max; i += incr) {
-        var c;
-        if (isAlphaSequence) {
-          c = String.fromCharCode(i);
-          if (c === "\\") {
-            c = "";
-          }
-        } else {
-          c = String(i);
-          if (pad) {
-            var need = width - c.length;
-            if (need > 0) {
-              var z = new Array(need + 1).join("0");
-              if (i < 0) {
-                c = "-" + z + c.slice(1);
-              } else {
-                c = z + c;
-              }
-            }
-          }
-        }
-        if (length + c.length > maxLength) break;
-        N.push(c);
-        length += c.length;
-      }
-      return N;
-    }
-    function expand2(str, max, maxLength, maxDepth, depth, maxRewrites, isTop) {
-      if (depth > maxDepth) {
-        return [str];
-      }
-      var acc = [""];
-      var rewrites = 0;
-      var dropEmpties = false;
-      var firstGroup = true;
-      for (; ; ) {
-        const m = balanced("{", "}", str);
-        if (!m) {
-          return combine(acc, str, [""], max, maxLength, dropEmpties);
-        }
-        const pre = m.pre;
-        if (/\$$/.test(pre)) {
-          acc = combine(
-            acc,
-            pre + "{" + m.body + "}",
-            [""],
-            max,
-            maxLength,
-            dropEmpties && !m.post.length
-          );
-          firstGroup = false;
-          if (!m.post.length) break;
-          str = m.post;
-          continue;
+    function expand2(str, isTop) {
+      var expansions = [];
+      var m = balanced("{", "}", str);
+      if (!m) return [str];
+      var pre = m.pre;
+      var post = m.post.length ? expand2(m.post, false) : [""];
+      if (/\$$/.test(m.pre)) {
+        for (var k = 0; k < post.length; k++) {
+          var expansion = pre + "{" + m.body + "}" + post[k];
+          expansions.push(expansion);
         }
+      } else {
         var isNumericSequence = /^-?\d+\.\.-?\d+(?:\.\.-?\d+)?$/.test(m.body);
         var isAlphaSequence = /^[a-zA-Z]\.\.[a-zA-Z](?:\.\.-?\d+)?$/.test(m.body);
         var isSequence = isNumericSequence || isAlphaSequence;
         var isOptions = m.body.indexOf(",") >= 0;
         if (!isSequence && !isOptions) {
-          if (rewrites < maxRewrites && m.post.match(/,(?!,).*\}/)) {
-            rewrites++;
+          if (m.post.match(/,(?!,).*\}/)) {
             str = m.pre + "{" + m.body + escClose + m.post;
-            isTop = true;
-            continue;
+            return expand2(str);
           }
-          return combine(
-            acc,
-            pre + "{" + m.body + "}" + m.post,
-            [""],
-            max,
-            maxLength,
-            dropEmpties
-          );
+          return [str];
         }
-        if (firstGroup) {
-          dropEmpties = isTop && !isSequence;
-          firstGroup = false;
-        }
-        var values;
+        var n;
         if (isSequence) {
-          values = expandSequence(m.body, isAlphaSequence, max, maxLength);
+          n = m.body.split(/\.\./);
         } else {
-          var n = parseCommaParts(m.body);
-          if (n.length === 1 && n[0] !== void 0) {
-            n = expand2(n[0], max, maxLength, maxDepth, depth + 1, maxRewrites, false).map(embrace);
+          n = parseCommaParts(m.body);
+          if (n.length === 1) {
+            n = expand2(n[0], false).map(embrace);
             if (n.length === 1) {
-              acc = combine(
-                acc,
-                pre + n[0],
-                [""],
-                max,
-                maxLength,
-                dropEmpties && !m.post.length
-              );
-              if (!m.post.length) break;
-              str = m.post;
-              continue;
+              return post.map(function(p) {
+                return m.pre + n[0] + p;
+              });
             }
           }
-          var dropsEmpties = dropEmpties && !m.post.length && !pre;
-          for (var d = 0; dropsEmpties && d < acc.length; d++) {
-            if (acc[d]) {
-              dropsEmpties = false;
-            }
+        }
+        var N;
+        if (isSequence) {
+          var x = numeric(n[0]);
+          var y = numeric(n[1]);
+          var width = Math.max(n[0].length, n[1].length);
+          var incr = n.length == 3 ? Math.abs(numeric(n[2])) : 1;
+          var test = lte;
+          var reverse = y < x;
+          if (reverse) {
+            incr *= -1;
+            test = gte;
           }
-          values = [];
-          var valuesLength = 0;
-          outer: for (var j = 0; j < n.length; j++) {
-            var expanded = expand2(n[j], max, maxLength, maxDepth, depth + 1, maxRewrites, false);
-            for (var k = 0; k < expanded.length; k++) {
-              var v = expanded[k];
-              if (dropsEmpties && !v) continue;
-              if (values.length >= max || valuesLength + v.length > maxLength) {
-                break outer;
+          var pad = n.some(isPadded);
+          N = [];
+          for (var i = x; test(i, y); i += incr) {
+            var c;
+            if (isAlphaSequence) {
+              c = String.fromCharCode(i);
+              if (c === "\\")
+                c = "";
+            } else {
+              c = String(i);
+              if (pad) {
+                var need = width - c.length;
+                if (need > 0) {
+                  var z = new Array(need + 1).join("0");
+                  if (i < 0)
+                    c = "-" + z + c.slice(1);
+                  else
+                    c = z + c;
+                }
               }
-              values.push(v);
-              valuesLength += v.length;
             }
+            N.push(c);
+          }
+        } else {
+          N = [];
+          for (var j = 0; j < n.length; j++) {
+            N.push.apply(N, expand2(n[j], false));
+          }
+        }
+        for (var j = 0; j < N.length; j++) {
+          for (var k = 0; k < post.length; k++) {
+            var expansion = pre + N[j] + post[k];
+            if (!isTop || isSequence || expansion)
+              expansions.push(expansion);
           }
         }
-        acc = combine(acc, pre, values, max, maxLength, dropEmpties && !m.post.length);
-        if (!m.post.length) break;
-        str = m.post;
       }
-      return acc;
+      return expansions;
     }
   }
 });
@@ -54777,15 +54635,13 @@ var MockTokenList = class {
     token = String(token);
     return getItems(this.elm, this.attr).includes(token);
   }
-  toggle(token, force) {
+  toggle(token) {
     token = String(token);
-    const shouldAdd = force === void 0 ? !this.contains(token) : !!force;
-    if (shouldAdd) {
-      this.add(token);
-    } else {
+    if (this.contains(token) === true) {
       this.remove(token);
+    } else {
+      this.add(token);
     }
-    return shouldAdd;
   }
   get length() {
     return getItems(this.elm, this.attr).length;