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

package/dist/server.mjs

@@ -1,33 +1,31 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.3-dev+aa098fc
+ * @qwik.dev/core/server 2.0.0-beta.31-dev+906321a
  * Copyright QwikDev. All Rights Reserved.
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/QwikDev/qwik/blob/main/LICENSE
  */
-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 isDev5 } 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;
+var g = globalThis;
+var qDev = g.qDev !== false;
+var qInspector = g.qInspector === true;
+var qDynamicPlatform = g.qDynamicPlatform !== false;
+var qTest = g.qTest === true;
+var qRuntimeQrl = g.qRuntimeQrl === true;
 
 // packages/qwik/src/core/shared/utils/log.ts
 var STYLE = qDev ? `background: #564CE0; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;` : "";
@@ -53,7 +51,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 +61,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 +78,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 +112,17 @@ var mapArray_has = (array, key, start) => {
   return mapApp_findIndx(array, key, start) >= 0;
 };
 
+// packages/qwik/src/core/shared/utils/types.ts
+var isObject = (v) => {
+  return typeof v === "object" && v !== null;
+};
+var isArray = (v) => {
+  return Array.isArray(v);
+};
+var isString = (v) => {
+  return typeof v === "string";
+};
+
 // packages/qwik/src/core/shared/error/error.ts
 var codeToText = (code, ...parts) => {
   if (qDev) {
@@ -130,7 +139,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
@@ -139,7 +148,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
@@ -179,11 +188,16 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
       // 28
       "useComputed$ QRL {{0}} {{1}} cannot return a Promise",
       // 29
-      "ComputedSignal is read-only",
+      `===
+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
@@ -194,7 +208,7 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
     if (parts.length) {
       text = text.replaceAll(/{{(\d+)}}/g, (_, index) => {
         let v = parts[index];
-        if (v && typeof v === "object" && v.constructor === Object) {
+        if (v && isObject(v) && v.constructor === Object) {
           v = JSON.stringify(v).slice(0, 50);
         }
         return v;
@@ -202,7 +216,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}) https://github.com/QwikDev/qwik/blob/build/v2/packages/qwik/src/core/shared/error/error.ts#${parts.join()}L${9 + code}`;
   }
 };
 var qError = (code, errorMessageArgs = []) => {
@@ -211,255 +225,16 @@ var qError = (code, errorMessageArgs = []) => {
 };
 
 // packages/qwik/src/core/shared/qrl/qrl-utils.ts
-import { isDev } from "@qwik.dev/core/build";
+import { isDev as isDev3 } from "@qwik.dev/core/build";
 var SYNC_QRL = "<sync>";
+var getSymbolHash = (symbolName) => {
+  const index = symbolName.lastIndexOf("_") + 1;
+  return symbolName.slice(index);
+};
 
 // 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/types.ts
-var isArray = (v) => {
-  return Array.isArray(v);
-};
-var isString = (v) => {
-  return typeof v === "string";
-};
-
-// 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: (
@@ -748,23 +523,400 @@ var VNodeDataChar = {
   )
 };
 
-// packages/qwik/src/core/preloader/queue.ts
-import { isBrowser as isBrowser3 } from "@qwik.dev/core/build";
-
+// 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);
+  }
+}
+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;
+    }
+    lastIdx = idx + 1;
+  }
+  if (lastIdx === 0) {
+    return str;
+  } else {
+    return escapedHTML + str.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 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 Q_PROPS_SEPARATOR = ":";
+var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
+
+// packages/qwik/src/core/shared/utils/promises.ts
+import { isDev as isDev4, 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 maybeThen = (valueOrPromise, thenFn) => {
+  return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
+};
+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 justThrow = (e) => {
+  throw e;
+};
+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;
+    }
+    isDev4 && checkError(result);
+    return onError(result);
+  }
+  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;
+        }
+      }
+    }
+    isDev4 && checkError(p);
+    return onError(p);
+  };
+  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;
+};
+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 (let i = 0; i < obj.length; i++) {
+      const o = obj[i];
+      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/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";
+import { isServer as isServer4 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/shared/platform/platform.ts
+import { isServer as isServer2 } from "@qwik.dev/core/build";
+var createPlatform = () => {
+  return {
+    isServer: isServer2,
+    importSymbol(containerEl, url, symbolName) {
+      if (isServer2) {
+        const hash = getSymbolHash(symbolName);
+        const regSym = globalThis.__qwik_reg_symbols?.get(hash);
+        if (regSym) {
+          return regSym;
+        }
+        throw qError(6 /* dynamicImportFailed */, [symbolName]);
+      }
+      if (!url) {
+        throw qError(14 /* qrlMissingChunk */, [symbolName]);
+      }
+      if (!containerEl) {
+        throw qError(13 /* qrlMissingContainer */, [url, symbolName]);
+      }
+      const urlDoc = toUrl(containerEl.ownerDocument, containerEl, url).toString();
+      const urlCopy = new URL(urlDoc);
+      urlCopy.hash = "";
+      const importURL = urlCopy.href;
+      return import(
+        /* @vite-ignore */
+        importURL
+      ).then((mod) => {
+        return mod[symbolName];
+      });
+    },
+    raf: (fn) => {
+      return new Promise((resolve) => {
+        requestAnimationFrame(() => {
+          resolve(fn());
+        });
+      });
+    },
+    chunkForSymbol(symbolName, chunk) {
+      return [symbolName, chunk ?? "_"];
+    }
+  };
+};
+var toUrl = (doc2, containerEl, url) => {
+  const baseURI = doc2.baseURI;
+  const base2 = new URL(containerEl.getAttribute(QBaseAttr) ?? baseURI, baseURI);
+  return new URL(url, base2);
+};
+var _platform = /* @__PURE__ */ createPlatform();
+var isServerPlatform = () => {
+  if (qDynamicPlatform) {
+    return _platform.isServer;
+  }
+  return false;
+};
+
+// packages/qwik/src/core/shared/platform/next-tick.ts
+var createMacroTask = (fn) => {
+  let macroTask;
+  if (typeof MessageChannel !== "undefined") {
+    const channel = new MessageChannel();
+    channel.port1.onmessage = () => fn();
+    macroTask = () => channel.port2.postMessage(null);
+  } else {
+    macroTask = () => setTimeout(fn);
+  }
+  return macroTask;
+};
 
 // packages/qwik/src/core/preloader/constants.ts
-import { isBrowser } from "@qwik.dev/core/build";
+import { isServer as isServer3 } from "@qwik.dev/core/build";
+var isBrowser = import.meta.env.TEST ? !isServerPlatform() : !isServer3;
 var doc = isBrowser ? document : void 0;
 var config = {
   $DEBUG$: false,
   $maxIdlePreloads$: 25,
   $invPreloadProbability$: 0.65
 };
-var rel = isBrowser && doc.createElement("link").relList.supports("modulepreload") ? "modulePreload" : "preload";
-var loadStart = Date.now();
+var rel = isBrowser && doc.createElement("link").relList?.supports?.("modulepreload") ? "modulePreload" : "preload";
+var loadStart = performance.now();
 var isJSRegex = /\.[mc]?js$/;
+var yieldInterval = 1e3 / 60;
 
 // packages/qwik/src/core/preloader/types.ts
 var BundleImportState_None = 0;
@@ -776,13 +928,14 @@ var BundleImportState_Loaded = 4;
 // packages/qwik/src/core/preloader/bundle-graph.ts
 var base;
 var graph;
+var isBrowser2 = import.meta.env.TEST ? !isServerPlatform() : !isServer4;
 var makeBundle = (name, deps) => {
   return {
     $name$: name,
     $state$: isJSRegex.test(name) ? BundleImportState_None : BundleImportState_Alias,
     $deps$: shouldResetFactor ? deps?.map((d) => ({ ...d, $factor$: 1 })) : deps,
     $inverseProbability$: 1,
-    $createdTs$: Date.now(),
+    $createdTs$: performance.now(),
     $waitedMs$: 0,
     $loadedMs$: 0
   };
@@ -851,9 +1004,16 @@ var shouldResetFactor;
 var queueDirty;
 var preloadCount = 0;
 var queue = [];
+var nextTriggerMacroTask = createMacroTask(trigger);
+var nextAdjustmentMacroTask = createMacroTask(processPendingAdjustments);
+var isTriggerScheduled = false;
+var isAdjustmentScheduled = false;
+var isProcessingAdjustments = false;
+var shouldYieldInBrowser = import.meta.env.TEST ? !isServerPlatform() : isBrowser3;
+var adjustmentStack = [];
 var log = (...args) => {
   console.log(
-    `Preloader ${Date.now() - loadStart}ms ${preloadCount}/${queue.length} queued>`,
+    `Preloader ${performance.now() - loadStart}ms ${preloadCount}/${queue.length} queued>`,
     ...args
   );
 };
@@ -863,6 +1023,10 @@ var resetQueue = () => {
   shouldResetFactor = true;
   preloadCount = 0;
   queue.length = 0;
+  adjustmentStack.length = 0;
+  isTriggerScheduled = false;
+  isAdjustmentScheduled = false;
+  isProcessingAdjustments = false;
 };
 var sortQueue = () => {
   if (queueDirty) {
@@ -874,7 +1038,8 @@ var getQueue = () => {
   sortQueue();
   let probability = 0.4;
   const result = [];
-  for (const b of queue) {
+  for (let i = 0; i < queue.length; i++) {
+    const b = queue[i];
     const nextProbability = Math.round((1 - b.$inverseProbability$) * 10);
     if (nextProbability !== probability) {
       probability = nextProbability;
@@ -884,29 +1049,37 @@ var getQueue = () => {
   }
   return result;
 };
-var trigger = () => {
+function trigger() {
+  isTriggerScheduled = false;
   if (!queue.length) {
     return;
   }
   sortQueue();
+  const deadline = performance.now() + yieldInterval;
+  let shouldYield = false;
   while (queue.length) {
     const bundle = queue[0];
     const inverseProbability = bundle.$inverseProbability$;
     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
+    const allowedPreloads = graph ? config.$maxIdlePreloads$ : (
+      // While the graph is not available, we limit to 5 preloads
+      5
     );
     if (probability >= 0.99 || preloadCount < allowedPreloads) {
       queue.shift();
       preloadOne(bundle);
+      if (performance.now() >= deadline) {
+        shouldYield = true;
+        break;
+      }
     } else {
       break;
     }
   }
+  if (shouldYield && queue.length && !isTriggerScheduled) {
+    isTriggerScheduled = true;
+    nextTriggerMacroTask();
+  }
   if (config.$DEBUG$ && !queue.length) {
     const loaded = [...bundles.values()].filter((b) => b.$state$ > BundleImportState_None);
     const waitTime = loaded.reduce((acc, b) => acc + b.$waitedMs$, 0);
@@ -915,13 +1088,112 @@ var trigger = () => {
       `>>>> done ${loaded.length}/${bundles.size} total: ${waitTime}ms waited, ${loadTime}ms loaded`
     );
   }
+}
+var enqueueAdjustment = (bundle, inverseProbability, context, seen) => {
+  adjustmentStack.unshift({
+    $bundle$: bundle,
+    $inverseProbability$: inverseProbability,
+    $seen$: seen,
+    $context$: context
+  });
 };
+var processAdjustmentFrame = () => {
+  const frame = adjustmentStack[adjustmentStack.length - 1];
+  const bundle = frame.$bundle$;
+  if (frame.$deps$) {
+    const index = frame.$index$;
+    if (index >= frame.$deps$.length) {
+      adjustmentStack.pop();
+      return false;
+    }
+    const dep = frame.$deps$[index];
+    frame.$index$ = index + 1;
+    const depBundle = getBundle(dep.$name$);
+    if (depBundle.$inverseProbability$ === 0) {
+      return true;
+    }
+    const probability = 1 - bundle.$inverseProbability$;
+    let newInverseProbability;
+    if (probability === 1 || probability >= 0.99 && frame.$context$.$depsCount$ < 100) {
+      frame.$context$.$depsCount$++;
+      newInverseProbability = Math.min(0.01, 1 - dep.$importProbability$);
+    } else {
+      const newInverseImportProbability = 1 - dep.$importProbability$ * probability;
+      const prevAdjust = dep.$factor$;
+      const factor = newInverseImportProbability / prevAdjust;
+      newInverseProbability = Math.max(0.02, depBundle.$inverseProbability$ * factor);
+      dep.$factor$ = factor;
+    }
+    adjustmentStack.push({
+      $bundle$: depBundle,
+      $inverseProbability$: newInverseProbability,
+      $seen$: frame.$seen$,
+      $context$: frame.$context$
+    });
+    return true;
+  }
+  if (frame.$seen$?.has(bundle)) {
+    adjustmentStack.pop();
+    return false;
+  }
+  const previousInverseProbability = bundle.$inverseProbability$;
+  bundle.$inverseProbability$ = frame.$inverseProbability$;
+  if (previousInverseProbability - bundle.$inverseProbability$ < 0.01) {
+    adjustmentStack.pop();
+    return false;
+  }
+  if (
+    // don't queue until we have initialized the preloader
+    base != null && bundle.$state$ < BundleImportState_Preload
+  ) {
+    if (bundle.$state$ === BundleImportState_None) {
+      bundle.$state$ = BundleImportState_Queued;
+      queue.push(bundle);
+      config.$DEBUG$ && log(`queued ${Math.round((1 - bundle.$inverseProbability$) * 100)}%`, bundle.$name$);
+    }
+    queueDirty = true;
+  }
+  if (bundle.$deps$?.length) {
+    const seen = frame.$seen$ || /* @__PURE__ */ new Set();
+    seen.add(bundle);
+    frame.$seen$ = seen;
+    frame.$deps$ = bundle.$deps$;
+    frame.$index$ = 0;
+    return false;
+  }
+  adjustmentStack.pop();
+  return false;
+};
+function processPendingAdjustments() {
+  if (isProcessingAdjustments || !adjustmentStack.length) {
+    return;
+  }
+  isAdjustmentScheduled = false;
+  isProcessingAdjustments = true;
+  const deadline = shouldYieldInBrowser ? performance.now() + yieldInterval : 0;
+  let processed = false;
+  while (adjustmentStack.length) {
+    processed = true;
+    const checkDeadline = processAdjustmentFrame();
+    if (shouldYieldInBrowser && checkDeadline && performance.now() >= deadline) {
+      if (!isAdjustmentScheduled) {
+        isAdjustmentScheduled = true;
+        nextAdjustmentMacroTask();
+      }
+      break;
+    }
+  }
+  isProcessingAdjustments = false;
+  if (processed && shouldYieldInBrowser) {
+    nextTriggerMacroTask();
+  }
+}
 var preloadOne = (bundle) => {
   if (bundle.$state$ >= BundleImportState_Preload) {
     return;
   }
   preloadCount++;
-  const start = Date.now();
+  const start = performance.now();
   bundle.$waitedMs$ = start - bundle.$createdTs$;
   bundle.$state$ = BundleImportState_Preload;
   config.$DEBUG$ && log(
@@ -934,116 +1206,123 @@ var preloadOne = (bundle) => {
   link.as = "script";
   link.onload = link.onerror = () => {
     preloadCount--;
-    const end = Date.now();
+    const end = performance.now();
     bundle.$loadedMs$ = end - start;
     bundle.$state$ = BundleImportState_Loaded;
     config.$DEBUG$ && log(`>> done after ${bundle.$loadedMs$}ms`, bundle.$name$);
-    link.remove();
-    trigger();
-  };
-  doc.head.appendChild(link);
-};
-var adjustProbabilities = (bundle, newInverseProbability, seen) => {
-  if (seen?.has(bundle)) {
-    return;
-  }
-  const previousInverseProbability = bundle.$inverseProbability$;
-  bundle.$inverseProbability$ = newInverseProbability;
-  if (previousInverseProbability - bundle.$inverseProbability$ < 0.01) {
-    return;
-  }
-  if (
-    // don't queue until we have initialized the preloader
-    base != null && bundle.$state$ < BundleImportState_Preload && 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;
-      }
-      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;
-      }
-      adjustProbabilities(depBundle, newInverseProbability2, seen);
-    }
+    link.remove();
+    nextTriggerMacroTask();
+  };
+  doc.head.appendChild(link);
+};
+var adjustProbabilities = (bundle, newInverseProbability, seen) => {
+  enqueueAdjustment(bundle, newInverseProbability, { $depsCount$: 0 }, seen);
+  if (shouldYieldInBrowser) {
+    nextAdjustmentMacroTask();
+  } else {
+    processPendingAdjustments();
   }
 };
-var handleBundle = (name, inverseProbability) => {
+var handleBundle = (name, inverseProbability, context) => {
   const bundle = getBundle(name);
   if (bundle && bundle.$inverseProbability$ > inverseProbability) {
-    adjustProbabilities(bundle, inverseProbability);
+    if (context) {
+      enqueueAdjustment(bundle, inverseProbability, context);
+    } else {
+      adjustProbabilities(bundle, inverseProbability);
+    }
   }
 };
-var depsCount;
 var preload = (name, probability) => {
   if (!name?.length) {
     return;
   }
-  depsCount = 0;
   let inverseProbability = probability ? 1 - probability : 0.4;
+  const context = { $depsCount$: 0 };
   if (Array.isArray(name)) {
     for (let i = name.length - 1; i >= 0; i--) {
       const item = name[i];
       if (typeof item === "number") {
         inverseProbability = 1 - item / 10;
       } else {
-        handleBundle(item, inverseProbability);
+        handleBundle(item, inverseProbability, context);
       }
     }
   } else {
-    handleBundle(name, inverseProbability);
+    handleBundle(name, inverseProbability, context);
   }
-  if (isBrowser3) {
-    trigger();
+  if (shouldYieldInBrowser) {
+    nextAdjustmentMacroTask();
+  } else {
+    processPendingAdjustments();
   }
 };
-if (isBrowser3) {
+if (import.meta.env.TEST ? !isServerPlatform() : isBrowser3) {
   document.addEventListener("qsymbol", (ev) => {
     const { symbol, href } = ev.detail;
     if (href) {
-      const hash2 = symbol.slice(symbol.lastIndexOf("_") + 1);
-      preload(hash2, 1);
+      const hash = symbol.slice(symbol.lastIndexOf("_") + 1);
+      preload(hash, 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/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
-function createPlatform(opts, resolvedManifest) {
+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 createPlatform2(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 || isDev5 && import.meta.env.MODE !== "test") {
+      const hash = getSymbolHash2(symbolName);
+      const result = !isDev5 ? 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;
@@ -1052,32 +1331,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 = getSymbolHash2(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);
     }
@@ -1085,10 +1349,10 @@ function createPlatform(opts, resolvedManifest) {
   return serverPlatform;
 }
 async function setServerPlatform(opts, manifest) {
-  const platform = createPlatform(opts, manifest);
+  const platform = createPlatform2(opts, manifest);
   setPlatform(platform);
 }
-var getSymbolHash = (symbolName) => {
+var getSymbolHash2 = (symbolName) => {
   const index = symbolName.lastIndexOf("_");
   if (index > -1) {
     return symbolName.slice(index + 1);
@@ -1122,24 +1386,317 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.3-dev+aa098fc",
+  qwik: "2.0.0-beta.31-dev+906321a",
   qwikDom: "2.1.19"
 };
 
 // packages/qwik/src/server/ssr-container.ts
+import { isDev as isDev7 } 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/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 (let i = 0; i < prefetchResources2.length; i++) {
+        const prefetchResource = prefetchResources2[i];
+        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();
+  const bundles2 = 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(bundles2)];
+};
+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 (let i = 0; i < qrls.length; i++) {
+    const symbol = getSymbolHash2(qrls[i].$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 (let i = 0; i < names.length; i++) {
+    preload(names[i], 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 (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 && !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(",")}}` : "";
+    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.openElement("script", null, scriptAttrs, null, null, null);
+    container.write(script);
+    container.closeElement();
+  }
+  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, 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 (let i = 0; i < expandedBundles.length; i++) {
+      const hrefOrProbability = expandedBundles[i];
+      if (typeof hrefOrProbability === "string") {
+        if (probability < tenXMinProbability) {
+          break;
+        }
+        if (hrefOrProbability === preloaderBundle2 || hrefOrProbability === coreBundle) {
+          continue;
+        }
+        links.push(hrefOrProbability);
+        if (--allowed === 0) {
+          break;
+        }
+      } else {
+        probability = hrefOrProbability;
+      }
+    }
+  }
+  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.openElement("script", null, attrs, null, null, null);
+    container.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);
+    }
+  }
+};
+function normalizePreLoaderOptions(input) {
+  return { ...preLoaderOptionsDefault, ...input };
+}
+var preLoaderOptionsDefault = {
+  ssrPreloads: 7,
+  ssrPreloadProbability: 0.5,
+  debug: false,
+  maxIdlePreloads: 25,
+  preloadProbability: 0.35
+  // deprecated
+};
 
 // 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 = 'const e=document,t=window,n="w",o="d",r=new Set,s=new Set([e]),i=new Map;let a,c;const l=(e,t)=>Array.from(e.querySelectorAll(t)),q=e=>{const t=[];return s.forEach(n=>t.push(...l(n,e))),t},d=(e,t,n,o=!1)=>e.addEventListener(t,n,{capture:o,passive:!1}),b=e=>{_(e);const t=l(e,"[q\\\\:shadowroot]");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&b(n)}},f=e=>e&&"function"==typeof e.then,p=t=>{if(void 0===t._qwikjson_){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){t._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,n)=>{e.dispatchEvent(u(t,n))},g=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),m=e=>e.replace(/-./g,e=>e[1].toUpperCase()),v=e=>({scope:e.charAt(0),eventName:m(e.slice(2))}),w=async(t,n,o,r)=>{r&&(t.hasAttribute("preventdefault:"+r)&&n.preventDefault(),t.hasAttribute("stoppropagation:"+r)&&n.stopPropagation());const s=t._qDispatch?.[o];if(s){if("function"==typeof s){const e=s(n,t);f(e)&&await e}else if(s.length)for(let e=0;e<s.length;e++){const o=s[e],r=o?.(n,t);f(r)&&await r}return}const a=t.getAttribute("q-"+o);if(a){const o=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),r=o.getAttribute("q:base"),s=new URL(r,e.baseURI),c=a.split("|");for(let a=0;a<c.length;a++){const l=c[a],q=performance.now(),[d,b,u]=l.split("#"),g={qBase:r,symbol:b,element:t,reqTime:q};let m,v,w;if(""===d){const t=o.getAttribute("q:instance");m=(e["qFuncs_"+t]||[])[Number.parseInt(b)],m||(v="sync",w=Error("sym:"+b))}else{const e=`${b}|${r}|${d}`;if(m=i.get(e),!m){const t=new URL(d,s).href;try{const n=import(t);p(o),m=(await n)[b],m?(i.set(e,m),h("qsymbol",g)):(v="no-symbol",w=Error(`${b} not in ${t}`))}catch(e){v="async",w=e}}}if(m){if(t.isConnected)try{const e=m.call(u,n,t);f(e)&&await e}catch(e){h("qerror",{error:e,...g})}}else h("qerror",{importError:v,error:w,...g}),console.error(w)}}},y=async e=>{const t=g(e.type),n="e:"+t;let o=e.target;for(;o&&o.getAttribute;){const r=w(o,e,n,t),s=e.bubbles&&!e.cancelBubble;f(r)&&await r,o=s&&e.bubbles&&!e.cancelBubble?o.parentElement:null}},A=(e,t)=>{const n=g(t.type),o=e+":"+n,r=q("[q-"+e+"\\\\:"+n+"]");for(let e=0;e<r.length;e++){const s=r[e];w(s,t,o,n)}},E=async e=>{A(o,e)},C=e=>{A(n,e)},k=()=>{const n=e.readyState;if("interactive"==n||"complete"==n){if(c=1,s.forEach(b),r.has("d:qinit")){r.delete("d:qinit");const e=u("qinit"),t=q("[q-d\\\\:qinit]");for(let n=0;n<t.length;n++){const o=t[n];w(o,e,"d:qinit"),o.removeAttribute("q-d:qinit")}}if(r.has("d:qidle")&&(r.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u("qidle"),t=q("[q-d\\\\:qidle]");for(let n=0;n<t.length;n++){const o=t[n];w(o,e,"d:qidle"),o.removeAttribute("q-d:qidle")}})),r.has("e:qvisible")){a||(a=new IntersectionObserver(e=>{for(let t=0;t<e.length;t++){const n=e[t];n.isIntersecting&&(a.unobserve(n.target),w(n.target,u("qvisible",n),"e:qvisible"))}}));const e=q("[q-e\\\\:qvisible]:not([q\\\\:observed])");for(let t=0;t<e.length;t++){const n=e[t];a.observe(n),n.setAttribute("q:observed","true")}}}},_=(...e)=>{for(let i=0;i<e.length;i++){const a=e[i];if("string"==typeof a){if(!r.has(a)){r.add(a);const{scope:e,eventName:i}=v(a);e===n?d(t,i,C,!0):s.forEach(t=>d(t,i,e===o?E:y,!0)),1!==c||"e:qvisible"!==a&&"d:qinit"!==a&&"d:qidle"!==a||k()}}else s.has(a)||(r.forEach(e=>{const{scope:t,eventName:r}=v(e);t!==n&&d(a,r,t===o?E:y,!0)}),s.add(a))}},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_("e:click","e:input"),t._qwikEv={events:r,roots:s,push:_},d(e,"readystatechange",k),k())';
+var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst windowPrefix = "w";\nconst documentPrefix = "d";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\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 addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });\nconst findShadowRoots = (fragment) => {\n  addEventOrRoot(fragment);\n  const shadowRoots = nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]");\n  for (let i = 0; i < shadowRoots.length; i++) {\n    const parent = shadowRoots[i];\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  }\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\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, { detail });\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst parseKebabEvent = (event) => ({\n  scope: event.charAt(0),\n  eventName: kebabToCamel(event.slice(2))\n});\nconst dispatch = async (element, ev, scopedKebabName, kebabName) => {\n  if (kebabName) {\n    if (element.hasAttribute("preventdefault:" + kebabName)) {\n      ev.preventDefault();\n    }\n    if (element.hasAttribute("stoppropagation:" + kebabName)) {\n      ev.stopPropagation();\n    }\n  }\n  const handlers = element._qDispatch?.[scopedKebabName];\n  if (handlers) {\n    if (typeof handlers === "function") {\n      const result = handlers(ev, element);\n      if (isPromise(result)) {\n        await result;\n      }\n    } else if (handlers.length) {\n      for (let i = 0; i < handlers.length; i++) {\n        const handler = handlers[i];\n        const result = handler?.(ev, element);\n        if (isPromise(result)) {\n          await result;\n        }\n      }\n    }\n    return;\n  }\n  const attrValue = element.getAttribute("q-" + scopedKebabName);\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 base = new URL(qBase, doc.baseURI);\n    const qrls = attrValue.split("|");\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 eventData = {\n        qBase,\n        symbol,\n        element,\n        reqTime\n      };\n      let handler;\n      let importError;\n      let error;\n      if (chunk === "") {\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        const key = `${symbol}|${qBase}|${chunk}`;\n        handler = symbols.get(key);\n        if (!handler) {\n          const href = new URL(chunk, base).href;\n          try {\n            const module = import(\n                            href\n            );\n            resolveContainer(container);\n            handler = (await module)[symbol];\n            if (!handler) {\n              importError = "no-symbol";\n              error = new Error(`${symbol} not in ${href}`);\n            } else {\n              symbols.set(key, handler);\n              emitEvent("qsymbol", eventData);\n            }\n          } catch (err) {\n            importError = "async";\n            error = err;\n          }\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        continue;\n      }\n      if (element.isConnected) {\n        try {\n          const result = handler.call(capturedIds, ev, element);\n          if (isPromise(result)) {\n            await result;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = async (ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = "e:" + kebabName;\n  let element = ev.target;\n  while (element && element.getAttribute) {\n    const results = dispatch(element, ev, scopedKebabName, kebabName);\n    const doBubble = ev.bubbles && !ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;\n  }\n};\nconst broadcast = (infix, ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = infix + ":" + kebabName;\n  const elements = querySelectorAll("[q-" + infix + "\\\\:" + kebabName + "]");\n  for (let i = 0; i < elements.length; i++) {\n    const el = elements[i];\n    dispatch(el, ev, scopedKebabName, kebabName);\n  }\n};\nconst processDocumentEvent = async (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst 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      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        dispatch(el, ev, "d:qinit");\n        el.removeAttribute("q-d:qinit");\n      }\n    }\n    if (events.has("d:qidle")) {\n      events.delete("d:qidle");\n      const riC = win.requestIdleCallback ?? win.setTimeout;\n      riC.bind(win)(() => {\n        const ev = createEvent("qidle");\n        const elements = querySelectorAll("[q-d\\\\:qidle]");\n        for (let i = 0; i < elements.length; i++) {\n          const el = elements[i];\n          dispatch(el, ev, "d:qidle");\n          el.removeAttribute("q-d:qidle");\n        }\n      });\n    }\n    if (events.has("e:qvisible")) {\n      observer || (observer = new IntersectionObserver((entries) => {\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");\n          }\n        }\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};\nconst addEventOrRoot = (...eventNames) => {\n  for (let i = 0; i < eventNames.length; i++) {\n    const eventNameOrRoot = eventNames[i];\n    if (typeof eventNameOrRoot === "string") {\n      if (!events.has(eventNameOrRoot)) {\n        events.add(eventNameOrRoot);\n        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);\n        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            )\n          );\n        }\n        if (hasInitialized === 1 && (eventNameOrRoot === "e:qvisible" || eventNameOrRoot === "d:qinit" || eventNameOrRoot === "d:qidle")) {\n          processReadyStateChange();\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrRoot)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = parseKebabEvent(kebabEventName);\n          if (scope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            );\n          }\n        });\n        roots.add(eventNameOrRoot);\n      }\n    }\n  }\n};\nconst _qwikEv = win._qwikEv;\nif (!_qwikEv?.roots) {\n  if (Array.isArray(_qwikEv)) {\n    addEventOrRoot(..._qwikEv);\n  } else {\n    addEventOrRoot("e:click", "e:input");\n  }\n  win._qwikEv = {\n    events,\n    roots,\n    push: addEventOrRoot\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
+var QWIK_BACKPATCH_EXECUTOR_MINIFIED = `const t='script[type="qwik/backpatch"]',e=document.currentScript;if(e){const o=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const e=o.querySelector(t);if(e){const t=JSON.parse(e.textContent||"[]"),n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let r=n.currentNode,c=r.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],i=t[e+1];let s=t[e+2];for(;c<o&&(r=n.nextNode(),r);)r.hasAttribute(":")&&c++;const l=r;null==s||!1===s?l.removeAttribute(i):("boolean"==typeof s&&(s=""),l.setAttribute(i,s))}}}}`;
+var QWIK_BACKPATCH_EXECUTOR_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
+const executorScript = document.currentScript;
+if (executorScript) {
+  const container = executorScript.closest(
+    "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"
+  );
+  if (container) {
+    const script = container.querySelector(BACKPATCH_DATA_SELECTOR);
+    if (script) {
+      const data = JSON.parse(script.textContent || "[]");
+      const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);
+      let currentNode = walker.currentNode;
+      let currentNodeIdx = currentNode.hasAttribute(":") ? 0 : -1;
+      for (let i = 0; i < data.length; i += 3) {
+        const elementIdx = data[i];
+        const attrName = data[i + 1];
+        let value = data[i + 2];
+        while (currentNodeIdx < elementIdx) {
+          currentNode = walker.nextNode();
+          if (!currentNode) {
+            break;
+          }
+          if (currentNode.hasAttribute(":")) {
+            currentNodeIdx++;
+          }
+        }
+        const element = currentNode;
+        if (value == null || value === false) {
+          element.removeAttribute(attrName);
+        } else {
+          if (typeof value === "boolean") {
+            value = "";
+          }
+          element.setAttribute(attrName, value);
+        }
+      }
+    }
+  }
+}`;
 function getQwikLoaderScript(opts = {}) {
   return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
 }
@@ -1148,50 +1705,56 @@ 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;
+}
 
 // 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 isDev6 } 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 (isDev6 && id.indexOf("undefined") != -1) {
       throw new Error(`Invalid SSR node id: ${id}`);
     }
   }
+  __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);
@@ -1199,29 +1762,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) {
@@ -1230,35 +1793,47 @@ 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 (isDev6) {
+      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");
   }
+  __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);
   }
+  slots = [];
+  projectionDepth = 0;
+  scopedStyleIds = /* @__PURE__ */ new Set();
+  projectionScopedStyle = null;
+  projectionComponentFrame = null;
   distributeChildrenIntoSlots(children, projectionScopedStyle, projectionComponentFrame) {
     this.projectionScopedStyle = projectionScopedStyle;
     this.projectionComponentFrame = projectionComponentFrame;
@@ -1311,13 +1886,6 @@ var SsrComponentFrame = class {
     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/tag-nesting.ts
@@ -1352,6 +1920,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>"];
   }
@@ -1393,6 +1965,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 */;
@@ -1472,9 +2048,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 */;
   }
@@ -1489,6 +2068,8 @@ function isInTable(text) {
     case "tbody":
     case "tfoot":
       return 8192 /* TABLE_BODY */;
+    case "script":
+      return 2 /* TEXT */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
@@ -1497,6 +2078,8 @@ function isInTableBody(text) {
   switch (text) {
     case "tr":
       return 16384 /* TABLE_ROW */;
+    case "script":
+      return 2 /* TEXT */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
@@ -1506,6 +2089,8 @@ function isInTableRow(text) {
     case "td":
     case "th":
       return 10 /* ANYTHING */;
+    case "script":
+      return 2 /* TEXT */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
@@ -1514,16 +2099,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 */;
@@ -1535,6 +2147,7 @@ function isInPhrasing(text, allowInput) {
     case "bdi":
     case "bdo":
     case "br":
+    case "button":
     case "canvas":
     case "cite":
     case "code":
@@ -1562,13 +2175,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":
@@ -1583,8 +2194,11 @@ 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 */;
   }
@@ -1622,16 +2236,16 @@ function vNodeData_closeFragment(vNodeData) {
   vNodeData.push(CLOSE_FRAGMENT);
 }
 function vNodeData_openElement(vNodeData) {
-  vNodeData.push([], WRITE_ELEMENT_ATTRS);
+  vNodeData.push({}, WRITE_ELEMENT_ATTRS);
   vNodeData[0] |= 4 /* ELEMENT_NODE */;
 }
-function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue) {
+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 (Array.isArray(value)) {
+    if (typeof value === "object" && value !== null) {
       attributesIndex = i;
       i++;
       if (vNodeData[i] !== WRITE_ELEMENT_ATTRS) {
@@ -1647,275 +2261,51 @@ function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depth
       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();
-  }
-};
-var includePreloader = (container, options, referencedBundles, nonce) => {
-  if (referencedBundles.length === 0 || options === false) {
-    return null;
-  }
-  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;
-      }
-    }
-  }
-  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);
-    }
-    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);
+  let refId = 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);
+      }
     }
   }
-};
-function normalizePreLoaderOptions(input) {
-  return { ...preLoaderOptionsDefault, ...input };
+  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);
+  }
+  return ALPHANUMERIC[value];
 }
-var preLoaderOptionsDefault = {
-  ssrPreloads: 7,
-  ssrPreloadProbability: 0.5,
-  debug: false,
-  maxIdlePreloads: 25,
-  preloadProbability: 0.35
-};
 
 // packages/qwik/src/server/ssr-container.ts
 function ssrCreateContainer(opts) {
-  opts.renderOptions || (opts.renderOptions = {});
+  opts.renderOptions ||= {};
   return new SSRContainer({
     tagName: opts.tagName || "div",
     writer: opts.writer || new StringBufferWriter(),
+    streamHandler: opts.streamHandler,
     locale: opts.locale || "",
     timing: opts.timing || {
       firstFlush: 0,
@@ -1934,9 +2324,7 @@ function ssrCreateContainer(opts) {
   });
 }
 var StringBufferWriter = class {
-  constructor() {
-    __publicField(this, "buffer", []);
-  }
+  buffer = [];
   write(text) {
     this.buffer.push(text);
   }
@@ -1945,61 +2333,59 @@ var StringBufferWriter = class {
   }
 };
 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;
+  serializationCtx;
+  /**
+   * 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;
+  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 = [];
+  componentStack = [];
+  cleanupQueue = [];
+  emitContainerDataFrame = null;
+  $instanceHash$ = randomStr();
+  // Temporary flag to find missing roots after the state was serialized
+  $noMoreRoots$ = false;
+  qlInclude;
+  promiseAttributes = 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 ?? EMPTY_OBJ, opts.locale);
     this.symbolToChunkResolver = (symbol) => {
       const idx = symbol.lastIndexOf("_");
       const chunk = this.resolvedManifest.mapper[idx == -1 ? symbol : symbol.substring(idx + 1)];
@@ -2015,10 +2401,20 @@ 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;
+    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) {
@@ -2026,40 +2422,50 @@ 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);
+  }
   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;
@@ -2082,52 +2488,86 @@ 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 + "-" : "") + (isDev7 ? "ssr-dev" : "ssr");
     containerAttributes[QBaseAttr] = this.$buildBase$ || "";
     containerAttributes[QLocaleAttr] = this.$locale$;
     containerAttributes[QManifestHashAttr] = this.resolvedManifest.manifest.manifestHash;
     containerAttributes[QInstanceAttr] = this.$instanceHash$;
     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) {
+    const isQwikStyle = isQwikStyleElement(elementName, varAttrs) || isQwikStyleElement(elementName, constAttrs);
+    if (elementName === "noscript" || elementName === "template" || elementName === "script") {
+      this.$noScriptHere$++;
+    }
+    if (
+      // don't append qwik loader before qwik style elements
+      // it will confuse the resuming, because styles are expected to be the first nodes in subtree
+      !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(`="${key}"`);
+    } else if (import.meta.env.TEST) {
+      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(
@@ -2139,16 +2579,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();
@@ -2170,11 +2600,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 (elementName === "noscript" || elementName === "template" || elementName === "script") {
+      this.$noScriptHere$--;
+    }
   }
   /** Writes opening data to vNodeData for fragment boundaries */
   openFragment(attrs) {
@@ -2185,6 +2618,9 @@ 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) {
@@ -2224,12 +2660,37 @@ 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];
+      this.openFragment(
+        isDev7 ? { [DEBUG_TYPE]: "P" /* Projection */, [QSlotParent]: componentFrame.componentNode.id } : { [QSlotParent]: componentFrame.componentNode.id }
+      );
+      const lastNode = this.getOrCreateLastNode();
+      if (lastNode.vnodeData) {
+        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) {
@@ -2256,13 +2717,14 @@ var SSRContainer = class extends _SharedContainer {
         this.currentElementFrame.vNodeData,
         // we start at -1, so we need to add +1
         this.currentElementFrame.depthFirstElementIdx + 1,
-        this.cleanupQueue
+        this.cleanupQueue,
+        this.currentElementFrame.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;
@@ -2305,19 +2767,23 @@ var SSRContainer = class extends _SharedContainer {
     }
   }
   _styleNode(styleId, content) {
-    this.openElement("style", [QStyle, styleId]);
+    this.openElement("style", null, {
+      [QStyle]: styleId
+    });
     this.write(content);
     this.closeElement();
   }
   ////////////////////////////////////
   emitContainerData() {
     return maybeThen(
-      this.emitUnclaimedProjection(),
+      this.resolvePromiseAttributes(),
       () => maybeThen(this.emitStateData(), () => {
         this.$noMoreRoots$ = true;
         this.emitVNodeData();
         preloaderPost(this, this.renderOptions, this.$serverData$?.nonce);
         this.emitSyncFnsData();
+        this.emitPatchDataIfNeeded();
+        this.emitExecutorIfNeeded();
         this.emitQwikLoaderAtBottomIfNeeded();
       })
     );
@@ -2344,7 +2810,7 @@ var SSRContainer = class extends _SharedContainer {
     if (!this.serializationCtx.$roots$.length) {
       return;
     }
-    this.openElement("script", ["type", "qwik/vnode"]);
+    this.openElement("script", null, { type: "qwik/vnode" });
     const vNodeAttrsStack = [];
     const vNodeData = this.vNodeDatas;
     let lastSerializedIdx = 0;
@@ -2361,7 +2827,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) {
@@ -2369,15 +2835,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();
               }
@@ -2389,7 +2857,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);
@@ -2397,206 +2865,215 @@ 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.closeElement();
+  }
+  writeFragmentAttrs(fragmentAttrs) {
+    for (const key in fragmentAttrs) {
+      let value = fragmentAttrs[key];
+      let encodeValue = false;
+      if (typeof value !== "string") {
+        const rootId = this.addRoot(value);
+        if (rootId === void 0) {
+          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 = true;
+          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:
+          this.write(VNodeDataChar.SLOT_CHAR);
+          break;
+        default: {
+          encodeValue = true;
+          this.write(VNodeDataChar.SEPARATOR_CHAR);
+          this.write(encodeVNodeDataString(key));
+          this.write(VNodeDataChar.SEPARATOR_CHAR);
         }
       }
+      const encodedValue = encodeVNodeDataString(encodeValue ? encodeURI(value) : value);
+      const isEncoded = encodeValue ? encodedValue !== value : false;
+      if (isEncoded) {
+        this.write(VNodeDataChar.SEPARATOR_CHAR);
+        this.write(encodedValue);
+        this.write(VNodeDataChar.SEPARATOR_CHAR);
+      } else {
+        this.write(value);
+      }
     }
-    this.closeElement();
   }
   emitStateData() {
     if (!this.serializationCtx.$roots$.length) {
       return;
     }
-    this.openElement("script", ["type", "qwik/state"]);
+    const attrs = this.stateScriptAttrs();
+    this.openElement("script", null, attrs);
     return maybeThen(this.serializationCtx.$serialize$(), () => {
       this.closeElement();
     });
   }
+  /** Add q-d:qidle attribute to eagerly resume some state if needed */
+  stateScriptAttrs() {
+    const attrs = { type: "qwik/state" };
+    const eagerResume = this.serializationCtx.$eagerResume$;
+    if (eagerResume.size > 0) {
+      attrs["q-d:qidle"] = createQRL(null, "_res", _res, null, [...eagerResume]);
+    }
+    return attrs;
+  }
   emitSyncFnsData() {
     const fns = this.serializationCtx.$syncFns$;
     if (fns.length) {
-      const scriptAttrs = ["q:func", "qwik/json"];
+      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.openElement("script", null, scriptAttrs);
       this.write(Q_FUNCS_PREFIX.replace("HASH", this.$instanceHash$));
-      this.write("[");
-      this.writeArray(fns, ",");
-      this.write("]");
+      this.write(BRACKET_OPEN);
+      this.writeArray(fns, COMMA);
+      this.write(BRACKET_CLOSE);
+      this.closeElement();
+    }
+  }
+  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.openElement("script", null, scriptAttrs);
+      this.write(JSON.stringify(patches));
       this.closeElement();
     }
   }
+  emitExecutorIfNeeded() {
+    if (!this.isBackpatchExecutorEmitted) {
+      return;
+    }
+    const scriptAttrs = { type: "text/javascript" };
+    if (this.renderOptions.serverData?.nonce) {
+      scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
+    }
+    this.openElement("script", null, scriptAttrs);
+    const backpatchScript = getQwikBackpatchExecutorScript({ debug: isDev7 });
+    this.write(backpatchScript);
+    this.closeElement();
+  }
   emitPreloaderPre() {
     preloaderPre(this, this.renderOptions.preloader, this.renderOptions.serverData?.nonce);
   }
   isStatic() {
     return this.serializationCtx.$eventQrls$.size === 0;
   }
-  getQwikLoaderIncludeMode() {
-    return this.renderOptions.qwikLoader?.include ?? "auto";
-  }
   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.openElement("script", null, scriptAttrs);
+      this.closeElement();
+    }
+  }
+  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.openElement("script", null, scriptAttrs);
+    this.write(qwikLoaderScript);
+    this.closeElement();
   }
   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.emitQwikEvents(Array.from(this.serializationCtx.$eventNames$, (s) => JSON.stringify(s)));
     }
-    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();
-    }
-  }
-  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;
+      const scriptAttrs = {};
+      const nonce = this.renderOptions.serverData?.nonce;
+      if (nonce) {
+        scriptAttrs["nonce"] = nonce;
       }
+      this.openElement("script", null, scriptAttrs);
+      this.write(`(window._qwikEv||(window._qwikEv=[])).push(`);
+      this.writeArray(eventNames, COMMA);
+      this.write(PAREN_CLOSE);
+      this.closeElement();
     }
   }
+  // 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 {
@@ -2620,7 +3097,7 @@ var SSRContainer = class extends _SharedContainer {
   }
   createAndPushFrame(elementName, depthFirstElementIdx, currentFile) {
     let tagNesting = 10 /* ANYTHING */;
-    if (isDev4) {
+    if (isDev7) {
       if (!this.currentElementFrame) {
         tagNesting = initialTag(elementName);
       } else {
@@ -2645,7 +3122,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}` : ""}` : ""}`
@@ -2656,7 +3134,7 @@ var SSRContainer = class extends _SharedContainer {
           text.push(
             `${indent}<${elementName}> <= is not allowed as a child of ${allowedContent(previousTagNesting)[0]}.`
           );
-          throw newTagError(text.join("\n"));
+          throw newTagError(text.map(escapeHTML).join("\n"));
         }
       }
     }
@@ -2665,7 +3143,8 @@ var SSRContainer = class extends _SharedContainer {
       parent: this.currentElementFrame,
       elementName,
       depthFirstElementIdx,
-      vNodeData: [0 /* NONE */]
+      vNodeData: [0 /* NONE */],
+      currentFile: isDev7 ? currentFile || null : null
     };
     this.currentElementFrame = frame;
     this.vNodeDatas.push(frame.vNodeData);
@@ -2677,6 +3156,7 @@ var SSRContainer = class extends _SharedContainer {
   }
   ////////////////////////////////////
   write(text) {
+    this.size += text.length;
     this.writer.write(text);
   }
   writeArray(array, separator) {
@@ -2688,89 +3168,103 @@ 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 (isDev7) {
+          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]);
         }
-        if (key === dangerouslySetInnerHTML) {
+      } else if (key === ITERATION_ITEM_SINGLE || key === ITERATION_ITEM_MULTI) {
+        value = this.serializationCtx.$addRoot$(value);
+      } 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, resolvedValue);
+        });
+        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;
-          }
-          innerHTML = escapeHTML(value || "");
-          key = QContainerAttr;
-          value = "text" /* TEXT */;
+        if (tag === "style") {
+          continue;
         }
-        const serializedValue = serializeAttribute(key, value, styleScopedId);
-        if (serializedValue != null && serializedValue !== false) {
-          this.write(" ");
-          this.write(key);
-          if (serializedValue !== true) {
-            this.write('="');
-            const strValue = escapeHTML(String(serializedValue));
-            this.write(strValue);
-            this.write('"');
+      } else if (isPreventDefault(key)) {
+        addPreventDefaultEventToSerializationContext(this.serializationCtx, key);
+      }
+      if (tag === "textarea" && key === "value") {
+        if (value && typeof value !== "string") {
+          if (isDev7) {
+            throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
           }
+          continue;
+        }
+        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);
+          const strValue = escapeHTML(String(serializedValue));
+          this.write(strValue);
+          this.write(QUOTE);
         }
       }
     }
     return innerHTML;
   }
+  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;
-      }
-    }
+    return Object.prototype.hasOwnProperty.call(attrs, QStyle) || Object.prototype.hasOwnProperty.call(attrs, QScopedStyle);
   }
   return false;
 };
@@ -2789,12 +3283,128 @@ 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-render.ts
 import { manifest as builtManifest } from "@qwik-client-manifest";
+
+// 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();
+  }
+  bufferSize = 0;
+  buffer = "";
+  networkFlushes = 0;
+  inOrderStreaming;
+  streamBlockDepth = 0;
+  streamBlockBuffer = "";
+  streamBlockBufferSize = 0;
+  nativeStream;
+  firstFlushTimer = createTimer();
+  stream;
+  setupStreamWriter() {
+    const handler = this;
+    let stream;
+    switch (this.inOrderStreaming.strategy) {
+      case "disabled":
+        stream = {
+          write(chunk) {
+            if (chunk === void 0 || chunk === null) {
+              return;
+            }
+            handler.enqueue(chunk);
+          }
+        };
+        break;
+      case "direct": {
+        const originalStream = this.nativeStream;
+        stream = {
+          write(chunk) {
+            if (chunk === void 0 || chunk === null) {
+              return;
+            }
+            originalStream.write(chunk);
+          }
+        };
+        break;
+      }
+      default:
+      case "auto": {
+        const minimumChunkSize = this.inOrderStreaming.maximumChunk ?? 0;
+        const initialChunkSize = this.inOrderStreaming.maximumInitialChunk ?? 0;
+        stream = {
+          write(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) {
+                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;
+    }
+  }
+  flush() {
+    if (this.buffer) {
+      this.nativeStream.write(this.buffer);
+      this.buffer = "";
+      this.bufferSize = 0;
+      this.networkFlushes++;
+      if (this.networkFlushes === 1) {
+        this.timing.firstFlush = this.firstFlushTimer();
+      }
+    }
+  }
+  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;
+      this.flush();
+    }
+  }
+};
+
+// packages/qwik/src/server/ssr-render.ts
 var renderToString = async (jsx, opts = {}) => {
   const chunks = [];
   const stream = {
@@ -2821,11 +3431,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,
@@ -2833,126 +3444,17 @@ 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$;
+  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 mergedManifest = manifest ? { ...builtManifest, ...manifest } : builtManifest;
   if (!mergedManifest || "mapper" in mergedManifest) {
@@ -2960,9 +3462,10 @@ function resolveManifest(manifest) {
   }
   if (mergedManifest.mapping) {
     const mapper = {};
-    Object.entries(mergedManifest.mapping).forEach(([symbol, bundleFilename]) => {
-      mapper[getSymbolHash(symbol)] = [symbol, bundleFilename];
-    });
+    for (const symbol in mergedManifest.mapping) {
+      const bundleFilename = mergedManifest.mapping[symbol];
+      mapper[getSymbolHash2(symbol)] = [symbol, bundleFilename];
+    }
     return {
       mapper,
       manifest: mergedManifest,
@@ -2975,10 +3478,11 @@ var Q_FUNCS_PREFIX = 'document["qFuncs_HASH"]=';
 
 // packages/qwik/src/server/index.ts
 async function setServerPlatform2(manifest) {
-  const platform = createPlatform({ manifest }, resolveManifest(manifest));
+  const platform = createPlatform2({ manifest }, resolveManifest(manifest));
   setPlatform2(platform);
 }
 export {
+  getQwikBackpatchExecutorScript,
   getQwikLoaderScript,
   getQwikPrefetchWorkerScript,
   renderToStream,