@qwik.dev/core 2.0.0-beta.30 → 2.0.0-beta.31

package/dist/testing/index.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/testing 2.0.0-beta.30-dev+5421ed4
+ * @qwik.dev/core/testing 2.0.0-beta.31-dev+906321a
  * Copyright QwikDev. All Rights Reserved.
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/QwikDev/qwik/blob/main/LICENSE
@@ -24287,7 +24287,106 @@ Object.freeze(EMPTY_ARRAY);
 Object.freeze(EMPTY_OBJ);
 
 // packages/qwik/src/core/shared/qrl/qrl-class.ts
-import { isBrowser as isBrowser3, isDev as isDev20 } from "@qwik.dev/core/build";
+import { isBrowser as isBrowser4, isDev as isDev20 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/shared/qrl/qrl-class-dev.ts
+import { isBrowser } from "@qwik.dev/core/build";
+var initLazyRefDev = (lazy) => {
+  lazy.dev = null;
+  if (typeof document !== "undefined") {
+    lazy.qrls = /* @__PURE__ */ new Set();
+  }
+};
+var initQrlClassDev = (lazy, captures, qrl) => {
+  if (captures && typeof captures === "object") {
+    for (let i = 0; i < captures.length; i++) {
+      const item = captures[i];
+      verifySerializable(item, "Captured variable in the closure can not be serialized");
+    }
+  }
+  if (lazy.qrls) {
+    lazy.qrls.add(new WeakRef(qrl));
+  }
+};
+var setupHmr = (LazyRefClass, setGetLazyRef) => {
+  if (!(isBrowser && import.meta.hot)) {
+    return;
+  }
+  const allLazyRefs = /* @__PURE__ */ new Map();
+  setGetLazyRef((chunk, symbol, symbolFn, ref, container) => {
+    let lazyRef = allLazyRefs.get(symbol);
+    if (!lazyRef) {
+      lazyRef = new LazyRefClass(chunk, symbol, symbolFn, ref, container);
+      if (chunk !== "") {
+        allLazyRefs.set(symbol, lazyRef);
+      }
+    }
+    return lazyRef;
+  });
+  const bustTimestamp = (url, t) => {
+    const [path, query] = url.split("?", 2);
+    if (!query) {
+      return `${path}?t=${t}`;
+    }
+    const params = query.split("&").filter((p) => !p.startsWith("t="));
+    params.push(`t=${t}`);
+    return `${path}?${params.join("&")}`;
+  };
+  document.addEventListener("qHmr", (ev) => {
+    const files = ev.detail.files;
+    const t = ev.detail.t || document.__hmrT || Date.now();
+    let didReload = false;
+    for (const lazy of allLazyRefs.values()) {
+      const devFile = lazy.dev?.file || lazy.$chunk$;
+      if (!devFile || !files.some((file) => devFile.startsWith(file))) {
+        continue;
+      }
+      const chunk = lazy.$chunk$;
+      if (chunk) {
+        lazy.$chunk$ = bustTimestamp(chunk, t);
+        didReload = true;
+      }
+      const fnStr = lazy.$symbolFn$?.toString();
+      if (fnStr) {
+        const newStr = fnStr.replace(/import\((['"])(.+?)\1\)/, (match, p1, p2) => {
+          const newPath = bustTimestamp(p2, t);
+          return `import(${p1}${newPath}${p1})`;
+        });
+        if (newStr !== fnStr) {
+          try {
+            lazy.$symbolFn$ = new Function(`return (${newStr})`)();
+            didReload = true;
+          } catch (err) {
+            console.error(`Failed to update symbolFn for ${lazy.$symbol$}`, err);
+          }
+        } else {
+          console.warn(
+            `Couldn't find import() in symbolFn for ${lazy.$symbol$}, cannot update it for HMR`,
+            fnStr
+          );
+        }
+      }
+      if (didReload) {
+        lazy.$ref$ = void 0;
+        document.__hmrDone = document.__hmrT;
+        if (lazy.qrls) {
+          for (const qrlRef of lazy.qrls) {
+            const qrl = qrlRef.deref();
+            if (qrl) {
+              if (qrl.resolved) {
+                qrl.resolved = void 0;
+              }
+            } else {
+              lazy.qrls.delete(qrlRef);
+            }
+          }
+        }
+      }
+    }
+  });
+};
+
+// packages/qwik/src/core/shared/qrl/qrl-class.ts
 import { p as preload } from "@qwik.dev/core/preloader";
 
 // packages/qwik/src/core/shared/serdes/inflate.ts
@@ -24738,7 +24837,7 @@ var isPropsProxy = (obj) => {
 };
 
 // packages/qwik/src/core/reactive-primitives/impl/async-signal-impl.ts
-import { isBrowser, isDev as isDev10, isServer as isServer5 } from "@qwik.dev/core/build";
+import { isBrowser as isBrowser2, isDev as isDev10, isServer as isServer5 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/reactive-primitives/subscriber.ts
 import { isServer as isServer4 } from "@qwik.dev/core/build";
@@ -24800,7 +24899,8 @@ var cleanupFn = (target, handleError) => {
         target.$destroy$ = () => {
           target.$destroy$ = null;
           let cleanupPromises = null;
-          for (const fn2 of cleanupFns) {
+          for (let i = 0; i < cleanupFns.length; i++) {
+            const fn2 = cleanupFns[i];
             try {
               const result2 = fn2();
               if (isPromise(result2)) {
@@ -24904,8 +25004,10 @@ var log3 = (...args) => (
   console.log("ASYNC COMPUTED SIGNAL", ...args.map(qwikDebugToString))
 );
 var AsyncJob = class {
-  constructor($signal$) {
+  constructor($signal$, info, $infoVersion$) {
     this.$signal$ = $signal$;
+    this.info = info;
+    this.$infoVersion$ = $infoVersion$;
     /** First holds the compute promise and then the cleanup promise */
     __publicField(this, "$promise$", null);
     __publicField(this, "$cleanupRequested$", false);
@@ -24952,6 +25054,8 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
     __publicField(this, "$concurrency$", 1);
     __publicField(this, "$interval$", 0);
     __publicField(this, "$timeoutMs$");
+    __publicField(this, "$info$");
+    __publicField(this, "$infoVersion$", 0);
     __publicField(this, _a3);
     const interval = options?.interval;
     const concurrency = options?.concurrency ?? 1;
@@ -25001,6 +25105,32 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
   set untrackedValue(value) {
     this.$untrackedValue$ = value;
   }
+  /**
+   * Read the value, subscribing if in a tracking context. Triggers computation if needed.
+   *
+   * Setting the value will mark the signal as not loading and clear any error, and prevent any
+   * pending computations from writing their results.
+   *
+   * If you want to set the value without affecting loading or error state, set `untrackedValue`
+   * instead and make sure to trigger effects manually if needed.
+   *
+   * If you want to abort pending computations when setting, you have to call `abort()` manually.
+   */
+  get value() {
+    return super.value;
+  }
+  set value(value) {
+    this.$flags$ &= ~1 /* INVALID */;
+    this.untrackedLoading = false;
+    this.untrackedError = void 0;
+    this.$info$ = void 0;
+    for (let i = 0; i < this.$jobs$.length; i++) {
+      this.$jobs$[i].$canWrite$ = false;
+    }
+    this.$clearNextPoll$();
+    super.value = value;
+    this.$scheduleNextPoll$();
+  }
   /**
    * Loading is true if the signal is still waiting for the promise to resolve, false if the promise
    * has resolved or rejected.
@@ -25073,14 +25203,18 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
   set interval(value) {
     this.$clearNextPoll$();
     this.$interval$ = value;
-    if (this.$interval$ > 0 && this.$effects$?.size) {
+    if (this.$interval$ !== 0 && this.$hasSubscribers$()) {
       this.$scheduleNextPoll$();
     }
   }
   /** Invalidates the signal, causing it to re-compute its value. */
-  async invalidate() {
+  async invalidate(info) {
     this.$flags$ |= 1 /* INVALID */;
     this.$clearNextPoll$();
+    if (arguments.length > 0) {
+      this.$info$ = info;
+      this.$infoVersion$++;
+    }
     if (this.$effects$?.size || this.$loadingEffects$?.size || this.$errorEffects$?.size) {
       await true;
       this.$computeIfNeeded$();
@@ -25097,7 +25231,7 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
     if (!(this.$flags$ & 32 /* EAGER_CLEANUP */) || this.$hasSubscribers$()) {
       return;
     }
-    if (!(import.meta.env.TEST ? !isServerPlatform() : isBrowser)) {
+    if (!(import.meta.env.TEST ? !isServerPlatform() : isBrowser2)) {
       return;
     }
     setTimeout(() => {
@@ -25134,7 +25268,8 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
     }
     DEBUG3 && log3("Starting new async computation");
     this.$flags$ &= ~1 /* INVALID */;
-    const running = new AsyncJob(this);
+    const infoVersion = this.$infoVersion$;
+    const running = new AsyncJob(this, this.$info$, infoVersion);
     this.$current$ = running;
     this.$jobs$.push(running);
     running.$promise$ = this.$runComputation$(running);
@@ -25154,7 +25289,8 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
           }
         }, this.$timeoutMs$);
       }
-      const value = await retryOnPromise(fn.bind(null, running));
+      const valuePromise = retryOnPromise(fn.bind(null, running));
+      const value = isPromise(valuePromise) ? await valuePromise : valuePromise;
       running.$promise$ = null;
       if (running.$canWrite$) {
         const index = this.$jobs$.indexOf(running);
@@ -25165,7 +25301,7 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
         }
         DEBUG3 && log3("Promise resolved", value);
         this.untrackedError = void 0;
-        this.value = value;
+        super.value = value;
       }
     } catch (err) {
       running.$promise$ = null;
@@ -25176,6 +25312,9 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
     }
     if (isCurrent()) {
       clearTimeout(this.$computationTimeoutId$);
+      if (running.$infoVersion$ === this.$infoVersion$) {
+        this.$info$ = void 0;
+      }
       if (this.$flags$ & 1 /* INVALID */) {
         DEBUG3 && log3("Computation finished but signal is invalid, re-running");
         this.$computeIfNeeded$();
@@ -25201,11 +25340,19 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BAC
     }
   }
   $scheduleNextPoll$() {
-    if ((import.meta.env.TEST ? !isServerPlatform() : isBrowser) && this.$interval$ > 0) {
-      this.$clearNextPoll$();
+    if (!(import.meta.env.TEST ? !isServerPlatform() : isBrowser2) || this.$interval$ === 0) {
+      return;
+    }
+    this.$clearNextPoll$();
+    if (this.$interval$ < 0) {
+      this.$pollTimeoutId$ = setTimeout(() => {
+        this.$pollTimeoutId$ = void 0;
+        this.$flags$ |= 1 /* INVALID */;
+      }, -this.$interval$);
+    } else {
       this.$pollTimeoutId$ = setTimeout(this.invalidate.bind(this), this.$interval$);
-      this.$pollTimeoutId$?.unref?.();
     }
+    this.$pollTimeoutId$?.unref?.();
   }
   $hasSubscribers$() {
     return !!(this.$effects$?.size || this.$loadingEffects$?.size || this.$errorEffects$?.size);
@@ -25398,6 +25545,7 @@ function removeCursorFromQueue(cursor, container, keepCursorFlag) {
 var cursorDatas = /* @__PURE__ */ new WeakMap();
 var NODE_PROPS_DATA_KEY = ":nodeProps";
 var NODE_DIFF_DATA_KEY = ":nodeDiff";
+var ERROR_DATA_KEY = ":errorData";
 var HOST_SIGNAL = ":signal";
 function setCursorPosition(container, cursorData, position) {
   cursorData.position = position;
@@ -25770,13 +25918,15 @@ var vnode_getElementNamespaceFlags = (element) => {
 };
 function cloneDomTreeWithNamespace(element, elementName, namespace, deep = false) {
   const newElement = element.ownerDocument.createElementNS(namespace, elementName);
-  for (const attr of element.attributes) {
+  for (let i = 0; i < element.attributes.length; i++) {
+    const attr = element.attributes[i];
     if (attr.name !== Q_PROPS_SEPARATOR) {
       newElement.setAttribute(attr.name, attr.value);
     }
   }
   if (deep) {
-    for (const child of element.childNodes) {
+    for (let i = 0; i < element.childNodes.length; i++) {
+      const child = element.childNodes[i];
       const nodeType = child.nodeType;
       if (nodeType === 3) {
         newElement.appendChild(child.cloneNode());
@@ -26415,7 +26565,8 @@ var serializeClass = (obj) => {
   }
   const classes = [];
   if (isArray(obj)) {
-    for (const o of obj) {
+    for (let i = 0; i < obj.length; i++) {
+      const o = obj[i];
       const classList = serializeClass(o);
       if (classList) {
         classes.push(classList);
@@ -27038,15 +27189,16 @@ function getSlotNameKey(diffContext, vHost) {
   return directGetPropsProxyProp(jsxNode, "name") || QDefaultSlot;
 }
 function cleanupSideBuffer(diffContext) {
-  if (diffContext.$vSideBuffer$) {
-    for (const vNode of diffContext.$vSideBuffer$.values()) {
+  const sideBuffer = diffContext.$vSideBuffer$;
+  if (sideBuffer) {
+    for (const vNode of sideBuffer.values()) {
       if (vNode.flags & 32 /* Deleted */) {
         continue;
       }
       cleanup(diffContext.$container$, diffContext.$journal$, vNode, diffContext.$cursor$);
       vnode_remove(diffContext.$journal$, diffContext.$vParent$, vNode, true);
     }
-    diffContext.$vSideBuffer$.clear();
+    sideBuffer.clear();
     diffContext.$vSideBuffer$ = null;
   }
   diffContext.$vCurrent$ = null;
@@ -27849,7 +28001,9 @@ function cleanup(container, journal, vNode, cursorRoot = null) {
         }
         const attrs = vCursor.props;
         if (attrs) {
-          for (const key of Object.keys(attrs)) {
+          const keys = Object.keys(attrs);
+          for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
             if (isSlotProp(key)) {
               const value = attrs[key];
               if (value) {
@@ -27948,7 +28102,8 @@ function containsWrappedSignal(data, signal) {
   if (!(signal instanceof WrappedSignalImpl)) {
     return false;
   }
-  for (const item of data) {
+  for (let i = 0; i < data.length; i++) {
+    const item = data[i];
     if (item instanceof WrappedSignalImpl && areWrappedSignalsEqual(item, signal)) {
       return true;
     }
@@ -28218,7 +28373,8 @@ function executeTasks(vNode, container, cursorData) {
     return;
   }
   let taskPromise;
-  for (const item of elementSeq) {
+  for (let i = 0; i < elementSeq.length; i++) {
+    const item = elementSeq[i];
     if (item instanceof Task) {
       const task = item;
       if (!(task.$flags$ & 4 /* DIRTY */)) {
@@ -28249,6 +28405,36 @@ function setNodeDiffPayload(vNode, payload) {
   const props = vNode.props || (vNode.props = {});
   props[NODE_DIFF_DATA_KEY] = payload;
 }
+function getErrorPayload(vNode) {
+  const props = vNode.props;
+  return props?.[ERROR_DATA_KEY] ?? null;
+}
+function setErrorPayload(vNode, error) {
+  const props = vNode.props || (vNode.props = {});
+  props[ERROR_DATA_KEY] = error;
+}
+function executeErrorWrap(vNode, journal) {
+  vNode.dirty &= ~256 /* ERROR_WRAP */;
+  const err = getErrorPayload(vNode);
+  if (!err) {
+    return;
+  }
+  setErrorPayload(vNode, null);
+  const vHost = vNode;
+  const vHostParent = vHost.parent;
+  const vHostNextSibling = vHost.nextSibling;
+  const vErrorDiv = vnode_createErrorDiv(journal, document, vHost, err);
+  const insertHost = vnode_isElementVNode(vHost) ? vHostParent || vHost : vHost;
+  const insertBefore = insertHost === vHost ? null : vHostNextSibling;
+  vnode_insertElementBefore(
+    journal,
+    insertHost,
+    vErrorDiv,
+    insertBefore
+  );
+  vNode.dirty &= ~32 /* CHILDREN */;
+  vNode.dirtyChildren = null;
+}
 function executeNodeDiff(vNode, container, journal, cursor) {
   vNode.dirty &= ~2 /* NODE_DIFF */;
   const domVNode = vNode;
@@ -28358,7 +28544,8 @@ function executeCleanup(vNode, container) {
   if (!elementSeq || elementSeq.length === 0) {
     return;
   }
-  for (const item of elementSeq) {
+  for (let i = 0; i < elementSeq.length; i++) {
+    const item = elementSeq[i];
     if (item instanceof Task) {
       if (item.$flags$ & 16 /* NEEDS_CLEANUP */) {
         item.$flags$ &= ~16 /* NEEDS_CLEANUP */;
@@ -28557,8 +28744,8 @@ function executeAfterFlush(container, cursorData) {
     visibleTasks.map((t) => t.$qrl$.$symbol$)
   );
   let visibleTaskPromise;
-  for (const visibleTask of visibleTasks) {
-    const task = visibleTask;
+  for (let i = 0; i < visibleTasks.length; i++) {
+    const task = visibleTasks[i];
     const result2 = runTask(task, container, task.$el$);
     if (isPromise(result2)) {
       visibleTaskPromise = visibleTaskPromise ? visibleTaskPromise.then(() => result2) : result2;
@@ -28597,7 +28784,7 @@ var createMacroTask = (fn) => {
 };
 
 // packages/qwik/src/core/shared/cursor/cursor-walker.ts
-import { isBrowser as isBrowser2, isDev as isDev16, isServer as isServer7 } from "@qwik.dev/core/build";
+import { isBrowser as isBrowser3, isDev as isDev16, isServer as isServer7 } from "@qwik.dev/core/build";
 var DEBUG6 = false;
 var nextMicroTask = createMicroTask(processCursorQueue);
 var nextMacroTask = createMacroTask(processCursorQueue);
@@ -28650,7 +28837,7 @@ function walkCursor(cursor, options) {
     if (cursorData.promise) {
       return;
     }
-    if (!(currentVNode.dirty & 255 /* DIRTY_MASK */)) {
+    if (!(currentVNode.dirty & 511 /* DIRTY_MASK */)) {
       setCursorPosition(container, cursorData, getNextVNode(currentVNode, cursor));
       continue;
     }
@@ -28664,7 +28851,7 @@ function walkCursor(cursor, options) {
           continue;
         }
       }
-      currentVNode.dirty &= ~255 /* DIRTY_MASK */;
+      currentVNode.dirty &= ~511 /* DIRTY_MASK */;
       setCursorPosition(container, cursorData, getNextVNode(currentVNode, cursor));
       continue;
     }
@@ -28688,6 +28875,8 @@ function walkCursor(cursor, options) {
           currentVNode = next;
           continue;
         }
+      } else if (currentVNode.dirty & 256 /* ERROR_WRAP */) {
+        executeErrorWrap(currentVNode, journal);
       }
     } catch (error) {
       container.handleError(error, currentVNode);
@@ -28706,7 +28895,7 @@ function walkCursor(cursor, options) {
       });
       return;
     }
-    if (isBrowser2) {
+    if (isBrowser3) {
       const elapsed = performance.now() - startTime;
       if (elapsed >= timeBudget) {
         scheduleYield();
@@ -28715,16 +28904,16 @@ function walkCursor(cursor, options) {
     }
   }
   isDev16 && assertFalse(
-    !!(cursor.dirty & 255 /* DIRTY_MASK */ && !cursorData.position),
+    !!(cursor.dirty & 511 /* DIRTY_MASK */ && !cursorData.position),
     "Cursor is still dirty and position is not set after walking"
   );
   finishWalk(container, cursor, cursorData, isRunningOnServer);
 }
-function finishWalk(container, cursor, cursorData, isServer13) {
-  if (!(cursor.dirty & 255 /* DIRTY_MASK */)) {
+function finishWalk(container, cursor, cursorData, isServer15) {
+  if (!(cursor.dirty & 511 /* DIRTY_MASK */)) {
     removeCursorFromQueue(cursor, container);
     DEBUG6 && console.warn("walkCursor: cursor done", cursor.toString());
-    if (!isServer13) {
+    if (!isServer15) {
       executeFlushPhase(cursor, container);
     }
     if (cursorData.extraPromises) {
@@ -28768,7 +28957,7 @@ function partitionDirtyChildren(dirtyChildren, parent) {
 }
 function getNextVNode(vNode, cursor) {
   if (vNode === cursor) {
-    if (cursor.dirty & 255 /* DIRTY_MASK */) {
+    if (cursor.dirty & 511 /* DIRTY_MASK */) {
       return cursor;
     }
     return null;
@@ -28780,7 +28969,7 @@ function getNextVNode(vNode, cursor) {
     parent = vNode.parent;
   }
   if (!parent) {
-    if (cursor.dirty & 255 /* DIRTY_MASK */) {
+    if (cursor.dirty & 511 /* DIRTY_MASK */) {
       return cursor;
     }
     return null;
@@ -28791,7 +28980,7 @@ function getNextVNode(vNode, cursor) {
   let count = len;
   while (count-- > 0) {
     const nextVNode = dirtyChildren[index];
-    if (nextVNode.dirty & 255 /* DIRTY_MASK */) {
+    if (nextVNode.dirty & 511 /* DIRTY_MASK */) {
       parent.nextDirtyChildIndex = (index + 1) % len;
       return nextVNode;
     }
@@ -28854,7 +29043,7 @@ function propagateToCursorRoot(vNode, cursorRoot) {
   reusablePath.push(vNode);
   let current = vNode.slotParent || vNode.parent;
   while (current) {
-    const isDirty = current.dirty & 255 /* DIRTY_MASK */;
+    const isDirty = current.dirty & 511 /* DIRTY_MASK */;
     const currentIsCursor = isCursor(current);
     if (current === cursorRoot || isDirty) {
       propagatePath(current);
@@ -28908,8 +29097,8 @@ function markVNodeDirty(container, vNode, bits, cursorRoot = null) {
     }
     return;
   }
-  const isRealDirty = bits & 255 /* DIRTY_MASK */;
-  if ((isRealDirty ? prevDirty & 255 /* DIRTY_MASK */ : prevDirty) || vNode === cursorRoot) {
+  const isRealDirty = bits & 511 /* DIRTY_MASK */;
+  if ((isRealDirty ? prevDirty & 511 /* DIRTY_MASK */ : prevDirty) || vNode === cursorRoot) {
     return;
   }
   const parent = vNode.slotParent || vNode.parent;
@@ -28917,7 +29106,7 @@ function markVNodeDirty(container, vNode, bits, cursorRoot = null) {
     propagateToCursorRoot(vNode, cursorRoot);
     return;
   }
-  if (parent && parent.dirty & 255 /* DIRTY_MASK */) {
+  if (parent && parent.dirty & 511 /* DIRTY_MASK */) {
     if (isRealDirty) {
       parent.dirty |= 32 /* CHILDREN */;
     }
@@ -29164,7 +29353,7 @@ function _executeSsrChores(container, ssrNode) {
     if (ssrNode.dirty & 16 /* COMPUTE */) {
       executeCompute(ssrNode, container);
     }
-    if (ssrNode.dirty & 255 /* DIRTY_MASK */) {
+    if (ssrNode.dirty & 511 /* DIRTY_MASK */) {
       const warningMessage = `A chore was scheduled on a host element that has already been streamed to the client.
         This can lead to inconsistencies between Server-Side Rendering (SSR) and Client-Side Rendering (CSR).
         
@@ -29175,7 +29364,7 @@ function _executeSsrChores(container, ssrNode) {
         This is often caused by modifying a signal in an already rendered component during SSR.`;
       logWarn(warningMessage);
     }
-    ssrNode.dirty &= ~255 /* DIRTY_MASK */;
+    ssrNode.dirty &= ~511 /* DIRTY_MASK */;
     return;
   }
   let promise = null;
@@ -29189,7 +29378,7 @@ function _executeSsrChores(container, ssrNode) {
     const result2 = executeReconcileChore(container, ssrNode);
     promise = promise ? promise.then(() => result2) : result2;
   }
-  ssrNode.dirty &= ~(255 /* DIRTY_MASK */ & ~4 /* COMPONENT */);
+  ssrNode.dirty &= ~(511 /* DIRTY_MASK */ & ~4 /* COMPONENT */);
   if (promise) {
     return promise;
   }
@@ -29201,7 +29390,8 @@ function executeTasksChore(container, ssrNode) {
     return null;
   }
   let promise = null;
-  for (const item of elementSeq) {
+  for (let i = 0; i < elementSeq.length; i++) {
+    const item = elementSeq[i];
     if (item instanceof Task) {
       const task = item;
       if (!(task.$flags$ & 4 /* DIRTY */)) {
@@ -29615,7 +29805,7 @@ var Serializer = class {
         const isInvalid = value.$flags$ & 1 /* INVALID */;
         const isSkippable = fastSkipSerialize(value.$untrackedValue$);
         const isAsync = value instanceof AsyncSignalImpl;
-        const interval = isAsync && value.$interval$ > 0 ? value.$interval$ : void 0;
+        const interval = isAsync && value.$interval$ !== 0 ? value.$interval$ : void 0;
         const concurrency = isAsync && value.$concurrency$ !== 1 ? value.$concurrency$ : void 0;
         const timeout = isAsync && value.$timeoutMs$ !== 0 ? value.$timeoutMs$ : void 0;
         const asyncFlags = isAsync && value.$flags$ & ~24 /* SERIALIZATION_ALL_STRATEGIES */ || void 0;
@@ -29684,15 +29874,6 @@ var Serializer = class {
           const child = value.children[i];
           const childVNodeData = child.vnodeData;
           if (childVNodeData) {
-            for (let i2 = 0; i2 < childVNodeData.length; i2++) {
-              const value2 = childVNodeData[i2];
-              if (isSsrAttrs(value2)) {
-                const backRefs = tryGetBackRefs(value2);
-                if (backRefs) {
-                  this.$serializationContext$.$addRoot$(backRefs);
-                }
-              }
-            }
             childVNodeData[0] |= 16 /* SERIALIZE */;
           }
         }
@@ -29898,9 +30079,6 @@ function serializeWrappingFn(serializationContext, value) {
   );
   return [syncFnId, value.$args$];
 }
-function tryGetBackRefs(props) {
-  return Object.prototype.hasOwnProperty.call(props, QBackRefs) ? props[QBackRefs] : void 0;
-}
 var SerializationWeakRef = class {
   constructor($obj$) {
     this.$obj$ = $obj$;
@@ -30408,7 +30586,8 @@ var inflate = (container, target, typeId, data) => {
       const bytes = target;
       const buf = atob(data);
       let i = 0;
-      for (const s of buf) {
+      for (let j = 0; j < buf.length; j++) {
+        const s = buf[j];
         bytes[i++] = s.charCodeAt(0);
       }
       break;
@@ -30558,6 +30737,9 @@ var ElementVNode = class extends VirtualVNode {
 };
 
 // packages/qwik/src/core/shared/qrl/qrl-class.ts
+var getLazyRef = (chunk, symbol, symbolFn, ref, container) => {
+  return new LazyRef(chunk, symbol, symbolFn, ref, container);
+};
 var LazyRef = class {
   constructor($chunk$, $symbol$, $symbolFn$, $ref$, container) {
     this.$chunk$ = $chunk$;
@@ -30565,18 +30747,14 @@ var LazyRef = class {
     this.$symbolFn$ = $symbolFn$;
     this.$ref$ = $ref$;
     __publicField(this, "$container$");
-    // Don't allocate dev property immediately so that in prod we don't have this property
-    __publicField(this, "dev");
     if ($ref$) {
       this.$setRef$($ref$);
     }
     if (container && !$ref$ && typeof $chunk$ === "string" && !$symbolFn$) {
       this.$container$ = container;
     }
-    if (qDev) {
-      this.dev = null;
-    }
-    if (isBrowser3 && $chunk$) {
+    qDev && initLazyRefDev(this);
+    if (isBrowser4 && $chunk$) {
       preload($chunk$, 0.8);
     }
   }
@@ -30608,7 +30786,7 @@ var LazyRef = class {
       const qFuncs2 = getQFuncs(doc2, hash2);
       return this.$ref$ = qFuncs2[Number(this.$symbol$)];
     }
-    if (isBrowser3 && this.$chunk$) {
+    if (isBrowser4 && this.$chunk$) {
       preload(this.$chunk$, 1);
     }
     const symbol = this.$symbol$;
@@ -30621,6 +30799,9 @@ var LazyRef = class {
     return this.$ref$;
   }
 };
+isBrowser4 && import.meta.hot && setupHmr(LazyRef, (fn) => {
+  getLazyRef = fn;
+});
 var QRL_STATE = /* @__PURE__ */ Symbol("qrl-state");
 var getInstance = (instance) => {
   return instance?.[QRL_STATE] ?? instance;
@@ -30637,13 +30818,7 @@ var QRLClass = class {
       if (typeof $captures$ === "string") {
         this.$container$ = container;
       }
-      if (qDev) {
-        if ($captures$ && typeof $captures$ === "object") {
-          for (const item of $captures$) {
-            verifySerializable(item, "Captured variable in the closure can not be serialized");
-          }
-        }
-      }
+      qDev && initQrlClassDev($lazy$, $captures$, this);
     }
     if ($lazy$.$ref$ != null && typeof this.$captures$ !== "string" && !isPromise($lazy$.$ref$)) {
       this.resolved = bindCaptures(this, $lazy$.$ref$);
@@ -30755,6 +30930,13 @@ var QRL_FUNCTION_PROTO = Object.create(Function.prototype, {
       return this[QRL_STATE].$lazy$.dev;
     }
   },
+  ...qDev ? {
+    $setDev$: {
+      value(dev) {
+        this[QRL_STATE].$lazy$.dev = dev;
+      }
+    }
+  } : void 0,
   $callFn$: {
     value: qrlCallFn
   },
@@ -30786,7 +30968,9 @@ var setCaptures = (captures) => {
 };
 var deserializeCaptures = (container, captures) => {
   const refs = [];
-  for (const id of captures.split(" ")) {
+  const captureIds = captures.split(" ");
+  for (let i = 0; i < captureIds.length; i++) {
+    const id = captureIds[i];
     refs.push(container.$getObjectById$(id));
   }
   return refs;
@@ -30848,7 +31032,7 @@ var $resolve$ = (qrl, container) => {
   return maybePromise;
 };
 var createQRL = (chunk, symbol, symbolRef, symbolFn, captures, container) => {
-  const lazy = new LazyRef(chunk, symbol, symbolFn, symbolRef, container);
+  const lazy = getLazyRef(chunk, symbol, symbolFn, symbolRef, container);
   const qrl = new QRLClass(lazy, captures, container);
   return makeQrlFn(qrl);
 };
@@ -31247,15 +31431,19 @@ function processVNodeData(document2) {
   const hasAttribute = prototype.hasAttribute;
   const getNodeType = getter(prototype, "nodeType");
   const attachVnodeDataAndRefs = (element) => {
-    Array.from(element.querySelectorAll('script[type="qwik/vnode"]')).forEach((script2) => {
+    const scripts = element.querySelectorAll('script[type="qwik/vnode"]');
+    for (let i = 0; i < scripts.length; i++) {
+      const script2 = scripts[i];
       const qContainerElement = script2.closest("[q\\:container]");
       qContainerElement.qVnodeData = script2.textContent;
       qContainerElement.qVNodeRefs = /* @__PURE__ */ new Map();
-    });
-    element.querySelectorAll("[q\\:shadowroot]").forEach((parent) => {
+    }
+    const shadowRoots = element.querySelectorAll("[q\\:shadowroot]");
+    for (let i = 0; i < shadowRoots.length; i++) {
+      const parent = shadowRoots[i];
       const shadowRoot = parent.shadowRoot;
       shadowRoot && attachVnodeDataAndRefs(shadowRoot);
-    });
+    }
   };
   attachVnodeDataAndRefs(document2);
   let NodeType;
@@ -31582,22 +31770,8 @@ var DomContainer = class extends _SharedContainer {
   handleError(err, host) {
     if (qDev && host) {
       if (typeof document !== "undefined") {
-        const createErrorWrapper = () => {
-          const vHost = host;
-          const vHostParent = vHost.parent;
-          const vHostNextSibling = vHost.nextSibling;
-          const journal = [];
-          const vErrorDiv = vnode_createErrorDiv(journal, document, vHost, err);
-          const insertHost = vnode_isElementVNode(vHost) ? vHostParent || vHost : vHost;
-          const insertBefore = insertHost === vHost ? null : vHostNextSibling;
-          vnode_insertElementBefore(
-            journal,
-            insertHost,
-            vErrorDiv,
-            insertBefore
-          );
-        };
-        this.$renderPromise$ ? this.$renderPromise$.then(createErrorWrapper) : createErrorWrapper();
+        setErrorPayload(host, err);
+        markVNodeDirty(this, host, 256 /* ERROR_WRAP */);
       }
       if (err && err instanceof Error) {
         if (!("hostElement" in err)) {
@@ -31673,7 +31847,9 @@ var DomContainer = class extends _SharedContainer {
       vNode.flags |= 16 /* Resolved */;
       const props = vNode.props;
       if (props) {
-        for (const prop of Object.keys(props)) {
+        const propKeys = Object.keys(props);
+        for (let i = 0; i < propKeys.length; i++) {
+          const prop = propKeys[i];
           if (isSlotProp(prop)) {
             const value = props[prop];
             if (typeof value == "string") {
@@ -31699,9 +31875,11 @@ var DomContainer = class extends _SharedContainer {
     }
     if (this.$styleIds$ == null) {
       this.$styleIds$ = /* @__PURE__ */ new Set();
-      this.element.querySelectorAll(QStyleSelector).forEach((style) => {
+      const styleElements = this.document.querySelectorAll(QStyleSelector);
+      for (let i = 0; i < styleElements.length; i++) {
+        const style = styleElements[i];
         this.$styleIds$.add(style.getAttribute(QStyle));
-      });
+      }
     }
     if (!this.$styleIds$.has(styleId)) {
       this.$styleIds$.add(styleId);
@@ -32073,6 +32251,9 @@ var canSerialize = (value, seen = /* @__PURE__ */ new WeakSet()) => {
       return true;
     } else if (proto == Array.prototype) {
       for (let i = 0; i < value.length; i++) {
+        if (!(i in value)) {
+          return false;
+        }
         if (!canSerialize(value[i], seen)) {
           return false;
         }
@@ -32086,6 +32267,8 @@ var canSerialize = (value, seen = /* @__PURE__ */ new WeakSet()) => {
       return true;
     } else if (isJSXNode(value)) {
       return true;
+    } else if (isSerializerObj(value)) {
+      return true;
     } else if (value instanceof Error) {
       return true;
     } else if (value instanceof URL) {
@@ -32292,16 +32475,23 @@ var _verifySerializable = (value, seen, ctx, preMessage) => {
         }
         if (isArray(unwrapped)) {
           let expectIndex = 0;
-          unwrapped.forEach((v, i) => {
+          for (let i = 0; i < unwrapped.length; i++) {
+            if (!(i in unwrapped)) {
+              throw qError(3 /* verifySerializable */, [unwrapped]);
+            }
+            const v = unwrapped[i];
             if (i !== expectIndex) {
               throw qError(3 /* verifySerializable */, [unwrapped]);
             }
             _verifySerializable(v, seen, ctx + "[" + i + "]");
             expectIndex = i + 1;
-          });
+          }
           return value;
         }
-        if (unwrapped.__brand) {
+        if (unwrapped instanceof VNode) {
+          return value;
+        }
+        if (unwrapped.__brand || unwrapped.__brand__) {
           return value;
         }
         if (isSerializableObject(unwrapped)) {
@@ -32387,7 +32577,7 @@ var addQrlToSerializationCtx = (effectSubscriber, container) => {
   }
 };
 var scheduleEffects = (container, signal, effects) => {
-  const isBrowser6 = import.meta.env.TEST ? !isServerPlatform() : !isServer12;
+  const isBrowser8 = import.meta.env.TEST ? !isServerPlatform() : !isServer12;
   if (effects) {
     const scheduleEffect = (effectSubscription) => {
       const consumer = effectSubscription.consumer;
@@ -32401,7 +32591,7 @@ var scheduleEffects = (container, signal, effects) => {
       } else if (property === ":" /* COMPONENT */) {
         markVNodeDirty(container, consumer, 4 /* COMPONENT */);
       } else if (property === "." /* VNODE */) {
-        if (isBrowser6) {
+        if (isBrowser8) {
           setNodeDiffPayload(consumer, signal);
           markVNodeDirty(container, consumer, 2 /* NODE_DIFF */);
         }
@@ -32414,7 +32604,7 @@ var scheduleEffects = (container, signal, effects) => {
             scopedStyleIdPrefix: data.$scopedStyleIdPrefix$,
             value: signal
           };
-          if (isBrowser6) {
+          if (isBrowser8) {
             setNodePropData(consumer, property, payload);
           } else {
             const node = consumer;
@@ -32510,16 +32700,19 @@ var jsxToString = (value) => {
     }
     let str = "<" + value.type;
     if (value.props) {
-      for (const [key, val] of Object.entries(value.props)) {
+      const propsEntries = Object.entries(value.props);
+      for (let i = 0; i < propsEntries.length; i++) {
+        const [key, val] = propsEntries[i];
         str += " " + key + "=" + qwikDebugToString(val);
       }
       const children = value.children;
       if (children != null) {
         str += ">";
         if (Array.isArray(children)) {
-          children.forEach((child) => {
+          for (let i = 0; i < children.length; i++) {
+            const child = children[i];
             str += jsxToString(child);
-          });
+          }
         } else {
           str += jsxToString(children);
         }
@@ -33780,12 +33973,14 @@ function vnode_toString(depth = 20, offset = "", materialize2 = false, siblings
         attrs.push(` dirty:${vnode.dirty}`);
       }
       if (container) {
-        vnode_getAttrKeys(container, vnode).forEach((key) => {
+        const attrKeys = vnode_getAttrKeys(container, vnode);
+        for (let i = 0; i < attrKeys.length; i++) {
+          const key = attrKeys[i];
           if (key !== DEBUG_TYPE && key !== debugStyleScopeIdPrefixAttr) {
             const value = vnode_getProp(vnode, key, null);
             attrs.push(" " + key + "=" + qwikDebugToString(value));
           }
-        });
+        }
       }
       const name = (colorize ? NAME_COL_PREFIX : "") + (VirtualTypeName[vnode_getProp(vnode, DEBUG_TYPE, null) || "V" /* Virtual */] || VirtualTypeName["V" /* Virtual */]) + (colorize ? NAME_COL_SUFFIX : "");
       strings.push("<" + name + attrs.join("") + ">");
@@ -33807,7 +34002,8 @@ function vnode_toString(depth = 20, offset = "", materialize2 = false, siblings
         attrs.push(` dirtyChildren[${vnode.dirtyChildren.length}]`);
       }
       const keys = container ? vnode_getAttrKeys(container, vnode) : [];
-      for (const key of keys) {
+      for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
         const value = vnode_getProp(vnode, key, null);
         attrs.push(" " + key + "=" + qwikDebugToString(value));
       }
@@ -34140,9 +34336,12 @@ var MockShadowRoot = class extends import_domino.default.impl.DocumentFragment {
     this.ownerDocument = host.ownerDocument;
   }
   append(...nodes) {
-    for (const node of nodes) {
+    for (let i = 0; i < nodes.length; i++) {
+      const node = nodes[i];
       if (node.nodeType === 11) {
-        for (const child of Array.from(node.childNodes)) {
+        const childNodes = Array.from(node.childNodes);
+        for (let j = 0; j < childNodes.length; j++) {
+          const child = childNodes[j];
           this.appendChild(child);
         }
       } else {
@@ -34665,9 +34864,10 @@ function diffJsxVNode(received, expected, path = [], container, isSsr) {
     receivedElement && propsAdd(allProps, constPropsFromElement(receivedElement));
     path.push(tagToString(expected.type));
     allProps.sort();
-    allProps.forEach((prop) => {
+    for (let i = 0; i < allProps.length; i++) {
+      const prop = allProps[i];
       if (isJsxPropertyAnEventName(prop) || isHtmlAttributeAnEventName(prop)) {
-        return;
+        continue;
       }
       const propLowerCased = prop.toLowerCase();
       let convertNullToUndefined = false;
@@ -34691,7 +34891,7 @@ function diffJsxVNode(received, expected, path = [], container, isSsr) {
         diffs.push("  EXPECTED: " + JSON.stringify(expectedValue));
         diffs.push("  RECEIVED: " + JSON.stringify(receivedValue));
       }
-    });
+    }
     diffJsxVNodeChildren(received, expected, path, container, isSsr, diffs);
   } else if (isSsr && isSkippableNode(expected)) {
     diffJsxVNodeChildren(received, expected, path, container, isSsr, diffs);
@@ -34745,7 +34945,8 @@ function getFilteredJSXChildren(children, isSsr, data) {
     }
   };
   function processChildren(children2) {
-    for (const child of children2) {
+    for (let i = 0; i < children2.length; i++) {
+      const child = children2[i];
       if (typeof child === "string" || typeof child === "number") {
         if (child !== "") {
           data.mergedText = typeof data.mergedText === "string" ? data.mergedText + child : String(child);
@@ -34805,9 +35006,11 @@ function jsxToHTML(jsx2, pad2 = "") {
   const html = [];
   if (jsx2.type) {
     html.push(pad2, "<", tagToString(jsx2.type), ">\n");
-    getJSXChildren(jsx2).forEach((jsx3) => {
+    const children = getJSXChildren(jsx2);
+    for (let i = 0; i < children.length; i++) {
+      const jsx3 = children[i];
       html.push(jsxToHTML(jsx3, pad2 + "  "));
-    });
+    }
     html.push(pad2, "</", tagToString(jsx2.type), ">\n");
   } else {
     html.push(pad2, JSON.stringify(jsx2), "\n");
@@ -34839,7 +35042,8 @@ function walkJSX(jsx2, apply) {
   if (_isJSXNode(jsx2)) {
     apply.enter(jsx2);
     if (Array.isArray(jsx2.children)) {
-      for (const child of jsx2.children) {
+      for (let i = 0; i < jsx2.children.length; i++) {
+        const child = jsx2.children[i];
         processChild(child);
       }
     } else if (jsx2.children) {
@@ -34935,11 +35139,12 @@ function constPropsFromElement(element) {
   return props;
 }
 function propsAdd(existing, incoming) {
-  for (const prop of incoming) {
+  for (let i = 0; i < incoming.length; i++) {
+    const prop = incoming[i];
     if (prop !== "children") {
       let found = false;
-      for (let i = 0; i < existing.length; i++) {
-        if (existing[i].toLowerCase() === prop.toLowerCase()) {
+      for (let j = 0; j < existing.length; j++) {
+        if (existing[j].toLowerCase() === prop.toLowerCase()) {
           found = true;
           break;
         }
@@ -34990,7 +35195,9 @@ var ElementFixture = class {
       this.parent.innerHTML = options.html;
       this.host = this.parent.firstElementChild;
       assertDefined(this.host, "host element must be defined");
-      this.host.querySelectorAll('script[q\\:func="qwik/json"]').forEach((script2) => {
+      const scripts = this.host.querySelectorAll('script[q\\:func="qwik/json"]');
+      for (let i = 0; i < scripts.length; i++) {
+        const script2 = scripts[i];
         const code2 = script2.textContent;
         if (code2?.match(Q_FUNCS_PREFIX)) {
           const equal = code2.indexOf("=");
@@ -34999,7 +35206,7 @@ var ElementFixture = class {
           const hash2 = container.getAttribute(QInstanceAttr);
           document[QFuncsPrefix + hash2] = qFuncs2;
         }
-      });
+      }
       this.child = null;
     } else {
       this.host = this.document.createElement(options.tagName || "host");
@@ -35032,7 +35239,8 @@ async function trigger(root, queryOrElement, eventName, eventPayload = {}, optio
   }
   const elements = typeof queryOrElement === "string" ? Array.from(root.querySelectorAll(queryOrElement)) : [queryOrElement];
   let container = null;
-  for (const element of elements) {
+  for (let i = 0; i < elements.length; i++) {
+    const element = elements[i];
     if (!element) {
       continue;
     }
@@ -35075,7 +35283,8 @@ var dispatch = async (element, event, scopedKebabName, kebabName) => {
         if (typeof handlers === "function") {
           await handlers(event, element);
         } else if (handlers.length) {
-          for (const handler of handlers) {
+          for (let i = 0; i < handlers.length; i++) {
+            const handler = handlers[i];
             if (handler) {
               await handler(event, element);
             }
@@ -35085,7 +35294,9 @@ var dispatch = async (element, event, scopedKebabName, kebabName) => {
     } else if (element.hasAttribute("q-" + scopedKebabName)) {
       const qrls = element.getAttribute("q-" + scopedKebabName);
       try {
-        for (const qrl of qrls.split("|")) {
+        const qrlsArray = qrls.split("|");
+        for (let i = 0; i < qrlsArray.length; i++) {
+          const qrl = qrlsArray[i];
           const [chunk, symbol, captures] = qrl.split("#");
           let fn;
           if (chunk) {
@@ -35180,7 +35391,8 @@ function toPath(url) {
   }
   const path = fileURLToPath(String(normalizedUrl));
   const importPaths = [path, ...testExts.map((ext) => path + ext)];
-  for (const importPath of importPaths) {
+  for (let i = 0; i < importPaths.length; i++) {
+    const importPath = importPaths[i];
     if (existsSync(importPath)) {
       return importPath;
     }
@@ -35234,19 +35446,24 @@ import { fileURLToPath as fileURLToPath2 } from "url";
 import { expect as expect2 } from "vitest";
 
 // packages/qwik/src/core/preloader/queue.ts
-import { isBrowser as isBrowser5 } from "@qwik.dev/core/build";
+import { isBrowser as isBrowser7 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/preloader/bundle-graph.ts
+import { isServer as isServer14 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/preloader/constants.ts
-import { isBrowser as isBrowser4 } from "@qwik.dev/core/build";
-var doc = isBrowser4 ? document : void 0;
+import { isServer as isServer13 } from "@qwik.dev/core/build";
+var isBrowser5 = import.meta.env.TEST ? !isServerPlatform() : !isServer13;
+var doc = isBrowser5 ? document : void 0;
 var config = {
   $DEBUG$: false,
   $maxIdlePreloads$: 25,
   $invPreloadProbability$: 0.65
 };
-var rel = isBrowser4 && doc.createElement("link").relList.supports("modulepreload") ? "modulePreload" : "preload";
-var loadStart = Date.now();
+var rel = isBrowser5 && doc.createElement("link").relList?.supports?.("modulepreload") ? "modulePreload" : "preload";
+var loadStart = performance.now();
 var isJSRegex = /\.[mc]?js$/;
+var yieldInterval = 1e3 / 60;
 
 // packages/qwik/src/core/preloader/types.ts
 var BundleImportState_None = 0;
@@ -35258,13 +35475,14 @@ var BundleImportState_Loaded = 4;
 // packages/qwik/src/core/preloader/bundle-graph.ts
 var base;
 var graph;
+var isBrowser6 = import.meta.env.TEST ? !isServerPlatform() : !isServer14;
 var makeBundle = (name, deps) => {
   return {
     $name$: name,
     $state$: isJSRegex.test(name) ? BundleImportState_None : BundleImportState_Alias,
     $deps$: shouldResetFactor ? deps?.map((d) => ({ ...d, $factor$: 1 })) : deps,
     $inverseProbability$: 1,
-    $createdTs$: Date.now(),
+    $createdTs$: performance.now(),
     $waitedMs$: 0,
     $loadedMs$: 0
   };
@@ -35333,9 +35551,16 @@ var shouldResetFactor;
 var queueDirty;
 var preloadCount = 0;
 var queue = [];
+var nextTriggerMacroTask = createMacroTask(trigger2);
+var nextAdjustmentMacroTask = createMacroTask(processPendingAdjustments);
+var isTriggerScheduled = false;
+var isAdjustmentScheduled = false;
+var isProcessingAdjustments = false;
+var shouldYieldInBrowser = import.meta.env.TEST ? !isServerPlatform() : isBrowser7;
+var adjustmentStack = [];
 var log7 = (...args) => {
   console.log(
-    `Preloader ${Date.now() - loadStart}ms ${preloadCount}/${queue.length} queued>`,
+    `Preloader ${performance.now() - loadStart}ms ${preloadCount}/${queue.length} queued>`,
     ...args
   );
 };
@@ -35345,6 +35570,10 @@ var resetQueue = () => {
   shouldResetFactor = true;
   preloadCount = 0;
   queue.length = 0;
+  adjustmentStack.length = 0;
+  isTriggerScheduled = false;
+  isAdjustmentScheduled = false;
+  isProcessingAdjustments = false;
 };
 var sortQueue = () => {
   if (queueDirty) {
@@ -35356,7 +35585,8 @@ var getQueue = () => {
   sortQueue();
   let probability = 0.4;
   const result2 = [];
-  for (const b of queue) {
+  for (let i = 0; i < queue.length; i++) {
+    const b = queue[i];
     const nextProbability = Math.round((1 - b.$inverseProbability$) * 10);
     if (nextProbability !== probability) {
       probability = nextProbability;
@@ -35366,11 +35596,14 @@ var getQueue = () => {
   }
   return result2;
 };
-var trigger2 = () => {
+function trigger2() {
+  isTriggerScheduled = false;
   if (!queue.length) {
     return;
   }
   sortQueue();
+  const deadline = performance.now() + yieldInterval;
+  let shouldYield = false;
   while (queue.length) {
     const bundle = queue[0];
     const inverseProbability = bundle.$inverseProbability$;
@@ -35382,10 +35615,18 @@ var trigger2 = () => {
     if (probability >= 0.99 || preloadCount < allowedPreloads) {
       queue.shift();
       preloadOne(bundle);
+      if (performance.now() >= deadline) {
+        shouldYield = true;
+        break;
+      }
     } else {
       break;
     }
   }
+  if (shouldYield && queue.length && !isTriggerScheduled) {
+    isTriggerScheduled = true;
+    nextTriggerMacroTask();
+  }
   if (config.$DEBUG$ && !queue.length) {
     const loaded = [...bundles.values()].filter((b) => b.$state$ > BundleImportState_None);
     const waitTime = loaded.reduce((acc, b) => acc + b.$waitedMs$, 0);
@@ -35394,13 +35635,112 @@ var trigger2 = () => {
       `>>>> done ${loaded.length}/${bundles.size} total: ${waitTime}ms waited, ${loadTime}ms loaded`
     );
   }
+}
+var enqueueAdjustment = (bundle, inverseProbability, context, seen) => {
+  adjustmentStack.unshift({
+    $bundle$: bundle,
+    $inverseProbability$: inverseProbability,
+    $seen$: seen,
+    $context$: context
+  });
 };
+var processAdjustmentFrame = () => {
+  const frame = adjustmentStack[adjustmentStack.length - 1];
+  const bundle = frame.$bundle$;
+  if (frame.$deps$) {
+    const index = frame.$index$;
+    if (index >= frame.$deps$.length) {
+      adjustmentStack.pop();
+      return false;
+    }
+    const dep = frame.$deps$[index];
+    frame.$index$ = index + 1;
+    const depBundle = getBundle(dep.$name$);
+    if (depBundle.$inverseProbability$ === 0) {
+      return true;
+    }
+    const probability = 1 - bundle.$inverseProbability$;
+    let newInverseProbability;
+    if (probability === 1 || probability >= 0.99 && frame.$context$.$depsCount$ < 100) {
+      frame.$context$.$depsCount$++;
+      newInverseProbability = Math.min(0.01, 1 - dep.$importProbability$);
+    } else {
+      const newInverseImportProbability = 1 - dep.$importProbability$ * probability;
+      const prevAdjust = dep.$factor$;
+      const factor = newInverseImportProbability / prevAdjust;
+      newInverseProbability = Math.max(0.02, depBundle.$inverseProbability$ * factor);
+      dep.$factor$ = factor;
+    }
+    adjustmentStack.push({
+      $bundle$: depBundle,
+      $inverseProbability$: newInverseProbability,
+      $seen$: frame.$seen$,
+      $context$: frame.$context$
+    });
+    return true;
+  }
+  if (frame.$seen$?.has(bundle)) {
+    adjustmentStack.pop();
+    return false;
+  }
+  const previousInverseProbability = bundle.$inverseProbability$;
+  bundle.$inverseProbability$ = frame.$inverseProbability$;
+  if (previousInverseProbability - bundle.$inverseProbability$ < 0.01) {
+    adjustmentStack.pop();
+    return false;
+  }
+  if (
+    // don't queue until we have initialized the preloader
+    base != null && bundle.$state$ < BundleImportState_Preload
+  ) {
+    if (bundle.$state$ === BundleImportState_None) {
+      bundle.$state$ = BundleImportState_Queued;
+      queue.push(bundle);
+      config.$DEBUG$ && log7(`queued ${Math.round((1 - bundle.$inverseProbability$) * 100)}%`, bundle.$name$);
+    }
+    queueDirty = true;
+  }
+  if (bundle.$deps$?.length) {
+    const seen = frame.$seen$ || /* @__PURE__ */ new Set();
+    seen.add(bundle);
+    frame.$seen$ = seen;
+    frame.$deps$ = bundle.$deps$;
+    frame.$index$ = 0;
+    return false;
+  }
+  adjustmentStack.pop();
+  return false;
+};
+function processPendingAdjustments() {
+  if (isProcessingAdjustments || !adjustmentStack.length) {
+    return;
+  }
+  isAdjustmentScheduled = false;
+  isProcessingAdjustments = true;
+  const deadline = shouldYieldInBrowser ? performance.now() + yieldInterval : 0;
+  let processed = false;
+  while (adjustmentStack.length) {
+    processed = true;
+    const checkDeadline = processAdjustmentFrame();
+    if (shouldYieldInBrowser && checkDeadline && performance.now() >= deadline) {
+      if (!isAdjustmentScheduled) {
+        isAdjustmentScheduled = true;
+        nextAdjustmentMacroTask();
+      }
+      break;
+    }
+  }
+  isProcessingAdjustments = false;
+  if (processed && shouldYieldInBrowser) {
+    nextTriggerMacroTask();
+  }
+}
 var preloadOne = (bundle) => {
   if (bundle.$state$ >= BundleImportState_Preload) {
     return;
   }
   preloadCount++;
-  const start = Date.now();
+  const start = performance.now();
   bundle.$waitedMs$ = start - bundle.$createdTs$;
   bundle.$state$ = BundleImportState_Preload;
   config.$DEBUG$ && log7(
@@ -35413,89 +35753,58 @@ var preloadOne = (bundle) => {
   link.as = "script";
   link.onload = link.onerror = () => {
     preloadCount--;
-    const end = Date.now();
+    const end = performance.now();
     bundle.$loadedMs$ = end - start;
     bundle.$state$ = BundleImportState_Loaded;
     config.$DEBUG$ && log7(`>> done after ${bundle.$loadedMs$}ms`, bundle.$name$);
     link.remove();
-    trigger2();
+    nextTriggerMacroTask();
   };
   doc.head.appendChild(link);
 };
 var adjustProbabilities = (bundle, newInverseProbability, seen) => {
-  if (seen?.has(bundle)) {
-    return;
-  }
-  const previousInverseProbability = bundle.$inverseProbability$;
-  bundle.$inverseProbability$ = newInverseProbability;
-  if (previousInverseProbability - bundle.$inverseProbability$ < 0.01) {
-    return;
-  }
-  if (
-    // don't queue until we have initialized the preloader
-    base != null && bundle.$state$ < BundleImportState_Preload
-  ) {
-    if (bundle.$state$ === BundleImportState_None) {
-      bundle.$state$ = BundleImportState_Queued;
-      queue.push(bundle);
-      config.$DEBUG$ && log7(`queued ${Math.round((1 - bundle.$inverseProbability$) * 100)}%`, bundle.$name$);
-    }
-    queueDirty = true;
-  }
-  if (bundle.$deps$) {
-    seen || (seen = /* @__PURE__ */ new Set());
-    seen.add(bundle);
-    const probability = 1 - bundle.$inverseProbability$;
-    for (const dep of bundle.$deps$) {
-      const depBundle = getBundle(dep.$name$);
-      if (depBundle.$inverseProbability$ === 0) {
-        continue;
-      }
-      let newInverseProbability2;
-      if (probability === 1 || probability >= 0.99 && depsCount < 100) {
-        depsCount++;
-        newInverseProbability2 = Math.min(0.01, 1 - dep.$importProbability$);
-      } else {
-        const newInverseImportProbability = 1 - dep.$importProbability$ * probability;
-        const prevAdjust = dep.$factor$;
-        const factor = newInverseImportProbability / prevAdjust;
-        newInverseProbability2 = Math.max(0.02, depBundle.$inverseProbability$ * factor);
-        dep.$factor$ = factor;
-      }
-      adjustProbabilities(depBundle, newInverseProbability2, seen);
-    }
+  enqueueAdjustment(bundle, newInverseProbability, { $depsCount$: 0 }, seen);
+  if (shouldYieldInBrowser) {
+    nextAdjustmentMacroTask();
+  } else {
+    processPendingAdjustments();
   }
 };
-var handleBundle = (name, inverseProbability) => {
+var handleBundle = (name, inverseProbability, context) => {
   const bundle = getBundle(name);
   if (bundle && bundle.$inverseProbability$ > inverseProbability) {
-    adjustProbabilities(bundle, inverseProbability);
+    if (context) {
+      enqueueAdjustment(bundle, inverseProbability, context);
+    } else {
+      adjustProbabilities(bundle, inverseProbability);
+    }
   }
 };
-var depsCount;
 var preload2 = (name, probability) => {
   if (!name?.length) {
     return;
   }
-  depsCount = 0;
   let inverseProbability = probability ? 1 - probability : 0.4;
+  const context = { $depsCount$: 0 };
   if (Array.isArray(name)) {
     for (let i = name.length - 1; i >= 0; i--) {
       const item = name[i];
       if (typeof item === "number") {
         inverseProbability = 1 - item / 10;
       } else {
-        handleBundle(item, inverseProbability);
+        handleBundle(item, inverseProbability, context);
       }
     }
   } else {
-    handleBundle(name, inverseProbability);
+    handleBundle(name, inverseProbability, context);
   }
-  if (isBrowser5) {
-    trigger2();
+  if (shouldYieldInBrowser) {
+    nextAdjustmentMacroTask();
+  } else {
+    processPendingAdjustments();
   }
 };
-if (isBrowser5) {
+if (import.meta.env.TEST ? !isServerPlatform() : isBrowser7) {
   document.addEventListener("qsymbol", (ev) => {
     const { symbol, href } = ev.detail;
     if (href) {
@@ -35629,7 +35938,8 @@ function flattenPrefetchResources(prefetchResources) {
   const urls = [];
   const addPrefetchResource = (prefetchResources2) => {
     if (prefetchResources2) {
-      for (const prefetchResource of prefetchResources2) {
+      for (let i = 0; i < prefetchResources2.length; i++) {
+        const prefetchResource = prefetchResources2[i];
         if (!urls.includes(prefetchResource.url)) {
           urls.push(prefetchResource.url);
           if (prefetchResource.imports) {
@@ -35676,8 +35986,8 @@ function getPreloadPaths(qrls, opts, resolvedManifest) {
     }
   }
   const symbols = /* @__PURE__ */ new Set();
-  for (const qrl of qrls) {
-    const symbol = getSymbolHash2(qrl.$symbol$);
+  for (let i = 0; i < qrls.length; i++) {
+    const symbol = getSymbolHash2(qrls[i].$symbol$);
     if (symbol && symbol.length >= 10) {
       symbols.add(symbol);
     }
@@ -35690,8 +36000,8 @@ var expandBundles = (names, resolvedManifest) => {
   }
   resetQueue();
   let probability = 0.99;
-  for (const name of names) {
-    preload2(name, probability);
+  for (let i = 0; i < names.length; i++) {
+    preload2(names[i], probability);
     probability *= 0.95;
   }
   return getQueue();
@@ -35704,7 +36014,8 @@ var simplifyPath = (base2, path) => {
   }
   const segments = `${base2}${path}`.split("/");
   const simplified = [];
-  for (const segment of segments) {
+  for (let i = 0; i < segments.length; i++) {
+    const segment = segments[i];
     if (segment === ".." && simplified.length > 0) {
       simplified.pop();
     } else {
@@ -35806,7 +36117,8 @@ var includePreloader = (container, options, referencedBundles, nonce) => {
     const expandedBundles = expandBundles(referencedBundles, resolvedManifest);
     let probability = 4;
     const tenXMinProbability = ssrPreloadProbability * 10;
-    for (const hrefOrProbability of expandedBundles) {
+    for (let i = 0; i < expandedBundles.length; i++) {
+      const hrefOrProbability = expandedBundles[i];
       if (typeof hrefOrProbability === "string") {
         if (probability < tenXMinProbability) {
           break;
@@ -35970,7 +36282,8 @@ var SsrNode = class {
     if (this.flags & 1 /* Updatable */) {
       this.flags &= ~1 /* Updatable */;
       if (this.children) {
-        for (const child of this.children) {
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
           child.setTreeNonUpdatable();
         }
       }
@@ -36365,6 +36678,9 @@ var SSRContainer = class extends _SharedContainer2 {
   /** Renders opening tag for DOM element */
   openElement(elementName, key, varAttrs, constAttrs = null, styleScopedId = null, currentFile = null, hasMovedCaptures = true) {
     const isQwikStyle = isQwikStyleElement(elementName, varAttrs) || isQwikStyleElement(elementName, constAttrs);
+    if (elementName === "noscript" || elementName === "template" || elementName === "script") {
+      this.$noScriptHere$++;
+    }
     if (
       // don't append qwik loader before qwik style elements
       // it will confuse the resuming, because styles are expected to be the first nodes in subtree
@@ -36372,8 +36688,6 @@ var SSRContainer = class extends _SharedContainer2 {
     ) {
       if (this.$noScriptHere$ === 0 && this.size > 30 * 1024 && elementName !== "body") {
         this.emitQwikLoaderInline();
-      } else if (elementName === "noscript" || elementName === "template") {
-        this.$noScriptHere$++;
       }
     }
     let innerHTML = void 0;
@@ -36462,10 +36776,8 @@ var SSRContainer = class extends _SharedContainer2 {
       this.write(GT);
     }
     this.lastNode = null;
-    if (this.qlInclude === 1 /* Inline */) {
-      if (elementName === "noscript" || elementName === "template") {
-        this.$noScriptHere$--;
-      }
+    if (elementName === "noscript" || elementName === "template" || elementName === "script") {
+      this.$noScriptHere$--;
     }
   }
   /** Writes opening data to vNodeData for fragment boundaries */
@@ -36828,7 +37140,8 @@ var SSRContainer = class extends _SharedContainer2 {
   emitPatchDataIfNeeded() {
     const patches = [];
     for (const [elementIndex, backpatchEntries] of this.backpatchMap) {
-      for (const backpatchEntry of backpatchEntries) {
+      for (let i = 0; i < backpatchEntries.length; i++) {
+        const backpatchEntry = backpatchEntries[i];
         patches.push(
           elementIndex,
           backpatchEntry.attrName,
@@ -36980,7 +37293,8 @@ var SSRContainer = class extends _SharedContainer2 {
           );
           let indent = "    ";
           let lastName = "";
-          for (const frame3 of frames) {
+          for (let i = 0; i < frames.length; i++) {
+            const frame3 = frames[i];
             const [name, example] = allowedContent(frame3.tagNesting);
             text.push(
               `${indent}<${frame3.elementName}>${lastName !== name ? ` [${name}]${example ? ` -> ${example}` : ""}` : ""}`
@@ -36991,7 +37305,7 @@ var SSRContainer = class extends _SharedContainer2 {
           text.push(
             `${indent}<${elementName}> <= is not allowed as a child of ${allowedContent(previousTagNesting)[0]}.`
           );
-          throw newTagError(text.join("\n"));
+          throw newTagError(text.map(escapeHTML).join("\n"));
         }
       }
     }
@@ -37319,9 +37633,10 @@ function resolveManifest(manifest) {
   }
   if (mergedManifest.mapping) {
     const mapper = {};
-    Object.entries(mergedManifest.mapping).forEach(([symbol, bundleFilename]) => {
+    for (const symbol in mergedManifest.mapping) {
+      const bundleFilename = mergedManifest.mapping[symbol];
       mapper[getSymbolHash2(symbol)] = [symbol, bundleFilename];
-    });
+    }
     return {
       mapper,
       manifest: mergedManifest,
@@ -37356,7 +37671,9 @@ async function domRender(jsx2, opts = {}) {
 function getStylesFactory(document2) {
   return () => {
     const styles = {};
-    Array.from(document2.querySelectorAll("style")).forEach((style) => {
+    const styleElements = document2.querySelectorAll("style");
+    for (let i = 0; i < styleElements.length; i++) {
+      const style = styleElements[i];
       const id = style.hasAttribute(QStyle) ? style.getAttribute(QStyle) : style.getAttribute(QScopedStyle) ? style.getAttribute(QScopedStyle) : null;
       if (id !== null) {
         const text = style.textContent;
@@ -37367,7 +37684,7 @@ function getStylesFactory(document2) {
           styles[id] = text;
         }
       }
-    });
+    }
     return styles;
   };
 }
@@ -37439,7 +37756,8 @@ async function ssrRenderToDom(jsx2, opts = {}) {
       child = child.nextSibling;
     }
     vnode_insertBefore(journal, containerVNode, fragment, insertBefore);
-    for (const child2 of childrenToMove) {
+    for (let i = 0; i < childrenToMove.length; i++) {
+      const child2 = childrenToMove[i];
       vnode_moveToVirtual(fragment, child2, null);
     }
     vNode = fragment;