@qwik.dev/core 2.0.0-beta.4 → 2.0.0-beta.40

package/dist/server.mjs

@@ -1,30 +1,27 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.4-dev+9849dcf
+ * @qwik.dev/core/server 2.0.0-beta.40-dev+a459d55
  * 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
  */
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // packages/qwik/src/server/index.ts
 import { setPlatform as setPlatform2 } from "@qwik.dev/core";
 
 // packages/qwik/src/server/platform.ts
 import { setPlatform } from "@qwik.dev/core";
+import { isDev as isDev6 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/client/util-mapArray.ts
+import { isDev as isDev2 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/shared/error/assert.ts
+import { isDev } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/utils/qdev.ts
 var qDev = globalThis.qDev !== false;
 var qInspector = globalThis.qInspector === true;
-var qSerialize = globalThis.qSerialize !== false;
 var qDynamicPlatform = globalThis.qDynamicPlatform !== false;
 var qTest = globalThis.qTest === true;
 var qRuntimeQrl = globalThis.qRuntimeQrl === true;
@@ -53,7 +50,7 @@ var createAndLogError = (asyncThrow, message, ...optionalParams) => {
 // packages/qwik/src/core/shared/error/assert.ts
 var ASSERT_DISCLAIMER = "Internal assert, this is likely caused by a bug in Qwik: ";
 function assertTrue(value1, text, ...parts) {
-  if (qDev) {
+  if (isDev) {
     if (value1 === true) {
       return;
     }
@@ -63,7 +60,7 @@ function assertTrue(value1, text, ...parts) {
 
 // packages/qwik/src/core/client/util-mapArray.ts
 var mapApp_findIndx = (array, key, start) => {
-  assertTrue(start % 2 === 0, "Expecting even number.");
+  isDev2 && assertTrue(start % 2 === 0, "Expecting even number.");
   let bottom = start >> 1;
   let top = array.length - 2 >> 1;
   while (bottom <= top) {
@@ -80,15 +77,15 @@ var mapApp_findIndx = (array, key, start) => {
   }
   return bottom << 1 ^ -1;
 };
-var mapArray_set = (array, key, value, start) => {
+var mapArray_set = (array, key, value, start, allowNullValue = false) => {
   const indx = mapApp_findIndx(array, key, start);
   if (indx >= 0) {
-    if (value == null) {
+    if (value == null && !allowNullValue) {
       array.splice(indx, 2);
     } else {
       array[indx + 1] = value;
     }
-  } else if (value != null) {
+  } else if (value != null || allowNullValue) {
     array.splice(indx ^ -1, 0, key, value);
   }
 };
@@ -114,6 +111,9 @@ var mapArray_has = (array, key, start) => {
   return mapApp_findIndx(array, key, start) >= 0;
 };
 
+// packages/qwik/src/core/shared/error/error.ts
+import { isDev as isDev3 } from "@qwik.dev/core/build";
+
 // packages/qwik/src/core/shared/utils/types.ts
 var isObject = (v) => {
   return typeof v === "object" && v !== null;
@@ -126,8 +126,9 @@ var isString = (v) => {
 };
 
 // packages/qwik/src/core/shared/error/error.ts
+var baseUrl = "https://qwikdev-build-v2.qwik-8nx.pages.dev/docs/errors/#q";
 var codeToText = (code, ...parts) => {
-  if (qDev) {
+  if (isDev3) {
     const MAP = [
       "Error while serializing class or style attributes",
       // 0
@@ -141,7 +142,7 @@ var codeToText = (code, ...parts) => {
       // 4
       "QRL is not a function",
       // 5
-      "Dynamic import not found",
+      "Dynamic import {{0}} not found",
       // 6
       "Unknown type argument",
       // 7
@@ -150,7 +151,7 @@ var codeToText = (code, ...parts) => {
       "Invoking 'use*()' method outside of invocation context.",
       // 9
       `Calling a 'use*()' method outside 'component$(() => { HERE })' is not allowed. 'use*()' methods provide hooks to the 'component$' state and lifecycle, ie 'use' hooks can only be called synchronously within the 'component$' function or another 'use' method.
-See https://qwik.dev/docs/components/tasks/#use-method-rules`,
+See https://qwik.dev/docs/core/tasks/#use-method-rules`,
       // 10
       'The provided Context reference "{{0}}" is not a valid context created by createContextId()',
       // 11
@@ -188,18 +189,31 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
       // 27
       "Cannot coerce a Signal, use `.value` instead",
       // 28
-      "useComputed$ QRL {{0}} {{1}} cannot return a Promise",
-      // 29
-      "ComputedSignal is read-only",
+      "",
+      // 29 (cleared: useComputed$ now supports async functions)
+      `===
+Qwik version {{0}} already imported while importing {{1}}.
+This can lead to issues due to duplicated shared structures.
+Verify that the Qwik libraries you're using are in "resolve.noExternal[]" and in "optimizeDeps.exclude".
+===
+`,
       // 30
       "WrappedSignal is read-only",
       // 31
-      "Attribute value is unsafe for SSR",
+      "Attribute value is unsafe for SSR {{0}}",
       // 32
       "SerializerSymbol function returned rejected promise",
       // 33
-      "Serialization Error: Cannot serialize function: {{0}}"
+      "Serialization Error: Cannot serialize function: {{0}}",
       // 34
+      "Cannot read .value of a clientOnly async signal during SSR. Use .loading to check state, or provide an initial value.",
+      // 35
+      "Invalid element name for SSR {{0}}",
+      // 36
+      "Invalid serialized Promise dependency",
+      // 37
+      "Invalid serialized Uint8Array payload"
+      // 38
     ];
     let text = MAP[code] ?? "";
     if (parts.length) {
@@ -213,7 +227,7 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
     }
     return `Code(Q${code}): ${text}`;
   } else {
-    return `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`;
+    return `Code(Q${code}) ${baseUrl}${code}`;
   }
 };
 var qError = (code, errorMessageArgs = []) => {
@@ -222,247 +236,12 @@ var qError = (code, errorMessageArgs = []) => {
 };
 
 // packages/qwik/src/core/shared/qrl/qrl-utils.ts
-import { isDev } from "@qwik.dev/core/build";
+import { isDev as isDev4 } from "@qwik.dev/core/build";
 var SYNC_QRL = "<sync>";
 
 // packages/qwik/src/core/shared/types.ts
 var DEBUG_TYPE = "q:type";
 
-// packages/qwik/src/core/shared/utils/character-escaping.ts
-function escapeHTML(html) {
-  let escapedHTML = "";
-  const length = html.length;
-  let idx = 0;
-  let lastIdx = idx;
-  for (; idx < length; idx++) {
-    const ch = html.charCodeAt(idx);
-    if (ch === 60) {
-      escapedHTML += html.substring(lastIdx, idx) + "&lt;";
-    } else if (ch === 62) {
-      escapedHTML += html.substring(lastIdx, idx) + "&gt;";
-    } else if (ch === 38) {
-      escapedHTML += html.substring(lastIdx, idx) + "&amp;";
-    } else if (ch === 34) {
-      escapedHTML += html.substring(lastIdx, idx) + "&quot;";
-    } else if (ch === 39) {
-      escapedHTML += html.substring(lastIdx, idx) + "&#39;";
-    } else {
-      continue;
-    }
-    lastIdx = idx + 1;
-  }
-  if (lastIdx === 0) {
-    return html;
-  } else {
-    return escapedHTML + html.substring(lastIdx);
-  }
-}
-
-// packages/qwik/src/core/shared/utils/markers.ts
-var OnRenderProp = "q:renderFn";
-var QSlot = "q:slot";
-var QSlotParent = "q:sparent";
-var QStyle = "q:style";
-var QStyleSelector = "style[q\\:style]";
-var QStyleSSelector = "style[q\\:sstyle]";
-var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
-var QScopedStyle = "q:sstyle";
-var QCtxAttr = "q:ctx";
-var QBackRefs = "q:brefs";
-var QRenderAttr = "q:render";
-var QRuntimeAttr = "q:runtime";
-var QVersionAttr = "q:version";
-var QBaseAttr = "q:base";
-var QLocaleAttr = "q:locale";
-var QManifestHashAttr = "q:manifest-hash";
-var QInstanceAttr = "q:instance";
-var QContainerIsland = "q:container-island";
-var QContainerIslandEnd = "/" + QContainerIsland;
-var QIgnore = "q:ignore";
-var QIgnoreEnd = "/" + QIgnore;
-var QContainerAttr = "q:container";
-var QContainerAttrEnd = "/" + QContainerAttr;
-var QTemplate = "q:template";
-var QContainerSelector = "[q\\:container]:not([q\\:container=" + "html" /* HTML */ + "]):not([q\\:container=" + "text" /* TEXT */ + "])";
-var QDefaultSlot = "";
-var ELEMENT_ID = "q:id";
-var ELEMENT_KEY = "q:key";
-var ELEMENT_PROPS = "q:props";
-var ELEMENT_SEQ = "q:seq";
-var ELEMENT_SEQ_IDX = "q:seqIdx";
-var NON_SERIALIZABLE_MARKER_PREFIX = ":";
-var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
-var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
-var USE_ON_LOCAL_FLAGS = NON_SERIALIZABLE_MARKER_PREFIX + "onFlags";
-var FLUSH_COMMENT = "qkssr-f";
-var STREAM_BLOCK_START_COMMENT = "qkssr-pu";
-var STREAM_BLOCK_END_COMMENT = "qkssr-po";
-var Q_PROPS_SEPARATOR = ":";
-var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
-
-// packages/qwik/src/core/shared/utils/promises.ts
-import { isDev as isDev2, isServer } from "@qwik.dev/core/build";
-var isPromise = (value) => {
-  return !!value && typeof value == "object" && typeof value.then === "function";
-};
-var maybeThen = (valueOrPromise, thenFn) => {
-  return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn, shouldNotError) : thenFn(valueOrPromise);
-};
-var shouldNotError = (reason) => {
-  throwErrorAndStop(reason);
-};
-
-// packages/qwik/src/core/shared/utils/scoped-styles.ts
-function isClassAttr(key) {
-  return key === "class" || key === "className";
-}
-function convertStyleIdsToString(scopedStyleIds) {
-  return Array.from(scopedStyleIds).join(" ");
-}
-
-// packages/qwik/src/core/shared/utils/event-names.ts
-function isPreventDefault(key) {
-  return key.startsWith("preventdefault:");
-}
-
-// packages/qwik/src/core/shared/utils/unitless_number.ts
-var unitlessNumbers = /* @__PURE__ */ new Set([
-  "animationIterationCount",
-  "aspectRatio",
-  "borderImageOutset",
-  "borderImageSlice",
-  "borderImageWidth",
-  "boxFlex",
-  "boxFlexGroup",
-  "boxOrdinalGroup",
-  "columnCount",
-  "columns",
-  "flex",
-  "flexGrow",
-  "flexShrink",
-  "gridArea",
-  "gridRow",
-  "gridRowEnd",
-  "gridRowStart",
-  "gridColumn",
-  "gridColumnEnd",
-  "gridColumnStart",
-  "fontWeight",
-  "lineClamp",
-  "lineHeight",
-  "opacity",
-  "order",
-  "orphans",
-  "scale",
-  "tabSize",
-  "widows",
-  "zIndex",
-  "zoom",
-  "MozAnimationIterationCount",
-  // Known Prefixed Properties
-  "MozBoxFlex",
-  // TODO: Remove these since they shouldn't be used in modern code
-  "msFlex",
-  "msFlexPositive",
-  "WebkitAnimationIterationCount",
-  "WebkitBoxFlex",
-  "WebkitBoxOrdinalGroup",
-  "WebkitColumnCount",
-  "WebkitColumns",
-  "WebkitFlex",
-  "WebkitFlexGrow",
-  "WebkitFlexShrink",
-  "WebkitLineClamp"
-]);
-var isUnitlessNumber = (name) => {
-  return unitlessNumbers.has(name);
-};
-
-// packages/qwik/src/core/shared/utils/styles.ts
-var serializeClass = (obj) => {
-  if (!obj) {
-    return "";
-  }
-  if (isString(obj)) {
-    return obj.trim();
-  }
-  const classes = [];
-  if (isArray(obj)) {
-    for (const o of obj) {
-      const classList = serializeClass(o);
-      if (classList) {
-        classes.push(classList);
-      }
-    }
-  } else {
-    for (const [key, value] of Object.entries(obj)) {
-      if (value) {
-        classes.push(key.trim());
-      }
-    }
-  }
-  return classes.join(" ");
-};
-var fromCamelToKebabCaseWithDash = (text) => {
-  return text.replace(/([A-Z])/g, "-$1").toLowerCase();
-};
-var stringifyStyle = (obj) => {
-  if (obj == null) {
-    return "";
-  }
-  if (typeof obj == "object") {
-    if (isArray(obj)) {
-      throw qError(0 /* stringifyClassOrStyle */, [obj, "style"]);
-    } else {
-      const chunks = [];
-      for (const key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-          const value = obj[key];
-          if (value != null && typeof value !== "function") {
-            if (key.startsWith("--")) {
-              chunks.push(key + ":" + value);
-            } else {
-              chunks.push(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value));
-            }
-          }
-        }
-      }
-      return chunks.join(";");
-    }
-  }
-  return String(obj);
-};
-var serializeBooleanOrNumberAttribute = (value) => {
-  return value != null ? String(value) : null;
-};
-function serializeAttribute(key, value, styleScopedId) {
-  if (isClassAttr(key)) {
-    const serializedClass = serializeClass(value);
-    value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
-  } else if (key === "style") {
-    value = stringifyStyle(value);
-  } else if (isEnumeratedBooleanAttribute(key) || typeof value === "number") {
-    value = serializeBooleanOrNumberAttribute(value);
-  } else if (value === false || value == null) {
-    value = null;
-  } else if (value === true && isPreventDefault(key)) {
-    value = "";
-  }
-  return value;
-}
-function isEnumeratedBooleanAttribute(key) {
-  return isAriaAttribute(key) || ["spellcheck", "draggable", "contenteditable"].includes(key);
-}
-var setValueForStyle = (styleName, value) => {
-  if (typeof value === "number" && value !== 0 && !isUnitlessNumber(styleName)) {
-    return value + "px";
-  }
-  return value;
-};
-function isAriaAttribute(prop) {
-  return prop.startsWith("aria-");
-}
-
 // packages/qwik/src/core/shared/vnode-data-types.ts
 var VNodeDataSeparator = {
   REFERENCE_CH: (
@@ -653,6 +432,12 @@ var VNodeDataChar = {
     /* ** */
     "<"
   ),
+  RENDER_HASH_PREFIX: (
+    /* **/
+    95
+  ),
+  // `_` after `<` identifies a component hash.
+  RENDER_HASH_PREFIX_CHAR: "_",
   ID: (
     /* ***************** */
     61
@@ -750,303 +535,470 @@ var VNodeDataChar = {
     "~"
   )
 };
-
-// packages/qwik/src/core/preloader/queue.ts
-import { isBrowser as isBrowser3 } from "@qwik.dev/core/build";
-
-// packages/qwik/src/core/preloader/bundle-graph.ts
-import { isBrowser as isBrowser2 } from "@qwik.dev/core/build";
-
-// packages/qwik/src/core/preloader/constants.ts
-import { isBrowser } from "@qwik.dev/core/build";
-var doc = isBrowser ? document : void 0;
-var config = {
-  $DEBUG$: false,
-  $maxIdlePreloads$: 25,
-  $invPreloadProbability$: 0.65
+var getSegmentVNodeRefId = (segmentId, localIndex) => {
+  const segmentIndex = parseInt(segmentId, 10) - 1;
+  const diagonal = segmentIndex + localIndex;
+  return -(diagonal * (diagonal + 1) / 2 + localIndex + 1);
 };
-var rel = isBrowser && doc.createElement("link").relList.supports("modulepreload") ? "modulePreload" : "preload";
-var loadStart = Date.now();
-var isJSRegex = /\.[mc]?js$/;
 
-// packages/qwik/src/core/preloader/types.ts
-var BundleImportState_None = 0;
-var BundleImportState_Queued = 1;
-var BundleImportState_Preload = 2;
-var BundleImportState_Alias = 3;
-var BundleImportState_Loaded = 4;
-
-// packages/qwik/src/core/preloader/bundle-graph.ts
-var base;
-var graph;
-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(),
-    $waitedMs$: 0,
-    $loadedMs$: 0
-  };
-};
-var parseBundleGraph = (serialized) => {
-  const graph2 = /* @__PURE__ */ new Map();
-  let i = 0;
-  while (i < serialized.length) {
-    const name = serialized[i++];
-    const deps = [];
-    let idx;
-    let probability = 1;
-    while (idx = serialized[i], typeof idx === "number") {
-      if (idx < 0) {
-        probability = -idx / 10;
-      } else {
-        deps.push({
-          $name$: serialized[idx],
-          $importProbability$: probability,
-          $factor$: 1
-        });
-      }
-      i++;
+// packages/qwik/src/core/shared/utils/character-escaping.ts
+function escapeHTML(html) {
+  let escapedHTML = "";
+  const length = html.length;
+  let idx = 0;
+  let lastIdx = idx;
+  for (; idx < length; idx++) {
+    const ch = html.charCodeAt(idx);
+    if (ch === 60) {
+      escapedHTML += html.substring(lastIdx, idx) + "&lt;";
+    } else if (ch === 62) {
+      escapedHTML += html.substring(lastIdx, idx) + "&gt;";
+    } else if (ch === 38) {
+      escapedHTML += html.substring(lastIdx, idx) + "&amp;";
+    } else if (ch === 34) {
+      escapedHTML += html.substring(lastIdx, idx) + "&quot;";
+    } else if (ch === 39) {
+      escapedHTML += html.substring(lastIdx, idx) + "&#39;";
+    } else {
+      continue;
     }
-    graph2.set(name, deps);
+    lastIdx = idx + 1;
   }
-  return graph2;
-};
-var getBundle = (name) => {
-  let bundle = bundles.get(name);
-  if (!bundle) {
-    let deps;
-    if (graph) {
-      deps = graph.get(name);
-      if (!deps) {
-        return;
-      }
-      if (!deps.length) {
-        deps = void 0;
-      }
-    }
-    bundle = makeBundle(name, deps);
-    bundles.set(name, bundle);
+  if (lastIdx === 0) {
+    return html;
+  } else {
+    return escapedHTML + html.substring(lastIdx);
   }
-  return bundle;
-};
-var initPreloader = (serializedBundleGraph, opts) => {
-  if (opts) {
-    if ("debug" in opts) {
-      config.$DEBUG$ = !!opts.debug;
+}
+function encodeVNodeDataString(str) {
+  let escapedHTML = "";
+  const length = str.length;
+  let idx = 0;
+  let lastIdx = idx;
+  for (; idx < length; idx++) {
+    const ch = str.charCodeAt(idx);
+    if (ch >= VNodeDataSeparator.ADVANCE_1 && ch <= VNodeDataSeparator.ADVANCE_8192) {
+      escapedHTML += str.substring(lastIdx, idx) + "\\" + str.charAt(idx);
+    } else {
+      continue;
     }
-    if (typeof opts.preloadProbability === "number") {
-      config.$invPreloadProbability$ = 1 - opts.preloadProbability;
+    lastIdx = idx + 1;
+  }
+  if (lastIdx === 0) {
+    return str;
+  } else {
+    return escapedHTML + str.substring(lastIdx);
+  }
+}
+function encodeVNodeDataKey(str) {
+  const encoded = encodeURI(str);
+  let encodedKey = "";
+  const length = encoded.length;
+  let idx = 0;
+  let lastIdx = idx;
+  for (; idx < length; idx++) {
+    const ch = encoded.charCodeAt(idx);
+    let replacement = null;
+    if (ch === 59) {
+      replacement = "%3B";
+    } else if (ch === 61) {
+      replacement = "%3D";
+    } else if (ch === 63) {
+      replacement = "%3F";
+    } else if (ch === 64) {
+      replacement = "%40";
+    } else if (ch === 126) {
+      replacement = "%7E";
+    } else {
+      continue;
     }
+    encodedKey += encoded.substring(lastIdx, idx) + replacement;
+    lastIdx = idx + 1;
   }
-  if (base != null || !serializedBundleGraph) {
-    return;
+  if (lastIdx === 0) {
+    return encoded;
+  } else {
+    return encodedKey + encoded.substring(lastIdx);
   }
-  base = "";
-  graph = parseBundleGraph(serializedBundleGraph);
-};
+}
 
-// packages/qwik/src/core/preloader/queue.ts
-var bundles = /* @__PURE__ */ new Map();
-var shouldResetFactor;
-var queueDirty;
-var preloadCount = 0;
-var queue = [];
-var log = (...args) => {
-  console.log(
-    `Preloader ${Date.now() - loadStart}ms ${preloadCount}/${queue.length} queued>`,
-    ...args
-  );
+// packages/qwik/src/core/shared/utils/markers.ts
+var OnRenderProp = "q:renderFn";
+var QSlot = "q:slot";
+var QSlotParent = "q:sparent";
+var QStatePatchAttr = "q:patch";
+var QSuspenseResolved = "q:r";
+var QStyle = "q:style";
+var QStyleSelector = "style[q\\:style]";
+var QStyleSSelector = "style[q\\:sstyle]";
+var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
+var QScopedStyle = "q:sstyle";
+var QCtxAttr = "q:ctx";
+var QBackRefs = "q:brefs";
+var QwikEvContainerReady = 0;
+var QRenderAttr = "q:render";
+var QRuntimeAttr = "q:runtime";
+var QVersionAttr = "q:version";
+var QBaseAttr = "q:base";
+var QLocaleAttr = "q:locale";
+var QManifestHashAttr = "q:manifest-hash";
+var QInstanceAttr = "q:instance";
+var QStatePrewarmAttr = "q:prewarm";
+var QContainerIsland = "q:container-island";
+var QContainerIslandEnd = "/" + QContainerIsland;
+var QIgnore = "q:ignore";
+var QIgnoreEnd = "/" + QIgnore;
+var QContainerAttr = "q:container";
+var QContainerAttrEnd = "/" + QContainerAttr;
+var QTemplate = "q:template";
+var QContainerSelector = "[q\\:container]:not([q\\:container=" + "html" /* HTML */ + "]):not([q\\:container=" + "text" /* TEXT */ + "])";
+var QDefaultSlot = "";
+var ELEMENT_ID = "q:id";
+var ELEMENT_KEY = "q:key";
+var ELEMENT_PROPS = "q:props";
+var ELEMENT_SEQ = "q:seq";
+var ELEMENT_SEQ_IDX = "q:seqIdx";
+var ELEMENT_BACKPATCH_DATA = "qwik/backpatch";
+var ITERATION_ITEM_SINGLE = "q:p";
+var ITERATION_ITEM_MULTI = "q:ps";
+var NON_SERIALIZABLE_MARKER_PREFIX = ":";
+var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
+var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
+var USE_ON_LOCAL_FLAGS = NON_SERIALIZABLE_MARKER_PREFIX + "onFlags";
+var QCursorBoundary = NON_SERIALIZABLE_MARKER_PREFIX + "cursorBoundary";
+var NEAREST_CURSOR_BOUNDARY = NON_SERIALIZABLE_MARKER_PREFIX + "nearestCursorBoundary";
+var Q_PROPS_SEPARATOR = ":";
+var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
+
+// packages/qwik/src/core/shared/utils/promises.ts
+import { isDev as isDev5, isServer } from "@qwik.dev/core/build";
+var MAX_RETRY_ON_PROMISE_COUNT = 100;
+var isPromise = (value) => {
+  return !!value && typeof value == "object" && typeof value.then === "function";
 };
-var resetQueue = () => {
-  bundles.clear();
-  queueDirty = false;
-  shouldResetFactor = true;
-  preloadCount = 0;
-  queue.length = 0;
+var maybeThen = (valueOrPromise, thenFn) => {
+  return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
 };
-var sortQueue = () => {
-  if (queueDirty) {
-    queue.sort((a, b) => a.$inverseProbability$ - b.$inverseProbability$);
-    queueDirty = false;
+var checkError = (e) => {
+  if (isServer && e instanceof ReferenceError && e.message.includes("window")) {
+    e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message;
   }
 };
-var getQueue = () => {
-  sortQueue();
-  let probability = 0.4;
-  const result = [];
-  for (const b of queue) {
-    const nextProbability = Math.round((1 - b.$inverseProbability$) * 10);
-    if (nextProbability !== probability) {
-      probability = nextProbability;
-      result.push(probability);
-    }
-    result.push(b.$name$);
-  }
-  return result;
+var justThrow = (e) => {
+  throw e;
 };
-var trigger = () => {
-  if (!queue.length) {
-    return;
-  }
-  sortQueue();
-  while (queue.length) {
-    const bundle = queue[0];
-    const inverseProbability = bundle.$inverseProbability$;
-    const probability = 1 - inverseProbability;
-    const allowedPreloads = graph ? (
-      // The more likely the bundle, the more simultaneous preloads we want to allow
-      Math.max(1, config.$maxIdlePreloads$ * probability)
-    ) : (
-      // While the graph is not available, we limit to 2 preloads
-      2
-    );
-    if (probability >= 0.99 || preloadCount < allowedPreloads) {
-      queue.shift();
-      preloadOne(bundle);
-    } else {
-      break;
+function retryOnPromise(fn, onError = justThrow) {
+  let ok = false;
+  let result;
+  try {
+    result = fn();
+    ok = true;
+  } catch (e) {
+    result = e;
+  }
+  if (!isPromise(result)) {
+    if (ok) {
+      return result;
     }
+    isDev5 && checkError(result);
+    return onError(result);
   }
-  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);
-    const loadTime = loaded.reduce((acc, b) => acc + b.$loadedMs$, 0);
-    log(
-      `>>>> done ${loaded.length}/${bundles.size} total: ${waitTime}ms waited, ${loadTime}ms loaded`
-    );
-  }
-};
-var preloadOne = (bundle) => {
-  if (bundle.$state$ >= BundleImportState_Preload) {
-    return;
-  }
-  preloadCount++;
-  const start = Date.now();
-  bundle.$waitedMs$ = start - bundle.$createdTs$;
-  bundle.$state$ = BundleImportState_Preload;
-  config.$DEBUG$ && log(
-    `<< load ${Math.round((1 - bundle.$inverseProbability$) * 100)}% after ${`${bundle.$waitedMs$}ms`}`,
-    bundle.$name$
-  );
-  const link = doc.createElement("link");
-  link.href = new URL(`${base}${bundle.$name$}`, doc.baseURI).toString();
-  link.rel = rel;
-  link.as = "script";
-  link.onload = link.onerror = () => {
-    preloadCount--;
-    const end = Date.now();
-    bundle.$loadedMs$ = end - start;
-    bundle.$state$ = BundleImportState_Loaded;
-    config.$DEBUG$ && log(`>> done after ${bundle.$loadedMs$}ms`, bundle.$name$);
-    link.remove();
-    trigger();
+  let retryCount = MAX_RETRY_ON_PROMISE_COUNT;
+  const retry = async (p) => {
+    while (isPromise(p)) {
+      try {
+        await p;
+        return await fn();
+      } catch (err) {
+        if (isPromise(err)) {
+          if (!--retryCount) {
+            p = new Error("Exceeded max retry count in retryOnPromise");
+            break;
+          } else {
+            p = err;
+          }
+        } else {
+          p = err;
+          break;
+        }
+      }
+    }
+    isDev5 && checkError(p);
+    return onError(p);
   };
-  doc.head.appendChild(link);
+  return ok ? result.catch(retry) : retry(result);
+}
+
+// packages/qwik/src/core/shared/utils/scoped-styles.ts
+function isClassAttr(key) {
+  return key === "class";
+}
+function convertStyleIdsToString(scopedStyleIds) {
+  return Array.from(scopedStyleIds).join(" ");
+}
+
+// packages/qwik/src/core/shared/utils/event-names.ts
+var isHtmlAttributeAnEventName = (name) => {
+  return name.charCodeAt(0) === 113 && name.charCodeAt(1) === 45 && (name.charCodeAt(3) === 58 || name.charCodeAt(3) === 112 && name.charCodeAt(4) === 58);
 };
-var adjustProbabilities = (bundle, newInverseProbability, seen) => {
-  if (seen?.has(bundle)) {
-    return;
+function isPreventDefault(key) {
+  return key.startsWith("preventdefault:");
+}
+
+// packages/qwik/src/core/shared/utils/unitless_number.ts
+var unitlessNumbers = /* @__PURE__ */ new Set([
+  "animationIterationCount",
+  "aspectRatio",
+  "borderImageOutset",
+  "borderImageSlice",
+  "borderImageWidth",
+  "boxFlex",
+  "boxFlexGroup",
+  "boxOrdinalGroup",
+  "columnCount",
+  "columns",
+  "flex",
+  "flexGrow",
+  "flexShrink",
+  "gridArea",
+  "gridRow",
+  "gridRowEnd",
+  "gridRowStart",
+  "gridColumn",
+  "gridColumnEnd",
+  "gridColumnStart",
+  "fontWeight",
+  "lineClamp",
+  "lineHeight",
+  "opacity",
+  "order",
+  "orphans",
+  "scale",
+  "tabSize",
+  "widows",
+  "zIndex",
+  "zoom",
+  "MozAnimationIterationCount",
+  // Known Prefixed Properties
+  "MozBoxFlex",
+  // TODO: Remove these since they shouldn't be used in modern code
+  "msFlex",
+  "msFlexPositive",
+  "WebkitAnimationIterationCount",
+  "WebkitBoxFlex",
+  "WebkitBoxOrdinalGroup",
+  "WebkitColumnCount",
+  "WebkitColumns",
+  "WebkitFlex",
+  "WebkitFlexGrow",
+  "WebkitFlexShrink",
+  "WebkitLineClamp"
+]);
+var isUnitlessNumber = (name) => {
+  return unitlessNumbers.has(name);
+};
+
+// packages/qwik/src/core/shared/utils/styles.ts
+var serializeClass = (obj) => {
+  if (!obj) {
+    return "";
   }
-  const previousInverseProbability = bundle.$inverseProbability$;
-  bundle.$inverseProbability$ = newInverseProbability;
-  if (previousInverseProbability - bundle.$inverseProbability$ < 0.01) {
-    return;
+  if (isString(obj)) {
+    return obj.trim();
   }
-  if (
-    // don't queue until we have initialized the preloader
-    base != null && bundle.$state$ < BundleImportState_Preload && bundle.$inverseProbability$ < config.$invPreloadProbability$
-  ) {
-    if (bundle.$state$ === BundleImportState_None) {
-      bundle.$state$ = BundleImportState_Queued;
-      queue.push(bundle);
-      config.$DEBUG$ && log(`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;
+  const classes = [];
+  if (isArray(obj)) {
+    for (let i = 0; i < obj.length; i++) {
+      const o = obj[i];
+      const classList = serializeClass(o);
+      if (classList) {
+        classes.push(classList);
       }
-      let newInverseProbability2;
-      if (dep.$importProbability$ > 0.5 && (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;
+    }
+  } else {
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key.trim());
       }
-      adjustProbabilities(depBundle, newInverseProbability2, seen);
     }
   }
+  return classes.join(" ");
 };
-var handleBundle = (name, inverseProbability) => {
-  const bundle = getBundle(name);
-  if (bundle && bundle.$inverseProbability$ > inverseProbability) {
-    adjustProbabilities(bundle, inverseProbability);
+var fromCamelToKebabCaseWithDash = (text) => {
+  return text.replace(/([A-Z])/g, "-$1").toLowerCase();
+};
+var stringifyStyle = (obj) => {
+  if (obj == null) {
+    return "";
+  }
+  if (typeof obj == "object") {
+    if (isArray(obj)) {
+      throw qError(0 /* stringifyClassOrStyle */, [obj, "style"]);
+    } else {
+      const chunks = [];
+      for (const key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          const value = obj[key];
+          if (value != null && typeof value !== "function") {
+            if (key.startsWith("--")) {
+              chunks.push(key + ":" + value);
+            } else {
+              chunks.push(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value));
+            }
+          }
+        }
+      }
+      return chunks.join(";");
+    }
   }
+  return String(obj);
 };
-var depsCount;
-var preload = (name, probability) => {
-  if (!name?.length) {
-    return;
+var serializeBooleanOrNumberAttribute = (value) => {
+  return value != null ? String(value) : null;
+};
+function serializeAttribute(key, value, styleScopedId) {
+  if (isClassAttr(key)) {
+    const serializedClass = serializeClass(value);
+    value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
+  } else if (key === "style") {
+    value = stringifyStyle(value);
+  } else if (isEnumeratedBooleanAttribute(key) || typeof value === "number") {
+    value = serializeBooleanOrNumberAttribute(value);
+  } else if (value === false || value == null) {
+    value = null;
+  } else if (value === true && isPreventDefault(key)) {
+    value = "";
+  }
+  return value;
+}
+function isEnumeratedBooleanAttribute(key) {
+  return isAriaAttribute(key) || ["spellcheck", "draggable", "contenteditable"].includes(key);
+}
+var setValueForStyle = (styleName, value) => {
+  if (typeof value === "number" && value !== 0 && !isUnitlessNumber(styleName)) {
+    return value + "px";
   }
-  depsCount = 0;
-  let inverseProbability = probability ? 1 - probability : 0.4;
-  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;
+  return value;
+};
+function isAriaAttribute(prop) {
+  return prop.startsWith("aria-");
+}
+
+// packages/qwik/src/core/preloader/bundle-graph.ts
+var base;
+var graph;
+var parseBundleGraph = (serialized) => {
+  const graph2 = /* @__PURE__ */ new Map();
+  let i = 0;
+  while (i < serialized.length) {
+    const name = serialized[i++];
+    const deps = [];
+    let idx;
+    let probability = 1;
+    while (idx = serialized[i], typeof idx === "number") {
+      if (idx < 0) {
+        probability = -idx / 10;
       } else {
-        handleBundle(item, inverseProbability);
+        deps.push({
+          $name$: serialized[idx],
+          $importProbability$: probability,
+          $factor$: 1
+        });
       }
+      i++;
     }
-  } else {
-    handleBundle(name, inverseProbability);
+    graph2.set(name, deps);
   }
-  if (isBrowser3) {
-    trigger();
+  return graph2;
+};
+var initPreloader = (serializedBundleGraph) => {
+  if (base != null || !serializedBundleGraph) {
+    return;
   }
+  base = "";
+  graph = parseBundleGraph(serializedBundleGraph);
 };
-if (isBrowser3) {
-  document.addEventListener("qsymbol", (ev) => {
-    const { symbol, href } = ev.detail;
-    if (href) {
-      const hash2 = symbol.slice(symbol.lastIndexOf("_") + 1);
-      preload(hash2, 1);
+
+// packages/qwik/src/core/shared/utils/objects.ts
+var isObjectEmpty = (obj) => {
+  for (const key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      return false;
     }
-  });
-}
+  }
+  return true;
+};
+
+// packages/qwik/src/core/ssr/stream-writer.ts
+var stringifyRootRefPath = (path) => {
+  let text = String(path[0]);
+  for (let i = 1; i < path.length; i++) {
+    text += " " + path[i];
+  }
+  return text;
+};
+var writeStringRootRef = (writer, id) => writer.write(String(id));
+var writeStringRootRefPath = (writer, path) => writer.write(stringifyRootRefPath(path));
+var writeStringRootRefDelta = (writer, id, base2) => writer.write(String(id - base2));
+var createStringStreamWriter = (write) => ({
+  write,
+  writeRootRef(id) {
+    return writeStringRootRef(this, id);
+  },
+  writeRootRefPath(path) {
+    return writeStringRootRefPath(this, path);
+  },
+  writeRootRefDelta(id, base2) {
+    return writeStringRootRefDelta(this, id, base2);
+  }
+});
+
+// packages/qwik/src/core/shared/ssr-const.ts
+var LT = "<";
+var GT = ">";
+var CLOSE_TAG = "</";
+var SPACE = " ";
+var ATTR_EQUALS_QUOTE = '="';
+var QUOTE = '"';
+var EMPTY_ATTR = '=""';
+var BRACKET_OPEN = "[";
+var BRACKET_CLOSE = "]";
+var PAREN_CLOSE = ")";
+var COMMA = ",";
 
 // packages/qwik/src/server/platform.ts
+var getDevSegmentPath = (mapper, hash, symbolName, parent) => {
+  const existing = mapper?.[hash];
+  if (existing) {
+    return existing;
+  }
+  if (symbolName === SYNC_QRL) {
+    return [symbolName, ""];
+  }
+  if (!parent) {
+    if (symbolName.startsWith("_") && symbolName.length < 6) {
+      return [symbolName, `${import.meta.env?.BASE_URL}@qwik-handlers`];
+    }
+    console.error("qwik symbolMapper: unknown qrl requested without parent:", symbolName);
+    return [symbolName, `${import.meta.env?.BASE_URL}${symbolName}.js`];
+  }
+  const qrlFile = `${import.meta.env?.BASE_URL}${parent.startsWith("/") ? parent.slice(1) : parent}_${symbolName}.js`;
+  return [symbolName, qrlFile];
+};
 function createPlatform(opts, resolvedManifest) {
   const mapper = resolvedManifest?.mapper;
   const mapperFn = opts.symbolMapper ? opts.symbolMapper : (symbolName, _chunk, parent) => {
-    if (mapper) {
-      const hash2 = getSymbolHash(symbolName);
-      const result = mapper[hash2];
+    if (mapper || isDev6 && import.meta.env?.MODE !== "test") {
+      const hash = getSymbolHash(symbolName);
+      const result = !isDev6 ? mapper[hash] : getDevSegmentPath(mapper, hash, symbolName, parent);
       if (!result) {
-        if (hash2 === SYNC_QRL) {
-          return [hash2, ""];
+        if (hash === SYNC_QRL) {
+          return [hash, ""];
         }
-        const isRegistered = globalThis.__qwik_reg_symbols?.has(hash2);
+        const isRegistered = globalThis.__qwik_reg_symbols?.has(hash);
         if (isRegistered) {
           return [symbolName, "_"];
         }
-        if (parent) {
-          return [symbolName, `${parent}?qrl=${symbolName}`];
-        }
         console.error("Cannot resolve symbol", symbolName, "in", mapper, parent);
       }
       return result;
@@ -1055,32 +1007,17 @@ function createPlatform(opts, resolvedManifest) {
   const serverPlatform = {
     isServer: true,
     async importSymbol(_containerEl, url, symbolName) {
-      const hash2 = getSymbolHash(symbolName);
-      const regSym = globalThis.__qwik_reg_symbols?.get(hash2);
+      const hash = getSymbolHash(symbolName);
+      const regSym = globalThis.__qwik_reg_symbols?.get(hash);
       if (regSym) {
         return regSym;
       }
-      let modulePath = String(url);
-      if (!modulePath.endsWith(".js")) {
-        modulePath += ".js";
-      }
-      const module = __require(modulePath);
-      if (!(symbolName in module)) {
-        throw new Error(`Q-ERROR: missing symbol '${symbolName}' in module '${modulePath}'.`);
-      }
-      return module[symbolName];
+      throw qError(6 /* dynamicImportFailed */, [symbolName]);
     },
     raf: () => {
       console.error("server can not rerender");
       return Promise.resolve();
     },
-    nextTick: (fn) => {
-      return new Promise((resolve) => {
-        setTimeout(() => {
-          resolve(fn());
-        });
-      });
-    },
     chunkForSymbol(symbolName, _chunk, parent) {
       return mapperFn(symbolName, mapper, parent);
     }
@@ -1099,50 +1036,253 @@ var getSymbolHash = (symbolName) => {
   return symbolName;
 };
 
-// packages/qwik/src/server/utils.ts
-function createTimer() {
-  if (typeof performance === "undefined") {
-    return () => 0;
-  }
-  const start = performance.now();
-  return () => {
-    const end = performance.now();
-    const delta = end - start;
-    return delta / 1e6;
-  };
-}
-function getBuildBase(opts) {
-  let base2 = opts.base;
-  if (typeof opts.base === "function") {
-    base2 = opts.base(opts);
-  }
-  if (typeof base2 === "string") {
-    if (!base2.endsWith("/")) {
-      base2 += "/";
-    }
-    return base2;
-  }
-  return `${import.meta.env.BASE_URL || "/"}build/`;
-}
-var versions = {
-  qwik: "2.0.0-beta.4-dev+9849dcf",
-  qwikDom: "2.1.19"
-};
+// packages/qwik/src/server/ssr-render.ts
+import { getClientManifest } from "@qwik.dev/core";
 
 // packages/qwik/src/server/ssr-container.ts
+import { isDev as isDev8 } from "@qwik.dev/core/build";
 import {
   _SubscriptionData as SubscriptionData,
   _SharedContainer,
   _jsxSorted,
   _jsxSplit,
+  _res,
+  _setEvent,
   _walkJSX,
+  _createQRL as createQRL,
   isSignal
-} from "@qwik.dev/core";
-import { isDev as isDev4 } from "@qwik.dev/core/build";
+} from "@qwik.dev/core/internal";
+
+// packages/qwik/src/server/ooos-utils.ts
+import { _SubscriptionPatch as SubscriptionPatch } from "@qwik.dev/core/internal";
+var recordExternalRootEffect = (rootCtx, segmentCtx, storeProxyMap, records, producer, effect, prop, sourceEffects) => {
+  if (!records || prop !== null && !sourceEffects) {
+    return;
+  }
+  let rootObj = producer;
+  if (prop !== null && producer && (typeof producer === "object" || typeof producer === "function")) {
+    rootObj = storeProxyMap.get(producer) || producer;
+  }
+  const rootId = rootCtx.$hasRootId$(rootObj);
+  segmentCtx.$addRoot$(rootObj);
+  segmentCtx.$addRoot$(effect);
+  if (prop !== null && typeof prop !== "string") {
+    segmentCtx.$addRoot$(prop);
+  }
+  records.push({
+    rootObj,
+    rootId,
+    effect,
+    prop
+  });
+};
+var collectSubscriptionPatches = (rootCtx, records, rootLimit) => {
+  if (!records?.length) {
+    return;
+  }
+  const patches = [];
+  const patchesByRoot = /* @__PURE__ */ new Map();
+  for (let i = 0; i < records.length; i++) {
+    const entry = records[i];
+    const rootId = entry.rootId === void 0 ? rootCtx.$hasRootId$(entry.rootObj) : entry.rootId;
+    if (rootId === void 0 || rootId >= rootLimit) {
+      continue;
+    }
+    let patch = patchesByRoot.get(rootId);
+    if (!patch) {
+      patch = new SubscriptionPatch(
+        rootId,
+        entry.prop === null ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Map()
+      );
+      patchesByRoot.set(rootId, patch);
+      patches.push(patch);
+    }
+    const subscriptions = patch.subscriptions;
+    if (entry.prop === null) {
+      if (subscriptions instanceof Set) {
+        subscriptions.add(entry.effect);
+      }
+    } else {
+      if (subscriptions instanceof Map) {
+        let effects = subscriptions.get(entry.prop);
+        if (!effects) {
+          effects = /* @__PURE__ */ new Set();
+          subscriptions.set(entry.prop, effects);
+        }
+        effects.add(entry.effect);
+      }
+    }
+  }
+  return patches.length ? patches : void 0;
+};
+
+// packages/qwik/src/server/preload-impl.ts
+import { getPlatform } from "@qwik.dev/core";
+var simplifyPath = (base2, path) => {
+  if (path == null) {
+    return null;
+  }
+  const segments = `${base2}${path}`.split("/");
+  const simplified = [];
+  for (let i = 0; i < segments.length; i++) {
+    const segment = segments[i];
+    if (segment === ".." && simplified.length > 0) {
+      simplified.pop();
+    } else {
+      simplified.push(segment);
+    }
+  }
+  return simplified.join("/");
+};
+var getBase = (container) => {
+  let base2 = container.$buildBase$;
+  if (import.meta.env?.DEV && !qTest) {
+    base2 = import.meta.env?.BASE_URL;
+  }
+  return base2;
+};
+var preloaderPre = (container, options, nonce) => {
+  const { resolvedManifest } = container;
+  const base2 = getBase(container);
+  const preloaderBundle = simplifyPath(base2, resolvedManifest?.manifest?.preloader);
+  let bundleGraphPath = resolvedManifest?.manifest.bundleGraphAsset;
+  if (bundleGraphPath) {
+    bundleGraphPath = (import.meta.env?.BASE_URL || "/") + bundleGraphPath;
+  }
+  if (!(import.meta.env?.DEV && !qTest) && preloaderBundle && bundleGraphPath && options !== false) {
+    const bundleGraph = container.resolvedManifest?.manifest.bundleGraph;
+    initPreloader(bundleGraph);
+    const opts = [];
+    if (options) {
+      if (options.maxIdlePreloads) {
+        opts.push(`P:${options.maxIdlePreloads}`);
+      }
+    }
+    const optsStr = opts.length ? `,{${opts.join(",")}}` : "";
+    const preloaderLinkAttrs = {
+      rel: "modulepreload",
+      href: preloaderBundle
+    };
+    if (nonce) {
+      preloaderLinkAttrs["nonce"] = nonce;
+    }
+    container.openElement("link", null, preloaderLinkAttrs, null, null, null);
+    container.closeElement();
+    container.openElement(
+      "link",
+      null,
+      { rel: "preload", href: bundleGraphPath, as: "fetch", crossorigin: "anonymous" },
+      null,
+      null,
+      null
+    );
+    container.closeElement();
+    const script = `let b=fetch("${bundleGraphPath}");import("${preloaderBundle}").then(({l})=>l(${JSON.stringify(base2)},b${optsStr}));`;
+    const scriptAttrs = {
+      type: "module",
+      async: true,
+      crossorigin: "anonymous"
+    };
+    if (nonce) {
+      scriptAttrs["nonce"] = nonce;
+    }
+    container.writeScript(scriptAttrs, script);
+  }
+  const corePath = simplifyPath(base2, resolvedManifest?.manifest.core);
+  if (corePath) {
+    const linkAttrs = { rel: "modulepreload", href: corePath };
+    if (nonce) {
+      linkAttrs["nonce"] = nonce;
+    }
+    container.openElement("link", null, linkAttrs, null, null, null);
+    container.closeElement();
+  }
+};
+var includePreloader = (container, options, referencedBundles, nonce) => {
+  if (referencedBundles.length === 0 || options === false) {
+    return null;
+  }
+  const { ssrPreloads } = normalizePreLoaderOptions(
+    typeof options === "boolean" ? void 0 : options
+  );
+  let allowedSsrPreloads = ssrPreloads;
+  const base2 = getBase(container);
+  const links = [];
+  const { resolvedManifest } = container;
+  if (allowedSsrPreloads) {
+    const preloaderBundle2 = resolvedManifest?.manifest.preloader;
+    const coreBundle = resolvedManifest?.manifest.core;
+    for (let i = 0; i < referencedBundles.length; i++) {
+      const href = referencedBundles[i];
+      if (href === preloaderBundle2 || href === coreBundle) {
+        continue;
+      }
+      links.push(href);
+      if (--allowedSsrPreloads === 0) {
+        break;
+      }
+    }
+  }
+  const preloaderBundle = simplifyPath(base2, resolvedManifest?.manifest.preloader);
+  const insertLinks = links.length ? (
+    /**
+     * We only use modulepreload links because they behave best. Older browsers can rely on the
+     * preloader which does feature detection and which will be available soon after inserting these
+     * links.
+     */
+    `${JSON.stringify(links)}.map((l,e)=>{e=document.createElement('link');e.rel='modulepreload';e.href=${JSON.stringify(base2)}+l;document.head.appendChild(e)});`
+  ) : "";
+  let script = insertLinks;
+  if (preloaderBundle) {
+    script += `window.addEventListener('load',f=>{f=_=>import("${preloaderBundle}").then(({p})=>p(${JSON.stringify(referencedBundles)}));try{requestIdleCallback(f,{timeout:2000})}catch(e){setTimeout(f,200)}})`;
+  }
+  if (script) {
+    const attrs = { type: "module", async: "true", "q:type": "preload" };
+    if (nonce) {
+      attrs["nonce"] = nonce;
+    }
+    container.writeScript(attrs, script);
+  }
+  return null;
+};
+var preloaderPost = (ssrContainer, opts, nonce) => {
+  if (import.meta.env?.DEV && !qTest) {
+    return;
+  }
+  if (opts.preloader !== false) {
+    const qrls = Array.from(ssrContainer.serializationCtx.$eventQrls$);
+    const preloadBundles = getBundles(qrls);
+    includePreloader(ssrContainer, opts.preloader, preloadBundles, nonce);
+  }
+};
+function normalizePreLoaderOptions(input) {
+  return { ...preLoaderOptionsDefault, ...input };
+}
+var getBundles = (qrls) => {
+  const platform = getPlatform();
+  const bundles = qrls?.map((qrl) => {
+    const symbol = qrl.$symbol$;
+    const chunk = qrl.$chunk$;
+    const result = platform.chunkForSymbol(symbol, chunk, qrl.dev?.file);
+    if (result) {
+      return result[1];
+    }
+    return chunk;
+  }).filter(Boolean);
+  return [...new Set(bundles)];
+};
+var preLoaderOptionsDefault = {
+  ssrPreloads: 7,
+  maxIdlePreloads: 25
+};
 
 // packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = 'const t=document,e=window,n=new Set,o=new Set([t]);let r;const s=(t,e)=>Array.from(t.querySelectorAll(e)),i=t=>{const e=[];return o.forEach(n=>e.push(...s(n,t))),e},a=t=>{v(t),s(t,"[q\\\\:shadowroot]").forEach(t=>{const e=t.shadowRoot;e&&a(e)})},c=t=>t&&"function"==typeof t.then;let l=!0;const f=(t,e,n=e.type)=>{let o=l;i("[on"+t+"\\\\:"+n+"]").forEach(r=>{o=!0,b(r,t,e,n)}),o||window[t.slice(1)].removeEventListener(n,"-window"===t?d:_)},p=e=>{if(void 0===e._qwikjson_){let n=(e===t.documentElement?t.body:e).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){e._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},u=(t,e)=>new CustomEvent(t,{detail:e}),b=async(e,n,o,r=o.type)=>{const s="on"+n+":"+r;e.hasAttribute("preventdefault:"+r)&&o.preventDefault(),e.hasAttribute("stoppropagation:"+r)&&o.stopPropagation();const i=e._qc_,a=i&&i.li.filter(t=>t[0]===s);if(a&&a.length>0){for(const t of a){const n=t[1].getFn([e,o],()=>e.isConnected)(o,e),r=o.cancelBubble;c(n)&&await n,r&&o.stopPropagation()}return}const l=e.getAttribute(s),f=e.qDispatchEvent;if(f)return f(o,n);if(l){const n=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),r=n.getAttribute("q:base"),s=n.getAttribute("q:version")||"unknown",i=n.getAttribute("q:manifest-hash")||"dev",a=new URL(r,t.baseURI);for(const f of l.split("\\n")){const l=new URL(f,a),u=l.href,b=l.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",h=performance.now();let _,d,w;const m=f.startsWith("#"),y={qBase:r,qManifest:i,qVersion:s,href:u,symbol:b,element:e,reqTime:h};if(m){const e=n.getAttribute("q:instance");_=(t["qFuncs_"+e]||[])[Number.parseInt(b)],_||(d="sync",w=Error("sym:"+b))}else{q("qsymbol",y);const t=l.href.split("#")[0];try{const e=import(t);p(n),_=(await e)[b],_||(d="no-symbol",w=Error(`${b} not in ${t}`))}catch(t){d||(d="async"),w=t}}if(!_){q("qerror",{importError:d,error:w,...y}),console.error(w);break}const v=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,l];const n=_(o,e);c(n)&&await n}catch(t){q("qerror",{error:t,...y})}finally{t.__q_context__=v}}}},q=(e,n)=>{t.dispatchEvent(u(e,n))},h=t=>t.replace(/([A-Z])/g,t=>"-"+t.toLowerCase()),_=async t=>{let e=h(t.type),n=t.target;for(f("-document",t,e);n&&n.getAttribute;){const o=b(n,"",t,e);let r=t.cancelBubble;c(o)&&await o,r||(r=r||t.cancelBubble||n.hasAttribute("stoppropagation:"+t.type)),n=t.bubbles&&!0!==r?n.parentElement:null}},d=t=>{f("-window",t,h(t.type))},w=()=>{var s;const c=t.readyState;if(!r&&("interactive"==c||"complete"==c)&&(o.forEach(a),r=1,q("qinit"),(null!=(s=e.requestIdleCallback)?s:e.setTimeout).bind(e)(()=>q("qidle")),n.has("qvisible"))){const t=i("[on\\\\:qvisible]"),e=new IntersectionObserver(t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),b(n.target,"",u("qvisible",n)))});t.forEach(t=>e.observe(t))}},m=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})};let y;const v=(...t)=>{l=!0,clearTimeout(y),y=setTimeout(()=>l=!1,2e4);for(const r of t)"string"==typeof r?n.has(r)||(o.forEach(t=>m(t,r,_,!0)),m(e,r,d,!0),n.add(r)):o.has(r)||(n.forEach(t=>m(r,t,_,!0)),o.add(r))};if(!("__q_context__"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?v(...r):v("click","input")),e.qwikevents={events:n,roots:o,push:v},m(t,"readystatechange",w),w()}';
-var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst findShadowRoots = (fragment) => {\n  processEventOrNode(fragment);\n  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  });\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nlet doNotClean = true;\nconst broadcast = (infix, ev, type = ev.type) => {\n  let found = doNotClean;\n  querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el) => {\n    found = true;\n    dispatch(el, infix, ev, type);\n  });\n  if (!found) {\n    window[infix.slice(1)].removeEventListener(\n      type,\n      infix === "-window" ? processWindowEvent : processDocumentEvent\n    );\n  }\n};\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === "SCRIPT" && script.getAttribute("type") === "qwik/json") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, {\n  detail\n});\nconst dispatch = async (element, scope, ev, eventName = ev.type) => {\n  const attrName = "on" + scope + ":" + eventName;\n  if (element.hasAttribute("preventdefault:" + eventName)) {\n    ev.preventDefault();\n  }\n  if (element.hasAttribute("stoppropagation:" + eventName)) {\n    ev.stopPropagation();\n  }\n  const ctx = element._qc_;\n  const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);\n  if (relevantListeners && relevantListeners.length > 0) {\n    for (const listener of relevantListeners) {\n      const results = listener[1].getFn([element, ev], () => element.isConnected)(ev, element);\n      const cancelBubble = ev.cancelBubble;\n      if (isPromise(results)) {\n        await results;\n      }\n      if (cancelBubble) {\n        ev.stopPropagation();\n      }\n    }\n    return;\n  }\n  const attrValue = element.getAttribute(attrName);\n  const qDispatchEvent = element.qDispatchEvent;\n  if (qDispatchEvent) {\n    return qDispatchEvent(ev, scope);\n  }\n  if (attrValue) {\n    const container = element.closest(\n      "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n    );\n    const qBase = container.getAttribute("q:base");\n    const qVersion = container.getAttribute("q:version") || "unknown";\n    const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n    const base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("\\n")) {\n      const url = new URL(qrl, base);\n      const href = url.href;\n      const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n      const reqTime = performance.now();\n      let handler;\n      let importError;\n      let error;\n      const isSync = qrl.startsWith("#");\n      const eventData = {\n        qBase,\n        qManifest,\n        qVersion,\n        href,\n        symbol,\n        element,\n        reqTime\n      };\n      if (isSync) {\n        const hash = container.getAttribute("q:instance");\n        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = "sync";\n          error = new Error("sym:" + symbol);\n        }\n      } else {\n        emitEvent("qsymbol", eventData);\n        const uri = url.href.split("#")[0];\n        try {\n          const module = import(\n                        uri\n          );\n          resolveContainer(container);\n          handler = (await module)[symbol];\n          if (!handler) {\n            importError = "no-symbol";\n            error = new Error(`${symbol} not in ${uri}`);\n          }\n        } catch (err) {\n          importError || (importError = "async");\n          error = err;\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        break;\n      }\n      const previousCtx = doc.__q_context__;\n      if (element.isConnected) {\n        try {\n          doc.__q_context__ = [element, ev, url];\n          const results = handler(ev, element);\n          if (isPromise(results)) {\n            await results;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        } finally {\n          doc.__q_context__ = previousCtx;\n        }\n      }\n    }\n  }\n};\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z])/g, (a) => "-" + a.toLowerCase());\nconst processDocumentEvent = async (ev) => {\n  let type = camelToKebab(ev.type);\n  let element = ev.target;\n  broadcast("-document", ev, type);\n  while (element && element.getAttribute) {\n    const results = dispatch(element, "", ev, type);\n    let cancelBubble = ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type));\n    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;\n  }\n};\nconst processWindowEvent = (ev) => {\n  broadcast("-window", ev, camelToKebab(ev.type));\n};\nconst processReadyStateChange = () => {\n  var _a;\n  const readyState = doc.readyState;\n  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {\n    roots.forEach(findShadowRoots);\n    hasInitialized = 1;\n    emitEvent("qinit");\n    const riC = (_a = win.requestIdleCallback) != null ? _a : win.setTimeout;\n    riC.bind(win)(() => emitEvent("qidle"));\n    if (events.has("qvisible")) {\n      const results = querySelectorAll("[on\\\\:qvisible]");\n      const observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, "", createEvent("qvisible", entry));\n          }\n        }\n      });\n      results.forEach((el) => observer.observe(el));\n    }\n  }\n};\nconst addEventListener = (el, eventName, handler, capture = false) => {\n  el.addEventListener(eventName, handler, { capture, passive: false });\n};\nlet cleanTimer;\nconst processEventOrNode = (...eventNames) => {\n  doNotClean = true;\n  clearTimeout(cleanTimer);\n  cleanTimer = setTimeout(() => doNotClean = false, 2e4);\n  for (const eventNameOrNode of eventNames) {\n    if (typeof eventNameOrNode === "string") {\n      if (!events.has(eventNameOrNode)) {\n        roots.forEach(\n          (root) => addEventListener(root, eventNameOrNode, processDocumentEvent, true)\n        );\n        addEventListener(win, eventNameOrNode, processWindowEvent, true);\n        events.add(eventNameOrNode);\n      }\n    } else {\n      if (!roots.has(eventNameOrNode)) {\n        events.forEach(\n          (eventName) => addEventListener(eventNameOrNode, eventName, processDocumentEvent, true)\n        );\n        roots.add(eventNameOrNode);\n      }\n    }\n  }\n};\nif (!("__q_context__" in doc)) {\n  doc.__q_context__ = 0;\n  const qwikevents = win.qwikevents;\n  if (qwikevents) {\n    if (Array.isArray(qwikevents)) {\n      processEventOrNode(...qwikevents);\n    } else {\n      processEventOrNode("click", "input");\n    }\n  }\n  win.qwikevents = {\n    events,\n    roots,\n    push: processEventOrNode\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
+var QWIK_LOADER_DEFAULT_MINIFIED = 'var e,t,n,r=document,o=window,s="w",i="wp",a="d",c="dp",l="e",p="ep",u="capture:",d="readystatechange",f=0,h=new Set,q=new Set([r]),b=new Map,g={},m=(e,t)=>Array.from(e.querySelectorAll(t)),v=e=>{const t=[];return q.forEach(n=>t.push(...m(n,e))),t},w=(e,t,n,r=!1,o=!1)=>e.addEventListener(t,n,{capture:r,passive:o}),y=e=>{H(e);const t=m(e,"[q\\\\:shadowroot]");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&y(n)}},A=e=>e&&"function"==typeof e.then,E=async e=>{for(let t=0;t<e.length;t++)await e[t]()},S=e=>{if(e.length){const t=()=>E(e);n=n?n.then(t,t):t()}},C=e=>{if(void 0===e._qwikjson_){let t=(e===r.documentElement?r.body:e).lastElementChild;for(;t;){if("SCRIPT"===t.tagName&&"qwik/json"===t.getAttribute("type")){e._qwikjson_=JSON.parse(t.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}t=t.previousElementSibling}}},_=e=>{g[e]=1,I(d)},k=e=>{const t=e.getAttribute("q:instance");return"paused"===e.getAttribute("q:container")&&"loading"===r.readyState&&!g[t]&&new Promise(e=>{w(r,d,()=>{("loading"!==r.readyState||g[t])&&e()})})},$=(e,t)=>new CustomEvent(e,{detail:t}),I=(e,t)=>{r.dispatchEvent($(e,t))},N=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),R=e=>e.replace(/-./g,e=>e[1].toUpperCase()),T=e=>{const t=e.indexOf(":");return{scope:e.slice(0,t),eventName:R(e.slice(t+1))}},x=e=>2===e.length,B=e=>e.charAt(0),L=e=>!!e&&1===e.nodeType,U=(e,t,n)=>e.hasAttribute(n)&&(!!e._qDispatch?.[t]||e.hasAttribute("q-"+t)),j=(e,t,n,o,s,i,a,c=!0)=>{const l={qBase:n,symbol:i,element:t,reqTime:a};if(!s){const t=(r["qFuncs_"+e.getAttribute("q:instance")]||[])[+i];if(!t&&c){const e=Error("sym:"+i);I("qerror",{importError:"sync",error:e,...l}),console.error(e)}return t}const p=`${i}|${n}|${s}`,u=b.get(p);if(u)return u;const d=new URL(s,o).href,f=import(d);return C(e),f.then(e=>{const t=e[i];if(t)b.set(p,t),I("qsymbol",l);else{const e=Error(`${i} not in ${d}`);I("qerror",{importError:"no-symbol",error:e,...l}),console.error(e)}return t},e=>{I("qerror",{importError:"async",error:e,...l}),console.error(e)})},D=(e,t,n,o,s,i=!0)=>{let a=!1;s&&(i&&e.hasAttribute("preventdefault:"+s)&&t.preventDefault(),e.hasAttribute("stoppropagation:"+s)&&t.stopPropagation());const c=e._qDispatch?.[n];if(c){if("function"==typeof c){const n=()=>c(t,e);if(a)o.push(async()=>{const e=n();A(e)&&await e});else{const e=n();A(e)&&(a=!0,o.push(()=>e))}}else if(c.length)for(let n=0;n<c.length;n++){const r=c[n];if(r){const n=()=>r(t,e);if(a)o.push(async()=>{const e=n();A(e)&&await e});else{const e=n();A(e)&&(a=!0,o.push(()=>e))}}}return}const l=e.getAttribute("q-"+n);if(l){const n=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),s=n.getAttribute("q:base"),i=new URL(s,r.baseURI),c=l.split("|"),p=k(n);for(let r=0;r<c.length;r++){const l=c[r],u=performance.now(),[d,f,h]=l.split("#"),q=n=>{if(n&&e.isConnected){const r=t=>{I("qerror",{error:t,qBase:s,symbol:f,element:e,reqTime:u})};try{const o=n.call(h,t,e);if(A(o))return o.catch(r)}catch(e){return r(e)}}},b=(t=!0)=>j(n,e,s,i,d,f,u,t),g=p?void 0:b();if(p)a=!0,o.push(async()=>{await p,await q(await b(!1)||await b())});else if(A(g))a=!0,o.push(()=>g.then(q));else if(a)a=!0,o.push(async()=>{await q(g||await b())});else{const e=q(g);A(e)&&(a=!0,o.push(()=>e))}}}},O=(e,t=l,n=!0)=>{const r=N(e.type),o=t+":"+r,s=u+r,i=[],a=[],c=[];let p=e.target;for(;p;)L(p)?(i.push(p),a.push(U(p,o,s)),p=p.parentElement):p=p.parentElement;for(let t=i.length-1;t>=0;t--)if(a[t]&&(D(i[t],e,o,c,r,n),e.cancelBubble))return void S(c);for(let t=0;t<i.length;t++)if(!a[t]&&(D(i[t],e,o,c,r,n),!e.bubbles||e.cancelBubble))return void S(c);S(c)},P=e=>O(e,p,!1),F=(e,t,n=!0)=>{const r=N(t.type),o=e+":"+r,s=v("[q-"+CSS.escape(o)+"]"),i=[];for(let e=0;e<s.length;e++){const a=s[e];D(a,t,o,i,r,n)}S(i)},J=e=>{F(a,e)},M=e=>{F(c,e,!1)},Z=e=>{F(s,e)},z=e=>{F(i,e,!1)},G=()=>{const n=r.readyState;if("interactive"==n||"complete"==n){if(t=1,q.forEach(y),h.has("d:qinit")){h.delete("d:qinit");const e=$("qinit"),t=v("[q-d\\\\:qinit]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];D(o,e,"d:qinit",n),o.removeAttribute("q-d:qinit")}S(n)}if(h.has("d:qidle")&&(h.delete("d:qidle"),(o.requestIdleCallback??o.setTimeout).bind(o)(()=>{const e=$("qidle"),t=v("[q-d\\\\:qidle]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];D(o,e,"d:qidle",n),o.removeAttribute("q-d:qidle")}S(n)})),h.has("e:qvisible")){e||(e=new IntersectionObserver(t=>{const n=[];for(let r=0;r<t.length;r++){const o=t[r];o.isIntersecting&&(e.unobserve(o.target),D(o.target,$("qvisible",o),"e:qvisible",n))}S(n)}));const t=v("[q-e\\\\:qvisible]:not([q\\\\:observed])");for(let n=0;n<t.length;n++){const r=t[n];e.observe(r),r.setAttribute("q:observed","true")}}}},H=(...e)=>{for(let n=0;n<e.length;n++){const r=e[n];if(r===f)_(e[++n]);else if("string"==typeof r){if(!h.has(r)){h.add(r);const{scope:e,eventName:n}=T(r),i=x(e),c=B(e);c===s?w(o,n,i?z:Z,!0,i):q.forEach(e=>w(e,n,c===a?i?M:J:i?P:O,!0,i)),1!==t||"e:qvisible"!==r&&"d:qinit"!==r&&"d:qidle"!==r||G()}}else q.has(r)||(h.forEach(e=>{const{scope:t,eventName:n}=T(e),o=x(t),i=B(t);i!==s&&w(r,n,i===a?o?M:J:o?P:O,!0,o)}),q.add(r))}},K=o._qwikEv;K?.roots||(Array.isArray(K)?H(...K):H("e:click","e:input"),o._qwikEv={events:h,roots:q,push:H},w(r,d,G),G())';
+var QWIK_LOADER_DEFAULT_DEBUG = '//#region packages/qwik/src/qwikloader.ts\nvar doc = document;\nvar win = window;\nvar windowPrefix = "w";\nvar passiveWindowPrefix = "wp";\nvar documentPrefix = "d";\nvar passiveDocumentPrefix = "dp";\nvar elementPrefix = "e";\nvar passiveElementPrefix = "ep";\nvar capturePrefix = "capture:";\nvar readyStateChange = "readystatechange";\nvar QwikEvContainerReady = 0;\nvar events = /* @__PURE__ */ new Set();\nvar roots = /* @__PURE__ */ new Set([doc]);\nvar symbols = /* @__PURE__ */ new Map();\nvar readyContainers = {};\nvar observer;\nvar hasInitialized;\nvar queuedTasks;\nvar nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nvar querySelectorAll = (query) => {\n	const elements = [];\n	roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n	return elements;\n};\nvar addEventListener = (el, eventName, handler, capture = false, passive = false) => el.addEventListener(eventName, handler, {\n	capture,\n	passive\n});\nvar findShadowRoots = (fragment) => {\n	addEventOrRoot(fragment);\n	const shadowRoots = nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]");\n	for (let i = 0; i < shadowRoots.length; i++) {\n		const shadowRoot = shadowRoots[i].shadowRoot;\n		shadowRoot && findShadowRoots(shadowRoot);\n	}\n};\nvar isPromise = (promise) => promise && typeof promise.then === "function";\nvar runTasks = async (tasks) => {\n	for (let i = 0; i < tasks.length; i++) await tasks[i]();\n};\nvar queueTasks = (tasks) => {\n	if (tasks.length) {\n		const run = () => runTasks(tasks);\n		queuedTasks = queuedTasks ? queuedTasks.then(run, run) : run();\n	}\n};\nvar resolveContainer = (containerEl) => {\n	if (containerEl._qwikjson_ === void 0) {\n		let script = (containerEl === doc.documentElement ? doc.body : containerEl).lastElementChild;\n		while (script) {\n			if (script.tagName === "SCRIPT" && script.getAttribute("type") === "qwik/json") {\n				containerEl._qwikjson_ = JSON.parse(script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1"));\n				break;\n			}\n			script = script.previousElementSibling;\n		}\n	}\n};\nvar markContainerReady = (hash) => {\n	readyContainers[hash] = 1;\n	emitEvent(readyStateChange);\n};\nvar waitForContainerReady = (container) => {\n	const hash = container.getAttribute("q:instance");\n	return container.getAttribute("q:container") === "paused" && doc.readyState === "loading" && !readyContainers[hash] && new Promise((resolve) => {\n		const ready = () => {\n			if (doc.readyState !== "loading" || readyContainers[hash]) resolve();\n		};\n		addEventListener(doc, readyStateChange, ready);\n	});\n};\nvar createEvent = (eventName, detail) => new CustomEvent(eventName, { detail });\nvar emitEvent = (eventName, detail) => {\n	doc.dispatchEvent(createEvent(eventName, detail));\n};\nvar camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());\nvar kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nvar parseKebabEvent = (event) => {\n	const separatorIndex = event.indexOf(":");\n	return {\n		scope: event.slice(0, separatorIndex),\n		eventName: kebabToCamel(event.slice(separatorIndex + 1))\n	};\n};\nvar isPassiveScope = (scope) => scope.length === 2;\nvar getRootScope = (scope) => scope.charAt(0);\nvar isElementNode = (node) => !!node && node.nodeType === 1;\nvar isCaptureHandlerElement = (element, scopedKebabName, captureAttribute) => element.hasAttribute(captureAttribute) && (!!element._qDispatch?.[scopedKebabName] || element.hasAttribute("q-" + scopedKebabName));\nvar resolveHandler = (container, element, qBase, base, chunk, symbol, reqTime, reportSyncError = true) => {\n	const eventData = {\n		qBase,\n		symbol,\n		element,\n		reqTime\n	};\n	if (!chunk) {\n		const handler = (doc["qFuncs_" + container.getAttribute("q:instance")] || [])[+symbol];\n		if (!handler && reportSyncError) {\n			const error = /* @__PURE__ */ new Error("sym:" + symbol);\n			emitEvent("qerror", {\n				importError: "sync",\n				error,\n				...eventData\n			});\n			console.error(error);\n		}\n		return handler;\n	}\n	const key = `${symbol}|${qBase}|${chunk}`;\n	const handler = symbols.get(key);\n	if (handler) return handler;\n	const href = new URL(chunk, base).href;\n	const module = import(\n				href\n);\n	resolveContainer(container);\n	return module.then((module) => {\n		const handler = module[symbol];\n		if (!handler) {\n			const error = /* @__PURE__ */ new Error(`${symbol} not in ${href}`);\n			emitEvent("qerror", {\n				importError: "no-symbol",\n				error,\n				...eventData\n			});\n			console.error(error);\n		} else {\n			symbols.set(key, handler);\n			emitEvent("qsymbol", eventData);\n		}\n		return handler;\n	}, (error) => {\n		emitEvent("qerror", {\n			importError: "async",\n			error,\n			...eventData\n		});\n		console.error(error);\n	});\n};\n/**\n* Dispatch an event by invoking QRL handlers. If there are multiple handlers, they are awaited in\n* order.\n*/\nvar dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDefault = true) => {\n	let defer = false;\n	if (kebabName) {\n		if (allowPreventDefault && element.hasAttribute("preventdefault:" + kebabName)) ev.preventDefault();\n		if (element.hasAttribute("stoppropagation:" + kebabName)) ev.stopPropagation();\n	}\n	const handlers = element._qDispatch?.[scopedKebabName];\n	if (handlers) {\n		if (typeof handlers === "function") {\n			const run = () => handlers(ev, element);\n			if (defer) tasks.push(async () => {\n				const result = run();\n				if (isPromise(result)) await result;\n			});\n			else {\n				const result = run();\n				if (isPromise(result)) {\n					defer = true;\n					tasks.push(() => result);\n				}\n			}\n		} else if (handlers.length) for (let i = 0; i < handlers.length; i++) {\n			const handler = handlers[i];\n			if (handler) {\n				const run = () => handler(ev, element);\n				if (defer) tasks.push(async () => {\n					const result = run();\n					if (isPromise(result)) await result;\n				});\n				else {\n					const result = run();\n					if (isPromise(result)) {\n						defer = true;\n						tasks.push(() => result);\n					}\n				}\n			}\n		}\n		return;\n	}\n	const attrValue = element.getAttribute("q-" + scopedKebabName);\n	if (attrValue) {\n		const container = element.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\n		const qBase = container.getAttribute("q:base");\n		const base = new URL(qBase, doc.baseURI);\n		const qrls = attrValue.split("|");\n		const waitForReady = waitForContainerReady(container);\n		for (let i = 0; i < qrls.length; i++) {\n			const qrl = qrls[i];\n			const reqTime = performance.now();\n			const [chunk, symbol, capturedIds] = qrl.split("#");\n			const run = (handler) => {\n				if (handler && element.isConnected) {\n					const onError = (error) => {\n						emitEvent("qerror", {\n							error,\n							qBase,\n							symbol,\n							element,\n							reqTime\n						});\n					};\n					try {\n						const result = handler.call(capturedIds, ev, element);\n						if (isPromise(result)) return result.catch(onError);\n					} catch (error) {\n						return onError(error);\n					}\n				}\n			};\n			const resolve = (reportSyncError = true) => resolveHandler(container, element, qBase, base, chunk, symbol, reqTime, reportSyncError);\n			const handler = waitForReady ? void 0 : resolve();\n			if (waitForReady) {\n				defer = true;\n				tasks.push(async () => {\n					await waitForReady;\n					await run(await resolve(false) || await resolve());\n				});\n			} else if (isPromise(handler)) {\n				defer = true;\n				tasks.push(() => handler.then(run));\n			} else if (defer) {\n				defer = true;\n				tasks.push(async () => {\n					await run(handler || await resolve());\n				});\n			} else {\n				const result = run(handler);\n				if (isPromise(result)) {\n					defer = true;\n					tasks.push(() => result);\n				}\n			}\n		}\n	}\n};\n/**\n* Event handler responsible for processing element events.\n*\n* If browser emits an event, the `eventProcessor` walks the DOM tree looking for corresponding\n* `(${event.type})`. If found the event\'s URL is parsed and `import()`ed.\n*\n* @param ev - Browser event.\n*/\nvar processElementEvent = (ev, scope = elementPrefix, allowPreventDefault = true) => {\n	const kebabName = camelToKebab(ev.type);\n	const scopedKebabName = scope + ":" + kebabName;\n	const captureAttribute = capturePrefix + kebabName;\n	const elements = [];\n	const captureHandlers = [];\n	const tasks = [];\n	let current = ev.target;\n	while (current) if (isElementNode(current)) {\n		elements.push(current);\n		captureHandlers.push(isCaptureHandlerElement(current, scopedKebabName, captureAttribute));\n		current = current.parentElement;\n	} else current = current.parentElement;\n	for (let i = elements.length - 1; i >= 0; i--) if (captureHandlers[i]) {\n		dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n		if (ev.cancelBubble) {\n			queueTasks(tasks);\n			return;\n		}\n	}\n	for (let i = 0; i < elements.length; i++) if (!captureHandlers[i]) {\n		dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n		if (!ev.bubbles || ev.cancelBubble) {\n			queueTasks(tasks);\n			return;\n		}\n	}\n	queueTasks(tasks);\n};\nvar processPassiveElementEvent = (ev) => processElementEvent(ev, passiveElementPrefix, false);\nvar broadcast = (scope, ev, allowPreventDefault = true) => {\n	const kebabName = camelToKebab(ev.type);\n	const scopedKebabName = scope + ":" + kebabName;\n	const elements = querySelectorAll("[q-" + CSS.escape(scopedKebabName) + "]");\n	const tasks = [];\n	for (let i = 0; i < elements.length; i++) {\n		const el = elements[i];\n		dispatch(el, ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n	}\n	queueTasks(tasks);\n};\n/**\n* Event handler responsible for processing browser events.\n*\n* If browser emits an event, the `eventProcessor` walks the DOM tree looking for corresponding\n* `(${event.type})`. If found the event\'s URL is parsed and `import()`ed.\n*\n* @param ev - Browser event.\n*/\nvar processDocumentEvent = (ev) => {\n	broadcast(documentPrefix, ev);\n};\nvar processPassiveDocumentEvent = (ev) => {\n	broadcast(passiveDocumentPrefix, ev, false);\n};\nvar processWindowEvent = (ev) => {\n	broadcast(windowPrefix, ev);\n};\nvar processPassiveWindowEvent = (ev) => {\n	broadcast(passiveWindowPrefix, ev, false);\n};\n/**\n* Called when the document is ready and whenever a container is added, so make this idempotent. For\n* qidle and qinit we remove the attributes immediately, and for qvisible we add an attribute\n*/\nvar processReadyStateChange = () => {\n	const readyState = doc.readyState;\n	if (readyState == "interactive" || readyState == "complete") {\n		hasInitialized = 1;\n		roots.forEach(findShadowRoots);\n		if (events.has("d:qinit")) {\n			events.delete("d:qinit");\n			const ev = createEvent("qinit");\n			const elements = querySelectorAll("[q-d\\\\:qinit]");\n			const tasks = [];\n			for (let i = 0; i < elements.length; i++) {\n				const el = elements[i];\n				dispatch(el, ev, "d:qinit", tasks);\n				el.removeAttribute("q-d:qinit");\n			}\n			queueTasks(tasks);\n		}\n		if (events.has("d:qidle")) {\n			events.delete("d:qidle");\n			(win.requestIdleCallback ?? win.setTimeout).bind(win)(() => {\n				const ev = createEvent("qidle");\n				const elements = querySelectorAll("[q-d\\\\:qidle]");\n				const tasks = [];\n				for (let i = 0; i < elements.length; i++) {\n					const el = elements[i];\n					dispatch(el, ev, "d:qidle", tasks);\n					el.removeAttribute("q-d:qidle");\n				}\n				queueTasks(tasks);\n			});\n		}\n		if (events.has("e:qvisible")) {\n			observer || (observer = new IntersectionObserver((entries) => {\n				const tasks = [];\n				for (let i = 0; i < entries.length; i++) {\n					const entry = entries[i];\n					if (entry.isIntersecting) {\n						observer.unobserve(entry.target);\n						dispatch(entry.target, createEvent("qvisible", entry), "e:qvisible", tasks);\n					}\n				}\n				queueTasks(tasks);\n			}));\n			const elements = querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])");\n			for (let i = 0; i < elements.length; i++) {\n				const el = elements[i];\n				observer.observe(el);\n				el.setAttribute("q:observed", "true");\n			}\n		}\n	}\n};\nvar addEventOrRoot = (...eventNames) => {\n	for (let i = 0; i < eventNames.length; i++) {\n		const eventNameOrRoot = eventNames[i];\n		if (eventNameOrRoot === QwikEvContainerReady) markContainerReady(eventNames[++i]);\n		else if (typeof eventNameOrRoot === "string") {\n			if (!events.has(eventNameOrRoot)) {\n				events.add(eventNameOrRoot);\n				const { scope, eventName } = parseKebabEvent(eventNameOrRoot);\n				const passive = isPassiveScope(scope);\n				const rootScope = getRootScope(scope);\n				if (rootScope === windowPrefix) addEventListener(win, eventName, passive ? processPassiveWindowEvent : processWindowEvent, true, passive);\n				else roots.forEach((root) => addEventListener(root, eventName, rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent, true, passive));\n				if (hasInitialized === 1 && (eventNameOrRoot === "e:qvisible" || eventNameOrRoot === "d:qinit" || eventNameOrRoot === "d:qidle")) processReadyStateChange();\n			}\n		} else if (!roots.has(eventNameOrRoot)) {\n			events.forEach((kebabEventName) => {\n				const { scope, eventName } = parseKebabEvent(kebabEventName);\n				const passive = isPassiveScope(scope);\n				const rootScope = getRootScope(scope);\n				if (rootScope !== windowPrefix) addEventListener(eventNameOrRoot, eventName, rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent, true, passive);\n			});\n			roots.add(eventNameOrRoot);\n		}\n	}\n};\nvar _qwikEv = win._qwikEv;\nif (!_qwikEv?.roots) {\n	if (Array.isArray(_qwikEv)) addEventOrRoot(..._qwikEv);\n	else addEventOrRoot("e:click", "e:input");\n	win._qwikEv = {\n		events,\n		roots,\n		push: addEventOrRoot\n	};\n	addEventListener(doc, readyStateChange, processReadyStateChange);\n	processReadyStateChange();\n}\n//#endregion';
+var QWIK_BACKPATCH_EXECUTOR_MINIFIED = `var t='script[type="qwik/backpatch"]';function e(e,n){const o=n||e.querySelector("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const n=o.querySelectorAll(t),r=n[n.length-1];if(r){const t=JSON.parse(r.textContent||"[]"),n=e.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let c=n.currentNode,i=c.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],r=t[e+1];let l=t[e+2];for(;i<o&&(c=n.nextNode(),c);)c.hasAttribute(":")&&i++;const a=c;null==l||!1===l?a.removeAttribute(r):("boolean"==typeof l&&(l=""),a.setAttribute(r,l))}}}}var n=document.currentScript;if(n){const t=n.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");t&&e(document,t)}`;
+var QWIK_BACKPATCH_EXECUTOR_DEBUG = '//#region packages/qwik/src/backpatch-executor-shared.ts\n/**\n* Shared backpatch executor logic that can be imported by both the inline script\n* (backpatch-executor.ts) and test utilities.\n*/\nvar BACKPATCH_DATA_SELECTOR = "script[type=\\"qwik/backpatch\\"]";\n/**\n* Execute backpatch operations on a document.\n*\n* @param doc - The document to execute backpatch on\n* @param containerElement - Optional specific container element (if not provided, will search for\n*   it)\n*/\nfunction executeBackpatch(doc, containerElement) {\n	const container = containerElement || doc.querySelector("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\n	if (container) {\n		const scripts = container.querySelectorAll(BACKPATCH_DATA_SELECTOR);\n		const script = scripts[scripts.length - 1];\n		if (script) {\n			const data = JSON.parse(script.textContent || "[]");\n			const walker = doc.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);\n			let currentNode = walker.currentNode;\n			let currentNodeIdx = currentNode.hasAttribute(":") ? 0 : -1;\n			for (let i = 0; i < data.length; i += 3) {\n				const elementIdx = data[i];\n				const attrName = data[i + 1];\n				let value = data[i + 2];\n				while (currentNodeIdx < elementIdx) {\n					currentNode = walker.nextNode();\n					if (!currentNode) break;\n					if (currentNode.hasAttribute(":")) currentNodeIdx++;\n				}\n				const element = currentNode;\n				if (value == null || value === false) element.removeAttribute(attrName);\n				else {\n					if (typeof value === "boolean") value = "";\n					element.setAttribute(attrName, value);\n				}\n			}\n		}\n	}\n}\n//#endregion\n//#region packages/qwik/src/backpatch-executor.ts\n/**\n* Qwik Backpatch Executor\n*\n* This script executes the backpatch operations by finding the backpatch data script within the\n* same container and applying the patches to the DOM elements.\n*\n* This is the inline script version that auto-executes when loaded in the browser. The actual logic\n* is in backpatch-executor-shared.ts for reusability.\n*/\nvar executorScript = document.currentScript;\nif (executorScript) {\n	const container = executorScript.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\n	if (container) executeBackpatch(document, container);\n}\n//#endregion';
+var QWIK_OUT_OF_ORDER_EXECUTOR_MINIFIED = `var t='template[q\\\\:r="',e="q:r",r='[q\\\\:rp="',n="q:g",l="q:i",o="q:o",i="[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])",u=u=>{const s=new WeakMap,c=()=>{const t=u.currentScript;return t&&t.closest(i)||u},f=(t,e,r,n)=>{let l=s.get(t);return l||s.set(t,l={}),l[e]||(l[e]={r:{},n:0,t:r,o:n})},a=(t,e)=>t?(e&&e.style&&(e.style.display="none"),t.style&&(t.style.display="contents"),1):0,q=t=>{const e=t.o;let r,n,l=0;if("p"===e)for(const e in t.r)r=t.r[e],r[0]&&a(r[0],r[1])&&(r[0]=0,l++);else if("s"===e)for(n=t.n;(r=t.r[n])&&r[0]&&a(r[0],r[1]);n++)r[0]=0,l++,t.n=n+1;else if("r"===e){if(t.t<0)return 0;for(t.n<0&&(t.n=t.t-1),n=t.n;(r=t.r[n])&&r[0]&&a(r[0],r[1]);n--)r[0]=0,l++,t.n=n-1}else{if(t.t<0)return 0;for(n=0;n<t.t;n++)if(r=t.r[n],!r)return 0;for(n=0;n<t.t;n++)r=t.r[n],r[0]&&a(r[0],r[1])&&(r[0]=0,l++)}return l},p=i=>{const s=c(),p=((r,n)=>{const l=u.currentScript,o=l?l.previousElementSibling:null;if(o&&"template"===o.localName&&o.getAttribute(e)===n+"")return o;const i=r.querySelectorAll(t+n+'"]');return i.length?i[i.length-1]:null})(s,i);if(!p)return;const g=((e,n,l)=>{if(!l)return null;const o=((t,e)=>t.querySelector(r+e+'"]'))(e,n),i=o?((e,r)=>e.querySelector(t+r+'"]'))(o,n):null,u=i?i.parentNode:null;return i&&o&&u?(u.insertBefore(l.content,i),i.remove(),l.remove(),[o,o.previousElementSibling]):null})(s,i,p);if(!g)return;((t,e)=>{var r;const n=u;null===(r=n.qProcessOOOS)||void 0===r||r.call(n,t,e)})(i,g[0]||null);const m=p.getAttribute(n);if(m){const t=+(p.getAttribute(l)||0),e=f(s,m,-1,p.getAttribute(o)||"p");return e.r[t]=g,void q(e)}a(g[0]||null,g[1])};p.g=(t,e,r)=>{const n=f(c(),t,e,r);n.t=e,n.o=r,"r"===n.o&&0===n.n&&(n.n=e-1),q(n)},p.d=u,globalThis.qO=p};u(document)`;
+var QWIK_OUT_OF_ORDER_EXECUTOR_DEBUG = '//#region packages/qwik/src/out-of-order-executor-shared.ts\n/** Shared out-of-order Suspense executor logic for the inline script and source tests. */\nvar Q_RESOLVED_SELECTOR = "template[q\\\\:r=\\"";\nvar Q_RESOLVED_ATTR = "q:r";\nvar Q_RESULT_PARENT_SELECTOR = "[q\\\\:rp=\\"";\nvar Q_GROUP_ATTR = "q:g";\nvar Q_INDEX_ATTR = "q:i";\nvar Q_ORDER_ATTR = "q:o";\nvar Q_CONTAINER_SELECTOR = "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])";\nvar installOutOfOrderExecutor = (doc) => {\n	const groups = /* @__PURE__ */ new WeakMap();\n	const process = (boundaryId, content) => {\n		var _executorDoc$qProcess;\n		const executorDoc = doc;\n		(_executorDoc$qProcess = executorDoc.qProcessOOOS) === null || _executorDoc$qProcess === void 0 || _executorDoc$qProcess.call(executorDoc, boundaryId, content);\n	};\n	const getScope = () => {\n		const script = doc.currentScript;\n		return script ? script.closest(Q_CONTAINER_SELECTOR) || doc : doc;\n	};\n	const group = (scope, groupId, total, order) => {\n		let scopedGroups = groups.get(scope);\n		if (!scopedGroups) groups.set(scope, scopedGroups = {});\n		return scopedGroups[groupId] || (scopedGroups[groupId] = {\n			r: {},\n			n: 0,\n			t: total,\n			o: order\n		});\n	};\n	const getResolvedTemplate = (scope, boundaryId) => {\n		const currentScript = doc.currentScript;\n		const previousElement = currentScript ? currentScript.previousElementSibling : null;\n		if (previousElement && previousElement.localName === "template" && previousElement.getAttribute(Q_RESOLVED_ATTR) === String(boundaryId)) return previousElement;\n		const templates = scope.querySelectorAll(Q_RESOLVED_SELECTOR + boundaryId + "\\"]");\n		return templates.length ? templates[templates.length - 1] : null;\n	};\n	const getPlaceholderTemplate = (content, boundaryId) => {\n		return content.querySelector(Q_RESOLVED_SELECTOR + boundaryId + "\\"]");\n	};\n	const getResultParent = (scope, boundaryId) => {\n		return scope.querySelector(Q_RESULT_PARENT_SELECTOR + boundaryId + "\\"]");\n	};\n	const reveal = (content, fallback) => {\n		if (!content) return 0;\n		if (fallback && fallback.style) fallback.style.display = "none";\n		if (content.style) content.style.display = "contents";\n		return 1;\n	};\n	const move = (scope, boundaryId, resolved) => {\n		if (!resolved) return null;\n		const content = getResultParent(scope, boundaryId);\n		const placeholder = content ? getPlaceholderTemplate(content, boundaryId) : null;\n		const parent = placeholder ? placeholder.parentNode : null;\n		if (!placeholder || !content || !parent) return null;\n		parent.insertBefore(resolved.content, placeholder);\n		placeholder.remove();\n		resolved.remove();\n		return [content, content.previousElementSibling];\n	};\n	const flush = (group) => {\n		const order = group.o;\n		let entry;\n		let index;\n		let swapped = 0;\n		if (order === "p") for (const key in group.r) {\n			entry = group.r[key];\n			if (entry[0] && reveal(entry[0], entry[1])) {\n				entry[0] = 0;\n				swapped++;\n			}\n		}\n		else if (order === "s") for (index = group.n; (entry = group.r[index]) && entry[0]; index++) {\n			if (!reveal(entry[0], entry[1])) break;\n			entry[0] = 0;\n			swapped++;\n			group.n = index + 1;\n		}\n		else if (order === "r") {\n			if (group.t < 0) return 0;\n			if (group.n < 0) group.n = group.t - 1;\n			for (index = group.n; (entry = group.r[index]) && entry[0]; index--) {\n				if (!reveal(entry[0], entry[1])) break;\n				entry[0] = 0;\n				swapped++;\n				group.n = index - 1;\n			}\n		} else {\n			if (group.t < 0) return 0;\n			for (index = 0; index < group.t; index++) {\n				entry = group.r[index];\n				if (!entry) return 0;\n			}\n			for (index = 0; index < group.t; index++) {\n				entry = group.r[index];\n				if (entry[0] && reveal(entry[0], entry[1])) {\n					entry[0] = 0;\n					swapped++;\n				}\n			}\n		}\n		return swapped;\n	};\n	const qO = ((boundaryId) => {\n		const scope = getScope();\n		const resolved = getResolvedTemplate(scope, boundaryId);\n		if (!resolved) return;\n		const entry = move(scope, boundaryId, resolved);\n		if (!entry) return;\n		process(boundaryId, entry[0] || null);\n		const groupId = resolved.getAttribute(Q_GROUP_ATTR);\n		if (groupId) {\n			const index = +(resolved.getAttribute(Q_INDEX_ATTR) || 0);\n			const currentGroup = group(scope, groupId, -1, resolved.getAttribute(Q_ORDER_ATTR) || "p");\n			currentGroup.r[index] = entry;\n			flush(currentGroup);\n			return;\n		}\n		reveal(entry[0] || null, entry[1]);\n	});\n	qO.g = (groupId, total, order) => {\n		const currentGroup = group(getScope(), groupId, total, order);\n		currentGroup.t = total;\n		currentGroup.o = order;\n		if (currentGroup.o === "r" && currentGroup.n === 0) currentGroup.n = total - 1;\n		flush(currentGroup);\n	};\n	qO.d = doc;\n	globalThis.qO = qO;\n};\n//#endregion\n//#region packages/qwik/src/out-of-order-executor.ts\n/**\n* Qwik Out-of-Order Suspense Executor\n*\n* This is the inline script entry. The actual logic lives in out-of-order-executor-shared.ts so\n* source tests can install the same executor.\n*/\ninstallOutOfOrderExecutor(document);\n//#endregion';
 function getQwikLoaderScript(opts = {}) {
   return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
 }
@@ -1151,50 +1291,69 @@ var QWIK_PREFETCH_DEBUG = globalThis.QWIK_PREFETCH_DEBUG;
 function getQwikPrefetchWorkerScript(opts = {}) {
   return opts.debug ? QWIK_PREFETCH_DEBUG : QWIK_PREFETCH_MINIFIED;
 }
+function getQwikBackpatchExecutorScript(opts = {}) {
+  return opts.debug ? QWIK_BACKPATCH_EXECUTOR_DEBUG : QWIK_BACKPATCH_EXECUTOR_MINIFIED;
+}
+function getQwikOutOfOrderExecutorScript(opts = {}) {
+  if (!__EXPERIMENTAL__.suspense) {
+    return "";
+  }
+  const script = opts.debug ? QWIK_OUT_OF_ORDER_EXECUTOR_DEBUG : QWIK_OUT_OF_ORDER_EXECUTOR_MINIFIED;
+  return `if(!globalThis.qO||globalThis.qO.d!==document){${script}
+}`;
+}
 
 // packages/qwik/src/server/ssr-node.ts
 import {
   _isJSXNode as isJSXNode,
-  _EMPTY_ARRAY,
+  _EMPTY_OBJ,
   _EFFECT_BACK_REF
-} from "@qwik.dev/core";
-import { isDev as isDev3 } from "@qwik.dev/core/build";
+} from "@qwik.dev/core/internal";
+import { isDev as isDev7 } from "@qwik.dev/core/build";
 var SsrNode = class {
-  constructor(parentSsrNode, id, attributesIndex, cleanupQueue, vnodeData) {
+  constructor(parentComponent, id, attributesIndex, cleanupQueue, vnodeData, currentFile) {
+    this.parentComponent = parentComponent;
     this.attributesIndex = attributesIndex;
     this.cleanupQueue = cleanupQueue;
     this.vnodeData = vnodeData;
-    __publicField(this, "__brand__", "SsrNode");
-    /**
-     * ID which the deserialize will use to retrieve the node.
-     *
-     * @param id - Unique id for the node.
-     */
-    __publicField(this, "id");
-    __publicField(this, "parentSsrNode");
-    __publicField(this, "children", null);
-    __publicField(this, "attrs");
-    /** Local props which don't serialize; */
-    __publicField(this, "localProps", null);
-    this.parentSsrNode = parentSsrNode;
-    this.parentSsrNode?.addChild(this);
+    this.currentFile = currentFile;
     this.id = id;
-    this.attrs = this.attributesIndex >= 0 ? this.vnodeData[this.attributesIndex] : _EMPTY_ARRAY;
-    if (isDev3 && id.indexOf("undefined") != -1) {
+    this.flags = 1 /* Updatable */;
+    this.attrs = this.attributesIndex >= 0 ? this.vnodeData[this.attributesIndex] : _EMPTY_OBJ;
+    this.parentComponent?.addChild(this);
+    if (isDev7 && id.indexOf("undefined") != -1) {
       throw new Error(`Invalid SSR node id: ${id}`);
     }
   }
+  parentComponent;
+  attributesIndex;
+  cleanupQueue;
+  vnodeData;
+  currentFile;
+  __brand__ = "SsrNode";
+  /**
+   * ID which the deserialize will use to retrieve the node.
+   *
+   * @param id - Unique id for the node.
+   */
+  id;
+  flags;
+  dirty = 0 /* NONE */;
+  children = null;
+  attrs;
+  /** Local props which don't serialize; */
+  localProps = null;
   get [_EFFECT_BACK_REF]() {
     return this.getProp(QBackRefs);
   }
   setProp(name, value) {
-    if (this.attrs === _EMPTY_ARRAY) {
+    if (this.attrs === _EMPTY_OBJ) {
       this.setEmptyArrayAsVNodeDataAttributes();
     }
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      mapArray_set(this.localProps || (this.localProps = []), name, value, 0);
+      (this.localProps ||= {})[name] = value;
     } else {
-      mapArray_set(this.attrs, name, value, 0);
+      this.attrs[name] = value;
     }
     if (name == ELEMENT_SEQ && value) {
       this.cleanupQueue.push(value);
@@ -1202,29 +1361,29 @@ var SsrNode = class {
   }
   setEmptyArrayAsVNodeDataAttributes() {
     if (this.attributesIndex >= 0) {
-      this.vnodeData[this.attributesIndex] = [];
+      this.vnodeData[this.attributesIndex] = {};
       this.attrs = this.vnodeData[this.attributesIndex];
     } else {
       const newAttributesIndex = this.vnodeData.length > 1 ? 1 : 0;
-      this.vnodeData.splice(newAttributesIndex, 0, []);
+      this.vnodeData.splice(newAttributesIndex, 0, {});
       this.attributesIndex = newAttributesIndex;
       this.attrs = this.vnodeData[this.attributesIndex];
     }
   }
   getProp(name) {
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      return this.localProps ? mapArray_get(this.localProps, name, 0) : null;
+      return this.localProps ? this.localProps[name] ?? null : null;
     } else {
-      return mapArray_get(this.attrs, name, 0);
+      return this.attrs[name] ?? null;
     }
   }
   removeProp(name) {
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
       if (this.localProps) {
-        mapApp_remove(this.localProps, name, 0);
+        delete this.localProps[name];
       }
     } else {
-      mapApp_remove(this.attrs, name, 0);
+      delete this.attrs[name];
     }
   }
   addChild(child) {
@@ -1233,35 +1392,49 @@ var SsrNode = class {
     }
     this.children.push(child);
   }
+  setTreeNonUpdatable() {
+    if (this.flags & 1 /* Updatable */) {
+      this.flags &= ~1 /* Updatable */;
+      if (this.children) {
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.setTreeNonUpdatable();
+        }
+      }
+    }
+  }
   toString() {
-    let stringifiedAttrs = "";
-    for (let i = 0; i < this.attrs.length; i += 2) {
-      const key = this.attrs[i];
-      const value = this.attrs[i + 1];
-      stringifiedAttrs += `${key}=`;
-      stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
-      if (i < this.attrs.length - 2) {
+    if (isDev7) {
+      let stringifiedAttrs = "";
+      for (const key in this.attrs) {
+        const value = this.attrs[key];
+        stringifiedAttrs += `${key}=`;
+        stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
         stringifiedAttrs += ", ";
       }
+      return `<SSRNode id="${this.id}" ${stringifiedAttrs} />`;
+    } else {
+      return `<SSRNode id="${this.id}" />`;
     }
-    return `SSRNode [<${this.id}> ${stringifiedAttrs}]`;
   }
 };
 var DomRef = class {
   constructor($ssrNode$) {
     this.$ssrNode$ = $ssrNode$;
-    __publicField(this, "__brand__", "DomRef");
   }
+  $ssrNode$;
+  __brand__ = "DomRef";
 };
 var SsrComponentFrame = class {
   constructor(componentNode) {
     this.componentNode = componentNode;
-    __publicField(this, "slots", []);
-    __publicField(this, "projectionDepth", 0);
-    __publicField(this, "scopedStyleIds", /* @__PURE__ */ new Set());
-    __publicField(this, "projectionScopedStyle", null);
-    __publicField(this, "projectionComponentFrame", null);
   }
+  componentNode;
+  slots = [];
+  projectionDepth = 0;
+  scopedStyleIds = /* @__PURE__ */ new Set();
+  projectionScopedStyle = null;
+  projectionComponentFrame = null;
   distributeChildrenIntoSlots(children, projectionScopedStyle, projectionComponentFrame) {
     this.projectionScopedStyle = projectionScopedStyle;
     this.projectionComponentFrame = projectionComponentFrame;
@@ -1308,19 +1481,88 @@ var SsrComponentFrame = class {
   hasSlot(slotName) {
     return mapArray_has(this.slots, slotName, 0);
   }
+  claimChildrenForSlot(slotName) {
+    return mapApp_remove(this.slots, slotName, 0);
+  }
   consumeChildrenForSlot(projectionNode, slotName) {
-    const children = mapApp_remove(this.slots, slotName, 0);
+    const children = this.claimChildrenForSlot(slotName);
     this.componentNode.setProp(slotName, projectionNode.id);
     projectionNode.setProp(QSlotParent, this.componentNode.id);
     return children;
   }
-  releaseUnclaimedProjections(unclaimedProjections) {
-    if (this.slots.length) {
-      unclaimedProjections.push(this);
-      unclaimedProjections.push(this.projectionScopedStyle);
-      unclaimedProjections.push.apply(unclaimedProjections, this.slots);
+};
+
+// packages/qwik/src/server/ssr-stream-writer.ts
+var renderSSRChunks = (chunks, remap) => {
+  let out = "";
+  for (let i = 0; i < chunks.length; i++) {
+    const chunk = chunks[i];
+    if (typeof chunk === "string") {
+      out += chunk;
+    } else if (chunk.type === "root-ref-delta") {
+      const id = remap ? remap[chunk.localId] ?? chunk.localId : chunk.localId;
+      const base2 = remap ? remap[chunk.localBaseId] ?? chunk.localBaseId : chunk.localBaseId;
+      out += String(id - base2);
+    } else {
+      const localId = chunk.type === "root-ref" ? chunk.localId : chunk.localPath[0];
+      out += String(remap ? remap[localId] ?? localId : localId);
+      if (chunk.type !== "root-ref-path") {
+        continue;
+      }
+      const path = chunk.localPath;
+      for (let j = 1; j < path.length; j++) {
+        out += " " + path[j];
+      }
     }
   }
+  return out;
+};
+var StringSSRWriter = class {
+  buffer = [];
+  write(text) {
+    this.buffer.push(text);
+  }
+  writeRootRef(id) {
+    writeStringRootRef(this, id);
+  }
+  writeRootRefPath(path) {
+    writeStringRootRefPath(this, path);
+  }
+  writeRootRefDelta(id, base2) {
+    writeStringRootRefDelta(this, id, base2);
+  }
+  clear() {
+    this.buffer.length = 0;
+  }
+  toString(_) {
+    return this.buffer.join("");
+  }
+};
+var StringBufferSegmentWriter = class {
+  chunks = [];
+  write(text) {
+    this.chunks.push(text);
+  }
+  writeRootRef(id) {
+    this.chunks.push({ type: "root-ref", localId: id });
+  }
+  writeRootRefPath(path) {
+    this.chunks.push({ type: "root-ref-path", localPath: path });
+  }
+  writeRootRefDelta(id, base2) {
+    this.chunks.push({ type: "root-ref-delta", localId: id, localBaseId: base2 });
+  }
+  clear() {
+    this.chunks.length = 0;
+  }
+  extract() {
+    const chunks = this.chunks;
+    this.chunks = [];
+    return chunks;
+  }
+  toString(remap) {
+    return renderSSRChunks(this.chunks, remap);
+  }
 };
 
 // packages/qwik/src/server/tag-nesting.ts
@@ -1355,6 +1597,10 @@ var allowedContent = (state) => {
     case 514 /* PHRASING_INSIDE_INPUT */:
     case 1026 /* PHRASING_CONTAINER */:
       return ["phrasing content", "<a>, <b>, <img>, <input> ... (no <div>, <p> ...)"];
+    case 2050 /* PICTURE */:
+      return ["picture content", "<source>, <img>"];
+    case 4098 /* BUTTON */:
+      return ["button content", "phrasing content except interactive elements"];
     case 1 /* DOCUMENT */:
       return ["document", "<html>"];
   }
@@ -1396,6 +1642,10 @@ function isTagAllowed(state, tag) {
       return isInPhrasing(tag, true);
     case 514 /* PHRASING_INSIDE_INPUT */:
       return isInPhrasing(tag, false);
+    case 2050 /* PICTURE */:
+      return isInPicture(tag);
+    case 4098 /* BUTTON */:
+      return isInButton(tag);
     case 1 /* DOCUMENT */:
       if (tag === "html") {
         return 32 /* HTML */;
@@ -1475,9 +1725,12 @@ function isInAnything(text) {
     case "body":
       return 0 /* NOT_ALLOWED */;
     case "button":
+      return 4098 /* BUTTON */;
     case "input":
     case "textarea":
       return 514 /* PHRASING_INSIDE_INPUT */;
+    case "picture":
+      return 2050 /* PICTURE */;
     default:
       return 10 /* ANYTHING */;
   }
@@ -1492,6 +1745,8 @@ function isInTable(text) {
     case "tbody":
     case "tfoot":
       return 8192 /* TABLE_BODY */;
+    case "script":
+      return 2 /* TEXT */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
@@ -1500,6 +1755,8 @@ function isInTableBody(text) {
   switch (text) {
     case "tr":
       return 16384 /* TABLE_ROW */;
+    case "script":
+      return 2 /* TEXT */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
@@ -1509,6 +1766,8 @@ function isInTableRow(text) {
     case "td":
     case "th":
       return 10 /* ANYTHING */;
+    case "script":
+      return 2 /* TEXT */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
@@ -1517,16 +1776,43 @@ function isInTableColGroup(text) {
   switch (text) {
     case "col":
       return 4 /* EMPTY */;
+    case "script":
+      return 2 /* TEXT */;
+    default:
+      return 0 /* NOT_ALLOWED */;
+  }
+}
+function isInPicture(text) {
+  switch (text) {
+    case "source":
+      return 4 /* EMPTY */;
+    case "img":
+      return 4 /* EMPTY */;
+    case "script":
+      return 2 /* TEXT */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
 }
+function isInButton(text) {
+  switch (text) {
+    case "button":
+    case "input":
+    case "textarea":
+    case "select":
+    case "a":
+      return 0 /* NOT_ALLOWED */;
+    case "picture":
+      return 2050 /* PICTURE */;
+    default:
+      return isInPhrasing(text, false);
+  }
+}
 function isInPhrasing(text, allowInput) {
   switch (text) {
     case "svg":
     case "math":
       return 1026 /* PHRASING_CONTAINER */;
-    case "button":
     case "input":
     case "textarea":
       return allowInput ? 514 /* PHRASING_INSIDE_INPUT */ : 0 /* NOT_ALLOWED */;
@@ -1538,6 +1824,7 @@ function isInPhrasing(text, allowInput) {
     case "bdi":
     case "bdo":
     case "br":
+    case "button":
     case "canvas":
     case "cite":
     case "code":
@@ -1565,13 +1852,11 @@ function isInPhrasing(text, allowInput) {
     case "object":
     case "option":
     case "output":
-    case "picture":
     case "progress":
     case "q":
     case "ruby":
     case "s":
     case "samp":
-    case "script":
     case "select":
     case "slot":
     case "small":
@@ -1586,13 +1871,46 @@ function isInPhrasing(text, allowInput) {
     case "video":
     case "wbr":
       return allowInput ? 258 /* PHRASING_ANY */ : 514 /* PHRASING_INSIDE_INPUT */;
+    case "script":
     case "style":
       return 2 /* TEXT */;
+    case "picture":
+      return 2050 /* PICTURE */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
 }
 
+// packages/qwik/src/server/utils.ts
+function createTimer() {
+  if (typeof performance === "undefined") {
+    return () => 0;
+  }
+  const start = performance.now();
+  return () => {
+    const end = performance.now();
+    const delta = end - start;
+    return delta / 1e6;
+  };
+}
+function getBuildBase(opts) {
+  let base2 = opts.base;
+  if (typeof opts.base === "function") {
+    base2 = opts.base(opts);
+  }
+  if (typeof base2 === "string") {
+    if (!base2.endsWith("/")) {
+      base2 += "/";
+    }
+    return base2;
+  }
+  return `${import.meta.env?.BASE_URL || "/"}build/`;
+}
+var versions = {
+  qwik: "2.0.0-beta.40-dev+a459d55",
+  qwikDom: "2.1.19"
+};
+
 // packages/qwik/src/server/vnode-data.ts
 var OPEN_FRAGMENT = Number.MAX_SAFE_INTEGER;
 var CLOSE_FRAGMENT = Number.MAX_SAFE_INTEGER - 1;
@@ -1605,320 +1923,110 @@ function vNodeData_incrementElementCount(vNodeData) {
   } else {
     vNodeData[length - 1] = lastValue - 1;
   }
-}
-function vNodeData_addTextSize(vNodeData, size) {
-  const length = vNodeData.length;
-  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
-  if (length > 1 && lastValue >= 0) {
-    vNodeData[0] |= 1 /* TEXT_DATA */;
-  }
-  vNodeData.push(size);
-  if (size == 0) {
-    vNodeData[0] |= 1 /* TEXT_DATA */;
-  }
-}
-function vNodeData_openFragment(vNodeData, attrs) {
-  vNodeData.push(attrs, OPEN_FRAGMENT);
-  vNodeData[0] |= 2 /* VIRTUAL_NODE */;
-}
-function vNodeData_closeFragment(vNodeData) {
-  vNodeData.push(CLOSE_FRAGMENT);
-}
-function vNodeData_openElement(vNodeData) {
-  vNodeData.push([], WRITE_ELEMENT_ATTRS);
-  vNodeData[0] |= 4 /* ELEMENT_NODE */;
-}
-function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue) {
-  vNodeData[0] |= 8 /* REFERENCE */;
-  const stack = [-1];
-  let attributesIndex = -1;
-  for (let i = 1; i < vNodeData.length; i++) {
-    const value = vNodeData[i];
-    if (Array.isArray(value)) {
-      attributesIndex = i;
-      i++;
-      if (vNodeData[i] !== WRITE_ELEMENT_ATTRS) {
-        stack[stack.length - 1]++;
-        stack.push(-1);
-      }
-    } else if (value === CLOSE_FRAGMENT) {
-      stack.pop();
-    } else if (value < 0) {
-      const numberOfElements = 0 - value;
-      stack[stack.length - 1] += numberOfElements;
-    } else {
-      stack[stack.length - 1]++;
-    }
-  }
-  let refId = String(depthFirstElementIdx);
-  if (vNodeData[0] & (2 /* VIRTUAL_NODE */ | 1 /* TEXT_DATA */)) {
-    for (let i = 0; i < stack.length; i++) {
-      const childCount = stack[i];
-      if (childCount >= 0) {
-        refId += encodeAsAlphanumeric(childCount);
-      }
-    }
-  }
-  return new SsrNode(currentComponentNode, refId, attributesIndex, cleanupQueue, vNodeData);
-}
-var ALPHANUMERIC = [];
-function encodeAsAlphanumeric(value) {
-  while (ALPHANUMERIC.length <= value) {
-    let value2 = ALPHANUMERIC.length;
-    let text = "";
-    do {
-      text = String.fromCharCode(
-        (text.length === 0 ? 65 : 97) + value2 % 26
-        /* A-Z */
-      ) + text;
-      value2 = Math.floor(
-        value2 / 26
-        /* A-Z */
-      );
-    } while (value2 !== 0);
-    ALPHANUMERIC.push(text);
-  }
-  return ALPHANUMERIC[value];
-}
-
-// packages/qwik/src/server/preload-strategy.ts
-import { getPlatform } from "@qwik.dev/core";
-
-// packages/qwik/src/server/preload-utils.ts
-function flattenPrefetchResources(prefetchResources) {
-  const urls = [];
-  const addPrefetchResource = (prefetchResources2) => {
-    if (prefetchResources2) {
-      for (const prefetchResource of prefetchResources2) {
-        if (!urls.includes(prefetchResource.url)) {
-          urls.push(prefetchResource.url);
-          if (prefetchResource.imports) {
-            addPrefetchResource(prefetchResource.imports);
-          }
-        }
-      }
-    }
-  };
-  addPrefetchResource(prefetchResources);
-  return urls;
-}
-
-// packages/qwik/src/server/preload-strategy.ts
-var getBundles = (qrls) => {
-  const platform = getPlatform();
-  return qrls?.map((qrl) => {
-    const symbol = qrl.$symbol$;
-    const chunk = qrl.$chunk$;
-    const result = platform.chunkForSymbol(symbol, chunk, qrl.dev?.file);
-    if (result) {
-      return result[1];
-    }
-    return chunk;
-  }).filter(Boolean);
-};
-function getPreloadPaths(qrls, opts, resolvedManifest) {
-  const prefetchStrategy = opts.prefetchStrategy;
-  if (prefetchStrategy === null) {
-    return [];
-  }
-  if (!resolvedManifest?.manifest.bundleGraph) {
-    return getBundles(qrls);
-  }
-  if (typeof prefetchStrategy?.symbolsToPrefetch === "function") {
-    try {
-      const prefetchResources = prefetchStrategy.symbolsToPrefetch({
-        manifest: resolvedManifest.manifest
-      });
-      return flattenPrefetchResources(prefetchResources);
-    } catch (e) {
-      console.error("getPrefetchUrls, symbolsToPrefetch()", e);
-    }
-  }
-  const symbols = /* @__PURE__ */ new Set();
-  for (const qrl of qrls) {
-    const symbol = getSymbolHash(qrl.$symbol$);
-    if (symbol && symbol.length >= 10) {
-      symbols.add(symbol);
-    }
-  }
-  return [...symbols];
-}
-var expandBundles = (names, resolvedManifest) => {
-  if (!resolvedManifest?.manifest.bundleGraph) {
-    return [...new Set(names)];
-  }
-  resetQueue();
-  let probability = 0.99;
-  for (const name of names) {
-    preload(name, probability);
-    probability *= 0.95;
-  }
-  return getQueue();
-};
-
-// packages/qwik/src/server/preload-impl.ts
-var simplifyPath = (base2, path) => {
-  if (path == null) {
-    return null;
-  }
-  const segments = `${base2}${path}`.split("/");
-  const simplified = [];
-  for (const segment of segments) {
-    if (segment === ".." && simplified.length > 0) {
-      simplified.pop();
-    } else {
-      simplified.push(segment);
-    }
-  }
-  return simplified.join("/");
-};
-var getBase = (container) => {
-  let base2 = container.$buildBase$;
-  if (import.meta.env.DEV && !import.meta.env.TEST) {
-    base2 = import.meta.env.BASE_URL;
-  }
-  return base2;
-};
-var preloaderPre = (container, options, nonce) => {
-  const { resolvedManifest } = container;
-  const base2 = getBase(container);
-  const preloaderBundle = simplifyPath(base2, resolvedManifest?.manifest?.preloader);
-  let bundleGraphPath = resolvedManifest?.manifest.bundleGraphAsset;
-  if (bundleGraphPath) {
-    bundleGraphPath = (import.meta.env.BASE_URL || "/") + bundleGraphPath;
-  }
-  if (preloaderBundle && bundleGraphPath && options !== false) {
-    const preloaderOpts = typeof options === "object" ? {
-      debug: options.debug,
-      preloadProbability: options.ssrPreloadProbability
-    } : void 0;
-    const bundleGraph = container.resolvedManifest?.manifest.bundleGraph;
-    initPreloader(bundleGraph, preloaderOpts);
-    const opts = [];
-    if (options) {
-      if (options.debug) {
-        opts.push("d:1");
-      }
-      if (options.maxIdlePreloads) {
-        opts.push(`P:${options.maxIdlePreloads}`);
-      }
-      if (options.preloadProbability) {
-        opts.push(`Q:${options.preloadProbability}`);
-      }
-    }
-    const optsStr = opts.length ? `,{${opts.join(",")}}` : "";
-    container.openElement("link", null, ["rel", "modulepreload", "href", preloaderBundle]);
-    container.closeElement();
-    container.openElement("link", null, [
-      "rel",
-      "preload",
-      "href",
-      bundleGraphPath,
-      "as",
-      "fetch",
-      "crossorigin",
-      "anonymous"
-    ]);
-    container.closeElement();
-    const script = `let b=fetch("${bundleGraphPath}");import("${preloaderBundle}").then(({l})=>l(${JSON.stringify(base2)},b${optsStr}));`;
-    const scriptAttrs = ["type", "module", "async", true];
-    if (nonce) {
-      scriptAttrs.push("nonce", nonce);
-    }
-    container.openElement("script", null, scriptAttrs);
-    container.writer.write(script);
-    container.closeElement();
-  }
-  const corePath = simplifyPath(base2, resolvedManifest?.manifest.core);
-  if (corePath) {
-    container.openElement("link", null, ["rel", "modulepreload", "href", corePath]);
-    container.closeElement();
+}
+function vNodeData_addTextSize(vNodeData, size) {
+  const length = vNodeData.length;
+  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
+  if (length > 1 && lastValue >= 0) {
+    vNodeData[0] |= 1 /* TEXT_DATA */;
   }
-};
-var includePreloader = (container, options, referencedBundles, nonce) => {
-  if (referencedBundles.length === 0 || options === false) {
-    return null;
+  vNodeData.push(size);
+  if (size == 0) {
+    vNodeData[0] |= 1 /* TEXT_DATA */;
   }
-  const { ssrPreloads, ssrPreloadProbability } = normalizePreLoaderOptions(
-    typeof options === "boolean" ? void 0 : options
-  );
-  let allowed = ssrPreloads;
-  const base2 = getBase(container);
-  const links = [];
-  const { resolvedManifest } = container;
-  if (allowed) {
-    const preloaderBundle2 = resolvedManifest?.manifest.preloader;
-    const coreBundle = resolvedManifest?.manifest.core;
-    const expandedBundles = expandBundles(referencedBundles, resolvedManifest);
-    let probability = 4;
-    const tenXMinProbability = ssrPreloadProbability * 10;
-    for (const hrefOrProbability of expandedBundles) {
-      if (typeof hrefOrProbability === "string") {
-        if (probability < tenXMinProbability) {
-          break;
-        }
-        if (hrefOrProbability === preloaderBundle2 || hrefOrProbability === coreBundle) {
-          continue;
-        }
-        links.push(hrefOrProbability);
-        if (--allowed === 0) {
-          break;
-        }
-      } else {
-        probability = hrefOrProbability;
+}
+function vNodeData_openFragment(vNodeData, attrs) {
+  vNodeData.push(attrs, OPEN_FRAGMENT);
+  vNodeData[0] |= 2 /* VIRTUAL_NODE */;
+}
+function vNodeData_closeFragment(vNodeData) {
+  vNodeData.push(CLOSE_FRAGMENT);
+}
+function vNodeData_openElement(vNodeData) {
+  vNodeData.push({}, WRITE_ELEMENT_ATTRS);
+  vNodeData[0] |= 4 /* ELEMENT_NODE */;
+}
+function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue, currentFile) {
+  vNodeData[0] |= 8 /* REFERENCE */;
+  const stack = [-1];
+  let attributesIndex = -1;
+  for (let i = 1; i < vNodeData.length; i++) {
+    const value = vNodeData[i];
+    if (typeof value === "object" && value !== null) {
+      attributesIndex = i;
+      i++;
+      if (vNodeData[i] !== WRITE_ELEMENT_ATTRS) {
+        stack[stack.length - 1]++;
+        stack.push(-1);
       }
+    } else if (value === CLOSE_FRAGMENT) {
+      stack.pop();
+    } else if (value < 0) {
+      const numberOfElements = 0 - value;
+      stack[stack.length - 1] += numberOfElements;
+    } else {
+      stack[stack.length - 1]++;
     }
   }
-  const preloaderBundle = simplifyPath(base2, resolvedManifest?.manifest.preloader);
-  const insertLinks = links.length ? (
-    /**
-     * We only use modulepreload links because they behave best. Older browsers can rely on the
-     * preloader which does feature detection and which will be available soon after inserting these
-     * links.
-     */
-    `${JSON.stringify(links)}.map((l,e)=>{e=document.createElement('link');e.rel='modulepreload';e.href=${JSON.stringify(base2)}+l;document.head.appendChild(e)});`
-  ) : "";
-  let script = insertLinks;
-  if (preloaderBundle) {
-    script += `window.addEventListener('load',f=>{f=_=>import("${preloaderBundle}").then(({p})=>p(${JSON.stringify(referencedBundles)}));try{requestIdleCallback(f,{timeout:2000})}catch(e){setTimeout(f,200)}})`;
-  }
-  if (script) {
-    const attrs = ["type", "module", "async", true, "q:type", "preload"];
-    if (nonce) {
-      attrs.push("nonce", nonce);
+  let refId = String(depthFirstElementIdx);
+  if (vNodeData[0] & (2 /* VIRTUAL_NODE */ | 1 /* TEXT_DATA */)) {
+    for (let i = 0; i < stack.length; i++) {
+      const childCount = stack[i];
+      if (childCount >= 0) {
+        refId += encodeAsAlphanumeric(childCount);
+      }
     }
-    container.openElement("script", null, attrs);
-    container.writer.write(script);
-    container.closeElement();
   }
-  return null;
-};
-var preloaderPost = (ssrContainer, opts, nonce) => {
-  if (opts.preloader !== false) {
-    const qrls = Array.from(ssrContainer.serializationCtx.$eventQrls$);
-    const preloadBundles = getPreloadPaths(qrls, opts, ssrContainer.resolvedManifest);
-    if (preloadBundles.length > 0) {
-      includePreloader(ssrContainer, opts.preloader, preloadBundles, nonce);
-    }
+  return new SsrNode(
+    currentComponentNode,
+    refId,
+    attributesIndex,
+    cleanupQueue,
+    vNodeData,
+    currentFile
+  );
+}
+var ALPHANUMERIC = [];
+function encodeAsAlphanumeric(value) {
+  while (ALPHANUMERIC.length <= value) {
+    let value2 = ALPHANUMERIC.length;
+    let text = "";
+    do {
+      text = String.fromCharCode(
+        (text.length === 0 ? 65 : 97) + value2 % 26
+        /* A-Z */
+      ) + text;
+      value2 = Math.floor(
+        value2 / 26
+        /* A-Z */
+      );
+    } while (value2 !== 0);
+    ALPHANUMERIC.push(text);
   }
-};
-function normalizePreLoaderOptions(input) {
-  return { ...preLoaderOptionsDefault, ...input };
+  return ALPHANUMERIC[value];
 }
-var preLoaderOptionsDefault = {
-  ssrPreloads: 7,
-  ssrPreloadProbability: 0.5,
-  debug: false,
-  maxIdlePreloads: 25,
-  preloadProbability: 0.35
-};
 
 // packages/qwik/src/server/ssr-container.ts
+var VALID_ELEMENT_NAME = /^[A-Za-z][A-Za-z0-9._:-]*$/;
+var NO_SCRIPT_HERE_ELEMENTS = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "textarea",
+  "title",
+  "iframe",
+  "noframes",
+  "noscript",
+  "xmp",
+  "template",
+  "svg",
+  "math"
+]);
 function ssrCreateContainer(opts) {
-  opts.renderOptions || (opts.renderOptions = {});
+  opts.renderOptions ||= {};
   return new SSRContainer({
     tagName: opts.tagName || "div",
-    writer: opts.writer || new StringBufferWriter(),
+    writer: opts.writer || new StringSSRWriter(),
+    streamHandler: opts.streamHandler,
     locale: opts.locale || "",
     timing: opts.timing || {
       firstFlush: 0,
@@ -1936,73 +2044,90 @@ function ssrCreateContainer(opts) {
     renderOptions: opts.renderOptions
   });
 }
-var StringBufferWriter = class {
-  constructor() {
-    __publicField(this, "buffer", []);
-  }
-  write(text) {
-    this.buffer.push(text);
-  }
-  toString() {
-    return this.buffer.join("");
+var noopStreamHandler = {
+  flush() {
+  },
+  waitForPendingFlush() {
+  },
+  streamBlockStart() {
+  },
+  streamBlockEnd() {
   }
 };
-var EMPTY_OBJ = {};
+var QTemplateProps = {
+  hidden: true,
+  "aria-hidden": true
+};
 var SSRContainer = class extends _SharedContainer {
+  tag;
+  isHtml;
+  writer;
+  streamHandler;
+  timing;
+  size = 0;
+  resolvedManifest;
+  symbolToChunkResolver;
+  renderOptions;
+  outOfOrderStreaming;
+  serializationCtx;
+  // Sometimes there is no app state, but framework metadata still points to a vnode id.
+  // For example, an OOOS segment can point outside the segment to a root vnode through
+  // q:sparent, so root vnode data must still be emitted for the client ref table.
+  hasVNodeRefsForSerialization = false;
+  /**
+   * We use this to append additional nodes in the head node
+   *
+   * - From manifest injections
+   * - From useStyles and useScopedStyles hooks
+   */
+  additionalHeadNodes = new Array();
+  /**
+   * We use this to append additional nodes in the body node
+   *
+   * - From manifest injections
+   */
+  additionalBodyNodes = new Array();
+  lastNode = null;
+  currentComponentNode = null;
+  styleIds = /* @__PURE__ */ new Set();
+  isBackpatchExecutorEmitted = false;
+  isOutOfOrderExecutorEmitted = false;
+  backpatchMap = /* @__PURE__ */ new Map();
+  currentElementFrame = null;
+  renderTimer;
+  /**
+   * Current element index.
+   *
+   * This number must match the depth-first traversal of the DOM elements as returned by the
+   * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
+   */
+  depthFirstElementCount = -1;
+  vNodeDatas = [];
+  vNodeDataOffset = 0;
+  componentStack = [];
+  cleanupQueue = [];
+  emitContainerDataFrame = null;
+  $instanceHash$ = randomStr();
+  // Temporary flag to find missing roots after the state was serialized
+  $noMoreRoots$ = false;
+  qlInclude;
+  promiseAttributes = null;
+  vnodeSegment = null;
+  $containerState$ = 0 /* NotReady */;
+  // OOOS related fields
+  outOfOrderId = 0;
+  outOfOrderUsed = false;
+  outOfOrderPendingSegments = [];
+  outOfOrderSegments = [];
+  rootContainerReadyPromise = null;
+  resolveRootContainerReady = null;
+  renderQueue = Promise.resolve();
+  emittedQwikEventNames = /* @__PURE__ */ new Set();
+  emittedSyncFnCount = 0;
+  rootContainerSerializedRootCount = 0;
+  emittedVNodeDataOwners = null;
   constructor(opts) {
-    super(
-      () => {
-        try {
-          return this.$scheduler$(255 /* WAIT_FOR_ALL */);
-        } catch (e) {
-          this.handleError(e, null);
-        }
-      },
-      () => null,
-      opts.renderOptions.serverData ?? EMPTY_OBJ,
-      opts.locale
-    );
-    __publicField(this, "tag");
-    __publicField(this, "isHtml");
-    __publicField(this, "writer");
-    __publicField(this, "timing");
-    __publicField(this, "resolvedManifest");
-    __publicField(this, "symbolToChunkResolver");
-    __publicField(this, "renderOptions");
-    __publicField(this, "serializationCtx");
-    /**
-     * We use this to append additional nodes in the head node
-     *
-     * - From manifest injections
-     * - From useStyles and useScopedStyles hooks
-     */
-    __publicField(this, "additionalHeadNodes", new Array());
-    /**
-     * We use this to append additional nodes in the body node
-     *
-     * - From manifest injections
-     */
-    __publicField(this, "additionalBodyNodes", new Array());
-    __publicField(this, "lastNode", null);
-    __publicField(this, "currentComponentNode", null);
-    __publicField(this, "styleIds", /* @__PURE__ */ new Set());
-    __publicField(this, "currentElementFrame", null);
-    __publicField(this, "renderTimer");
-    /**
-     * Current element index.
-     *
-     * This number must match the depth-first traversal of the DOM elements as returned by the
-     * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
-     */
-    __publicField(this, "depthFirstElementCount", -1);
-    __publicField(this, "vNodeDatas", []);
-    __publicField(this, "componentStack", []);
-    __publicField(this, "unclaimedProjections", []);
-    __publicField(this, "unclaimedProjectionComponentFrameQueue", []);
-    __publicField(this, "cleanupQueue", []);
-    __publicField(this, "$instanceHash$", hash());
-    // Temporary flag to find missing roots after the state was serialized
-    __publicField(this, "$noMoreRoots$", false);
+    super(opts.renderOptions.serverData ?? {}, opts.locale);
     this.symbolToChunkResolver = (symbol) => {
       const idx = symbol.lastIndexOf("_");
       const chunk = this.resolvedManifest.mapper[idx == -1 ? symbol : symbol.substring(idx + 1)];
@@ -2018,10 +2143,31 @@ var SSRContainer = class extends _SharedContainer {
     this.tag = opts.tagName;
     this.isHtml = opts.tagName === "html";
     this.writer = opts.writer;
+    this.streamHandler = opts.streamHandler;
     this.timing = opts.timing;
     this.$buildBase$ = opts.buildBase;
     this.resolvedManifest = opts.resolvedManifest;
     this.renderOptions = opts.renderOptions;
+    const outOfOrderStreaming = this.renderOptions.streaming?.outOfOrder === true;
+    if (!__EXPERIMENTAL__.suspense) {
+      if (outOfOrderStreaming) {
+        throw new Error(
+          'Out-of-order Suspense streaming requires `experimental: ["suspense"]` in the `qwikVite` plugin.'
+        );
+      }
+      this.outOfOrderStreaming = false;
+    } else {
+      this.outOfOrderStreaming = outOfOrderStreaming;
+    }
+    this.$currentUniqueId$ = 1e5;
+    const qlOpt = this.renderOptions.qwikLoader;
+    this.qlInclude = qlOpt ? typeof qlOpt === "object" ? qlOpt.include === "never" ? 2 /* Done */ : 0 /* Module */ : qlOpt === "inline" ? 1 /* Inline */ : qlOpt === "never" ? 2 /* Done */ : 0 /* Module */ : 0 /* Module */;
+    if (this.qlInclude === 0 /* Module */) {
+      const qwikLoaderChunk = this.resolvedManifest?.manifest.qwikLoader;
+      if (!qwikLoaderChunk) {
+        this.qlInclude = 1 /* Inline */;
+      }
+    }
     this.$processInjectionsFromManifest$();
   }
   ensureProjectionResolved(_host) {
@@ -2029,40 +2175,201 @@ var SSRContainer = class extends _SharedContainer {
   handleError(err, _$host$) {
     throw err;
   }
+  addBackpatchEntry(ssrNodeId, attrName, serializedValue) {
+    const elementIndex = parseInt(ssrNodeId, 10);
+    const entry = {
+      attrName,
+      value: serializedValue
+    };
+    const entries = this.backpatchMap.get(elementIndex) || [];
+    entries.push(entry);
+    this.backpatchMap.set(elementIndex, entries);
+  }
   async render(jsx) {
     this.openContainer();
-    await _walkJSX(this, jsx, {
+    await this.renderJSX(jsx, {
       currentStyleScoped: null,
       parentComponentFrame: this.getComponentFrame()
     });
     await this.closeContainer();
   }
+  async renderJSX(jsx, options) {
+    await _walkJSX(this, jsx, options);
+  }
+  $isReadyForOOOS$() {
+    return this.$containerState$ === 2 /* OOOSReady */;
+  }
+  /** Queue OOOS serialization/write work that must not overlap with root state serialization. */
+  $runQueuedRender$(render) {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+      return render();
+    }
+    if (this.$containerState$ === 0 /* NotReady */) {
+      return render();
+    }
+    const result = this.$containerState$ === 1 /* DataStreamStarted */ ? this.renderQueue.then(() => this.$waitForRootContainerReady$()).then(render) : this.renderQueue.then(render);
+    this.renderQueue = result.catch(() => {
+    });
+    return result;
+  }
+  $waitForRootContainerReady$() {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || this.$isReadyForOOOS$()) {
+      return;
+    }
+    return this.rootContainerReadyPromise ||= new Promise((resolve) => {
+      this.resolveRootContainerReady = resolve;
+    });
+  }
+  $markRootContainerReady$() {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || this.$isReadyForOOOS$()) {
+      return;
+    }
+    this.rootContainerSerializedRootCount = this.serializationCtx.$roots$.length;
+    this.$containerState$ = 2 /* OOOSReady */;
+    this.resolveRootContainerReady?.();
+    this.resolveRootContainerReady = null;
+    this.rootContainerReadyPromise = null;
+  }
+  nextOutOfOrderId() {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+      return 0;
+    }
+    this.outOfOrderUsed = true;
+    return ++this.outOfOrderId;
+  }
+  emitOutOfOrderSegmentScripts(scripts) {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !scripts) {
+      return;
+    }
+    this.write(scripts);
+  }
+  async segment(segmentId, jsx, options) {
+    if (!__EXPERIMENTAL__.suspense) {
+      throw new Error(
+        'Out-of-order Suspense streaming requires `experimental: ["suspense"]` in the `qwikVite` plugin.'
+      );
+    }
+    if (!this.outOfOrderStreaming) {
+      throw new Error(
+        "Out-of-order Suspense streaming requires `streaming.outOfOrder` to be `true`."
+      );
+    }
+    this.markVNodeRefForSerialization(options.parentComponentFrame?.componentNode);
+    const writer = new StringBufferSegmentWriter();
+    const segmentContainer = this.createSegmentContainer(segmentId, writer);
+    this.outOfOrderSegments.push(segmentContainer);
+    try {
+      await segmentContainer.renderJSX(jsx, options);
+      await segmentContainer.resolvePromiseAttributes();
+      const htmlChunks = writer.extract();
+      return {
+        container: segmentContainer,
+        writer,
+        htmlChunks
+      };
+    } catch (error) {
+      this.removeOutOfOrderSegment(segmentContainer);
+      throw error;
+    }
+  }
+  $getRootContainer$() {
+    let rootContainer = this;
+    while (rootContainer instanceof SSRSegmentContainer) {
+      rootContainer = rootContainer.$rootContainer$;
+    }
+    return rootContainer;
+  }
+  createSegmentContainer(segmentId, writer) {
+    const rootContainer = this.$getRootContainer$();
+    const contentHostNode = this.getOrCreateLastNode();
+    this.addRoot(contentHostNode);
+    this.markVNodeRefForSerialization(contentHostNode);
+    const rootFrame = {
+      tagNesting: 10 /* ANYTHING */,
+      parent: null,
+      elementName: "#segment",
+      depthFirstElementIdx: -1,
+      // OOOS inserts this synthetic root under the Suspense content host on the client.
+      vNodeData: [16 /* SERIALIZE */],
+      currentFile: null,
+      refBase: contentHostNode.id
+    };
+    const segmentContainer = new SSRSegmentContainer(
+      {
+        tagName: this.tag,
+        writer,
+        streamHandler: noopStreamHandler,
+        locale: this.$locale$,
+        timing: this.timing,
+        buildBase: this.$buildBase$ || "/build/",
+        resolvedManifest: this.resolvedManifest,
+        renderOptions: this.renderOptions
+      },
+      rootContainer
+    );
+    const innerSegmentContainer = segmentContainer;
+    innerSegmentContainer.$isOutOfOrderSegment$ = true;
+    innerSegmentContainer.$storeProxyMap$ = this.$storeProxyMap$;
+    segmentContainer.serializationCtx = segmentContainer.serializationCtxFactory(
+      SsrNode,
+      DomRef,
+      this.symbolToChunkResolver,
+      writer
+    );
+    segmentContainer.serializationCtx.$addSyncFn$ = this.serializationCtx.$addSyncFn$.bind(
+      this.serializationCtx
+    );
+    segmentContainer.currentElementFrame = rootFrame;
+    segmentContainer.currentComponentNode = this.currentComponentNode;
+    segmentContainer.depthFirstElementCount = 0;
+    segmentContainer.vNodeDatas = [rootFrame.vNodeData];
+    segmentContainer.componentStack = this.componentStack.slice();
+    segmentContainer.vnodeSegment = segmentId;
+    segmentContainer.styleIds = this.styleIds;
+    segmentContainer.emittedQwikEventNames = this.emittedQwikEventNames;
+    segmentContainer.qlInclude = 2 /* Done */;
+    segmentContainer.$instanceHash$ = this.$instanceHash$;
+    innerSegmentContainer._didAddQwikLoader = true;
+    return segmentContainer;
+  }
+  queueOutOfOrderSegment(segment) {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+      return;
+    }
+    this.outOfOrderPendingSegments.push(segment);
+  }
+  removeOutOfOrderSegment(segment) {
+    const segments = this.outOfOrderSegments;
+    for (let i = 0; i < segments.length; i++) {
+      if (segments[i] === segment) {
+        segments.splice(i, 1);
+        return;
+      }
+    }
+  }
   setContext(host, context, value) {
     const ssrNode = host;
     let ctx = ssrNode.getProp(QCtxAttr);
-    if (!ctx) {
+    if (ctx == null) {
       ssrNode.setProp(QCtxAttr, ctx = []);
     }
-    mapArray_set(ctx, context.id, value, 0);
+    mapArray_set(ctx, context.id, value, 0, true);
     this.addRoot(ssrNode);
   }
   resolveContext(host, contextId) {
     let ssrNode = host;
     while (ssrNode) {
       const ctx = ssrNode.getProp(QCtxAttr);
-      if (ctx) {
-        const value = mapArray_get(ctx, contextId.id, 0);
-        if (value) {
-          return value;
-        }
+      if (ctx != null && mapArray_has(ctx, contextId.id, 0)) {
+        return mapArray_get(ctx, contextId.id, 0);
       }
-      ssrNode = ssrNode.parentSsrNode;
+      ssrNode = ssrNode.parentComponent;
     }
     return void 0;
   }
   getParentHost(host) {
     const ssrNode = host;
-    return ssrNode.parentSsrNode;
+    return ssrNode.parentComponent;
   }
   setHostProp(host, name, value) {
     const ssrNode = host;
@@ -2085,52 +2392,97 @@ var SSRContainer = class extends _SharedContainer {
     containerAttributes[QContainerAttr] = "paused" /* PAUSED */;
     containerAttributes[QRuntimeAttr] = "2";
     containerAttributes[QVersionAttr] = this.$version$ ?? "dev";
-    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (isDev4 ? "ssr-dev" : "ssr");
+    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (isDev8 ? "ssr-dev" : "ssr");
     containerAttributes[QBaseAttr] = this.$buildBase$ || "";
     containerAttributes[QLocaleAttr] = this.$locale$;
     containerAttributes[QManifestHashAttr] = this.resolvedManifest.manifest.manifestHash;
     containerAttributes[QInstanceAttr] = this.$instanceHash$;
+    const statePrewarm = this.renderOptions.statePrewarm;
+    if (typeof statePrewarm === "number") {
+      containerAttributes[QStatePrewarmAttr] = String(statePrewarm);
+    } else {
+      delete containerAttributes[QStatePrewarmAttr];
+    }
     this.$serverData$.containerAttributes = containerAttributes;
-    const containerAttributeArray = Object.entries(containerAttributes).reduce(
-      (acc, [key, value]) => {
-        acc.push(key, value);
-        return acc;
-      },
-      []
-    );
-    this.openElement(this.tag, containerAttributeArray);
+    this.openElement(this.tag, null, containerAttributes);
+    if (!this.isHtml) {
+      this.emitContainerDataFrame = this.currentElementFrame;
+    }
   }
   /** Renders closing tag for current container */
   closeContainer() {
     return this.closeElement();
   }
+  $noScriptHere$ = 0;
   /** Renders opening tag for DOM element */
-  openElement(elementName, varAttrs, constAttrs, currentFile) {
+  openElement(elementName, key, varAttrs, constAttrs = null, styleScopedId = null, currentFile = null, hasMovedCaptures = true) {
+    if (!VALID_ELEMENT_NAME.test(elementName)) {
+      throw qError(36 /* invalidElementName */, [JSON.stringify(elementName)]);
+    }
+    const isQwikStyle = isQwikStyleElement(elementName, varAttrs) || isQwikStyleElement(elementName, constAttrs);
+    if (NO_SCRIPT_HERE_ELEMENTS.has(elementName)) {
+      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
+      !isQwikStyle && this.qlInclude === 1 /* Inline */
+    ) {
+      if (this.$noScriptHere$ === 0 && this.size > 30 * 1024 && elementName !== "body") {
+        this.emitQwikLoaderInline();
+      }
+    }
     let innerHTML = void 0;
     this.lastNode = null;
-    const isQwikStyle = isQwikStyleElement(elementName, varAttrs) || isQwikStyleElement(elementName, constAttrs);
     if (!isQwikStyle && this.currentElementFrame) {
       vNodeData_incrementElementCount(this.currentElementFrame.vNodeData);
     }
     this.createAndPushFrame(elementName, this.depthFirstElementCount++, currentFile);
+    if (this.isHtml && elementName === "body" && this.emitContainerDataFrame === null) {
+      this.emitContainerDataFrame = this.currentElementFrame;
+    }
     vNodeData_openElement(this.currentElementFrame.vNodeData);
-    this.write("<");
+    this.write(LT);
     this.write(elementName);
+    const lastNode = this.getOrCreateLastNode();
     if (varAttrs) {
-      innerHTML = this.writeAttrs(elementName, varAttrs, false, currentFile);
+      innerHTML = this.writeAttrs(
+        elementName,
+        varAttrs,
+        false,
+        styleScopedId,
+        currentFile,
+        hasMovedCaptures
+      );
     }
     this.write(" " + Q_PROPS_SEPARATOR);
-    isDev4 && this.write('=""');
-    if (constAttrs && constAttrs.length) {
-      innerHTML = this.writeAttrs(elementName, constAttrs, true, currentFile) || innerHTML;
+    if (key !== null) {
+      this.write(ATTR_EQUALS_QUOTE);
+      this.write(escapeHTML(key));
+      this.write(QUOTE);
+    } else if (qTest) {
+      this.write(EMPTY_ATTR);
+    }
+    if (constAttrs && !isObjectEmpty(constAttrs)) {
+      innerHTML = this.writeAttrs(
+        elementName,
+        constAttrs,
+        true,
+        styleScopedId,
+        currentFile,
+        hasMovedCaptures
+      ) || innerHTML;
+    }
+    this.write(GT);
+    if (lastNode) {
+      lastNode.setTreeNonUpdatable();
     }
-    this.write(">");
-    this.lastNode = null;
     return innerHTML;
   }
   /** Renders closing tag for DOM element */
   closeElement() {
-    if (this.shouldEmitDataBeforeClosingElement()) {
+    if (this.currentElementFrame === this.emitContainerDataFrame) {
+      this.emitContainerDataFrame = null;
       this.onRenderDone();
       const snapshotTimer = createTimer();
       return maybeThen(
@@ -2142,16 +2494,6 @@ var SSRContainer = class extends _SharedContainer {
     }
     this._closeElement();
   }
-  shouldEmitDataBeforeClosingElement() {
-    const currentFrame = this.currentElementFrame;
-    return (
-      /**
-       * - Micro-frontends don't have html tag, emit data before closing custom element
-       * - Regular applications should emit data inside body
-       */
-      currentFrame.parent === null && currentFrame.elementName !== "html" || currentFrame.elementName === "body"
-    );
-  }
   onRenderDone() {
     this.drainCleanupQueue();
     this.timing.render = this.renderTimer();
@@ -2173,11 +2515,14 @@ var SSRContainer = class extends _SharedContainer {
     const currentFrame = this.popFrame();
     const elementName = currentFrame.elementName;
     if (!isSelfClosingTag(elementName)) {
-      this.write("</");
+      this.write(CLOSE_TAG);
       this.write(elementName);
-      this.write(">");
+      this.write(GT);
     }
     this.lastNode = null;
+    if (NO_SCRIPT_HERE_ELEMENTS.has(elementName)) {
+      this.$noScriptHere$--;
+    }
   }
   /** Writes opening data to vNodeData for fragment boundaries */
   openFragment(attrs) {
@@ -2188,13 +2533,22 @@ var SSRContainer = class extends _SharedContainer {
   /** Writes closing data to vNodeData for fragment boundaries */
   closeFragment() {
     vNodeData_closeFragment(this.currentElementFrame.vNodeData);
+    if (this.currentComponentNode) {
+      this.currentComponentNode.setTreeNonUpdatable();
+    }
     this.lastNode = null;
   }
   openProjection(attrs) {
     this.openFragment(attrs);
     const componentFrame = this.getComponentFrame();
     if (componentFrame) {
-      this.serializationCtx.$addRoot$(componentFrame.componentNode);
+      const projectionNode = this.getOrCreateLastNode();
+      this.markVNodeRefForSerialization(projectionNode);
+      if (!this.vnodeSegment) {
+        this.addRoot(componentFrame.componentNode);
+      } else {
+        this.markVNodeRefForSerialization(componentFrame.componentNode);
+      }
       componentFrame.projectionDepth++;
     }
   }
@@ -2227,12 +2581,42 @@ var SSRContainer = class extends _SharedContainer {
     const localProjectionDepth = this.getComponentFrame()?.projectionDepth || 0;
     return this.getComponentFrame(localProjectionDepth);
   }
-  /** Writes closing data to vNodeData for component boundaries and mark unclaimed projections */
-  closeComponent() {
+  /** Writes closing data to vNodeData for component boundaries and emit unclaimed projections inline */
+  async closeComponent() {
     const componentFrame = this.componentStack.pop();
-    componentFrame.releaseUnclaimedProjections(this.unclaimedProjections);
+    await this.emitUnclaimedProjectionForComponent(componentFrame);
     this.closeFragment();
-    this.currentComponentNode = this.currentComponentNode?.parentSsrNode || null;
+    this.currentComponentNode = this.currentComponentNode?.parentComponent || null;
+  }
+  async emitUnclaimedProjectionForComponent(componentFrame) {
+    if (componentFrame.slots.length === 0) {
+      return;
+    }
+    this.openElement(QTemplate, null, QTemplateProps, null);
+    const scopedStyleId = componentFrame.projectionScopedStyle;
+    for (let i = 0; i < componentFrame.slots.length; i += 2) {
+      const slotName = componentFrame.slots[i];
+      const children = componentFrame.slots[i + 1];
+      if (this.vnodeSegment) {
+        this.markVNodeRefForSerialization(componentFrame.componentNode);
+      }
+      this.openFragment(
+        isDev8 ? {
+          [DEBUG_TYPE]: "P" /* Projection */,
+          [QSlotParent]: componentFrame.componentNode.id,
+          [QSlot]: slotName
+        } : { [QSlotParent]: componentFrame.componentNode.id, [QSlot]: slotName }
+      );
+      const lastNode = this.getOrCreateLastNode();
+      lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
+      componentFrame.componentNode.setProp(slotName, lastNode.id);
+      await this.renderJSX(children, {
+        currentStyleScoped: scopedStyleId,
+        parentComponentFrame: componentFrame.projectionComponentFrame
+      });
+      this.closeFragment();
+    }
+    this.closeElement();
   }
   /** Write a text node with correct escaping. Save the length of the text node in the vNodeData. */
   textNode(text) {
@@ -2248,24 +2632,28 @@ var SSRContainer = class extends _SharedContainer {
   }
   addRoot(obj) {
     if (this.$noMoreRoots$) {
-      return this.serializationCtx.$hasRootId$(obj);
+      const rootId = this.serializationCtx.$hasRootId$(obj);
+      return rootId;
     }
     return this.serializationCtx.$addRoot$(obj);
   }
   getOrCreateLastNode() {
     if (!this.lastNode) {
+      const currentFrame = this.currentElementFrame;
+      const elementIndex = currentFrame.depthFirstElementIdx + 1;
+      const refBase = currentFrame.refBase ?? (this.vnodeSegment ? getSegmentVNodeRefId(this.vnodeSegment, elementIndex) : elementIndex + this.vNodeDataOffset);
       this.lastNode = vNodeData_createSsrNodeReference(
         this.currentComponentNode,
-        this.currentElementFrame.vNodeData,
-        // we start at -1, so we need to add +1
-        this.currentElementFrame.depthFirstElementIdx + 1,
-        this.cleanupQueue
+        currentFrame.vNodeData,
+        refBase,
+        this.cleanupQueue,
+        currentFrame.currentFile
       );
     }
     return this.lastNode;
   }
   addUnclaimedProjection(frame, name, children) {
-    this.unclaimedProjections.push(frame, null, name, children);
+    frame.slots.push(name, children);
   }
   $processInjectionsFromManifest$() {
     const injections = this.resolvedManifest.manifest.injections;
@@ -2308,23 +2696,72 @@ var SSRContainer = class extends _SharedContainer {
     }
   }
   _styleNode(styleId, content) {
-    this.openElement("style", [QStyle, styleId]);
+    this.openElement("style", null, {
+      [QStyle]: styleId
+    });
     this.write(content);
     this.closeElement();
   }
+  $deferRootPlaceholder$(scriptNode) {
+    if (this.isHtml && this.currentElementFrame?.elementName === "html") {
+      this.additionalHeadNodes.push(scriptNode);
+      return true;
+    }
+    return false;
+  }
   ////////////////////////////////////
   emitContainerData() {
+    const isStreamingDisabled = this.renderOptions.streaming?.inOrder?.strategy === "disabled";
+    const shouldFlushShell = !isStreamingDisabled || __EXPERIMENTAL__.suspense && this.outOfOrderStreaming && this.outOfOrderUsed;
     return maybeThen(
-      this.emitUnclaimedProjection(),
-      () => maybeThen(this.emitStateData(), () => {
-        this.$noMoreRoots$ = true;
-        this.emitVNodeData();
-        preloaderPost(this, this.renderOptions, this.$serverData$?.nonce);
-        this.emitSyncFnsData();
-        this.emitQwikLoaderAtBottomIfNeeded();
-      })
+      maybeThen(
+        shouldFlushShell ? this.streamHandler.flush() : void 0,
+        () => this.resolvePromiseAttributes()
+      ),
+      () => {
+        this.$containerState$ = 1 /* DataStreamStarted */;
+        return maybeThen(this.emitStateData(), () => {
+          this.$noMoreRoots$ = true;
+          return maybeThen(this.emitRestStateData(), () => this.emitOutOfOrderSegmentsAndData());
+        });
+      }
     );
   }
+  emitRestStateData() {
+    this.emitVNodeData();
+    this.emitDelayedOutOfOrderSegmentVNodeData();
+    if (!isDev8) {
+      preloaderPost(this, this.renderOptions, this.$serverData$?.nonce);
+    }
+    this.emitSyncFnsData();
+    this.emitPatchDataIfNeeded();
+    this.emitExecutorIfNeeded();
+    this.emitQwikLoaderAtBottomIfNeeded();
+  }
+  emitDelayedOutOfOrderSegmentVNodeData() {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed) {
+      return;
+    }
+    for (let i = 0; i < this.outOfOrderSegments.length; i++) {
+      const segment = this.outOfOrderSegments[i];
+      if (segment.$outOfOrderState$ === 1 /* EarlyFinalized */) {
+        segment.$emitDelayedOutOfOrderVNodeData$();
+        i--;
+      }
+    }
+  }
+  emitOutOfOrderSegmentsAndData() {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed) {
+      return;
+    }
+    this.emitOutOfOrderExecutorIfNeeded();
+    return maybeThen(this.streamHandler.flush(), async () => {
+      this.$markRootContainerReady$();
+      if (this.outOfOrderPendingSegments.length) {
+        await Promise.all(this.outOfOrderPendingSegments);
+      }
+    });
+  }
   /**
    * Serialize the vNodeData into a string and emit it as a script tag.
    *
@@ -2343,16 +2780,25 @@ var SSRContainer = class extends _SharedContainer {
    * NOTE: Not every element will need vNodeData. So we need to encode how many elements should be
    * skipped. By choosing different separators we can encode different numbers of elements to skip.
    */
-  emitVNodeData() {
-    if (!this.serializationCtx.$roots$.length) {
+  emitVNodeData(segmentId) {
+    this.$getRootContainer$().markVNodeDataOwnerEmitted(segmentId);
+    if (!segmentId && !this.serializationCtx.$roots$.length && !this.hasVNodeRefsForSerialization) {
       return;
     }
-    this.openElement("script", ["type", "qwik/vnode"]);
+    this.emitVNodeDataScript(segmentId, this.vNodeDatas.entries());
+  }
+  emitVNodeDataScript(segmentId, entries, patch = false) {
+    const attrs = { type: "qwik/vnode" };
+    if (__EXPERIMENTAL__.suspense && this.outOfOrderStreaming && segmentId) {
+      attrs[QSuspenseResolved] = segmentId;
+    }
+    if (patch) {
+      attrs[QStatePatchAttr] = true;
+    }
+    this.openScript(attrs);
     const vNodeAttrsStack = [];
-    const vNodeData = this.vNodeDatas;
     let lastSerializedIdx = 0;
-    for (let elementIdx = 0; elementIdx < vNodeData.length; elementIdx++) {
-      const vNode = vNodeData[elementIdx];
+    for (const [elementIdx, vNode] of entries) {
       const flag = vNode[0];
       if (flag & 16 /* SERIALIZE */) {
         lastSerializedIdx = this.emitVNodeSeparators(lastSerializedIdx, elementIdx);
@@ -2364,7 +2810,7 @@ var SSRContainer = class extends _SharedContainer {
           let depth = 0;
           for (let i = 1; i < vNode.length; i++) {
             const value = vNode[i];
-            if (Array.isArray(value)) {
+            if (typeof value === "object" && value !== null) {
               vNodeAttrsStack.push(fragmentAttrs);
               fragmentAttrs = value;
             } else if (value === OPEN_FRAGMENT) {
@@ -2372,15 +2818,17 @@ var SSRContainer = class extends _SharedContainer {
               this.write(VNodeDataChar.OPEN_CHAR);
             } else if (value === CLOSE_FRAGMENT) {
               if (fragmentAttrs) {
-                writeFragmentAttrs(this.write.bind(this), this.addRoot.bind(this), fragmentAttrs);
+                this.writeFragmentAttrs(fragmentAttrs);
                 fragmentAttrs = vNodeAttrsStack.pop();
               }
               depth--;
               this.write(VNodeDataChar.CLOSE_CHAR);
             } else if (value === WRITE_ELEMENT_ATTRS) {
-              if (fragmentAttrs && fragmentAttrs.length) {
+              if (fragmentAttrs && !isObjectEmpty(fragmentAttrs)) {
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
+                this.writeFragmentAttrs(fragmentAttrs);
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
-                writeFragmentAttrs(this.write.bind(this), this.addRoot.bind(this), fragmentAttrs);
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
                 fragmentAttrs = vNodeAttrsStack.pop();
               }
@@ -2392,7 +2840,7 @@ var SSRContainer = class extends _SharedContainer {
           }
           while (depth-- > 0) {
             if (fragmentAttrs) {
-              writeFragmentAttrs(this.write.bind(this), this.addRoot.bind(this), fragmentAttrs);
+              this.writeFragmentAttrs(fragmentAttrs);
               fragmentAttrs = vNodeAttrsStack.pop();
             }
             this.write(VNodeDataChar.CLOSE_CHAR);
@@ -2400,206 +2848,323 @@ var SSRContainer = class extends _SharedContainer {
         }
       }
     }
-    function writeFragmentAttrs(write, addRoot, fragmentAttrs) {
-      for (let i = 0; i < fragmentAttrs.length; ) {
-        const key = fragmentAttrs[i++];
-        let value = fragmentAttrs[i++];
-        let encodeValue = false;
-        if (typeof value !== "string") {
-          const rootId = addRoot(value);
-          if (rootId === void 0) {
-            continue;
-          }
-          value = String(rootId);
-        }
-        switch (key) {
-          case QScopedStyle:
-            write(VNodeDataChar.SCOPED_STYLE_CHAR);
-            break;
-          case OnRenderProp:
-            write(VNodeDataChar.RENDER_FN_CHAR);
-            break;
-          case ELEMENT_ID:
-            write(VNodeDataChar.ID_CHAR);
-            break;
-          case ELEMENT_PROPS:
-            write(VNodeDataChar.PROPS_CHAR);
-            break;
-          case ELEMENT_KEY:
-            encodeValue = true;
-            write(VNodeDataChar.KEY_CHAR);
-            break;
-          case ELEMENT_SEQ:
-            write(VNodeDataChar.SEQ_CHAR);
-            break;
-          case ELEMENT_SEQ_IDX:
-            write(VNodeDataChar.SEQ_IDX_CHAR);
-            break;
-          case QBackRefs:
-            write(VNodeDataChar.BACK_REFS_CHAR);
-            break;
-          case QSlotParent:
-            write(VNodeDataChar.SLOT_PARENT_CHAR);
-            break;
-          // Skipping `\` character for now because it is used for escaping.
-          case QCtxAttr:
-            write(VNodeDataChar.CONTEXT_CHAR);
-            break;
-          case QSlot:
-            write(VNodeDataChar.SLOT_CHAR);
-            break;
-          default:
-            write(VNodeDataChar.SEPARATOR_CHAR);
-            write(key);
-            write(VNodeDataChar.SEPARATOR_CHAR);
+    this.closeScript();
+    if (patch && !segmentId) {
+      this.emitInlineScript(
+        "document.qProcessVNodeDataPatch&&document.qProcessVNodeDataPatch(document.currentScript.previousElementSibling)"
+      );
+    }
+  }
+  markVNodeRefForSerialization(node) {
+    if (node) {
+      this.hasVNodeRefsForSerialization = true;
+      node.vnodeData[0] |= 16 /* SERIALIZE */ | 8 /* REFERENCE */;
+    }
+  }
+  markVNodeDataOwnerEmitted(segmentId) {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+      return;
+    }
+    (this.emittedVNodeDataOwners ||= /* @__PURE__ */ new Set()).add(segmentId);
+  }
+  isVNodeDataOwnerEmitted(owner) {
+    return this.emittedVNodeDataOwners?.has(owner) === true;
+  }
+  getVNodeDataOwnerFromNodeId(id) {
+    const refBase = parseInt(id, 10);
+    if (refBase >= 0) {
+      return { owner: void 0, localIndex: refBase };
+    }
+    const pair = -refBase - 1;
+    const diagonal = Math.floor((Math.sqrt(8 * pair + 1) - 1) / 2);
+    const diagonalStart = diagonal * (diagonal + 1) / 2;
+    const localIndex = pair - diagonalStart;
+    const segmentIndex = diagonal - localIndex;
+    return { owner: String(segmentIndex + 1), localIndex };
+  }
+  writeFragmentAttrs(fragmentAttrs) {
+    for (const key in fragmentAttrs) {
+      const rawValue = fragmentAttrs[key];
+      let value = rawValue;
+      let rootId;
+      let encodeValue = null;
+      if (key === ELEMENT_ID && typeof rawValue === "number") {
+        rootId = rawValue;
+        value = String(rawValue);
+      } else if (typeof rawValue !== "string") {
+        rootId = this.addRoot(rawValue);
+        if (rootId === void 0) {
+          if (key === OnRenderProp) {
+            this.write(VNodeDataChar.RENDER_FN_CHAR);
+            this.write(VNodeDataChar.RENDER_HASH_PREFIX_CHAR);
+            this.write(encodeVNodeDataString(encodeVNodeDataKey(rawValue.$hash$)));
+          }
+          continue;
         }
-        const encodedValue = encodeValue ? encodeURI(value) : value;
-        const isEncoded = encodeValue ? encodedValue !== value : false;
-        if (isEncoded) {
-          write(VNodeDataChar.SEPARATOR_CHAR);
-          write(encodedValue);
-          write(VNodeDataChar.SEPARATOR_CHAR);
-        } else {
-          write(value);
+        value = String(rootId);
+      }
+      switch (key) {
+        case QScopedStyle:
+          this.write(VNodeDataChar.SCOPED_STYLE_CHAR);
+          break;
+        case OnRenderProp:
+          this.write(VNodeDataChar.RENDER_FN_CHAR);
+          break;
+        case ELEMENT_ID:
+          this.write(VNodeDataChar.ID_CHAR);
+          break;
+        case ELEMENT_PROPS:
+          this.write(VNodeDataChar.PROPS_CHAR);
+          break;
+        case ELEMENT_KEY:
+          encodeValue = encodeVNodeDataKey;
+          this.write(VNodeDataChar.KEY_CHAR);
+          break;
+        case ELEMENT_SEQ:
+          this.write(VNodeDataChar.SEQ_CHAR);
+          break;
+        case ELEMENT_SEQ_IDX:
+          this.write(VNodeDataChar.SEQ_IDX_CHAR);
+          break;
+        case QBackRefs:
+          this.write(VNodeDataChar.BACK_REFS_CHAR);
+          break;
+        case QSlotParent:
+          this.write(VNodeDataChar.SLOT_PARENT_CHAR);
+          break;
+        // Skipping `\` character for now because it is used for escaping.
+        case QCtxAttr:
+          this.write(VNodeDataChar.CONTEXT_CHAR);
+          break;
+        case QSlot:
+          encodeValue = encodeVNodeDataKey;
+          this.write(VNodeDataChar.SLOT_CHAR);
+          break;
+        default: {
+          encodeValue = encodeURI;
+          this.write(VNodeDataChar.SEPARATOR_CHAR);
+          this.write(encodeVNodeDataString(encodeVNodeDataKey(key)));
+          this.write(VNodeDataChar.SEPARATOR_CHAR);
         }
       }
+      const encodedValue = encodeVNodeDataString(encodeValue ? encodeValue(value) : value);
+      const isEncoded = encodeValue ? encodedValue !== value : false;
+      if (isEncoded) {
+        this.write(VNodeDataChar.SEPARATOR_CHAR);
+        this.write(encodedValue);
+        this.write(VNodeDataChar.SEPARATOR_CHAR);
+      } else if (typeof rootId === "number") {
+        this.writeRootRef(rootId);
+      } else {
+        this.write(value);
+      }
     }
-    this.closeElement();
   }
   emitStateData() {
-    if (!this.serializationCtx.$roots$.length) {
+    if (!this.serializationCtx.$roots$.length && !this.serializationCtx.$eagerResume$.size) {
       return;
     }
-    this.openElement("script", ["type", "qwik/state"]);
+    const attrs = this.stateScriptAttrs();
+    this.openScript(attrs);
+    this.serializationCtx.$setWriter$(this.writer);
     return maybeThen(this.serializationCtx.$serialize$(), () => {
-      this.closeElement();
+      this.closeScript();
     });
   }
-  emitSyncFnsData() {
+  /** Add q-d:qidle attribute to eagerly resume some state if needed */
+  stateScriptAttrs() {
+    const attrs = { type: "qwik/state", [QInstanceAttr]: this.$instanceHash$ };
+    const eagerResume = this.serializationCtx.$eagerResume$;
+    if (eagerResume.size > 0) {
+      attrs["q-d:qidle"] = createQRL(null, "_res", _res, null, [...eagerResume]);
+    }
+    return attrs;
+  }
+  emitSyncFnsData(append = false) {
     const fns = this.serializationCtx.$syncFns$;
-    if (fns.length) {
-      const scriptAttrs = ["q:func", "qwik/json"];
+    const start = append ? this.emittedSyncFnCount : 0;
+    if (fns.length > start) {
+      const scriptAttrs = { "q:func": "qwik/json" };
       if (this.renderOptions.serverData?.nonce) {
-        scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+        scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
       }
-      this.openElement("script", scriptAttrs);
-      this.write(Q_FUNCS_PREFIX.replace("HASH", this.$instanceHash$));
-      this.write("[");
-      this.writeArray(fns, ",");
-      this.write("]");
-      this.closeElement();
+      this.openScript(scriptAttrs);
+      if (append) {
+        const qFuncsExpr = Q_FUNCS_PREFIX.replace("HASH", this.$instanceHash$).slice(0, -1);
+        this.write(`(${qFuncsExpr}||(${qFuncsExpr}=[])).push(`);
+      } else {
+        this.write(Q_FUNCS_PREFIX.replace("HASH", this.$instanceHash$));
+      }
+      if (!append) {
+        this.write(BRACKET_OPEN);
+      }
+      this.writeArray(append ? fns.slice(start) : fns, COMMA);
+      if (!append) {
+        this.write(BRACKET_CLOSE);
+      }
+      if (append) {
+        this.write(")");
+      }
+      this.closeScript();
+      this.emittedSyncFnCount = fns.length;
+    }
+  }
+  emitPatchDataIfNeeded() {
+    const patches = [];
+    for (const [elementIndex, backpatchEntries] of this.backpatchMap) {
+      for (let i = 0; i < backpatchEntries.length; i++) {
+        const backpatchEntry = backpatchEntries[i];
+        patches.push(
+          elementIndex,
+          backpatchEntry.attrName,
+          isSignal(backpatchEntry.value) ? backpatchEntry.value.untrackedValue : backpatchEntry.value
+        );
+      }
+    }
+    this.backpatchMap.clear();
+    if (patches.length > 0) {
+      this.isBackpatchExecutorEmitted = true;
+      const scriptAttrs = { type: ELEMENT_BACKPATCH_DATA };
+      if (this.renderOptions.serverData?.nonce) {
+        scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
+      }
+      this.writeScript(scriptAttrs, JSON.stringify(patches).replaceAll("<", "\\u003C"));
     }
   }
+  emitBackpatchDataAndExecutorIfNeeded() {
+    if (this.backpatchMap.size === 0) {
+      return;
+    }
+    this.emitPatchDataIfNeeded();
+    this.emitExecutorIfNeeded();
+  }
+  emitExecutorIfNeeded() {
+    if (!this.isBackpatchExecutorEmitted) {
+      return;
+    }
+    this.isBackpatchExecutorEmitted = false;
+    const scriptAttrs = { type: "text/javascript" };
+    if (this.renderOptions.serverData?.nonce) {
+      scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
+    }
+    const backpatchScript = getQwikBackpatchExecutorScript({ debug: isDev8 });
+    this.writeScript(scriptAttrs, backpatchScript);
+  }
+  emitOutOfOrderExecutorIfNeeded() {
+    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed || this.isOutOfOrderExecutorEmitted) {
+      return;
+    }
+    this.isOutOfOrderExecutorEmitted = true;
+    this.writeScript(
+      { type: "text/javascript", nonce: this.renderOptions.serverData?.nonce },
+      getQwikOutOfOrderExecutorScript({ debug: isDev8 })
+    );
+  }
+  emitInlineScript(script) {
+    const scriptAttrs = { type: "text/javascript" };
+    if (this.renderOptions.serverData?.nonce) {
+      scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
+    }
+    this.writeScript(scriptAttrs, script);
+  }
+  writeScript(attrs, body) {
+    this.openScript(attrs);
+    if (body) {
+      this.write(body);
+    }
+    this.closeScript();
+  }
+  openScript(attrs) {
+    this.write("<script");
+    this.writeAttrs("script", attrs, true, null, null, true);
+    this.write(GT);
+  }
+  closeScript() {
+    this.write("</script>");
+  }
   emitPreloaderPre() {
-    preloaderPre(this, this.renderOptions.preloader, this.renderOptions.serverData?.nonce);
+    if (!isDev8) {
+      preloaderPre(this, this.renderOptions.preloader, this.renderOptions.serverData?.nonce);
+    }
   }
   isStatic() {
-    return this.serializationCtx.$eventQrls$.size === 0;
-  }
-  getQwikLoaderIncludeMode() {
-    return this.renderOptions.qwikLoader?.include ?? "auto";
+    return !(__EXPERIMENTAL__.suspense && this.outOfOrderStreaming && this.outOfOrderUsed) && this.serializationCtx.$eventQrls$.size === 0;
   }
   emitQwikLoaderAtTopIfNeeded() {
-    const includeMode = this.getQwikLoaderIncludeMode();
-    const includeLoader = includeMode !== "never";
-    if (includeLoader) {
-      let qwikLoaderBundle = this.resolvedManifest.manifest.qwikLoader;
-      if (qwikLoaderBundle) {
-        qwikLoaderBundle = this.$buildBase$ + qwikLoaderBundle;
-        this.openElement("link", ["rel", "modulepreload", "href", qwikLoaderBundle]);
-        this.closeElement();
-        this.openElement("script", ["type", "module", "async", true, "src", qwikLoaderBundle]);
-        this.closeElement();
+    if (this.qlInclude === 0 /* Module */) {
+      this.qlInclude = 2 /* Done */;
+      const qwikLoaderBundle = this.$buildBase$ + this.resolvedManifest.manifest.qwikLoader;
+      const linkAttrs = { rel: "modulepreload", href: qwikLoaderBundle };
+      const nonce = this.renderOptions.serverData?.nonce;
+      if (nonce) {
+        linkAttrs["nonce"] = nonce;
+      }
+      this.openElement("link", null, linkAttrs);
+      this.closeElement();
+      const scriptAttrs = {
+        async: true,
+        type: "module",
+        src: qwikLoaderBundle
+      };
+      if (nonce) {
+        scriptAttrs["nonce"] = nonce;
       }
+      this.writeScript(scriptAttrs);
+    }
+  }
+  emitQwikLoaderInline() {
+    this.qlInclude = 2 /* Done */;
+    const qwikLoaderScript = getQwikLoaderScript({ debug: this.renderOptions.debug });
+    const scriptAttrs = {
+      id: "qwikloader",
+      async: true,
+      type: "module"
+    };
+    if (this.renderOptions.serverData?.nonce) {
+      scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
     }
+    this.writeScript(scriptAttrs, qwikLoaderScript);
   }
   emitQwikLoaderAtBottomIfNeeded() {
-    const qwikLoaderBundle = this.resolvedManifest.manifest.qwikLoader;
-    if (!qwikLoaderBundle) {
-      const needLoader = !this.isStatic();
-      const includeMode = this.getQwikLoaderIncludeMode();
-      const includeLoader = includeMode === "always" || includeMode === "auto" && needLoader;
-      if (includeLoader) {
-        const qwikLoaderScript = getQwikLoaderScript({
-          debug: this.renderOptions.debug
-        });
-        const scriptAttrs = ["id", "qwikloader", "async", true];
-        const nonce = this.renderOptions.serverData?.nonce;
-        if (nonce) {
-          scriptAttrs.push("nonce", nonce);
-        }
-        this.openElement("script", scriptAttrs);
-        this.write(qwikLoaderScript);
-        this.closeElement();
+    if (!this.isStatic()) {
+      if (this.qlInclude !== 2 /* Done */) {
+        this.emitQwikLoaderInline();
       }
+      this.emitNewQwikEvents(true);
     }
-    this.emitQwikEvents(Array.from(this.serializationCtx.$eventNames$, (s) => JSON.stringify(s)));
   }
-  emitQwikEvents(eventNames) {
-    if (eventNames.length > 0) {
-      const scriptAttrs = this.renderOptions.serverData?.nonce ? ["nonce", this.renderOptions.serverData.nonce] : null;
-      this.openElement("script", scriptAttrs);
-      this.write(`(window.qwikevents||(window.qwikevents=[])).push(`);
-      this.writeArray(eventNames, ", ");
-      this.write(")");
-      this.closeElement();
+  emitNewQwikEvents(includeContainerReady = false) {
+    const qwikEventItems = [];
+    for (const eventName of this.serializationCtx.$eventNames$) {
+      if (!this.emittedQwikEventNames.has(eventName)) {
+        this.emittedQwikEventNames.add(eventName);
+        qwikEventItems.push(JSON.stringify(eventName));
+      }
+    }
+    if (includeContainerReady) {
+      qwikEventItems.push(`${QwikEvContainerReady}`, JSON.stringify(this.$instanceHash$));
     }
+    this.emitQwikEvents(qwikEventItems);
   }
-  async emitUnclaimedProjection() {
-    const unclaimedProjections = this.unclaimedProjections;
-    if (unclaimedProjections.length) {
-      const previousCurrentComponentNode = this.currentComponentNode;
-      try {
-        this.openElement(QTemplate, ["hidden", true, "aria-hidden", "true"], null);
-        let idx = 0;
-        let ssrComponentNode = null;
-        let ssrComponentFrame = null;
-        let scopedStyleId = null;
-        for (let i = 0; i < unclaimedProjections.length; i += 4) {
-          this.unclaimedProjectionComponentFrameQueue.push(
-            unclaimedProjections[i]
-          );
-        }
-        while (idx < unclaimedProjections.length) {
-          const value = unclaimedProjections[idx++];
-          if (value instanceof SsrComponentFrame) {
-            ssrComponentNode = this.currentComponentNode = value.componentNode;
-            ssrComponentFrame = value;
-            scopedStyleId = unclaimedProjections[idx++];
-          } else if (typeof value === "string") {
-            const children = unclaimedProjections[idx++];
-            if (!ssrComponentFrame?.hasSlot(value)) {
-              ssrComponentFrame && ssrComponentFrame.componentNode.removeProp(value);
-              continue;
-            }
-            this.unclaimedProjectionComponentFrameQueue.shift();
-            this.openFragment(
-              isDev4 ? [DEBUG_TYPE, "P" /* Projection */, QSlotParent, ssrComponentNode.id] : [QSlotParent, ssrComponentNode.id]
-            );
-            const lastNode = this.getOrCreateLastNode();
-            if (lastNode.vnodeData) {
-              lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
-            }
-            ssrComponentNode?.setProp(value, lastNode.id);
-            await _walkJSX(this, children, {
-              currentStyleScoped: scopedStyleId,
-              parentComponentFrame: null
-            });
-            this.closeFragment();
-          } else {
-            throw Error();
-          }
-        }
-        this.closeElement();
-      } finally {
-        this.currentComponentNode = previousCurrentComponentNode;
+  emitQwikEvents(qwikEventItems) {
+    if (qwikEventItems.length > 0) {
+      const scriptAttrs = {};
+      const nonce = this.renderOptions.serverData?.nonce;
+      if (nonce) {
+        scriptAttrs["nonce"] = nonce;
       }
+      this.openScript(scriptAttrs);
+      this.write(`(window._qwikEv||(window._qwikEv=[])).push(`);
+      this.writeArray(qwikEventItems, COMMA);
+      this.write(PAREN_CLOSE);
+      this.closeScript();
     }
   }
+  // Keep in sync with process-vnode-data.unit.ts
   emitVNodeSeparators(lastSerializedIdx, elementIdx) {
     let skipCount = elementIdx - lastSerializedIdx;
     while (skipCount != 0) {
-      if (skipCount > 4096) {
+      if (skipCount >= 8192) {
         this.write(VNodeDataSeparator.ADVANCE_8192_CH);
         skipCount -= 8192;
       } else {
@@ -2623,7 +3188,7 @@ var SSRContainer = class extends _SharedContainer {
   }
   createAndPushFrame(elementName, depthFirstElementIdx, currentFile) {
     let tagNesting = 10 /* ANYTHING */;
-    if (isDev4) {
+    if (isDev8) {
       if (!this.currentElementFrame) {
         tagNesting = initialTag(elementName);
       } else {
@@ -2648,7 +3213,8 @@ var SSRContainer = class extends _SharedContainer {
           );
           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}` : ""}` : ""}`
@@ -2668,7 +3234,9 @@ var SSRContainer = class extends _SharedContainer {
       parent: this.currentElementFrame,
       elementName,
       depthFirstElementIdx,
-      vNodeData: [0 /* NONE */]
+      vNodeData: [0 /* NONE */],
+      currentFile: isDev8 ? currentFile || null : null,
+      refBase: null
     };
     this.currentElementFrame = frame;
     this.vNodeDatas.push(frame.vNodeData);
@@ -2680,8 +3248,25 @@ var SSRContainer = class extends _SharedContainer {
   }
   ////////////////////////////////////
   write(text) {
+    this.size += text.length;
     this.writer.write(text);
   }
+  writeRootRef(id) {
+    this.size += String(id).length;
+    this.writer.writeRootRef(id);
+  }
+  writeRootRefPath(path) {
+    this.size += String(path[0]).length;
+    this.writer.writeRootRefPath(path);
+    for (let i = 1; i < path.length; i++) {
+      this.size += 1 + String(path[i]).length;
+    }
+  }
+  writeRootRefDelta(id, base2) {
+    const delta = id - base2;
+    this.size += String(delta).length;
+    this.writer.writeRootRefDelta(id, base2);
+  }
   writeArray(array, separator) {
     for (let i = 0; i < array.length; i++) {
       const element = array[i];
@@ -2691,89 +3276,379 @@ var SSRContainer = class extends _SharedContainer {
       this.write(element);
     }
   }
-  writeAttrs(tag, attrs, isConst, currentFile) {
+  writeAttrs(tag, attrs, isConst, styleScopedId, currentFile, hasMovedCaptures) {
     let innerHTML = void 0;
-    if (attrs.length) {
-      for (let i = 0; i < attrs.length; i++) {
-        let key = attrs[i++];
-        let value = attrs[i];
-        let styleScopedId = null;
-        if (isSSRUnsafeAttr(key)) {
-          if (isDev4) {
-            throw qError(32 /* unsafeAttr */);
-          }
-          continue;
-        }
-        if (isClassAttr(key) && Array.isArray(value)) {
-          const [signalValue, styleId] = value;
-          value = signalValue;
-          styleScopedId = styleId;
-        }
-        if (key === "ref") {
-          const lastNode = this.getOrCreateLastNode();
-          if (isSignal(value)) {
-            value.$untrackedValue$ = new DomRef(lastNode);
-            continue;
-          } else if (typeof value === "function") {
-            value(new DomRef(lastNode));
-            continue;
-          } else if (value == null) {
-            continue;
-          } else {
-            throw qError(15 /* invalidRefValue */, [currentFile]);
-          }
+    for (let key in attrs) {
+      let value = attrs[key];
+      if (isSSRUnsafeAttr(key)) {
+        if (isDev8) {
+          throw qError(32 /* unsafeAttr */, [key]);
         }
+        continue;
+      }
+      if (isHtmlAttributeAnEventName(key)) {
+        value = _setEvent(this.serializationCtx, key, value, hasMovedCaptures);
+      } else if (key === "ref") {
+        const lastNode = this.getOrCreateLastNode();
         if (isSignal(value)) {
-          const lastNode = this.getOrCreateLastNode();
-          const signalData = new SubscriptionData({
-            $scopedStyleIdPrefix$: styleScopedId,
-            $isConst$: isConst
-          });
-          value = this.trackSignalValue(value, lastNode, key, signalData);
+          value.$untrackedValue$ = new DomRef(lastNode);
+          continue;
+        } else if (typeof value === "function") {
+          value(new DomRef(lastNode));
+          continue;
+        } else if (value == null) {
+          continue;
+        } else {
+          throw qError(15 /* invalidRefValue */, [currentFile]);
+        }
+      } else if (key === ITERATION_ITEM_SINGLE || key === ITERATION_ITEM_MULTI) {
+        const rootId = this.addRoot(value);
+        if (rootId === void 0) {
+          continue;
         }
-        if (key === dangerouslySetInnerHTML) {
+        value = typeof rootId === "number" ? [rootId] : String(rootId);
+      } else if (isSignal(value)) {
+        const lastNode = this.getOrCreateLastNode();
+        const signalData = new SubscriptionData({
+          $scopedStyleIdPrefix$: styleScopedId,
+          $isConst$: isConst
+        });
+        const signal = value;
+        value = retryOnPromise(
+          () => this.trackSignalValue(signal, lastNode, key, signalData)
+        );
+      }
+      if (isPromise(value)) {
+        const lastNode = this.getOrCreateLastNode();
+        this.addPromiseAttribute(value);
+        value.then((resolvedValue) => {
+          this.addBackpatchEntry(
+            lastNode.id,
+            key,
+            serializeAttribute(key, resolvedValue, styleScopedId)
+          );
+        });
+        continue;
+      }
+      if (key === dangerouslySetInnerHTML) {
+        if (value) {
           innerHTML = String(value);
           key = QContainerAttr;
           value = "html" /* HTML */;
-          if (tag === "style") {
-            continue;
-          }
         }
-        if (tag === "textarea" && key === "value") {
-          if (value && typeof value !== "string") {
-            if (isDev4) {
-              throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
-            }
-            continue;
+        if (tag === "style") {
+          continue;
+        }
+      } else if (isPreventDefault(key)) {
+        addPreventDefaultEventToSerializationContext(this.serializationCtx, key);
+      }
+      if (tag === "textarea" && key === "value") {
+        if (value && typeof value !== "string") {
+          if (isDev8) {
+            throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
           }
-          innerHTML = escapeHTML(value || "");
-          key = QContainerAttr;
-          value = "text" /* TEXT */;
+          continue;
         }
-        const serializedValue = serializeAttribute(key, value, styleScopedId);
-        if (serializedValue != null && serializedValue !== false) {
-          this.write(" ");
-          this.write(key);
-          if (serializedValue !== true) {
-            this.write('="');
+        innerHTML = escapeHTML(value || "");
+        key = QContainerAttr;
+        value = "text" /* TEXT */;
+      }
+      const serializedValue = serializeAttribute(key, value, styleScopedId);
+      if (serializedValue != null && serializedValue !== false) {
+        this.write(SPACE);
+        this.write(key);
+        if (serializedValue !== true) {
+          this.write(ATTR_EQUALS_QUOTE);
+          if (Array.isArray(serializedValue)) {
+            this.writeEscapedChunks(serializedValue);
+          } else {
             const strValue = escapeHTML(String(serializedValue));
             this.write(strValue);
-            this.write('"');
           }
+          this.write(QUOTE);
         }
       }
     }
     return innerHTML;
   }
+  writeEscapedChunks(chunks) {
+    for (let i = 0; i < chunks.length; i++) {
+      const chunk = chunks[i];
+      if (typeof chunk === "string") {
+        this.write(escapeHTML(chunk));
+      } else if (typeof chunk === "number") {
+        this.writeRootRef(chunk);
+      } else if ("base" in chunk) {
+        this.writeRootRefDelta(chunk.id, chunk.base);
+      } else {
+        this.writeRootRefPath(chunk.path);
+      }
+    }
+  }
+  addPromiseAttribute(promise) {
+    this.promiseAttributes ||= [];
+    this.promiseAttributes.push(promise);
+  }
+  async resolvePromiseAttributes() {
+    if (this.promiseAttributes) {
+      await Promise.all(this.promiseAttributes);
+      this.promiseAttributes = null;
+    }
+  }
 };
-var isQwikStyleElement = (tag, attrs) => {
-  if (tag === "style" && attrs != null) {
-    for (let i = 0; i < attrs.length; i = i + 2) {
-      const attr = attrs[i];
-      if (attr === QStyle || attr === QScopedStyle) {
-        return true;
+var SSRSegmentContainer = class extends SSRContainer {
+  constructor(opts, $rootContainer$) {
+    super(opts);
+    this.$rootContainer$ = $rootContainer$;
+  }
+  $rootContainer$;
+  $outOfOrderState$ = 0 /* Rendering */;
+  $outOfOrderRootIdMap$ = null;
+  subscriptionPatchRecords = [];
+  pendingVNodeDataPatches = null;
+  $recordExternalRootEffect$(producer, effect, prop, sourceEffects) {
+    recordExternalRootEffect(
+      this.$rootContainer$.serializationCtx,
+      this.serializationCtx,
+      this.$rootContainer$.$storeProxyMap$,
+      this.subscriptionPatchRecords,
+      producer,
+      effect,
+      prop,
+      sourceEffects
+    );
+  }
+  async $finalizeOutOfOrderSegment$(segmentId, segment) {
+    const rootContainer = this.$rootContainer$;
+    const rootReadyAtSegment = rootContainer.$isReadyForOOOS$();
+    const segmentSerializationCtx = this.serializationCtx;
+    try {
+      const commit = this.$commitRoots$(rootContainer, segmentSerializationCtx);
+      this.$mergeSegmentEventData$(rootContainer, segmentSerializationCtx);
+      const subscriptionPatchRootId = this.$addSubscriptionsToRoots$(
+        rootContainer,
+        rootReadyAtSegment,
+        segmentSerializationCtx
+      );
+      if (rootReadyAtSegment && (commit.newRootLocalIds.length > 0 || subscriptionPatchRootId !== void 0)) {
+        segmentSerializationCtx.$forwardRefOffset$ = rootContainer.serializationCtx.$serializedForwardRefCount$;
+        await this.emitStatePatchData(
+          segmentId,
+          commit.newRootStart,
+          commit.newRootLocalIds,
+          subscriptionPatchRootId
+        );
+        rootContainer.serializationCtx.$serializedRootCount$ = rootContainer.serializationCtx.$roots$.length + (rootContainer.serializationCtx.$hasRootStateForwardRefs$ ? 1 : 0);
+        rootContainer.serializationCtx.$serializedForwardRefCount$ += segmentSerializationCtx.$serializedForwardRefCount$;
+      }
+      this.emitPendingVNodeDataPatches();
+      if (rootReadyAtSegment) {
+        this.$noMoreRoots$ = true;
+        this.emitVNodeData(segmentId);
+        const segmentCtx = this.serializationCtx;
+        this.serializationCtx = rootContainer.serializationCtx;
+        this.emittedSyncFnCount = rootContainer.emittedSyncFnCount;
+        this.emitSyncFnsData(true);
+        rootContainer.emittedSyncFnCount = this.emittedSyncFnCount;
+        this.serializationCtx = segmentCtx;
+        this.emitNewQwikEvents();
+      }
+      this.emitPatchDataIfNeeded();
+      this.drainCleanupQueue();
+      const rootIdMap = commit.rootIdMap;
+      if (rootReadyAtSegment) {
+        this.$outOfOrderState$ = 2 /* Done */;
+      } else {
+        this.$outOfOrderRootIdMap$ = rootIdMap;
+        this.$outOfOrderState$ = 1 /* EarlyFinalized */;
+      }
+      return {
+        html: renderSSRChunks(segment.htmlChunks, rootIdMap),
+        scripts: segment.writer.toString(rootIdMap)
+      };
+    } finally {
+      if (this.$outOfOrderState$ !== 1 /* EarlyFinalized */) {
+        segmentSerializationCtx.$onAddRoot$ = void 0;
+        rootContainer.removeOutOfOrderSegment(this);
+      }
+      rootContainer.serializationCtx.$setWriter$(rootContainer.writer);
+    }
+  }
+  $emitDelayedOutOfOrderVNodeData$() {
+    try {
+      this.emitVNodeData(this.vnodeSegment);
+      this.emitPendingVNodeDataPatches();
+      this.$rootContainer$.emitOutOfOrderSegmentScripts(
+        this.writer.toString(this.$outOfOrderRootIdMap$)
+      );
+      this.$outOfOrderState$ = 2 /* Done */;
+      this.$rootContainer$.removeOutOfOrderSegment(this);
+    } finally {
+      this.serializationCtx.$onAddRoot$ = void 0;
+    }
+  }
+  markVNodeDataForSerialization(node, flags = 16 /* SERIALIZE */) {
+    const previousFlags = node.vnodeData[0];
+    const nextFlags = previousFlags | flags;
+    if (nextFlags !== previousFlags) {
+      node.vnodeData[0] = nextFlags;
+      this.queueLateVNodeDataPatch(node, nextFlags & ~previousFlags);
+    }
+  }
+  queueLateVNodeDataPatch(node, addedFlags) {
+    if (!(addedFlags & (16 /* SERIALIZE */ | 8 /* REFERENCE */))) {
+      return;
+    }
+    const owner = this.getVNodeDataOwnerFromNodeId(node.id);
+    if (!this.$getRootContainer$().isVNodeDataOwnerEmitted(owner.owner)) {
+      return;
+    }
+    let ownerPatches = (this.pendingVNodeDataPatches ||= /* @__PURE__ */ new Map()).get(owner.owner);
+    if (!ownerPatches) {
+      this.pendingVNodeDataPatches.set(owner.owner, ownerPatches = /* @__PURE__ */ new Map());
+    }
+    ownerPatches.set(owner.localIndex, node.vnodeData);
+  }
+  emitPendingVNodeDataPatches() {
+    const pendingPatches = this.pendingVNodeDataPatches;
+    this.pendingVNodeDataPatches = null;
+    if (!pendingPatches) {
+      return;
+    }
+    for (const [owner, entries] of pendingPatches) {
+      if (entries.size === 0) {
+        continue;
+      }
+      const sortedEntries = Array.from(entries).sort((a, b) => a[0] - b[0]);
+      this.emitVNodeDataScript(owner, sortedEntries, true);
+    }
+  }
+  $commitRoots$(rootContainer, segmentSerializationCtx) {
+    const commit = this.commitSegmentRoots(rootContainer, segmentSerializationCtx);
+    segmentSerializationCtx.$onAddRoot$ = (localId, root, obj) => {
+      this.commitSegmentRoot(rootContainer, localId, root, obj, commit);
+    };
+    return commit;
+  }
+  $addSubscriptionsToRoots$(rootContainer, rootReadyAtSegment, segmentSerializationCtx) {
+    let subscriptionPatchRootId = void 0;
+    const subscriptionPatches = rootReadyAtSegment ? this.collectSubscriptionPatches(
+      rootContainer,
+      rootContainer.rootContainerSerializedRootCount
+    ) : void 0;
+    if (subscriptionPatches) {
+      subscriptionPatchRootId = segmentSerializationCtx.$addRoot$(subscriptionPatches);
+    }
+    return subscriptionPatchRootId;
+  }
+  commitSegmentRoots(rootContainer, segmentSerializationCtx) {
+    const rootIdMap = [];
+    const newRootStart = rootContainer.$isReadyForOOOS$() ? rootContainer.serializationCtx.$serializedRootCount$ : rootContainer.serializationCtx.$roots$.length;
+    const newRootLocalIds = [];
+    const commit = {
+      rootIdMap,
+      newRootStart,
+      newRootLocalIds
+    };
+    this.promoteSharedSegmentRoots(rootContainer, segmentSerializationCtx, commit);
+    const segmentRoots = segmentSerializationCtx.$roots$;
+    const segmentRootObjs = segmentSerializationCtx.$rootObjs$;
+    for (let i = 0; i < segmentRoots.length; i++) {
+      const rootObj = segmentRootObjs[i];
+      this.commitSegmentRoot(rootContainer, i, segmentRoots[i], rootObj, commit);
+    }
+    return commit;
+  }
+  promoteSharedSegmentRoots(rootContainer, segmentSerializationCtx, commit) {
+    const segmentRoots = segmentSerializationCtx.$roots$;
+    const segmentRootObjs = segmentSerializationCtx.$rootObjs$;
+    for (let i = 0; i < segmentRootObjs.length; i++) {
+      const rootObj = segmentRootObjs[i];
+      if (this.isRootOrUsedByOtherLiveSegment(rootContainer, rootObj)) {
+        this.commitSegmentRoot(rootContainer, i, segmentRoots[i], rootObj, commit);
+      }
+    }
+  }
+  isRootOrUsedByOtherLiveSegment(rootContainer, obj) {
+    if (rootContainer.serializationCtx.$hasRootId$(obj) !== void 0) {
+      return true;
+    }
+    const segments = rootContainer.outOfOrderSegments;
+    for (let i = 0; i < segments.length; i++) {
+      const segment = segments[i];
+      if (segment === this) {
+        continue;
+      }
+      const rootObjs = segment.serializationCtx.$rootObjs$;
+      for (let j = 0; j < rootObjs.length; j++) {
+        if (rootObjs[j] === obj) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  commitSegmentRoot(rootContainer, localId, root, rootObj, commit) {
+    if (commit.rootIdMap[localId] !== void 0) {
+      return;
+    }
+    let rootId = rootContainer.serializationCtx.$hasRootId$(rootObj);
+    if (rootId === void 0) {
+      rootId = rootContainer.serializationCtx.$commitRoot$(root, rootObj);
+      commit.newRootLocalIds.push(localId);
+      this.seedCommittedRootForLiveSegments(rootContainer, rootObj);
+    }
+    const rootCtx = rootContainer.serializationCtx;
+    commit.rootIdMap[localId] = rootContainer.$isReadyForOOOS$() && rootId >= rootCtx.$rootStateRootCount$ ? rootId + (rootCtx.$hasRootStateForwardRefs$ ? 1 : 0) : rootId;
+  }
+  seedCommittedRootForLiveSegments(rootContainer, rootObj) {
+    const segments = rootContainer.outOfOrderSegments;
+    for (let i = 0; i < segments.length; i++) {
+      const segment = segments[i];
+      if (segment !== this && segment.$outOfOrderState$ === 0 /* Rendering */) {
+        segment.serializationCtx.$addRoot$(rootObj);
+      }
+    }
+  }
+  $mergeSegmentEventData$(rootContainer, segmentSerializationCtx) {
+    for (const eventName of segmentSerializationCtx.$eventNames$) {
+      rootContainer.serializationCtx.$eventNames$.add(eventName);
+    }
+    for (const qrl of segmentSerializationCtx.$eventQrls$) {
+      rootContainer.serializationCtx.$eventQrls$.add(qrl);
+    }
+  }
+  collectSubscriptionPatches(rootContainer, rootLimit) {
+    return collectSubscriptionPatches(
+      rootContainer.serializationCtx,
+      this.subscriptionPatchRecords,
+      rootLimit
+    );
+  }
+  emitStatePatchData(segmentId, rootStart, rootIds, subscriptionPatchRootId) {
+    const attrs = this.statePatchScriptAttrs(segmentId);
+    this.openScript(attrs);
+    this.serializationCtx.$setWriter$(this.writer);
+    this.serializationCtx.$markSsrNodeForSerialization$ = this.markVNodeDataForSerialization.bind(this);
+    return maybeThen(
+      this.serializationCtx.$serializePatch$(rootStart, rootIds, subscriptionPatchRootId, 0),
+      () => {
+        this.closeScript();
       }
+    );
+  }
+  statePatchScriptAttrs(segmentId) {
+    const attrs = this.stateScriptAttrs();
+    attrs[QStatePatchAttr] = true;
+    if (segmentId) {
+      attrs[QSuspenseResolved] = segmentId;
     }
+    return attrs;
+  }
+};
+var isQwikStyleElement = (tag, attrs) => {
+  if (tag === "style" && attrs != null) {
+    return Object.prototype.hasOwnProperty.call(attrs, QStyle) || Object.prototype.hasOwnProperty.call(attrs, QScopedStyle);
   }
   return false;
 };
@@ -2792,29 +3667,184 @@ function isSSRUnsafeAttr(name) {
   }
   return false;
 }
-function hash() {
-  return Math.random().toString(36).slice(2);
+function randomStr() {
+  return (Math.random().toString(36) + "000000").slice(2, 8);
+}
+function addPreventDefaultEventToSerializationContext(serializationCtx, key) {
+  const eventName = "e" + key.substring(14);
+  if (eventName) {
+    serializationCtx.$eventNames$.add(eventName);
+  }
 }
 
+// packages/qwik/src/server/ssr-stream-handler.ts
+var StreamHandler = class {
+  constructor(opts, timing) {
+    this.opts = opts;
+    this.timing = timing;
+    this.inOrderStreaming = opts.streaming?.inOrder ?? {
+      strategy: "auto",
+      maximumInitialChunk: 2e4,
+      maximumChunk: 1e4
+    };
+    this.nativeStream = opts.stream;
+    this.stream = this.setupStreamWriter();
+  }
+  opts;
+  timing;
+  bufferSize = 0;
+  buffer = "";
+  networkFlushes = 0;
+  inOrderStreaming;
+  streamBlockDepth = 0;
+  streamBlockBuffer = "";
+  streamBlockBufferSize = 0;
+  nativeStream;
+  firstFlushTimer = createTimer();
+  pendingFlush;
+  flushQueued = false;
+  stream;
+  setupStreamWriter() {
+    const handler = this;
+    let stream;
+    switch (this.inOrderStreaming.strategy) {
+      case "disabled":
+        stream = createStringStreamWriter((chunk) => {
+          if (chunk === void 0 || chunk === null) {
+            return;
+          }
+          handler.enqueue(chunk);
+        });
+        break;
+      case "direct": {
+        const originalStream = this.nativeStream;
+        stream = createStringStreamWriter((chunk) => {
+          if (chunk === void 0 || chunk === null) {
+            return;
+          }
+          if (handler.pendingFlush) {
+            const queued = handler.pendingFlush.then(() => originalStream.write(chunk));
+            return handler.trackPendingFlush(queued);
+          }
+          return handler.trackPendingFlush(originalStream.write(chunk));
+        });
+        break;
+      }
+      default:
+      case "auto": {
+        const minimumChunkSize = this.inOrderStreaming.maximumChunk ?? 0;
+        const initialChunkSize = this.inOrderStreaming.maximumInitialChunk ?? 0;
+        stream = createStringStreamWriter((chunk) => {
+          if (chunk === void 0 || chunk === null) {
+            return;
+          }
+          handler.enqueue(chunk);
+          if (handler.streamBlockDepth === 0) {
+            const maxBufferSize = handler.networkFlushes === 0 ? initialChunkSize : minimumChunkSize;
+            if (handler.bufferSize >= maxBufferSize) {
+              return handler.flush();
+            }
+          }
+        });
+        break;
+      }
+    }
+    return stream;
+  }
+  enqueue(chunk) {
+    const len = chunk.length;
+    if (this.streamBlockDepth > 0) {
+      this.streamBlockBuffer += chunk;
+      this.streamBlockBufferSize += len;
+    } else {
+      this.bufferSize += len;
+      this.buffer += chunk;
+    }
+  }
+  trackPendingFlush(result) {
+    if (!isPromise(result)) {
+      return;
+    }
+    const pending = Promise.resolve(result).finally(() => {
+      if (this.pendingFlush === pending) {
+        this.pendingFlush = void 0;
+      }
+    });
+    this.pendingFlush = pending;
+    return pending;
+  }
+  flushBuffer() {
+    const chunk = this.buffer;
+    this.buffer = "";
+    this.bufferSize = 0;
+    this.networkFlushes++;
+    if (this.networkFlushes === 1) {
+      this.timing.firstFlush = this.firstFlushTimer();
+    }
+    return this.trackPendingFlush(this.nativeStream.write(chunk));
+  }
+  flush() {
+    if (!this.buffer) {
+      return this.waitForPendingFlush();
+    }
+    if (this.pendingFlush) {
+      if (!this.flushQueued) {
+        this.flushQueued = true;
+        const queued = this.pendingFlush.then(() => {
+          this.flushQueued = false;
+          this.pendingFlush = void 0;
+          return this.flush();
+        });
+        this.pendingFlush = queued.finally(() => {
+          if (this.pendingFlush === queued) {
+            this.pendingFlush = void 0;
+          }
+        });
+      }
+      return this.pendingFlush;
+    }
+    return this.flushBuffer();
+  }
+  waitForPendingFlush() {
+    return this.pendingFlush;
+  }
+  streamBlockStart() {
+    this.streamBlockDepth++;
+  }
+  streamBlockEnd() {
+    this.streamBlockDepth--;
+    if (this.streamBlockDepth === 0 && this.streamBlockBuffer) {
+      this.buffer += this.streamBlockBuffer;
+      this.bufferSize += this.streamBlockBufferSize;
+      this.streamBlockBuffer = "";
+      this.streamBlockBufferSize = 0;
+      return this.flush();
+    }
+  }
+};
+
 // packages/qwik/src/server/ssr-render.ts
-import { manifest as builtManifest } from "@qwik-client-manifest";
 var renderToString = async (jsx, opts = {}) => {
-  const chunks = [];
-  const stream = {
-    write(chunk) {
-      chunks.push(chunk);
-    }
-  };
+  const stream = new StringSSRWriter();
   const result = await renderToStream(jsx, { ...opts, stream });
   return {
     isStatic: result.isStatic,
     timing: result.timing,
     manifest: result.manifest,
     snapshotResult: result.snapshotResult,
-    html: chunks.join("")
+    html: stream.toString()
   };
 };
 var renderToStream = async (jsx, opts) => {
+  if (__EXPERIMENTAL__.suspense && opts.streaming?.outOfOrder === void 0) {
+    opts = {
+      ...opts,
+      streaming: {
+        ...opts.streaming,
+        outOfOrder: true
+      }
+    };
+  }
   const timing = {
     firstFlush: 0,
     render: 0,
@@ -2824,11 +3854,12 @@ var renderToStream = async (jsx, opts) => {
   const buildBase = getBuildBase(opts);
   const resolvedManifest = resolveManifest(opts.manifest);
   const locale = typeof opts.locale === "function" ? opts.locale(opts) : opts.serverData?.locale || opts.locale || opts.containerAttributes?.locale || "";
-  const { stream, flush, networkFlushes, totalSize } = handleStreaming(opts, timing);
+  const streamHandler = new StreamHandler(opts, timing);
   const ssrContainer = ssrCreateContainer({
     tagName: containerTagName,
     locale,
-    writer: stream,
+    writer: streamHandler.stream,
+    streamHandler,
     timing,
     buildBase,
     resolvedManifest,
@@ -2836,136 +3867,29 @@ var renderToStream = async (jsx, opts) => {
   });
   await setServerPlatform(opts, resolvedManifest);
   await ssrContainer.render(jsx);
-  flush();
-  const snapshotResult = getSnapshotResult(ssrContainer);
-  const isDynamic = snapshotResult.resources.some((r) => r._cache !== Infinity);
+  await ssrContainer.$renderPromise$;
+  await streamHandler.flush();
   const result = {
-    snapshotResult,
-    flushes: networkFlushes,
+    flushes: streamHandler.networkFlushes,
     manifest: resolvedManifest?.manifest,
-    size: totalSize,
-    isStatic: !isDynamic,
+    size: ssrContainer.size,
+    isStatic: false,
     timing
   };
   return result;
 };
-function getSnapshotResult(ssrContainer) {
-  const hasListeners = !ssrContainer.isStatic();
-  const canRender = false;
-  return hasListeners ? {
-    funcs: Array.from(ssrContainer.serializationCtx.$syncFns$),
-    mode: canRender ? "render" : "listeners",
-    qrls: Array.from(ssrContainer.serializationCtx.$eventQrls$),
-    resources: Array.from(ssrContainer.serializationCtx.$resources$)
-  } : {
-    funcs: [],
-    mode: "static",
-    qrls: [],
-    resources: Array.from(ssrContainer.serializationCtx.$resources$)
-  };
-}
-function handleStreaming(opts, timing) {
-  const firstFlushTimer = createTimer();
-  let stream = opts.stream;
-  let bufferSize = 0;
-  let buffer = "";
-  let totalSize = 0;
-  let networkFlushes = 0;
-  const inOrderStreaming = opts.streaming?.inOrder ?? {
-    strategy: "auto",
-    maximumInitialChunk: 2e4,
-    maximumChunk: 1e4
-  };
-  const nativeStream = stream;
-  function flush() {
-    if (buffer) {
-      nativeStream.write(buffer);
-      buffer = "";
-      bufferSize = 0;
-      networkFlushes++;
-      if (networkFlushes === 1) {
-        timing.firstFlush = firstFlushTimer();
-      }
-    }
-  }
-  function enqueue(chunk) {
-    const len = chunk.length;
-    bufferSize += len;
-    totalSize += len;
-    buffer += chunk;
-  }
-  switch (inOrderStreaming.strategy) {
-    case "disabled":
-      stream = {
-        write(chunk) {
-          if (shouldSkipChunk(chunk)) {
-            return;
-          }
-          enqueue(chunk);
-        }
-      };
-      break;
-    case "direct":
-      stream = {
-        write(chunk) {
-          if (shouldSkipChunk(chunk)) {
-            return;
-          }
-          nativeStream.write(chunk);
-        }
-      };
-      break;
-    case "auto":
-      let openedSSRStreamBlocks = 0;
-      let forceFlush = false;
-      const minimumChunkSize = inOrderStreaming.maximumChunk ?? 0;
-      const initialChunkSize = inOrderStreaming.maximumInitialChunk ?? 0;
-      stream = {
-        write(chunk) {
-          if (chunk === void 0 || chunk === null) {
-            return;
-          }
-          if (chunk === "<!--" + FLUSH_COMMENT + "-->") {
-            forceFlush = true;
-          } else if (chunk === "<!--" + STREAM_BLOCK_START_COMMENT + "-->") {
-            openedSSRStreamBlocks++;
-          } else if (chunk === "<!--" + STREAM_BLOCK_END_COMMENT + "-->") {
-            openedSSRStreamBlocks--;
-            if (openedSSRStreamBlocks === 0) {
-              forceFlush = true;
-            }
-          } else {
-            enqueue(chunk);
-          }
-          const maxBufferSize = networkFlushes === 0 ? initialChunkSize : minimumChunkSize;
-          if (openedSSRStreamBlocks === 0 && (forceFlush || bufferSize >= maxBufferSize)) {
-            forceFlush = false;
-            flush();
-          }
-        }
-      };
-      break;
-  }
-  return {
-    stream,
-    flush,
-    networkFlushes,
-    totalSize
-  };
-}
-function shouldSkipChunk(chunk) {
-  return chunk === void 0 || chunk === null || chunk === "<!--" + FLUSH_COMMENT + "-->" || chunk === "<!--" + STREAM_BLOCK_START_COMMENT + "-->" || chunk === "<!--" + STREAM_BLOCK_END_COMMENT + "-->";
-}
 function resolveManifest(manifest) {
+  const builtManifest = getClientManifest();
   const mergedManifest = manifest ? { ...builtManifest, ...manifest } : builtManifest;
   if (!mergedManifest || "mapper" in mergedManifest) {
     return mergedManifest;
   }
   if (mergedManifest.mapping) {
     const mapper = {};
-    Object.entries(mergedManifest.mapping).forEach(([symbol, bundleFilename]) => {
+    for (const symbol in mergedManifest.mapping) {
+      const bundleFilename = mergedManifest.mapping[symbol];
       mapper[getSymbolHash(symbol)] = [symbol, bundleFilename];
-    });
+    }
     return {
       mapper,
       manifest: mergedManifest,
@@ -2982,6 +3906,7 @@ async function setServerPlatform2(manifest) {
   setPlatform2(platform);
 }
 export {
+  getQwikBackpatchExecutorScript,
   getQwikLoaderScript,
   getQwikPrefetchWorkerScript,
   renderToStream,