@qwik.dev/core 2.0.0-beta.35 → 2.0.0-beta.36

package/dist/server.prod.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.35-dev+4603135
+ * @qwik.dev/core/server 2.0.0-beta.36-dev+3268fab
  * 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
@@ -9,7 +9,7 @@
 import { setPlatform as setPlatform2 } from "@qwik.dev/core";
 
 // packages/qwik/src/server/platform.ts
-import { setPlatform as Mr } from "@qwik.dev/core";
+import { setPlatform as Bs } from "@qwik.dev/core";
 
 import { isDev as isDev6 } from "@qwik.dev/core/build";
 
@@ -17,7 +17,7 @@ import { isDev as isDev6 } from "@qwik.dev/core/build";
 import { isDev as isDev2 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/error/assert.ts
-import { isDev as ue } from "@qwik.dev/core/build";
+import { isDev as me } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/utils/qdev.ts
 var qDev = globalThis.qDev !== false;
@@ -34,18 +34,18 @@ var qRuntimeQrl = globalThis.qRuntimeQrl === true;
 var STYLE = qDev ? `background: #564CE0; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;` : "";
 
 var throwErrorAndStop = (e, ...t) => {
-    const n = fe(false, e, ...t);
+    const n = be(false, e, ...t);
     debugger;
     throw n;
 };
 
 var logErrorAndStop = (e, ...t) => {
-    const n = fe(qDev, e, ...t);
+    const n = be(qDev, e, ...t);
     debugger;
     return n;
 };
 
-var fe = (e, t, ...n) => {
+var be = (e, t, ...n) => {
     const r = t instanceof Error ? t : new Error(t);
     !qTest && console.error("%cQWIK ERROR", STYLE, r.message, ...n, r.stack);
     e && !qTest && setTimeout(() => {
@@ -58,7 +58,7 @@ var fe = (e, t, ...n) => {
 var ASSERT_DISCLAIMER = "Internal assert, this is likely caused by a bug in Qwik: ";
 
 function assertTrue(e, t, ...n) {
-    if (ue) {
+    if (me) {
         if (e === true) {
             return;
         }
@@ -67,7 +67,7 @@ function assertTrue(e, t, ...n) {
 }
 
 // packages/qwik/src/core/client/util-mapArray.ts
-var ae = (e, t, n) => {
+var ve = (e, t, n) => {
     isDev2 && assertTrue(n % 2 === 0, "Expecting even number.");
     let r = n >> 1;
     let s = e.length - 2 >> 1;
@@ -86,8 +86,8 @@ var ae = (e, t, n) => {
     return r << 1 ^ -1;
 };
 
-var he = (e, t, n, r, s = false) => {
-    const i = ae(e, t, r);
+var _e = (e, t, n, r, s = false) => {
+    const i = ve(e, t, r);
     if (i >= 0) {
         if (n == null && !s) {
             e.splice(i, 2);
@@ -100,7 +100,7 @@ var he = (e, t, n, r, s = false) => {
 };
 
 var mapApp_remove = (e, t, n) => {
-    const r = ae(e, t, n);
+    const r = ve(e, t, n);
     let s = null;
     if (r >= 0) {
         s = e[r + 1];
@@ -110,8 +110,8 @@ var mapApp_remove = (e, t, n) => {
     return s;
 };
 
-var de = (e, t, n) => {
-    const r = ae(e, t, n);
+var ge = (e, t, n) => {
+    const r = ve(e, t, n);
     if (r >= 0) {
         return e[r + 1];
     } else {
@@ -119,17 +119,17 @@ var de = (e, t, n) => {
     }
 };
 
-var pe = (e, t, n) => ae(e, t, n) >= 0;
+var Ee = (e, t, n) => ve(e, t, n) >= 0;
 
 // packages/qwik/src/core/shared/error/error.ts
 import { isDev as isDev3 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/utils/types.ts
-var ye = e => typeof e === "object" && e !== null;
+var ke = e => typeof e === "object" && e !== null;
 
-var me = e => Array.isArray(e);
+var Re = e => Array.isArray(e);
 
-var we = e => typeof e === "string";
+var Pe = e => typeof e === "string";
 
 // packages/qwik/src/core/shared/error/error.ts
 var baseUrl = "https://qwikdev-build-v2.qwik-8nx.pages.dev/docs/errors/#q";
@@ -211,7 +211,7 @@ var codeToText = (e, ...t) => {
         if (t.length) {
             r = r.replaceAll(/{{(\d+)}}/g, (e, n) => {
                 let r = t[n];
-                if (r && ye(r) && r.constructor === Object) {
+                if (r && ke(r) && r.constructor === Object) {
                     r = JSON.stringify(r).slice(0, 50);
                 }
                 return r;
@@ -223,7 +223,7 @@ var codeToText = (e, ...t) => {
     }
 };
 
-var ve = (e, t = []) => {
+var qe = (e, t = []) => {
     const n = codeToText(e, ...t);
     return logErrorAndStop(n, ...t);
 };
@@ -231,10 +231,10 @@ var ve = (e, t = []) => {
 // packages/qwik/src/core/shared/qrl/qrl-utils.ts
 import { isDev as isDev4 } from "@qwik.dev/core/build";
 
-var ge = "<sync>";
+var Me = "<sync>";
 
 // packages/qwik/src/core/shared/types.ts
-var Se = "q:type";
+var xe = "q:type";
 
 // packages/qwik/src/core/shared/vnode-data-types.ts
 var VNodeDataSeparator = {
@@ -406,6 +406,12 @@ var VNodeDataChar = {
     /* ******* */ "~"
 };
 
+var je = (e, t) => {
+    const n = parseInt(e, 10) - 1;
+    const r = n + t;
+    return -(r * (r + 1) / 2 + t + 1);
+};
+
 // packages/qwik/src/core/shared/utils/character-escaping.ts
 function escapeHTML(e) {
     let t = "";
@@ -457,26 +463,62 @@ function encodeVNodeDataString(e) {
     }
 }
 
+function encodeVNodeDataKey(e) {
+    const t = encodeURI(e);
+    let n = "";
+    const r = t.length;
+    let s = 0;
+    let i = s;
+    for (;s < r; s++) {
+        const e = t.charCodeAt(s);
+        let r = null;
+        if (e === 59) {
+            r = "%3B";
+        } else if (e === 61) {
+            r = "%3D";
+        } else if (e === 63) {
+            r = "%3F";
+        } else if (e === 64) {
+            r = "%40";
+        } else if (e === 126) {
+            r = "%7E";
+        } else {
+            continue;
+        }
+        n += t.substring(i, s) + r;
+        i = s + 1;
+    }
+    if (i === 0) {
+        return t;
+    } else {
+        return n + t.substring(i);
+    }
+}
+
 // packages/qwik/src/core/shared/utils/markers.ts
-var xe = "q:renderFn";
+var Le = "q:renderFn";
 
-var Pe = "q:slot";
+var De = "q:slot";
 
 var QSlotParent = "q:sparent";
 
-var Ae = "q:style";
+var QStatePatchAttr = "q:patch";
+
+var kh = "q:r";
+
+var Ue = "q:style";
 
-var Me = "style[q\\:style]";
+var ze = "style[q\\:style]";
 
 var QStyleSSelector = "style[q\\:sstyle]";
 
-var Ne = Me + "," + QStyleSSelector;
+var Be = ze + "," + QStyleSSelector;
 
-var Ie = "q:sstyle";
+var He = "q:sstyle";
 
-var Ce = "q:ctx";
+var Je = "q:ctx";
 
-var je = "q:brefs";
+var Qe = "q:brefs";
 
 var QRenderAttr = "q:render";
 
@@ -484,7 +526,7 @@ var QRuntimeAttr = "q:runtime";
 
 var QVersionAttr = "q:version";
 
-var Fe = "q:base";
+var Ge = "q:base";
 
 var QLocaleAttr = "q:locale";
 
@@ -492,78 +534,74 @@ var QManifestHashAttr = "q:manifest-hash";
 
 var QInstanceAttr = "q:instance";
 
-var Le = "q:container-island";
+var Ke = "q:container-island";
 
-var De = "/" + Le;
+var Ze = "/" + Ke;
 
-var Ve = "q:ignore";
+var ts = "q:ignore";
 
-var We = "/" + Ve;
+var ns = "/" + ts;
 
-var Ue = "q:container";
+var es = "q:container";
 
-var Xe = "/" + Ue;
+var ss = "/" + es;
 
-var ze = "q:template";
+var is = "q:template";
 
-var QContainerSelector = "[q\\:container]:not([q\\:container=" + "html" /* HTML */ + "]):not([q\\:container=" + "text" /* TEXT */ + "])";
+var os = "[q\\:container]:not([q\\:container=" + "html" /* HTML */ + "]):not([q\\:container=" + "text" /* TEXT */ + "])";
 
-var Ye = "";
+var QDefaultSlot = "";
 
-var ELEMENT_ID = "q:id";
+var as = "q:id";
 
-var Ge = "q:key";
+var hs = "q:key";
 
-var Ke = "q:props";
+var ds = "q:props";
 
-var Ze = "q:seq";
+var ps = "q:seq";
 
-var tr = "q:seqIdx";
+var $s = "q:seqIdx";
 
 var ELEMENT_BACKPATCH_DATA = "qwik/backpatch";
 
-var Q_PREFIX = "q:";
-
-var nr = "q:p";
-
-var er = "q:ps";
+var ys = "q:p";
 
-var rr = ":";
+var ms = "q:ps";
 
-var sr = rr + "on";
+var ws = ":";
 
-var ir = rr + "onIdx";
+var bs = ws + "on";
 
-var or = rr + "onFlags";
+var vs = ws + "onIdx";
 
-var lr = Q_PREFIX + "cursorBoundary";
+var _s = ws + "onFlags";
 
-var ur = rr + "nearestCursorBoundary";
+var gs = ws + "nearestCursorBoundary";
 
-var cr = ":";
+var Es = ":";
 
-var fr = "dangerouslySetInnerHTML";
+var Ss = "dangerouslySetInnerHTML";
 
 // packages/qwik/src/core/shared/utils/promises.ts
-import { isDev as isDev5, isServer as oe } from "@qwik.dev/core/build";
+import { isDev as isDev5, isServer as $e } from "@qwik.dev/core/build";
 
-var hr = 100;
+var Rs = 100;
 
-var dr = e => !!e && typeof e == "object" && typeof e.then === "function";
+var Ps = e => !!e && typeof e == "object" && typeof e.then === "function";
 
-var $r = (e, t) => dr(e) ? e.then(t) : t(e);
+var qs = (e, t) => Ps(e) ? e.then(t) : t(e);
 
 var checkError = e => {
-    if (oe && e instanceof ReferenceError && e.message.includes("window")) {
+    if ($e && e instanceof ReferenceError && e.message.includes("window")) {
         e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message;
     }
 };
 
-var yr = e => {
+var Ms = e => {
     throw e;
 };
 
-function n(e, t = yr) {
+function n(e, t = Ms) {
     let n = false;
     let r;
     try {
@@ -572,21 +610,21 @@ function n(e, t = yr) {
     } catch (e) {
         r = e;
     }
-    if (!dr(r)) {
+    if (!Ps(r)) {
         if (n) {
             return r;
         }
         isDev5 && checkError(r);
         return t(r);
     }
-    let s = hr;
+    let s = Rs;
     const i = async n => {
-        while (dr(n)) {
+        while (Ps(n)) {
             try {
                 await n;
                 return await e();
             } catch (e) {
-                if (dr(e)) {
+                if (Ps(e)) {
                     if (! --s) {
                         n = new Error("Exceeded max retry count in retryOnPromise");
                         break;
@@ -615,34 +653,34 @@ function convertStyleIdsToString(e) {
 }
 
 // packages/qwik/src/core/shared/utils/event-names.ts
-var br = e => e.charCodeAt(0) === 113 && e.charCodeAt(1) === 45 && (e.charCodeAt(3) === 58 || e.charCodeAt(3) === 112 && e.charCodeAt(4) === 58);
+var Is = e => e.charCodeAt(0) === 113 && e.charCodeAt(1) === 45 && (e.charCodeAt(3) === 58 || e.charCodeAt(3) === 112 && e.charCodeAt(4) === 58);
 
 function isPreventDefault(e) {
     return e.startsWith("preventdefault:");
 }
 
 // packages/qwik/src/core/shared/utils/unitless_number.ts
-var Sr = /* @__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", 
+var js = /* @__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 = e => Sr.has(e);
+var isUnitlessNumber = e => js.has(e);
 
 // packages/qwik/src/core/shared/utils/styles.ts
-var Er = e => {
+var Fs = e => {
     if (!e) {
         return "";
     }
-    if (we(e)) {
+    if (Pe(e)) {
         return e.trim();
     }
     const t = [];
-    if (me(e)) {
+    if (Re(e)) {
         for (let n = 0; n < e.length; n++) {
             const r = e[n];
-            const s = Er(r);
+            const s = Fs(r);
             if (s) {
                 t.push(s);
             }
@@ -657,15 +695,15 @@ var Er = e => {
     return t.join(" ");
 };
 
-var xr = e => e.replace(/([A-Z])/g, "-$1").toLowerCase();
+var Xs = e => e.replace(/([A-Z])/g, "-$1").toLowerCase();
 
 var stringifyStyle = e => {
     if (e == null) {
         return "";
     }
     if (typeof e == "object") {
-        if (me(e)) {
-            throw ve(0 /* stringifyClassOrStyle */ , [ e, "style" ]);
+        if (Re(e)) {
+            throw qe(0 /* stringifyClassOrStyle */ , [ e, "style" ]);
         } else {
             const t = [];
             for (const n in e) {
@@ -675,7 +713,7 @@ var stringifyStyle = e => {
                         if (n.startsWith("--")) {
                             t.push(n + ":" + r);
                         } else {
-                            t.push(xr(n) + ":" + qr(n, r));
+                            t.push(Xs(n) + ":" + Ds(n, r));
                         }
                     }
                 }
@@ -688,9 +726,9 @@ var stringifyStyle = e => {
 
 var serializeBooleanOrNumberAttribute = e => e != null ? String(e) : null;
 
-function r(e, t, n) {
+function s(e, t, n) {
     if (isClassAttr(e)) {
-        const e = Er(t);
+        const e = Fs(t);
         t = n ? n + (e.length ? " " + e : e) : e;
     } else if (e === "style") {
         t = stringifyStyle(t);
@@ -708,7 +746,7 @@ function isEnumeratedBooleanAttribute(e) {
     return isAriaAttribute(e) || [ "spellcheck", "draggable", "contenteditable" ].includes(e);
 }
 
-var qr = (e, t) => {
+var Ds = (e, t) => {
     if (typeof t === "number" && t !== 0 && !isUnitlessNumber(e)) {
         return t + "px";
     }
@@ -737,9 +775,9 @@ var parseBundleGraph = e => {
                 o = -i / 10;
             } else {
                 s.push({
-                    Dt: e[i],
-                    Jt: o,
-                    Qt: 1
+                    Wt: e[i],
+                    Yt: o,
+                    Gt: 1
                 });
             }
             n++;
@@ -758,7 +796,7 @@ var initPreloader = e => {
 };
 
 // packages/qwik/src/core/shared/utils/objects.ts
-var Kr = e => {
+var hr = e => {
     for (const t in e) {
         if (Object.prototype.hasOwnProperty.call(e, t)) {
             return false;
@@ -767,6 +805,29 @@ var Kr = e => {
     return true;
 };
 
+// packages/qwik/src/core/ssr/stream-writer.ts
+var stringifyRootRefPath = e => {
+    let t = String(e[0]);
+    for (let n = 1; n < e.length; n++) {
+        t += " " + e[n];
+    }
+    return t;
+};
+
+var writeStringRootRef = (e, t) => e.write(String(t));
+
+var writeStringRootRefPath = (e, t) => e.write(stringifyRootRefPath(t));
+
+var dr = e => ({
+    write: e,
+    writeRootRef(e) {
+        return writeStringRootRef(this, e);
+    },
+    writeRootRefPath(e) {
+        return writeStringRootRefPath(this, e);
+    }
+});
+
 // packages/qwik/src/core/shared/ssr-const.ts
 var LT = "<";
 
@@ -774,21 +835,21 @@ var GT = ">";
 
 var CLOSE_TAG = "</";
 
-var Uf = " ";
+var va = " ";
 
 var ATTR_EQUALS_QUOTE = '="';
 
-var QUOTE = '"';
+var pr = '"';
 
 var EMPTY_ATTR = '=""';
 
-var BRACKET_OPEN = "[";
+var $r = "[";
 
-var BRACKET_CLOSE = "]";
+var yr = "]";
 
 var PAREN_CLOSE = ")";
 
-var Zr = ",";
+var mr = ",";
 
 // packages/qwik/src/server/platform.ts
 var getDevSegmentPath = (e, t, n, r) => {
@@ -796,7 +857,7 @@ var getDevSegmentPath = (e, t, n, r) => {
     if (s) {
         return s;
     }
-    if (n === ge) {
+    if (n === Me) {
         return [ n, "" ];
     }
     if (!r) {
@@ -810,14 +871,14 @@ var getDevSegmentPath = (e, t, n, r) => {
     return [ n, i ];
 };
 
-function Pr(e, t) {
+function Vs(e, t) {
     const n = t?.mapper;
     const r = e.symbolMapper ? e.symbolMapper : (e, t, r) => {
         if (n || isDev6 && import.meta.env?.MODE !== "test") {
-            const t = Ha(e);
+            const t = Sh(e);
             const s = !isDev6 ? n[t] : getDevSegmentPath(n, t, e, r);
             if (!s) {
-                if (t === ge) {
+                if (t === Me) {
                     return [ t, "" ];
                 }
                 const s = globalThis.__qwik_reg_symbols?.has(t);
@@ -832,12 +893,12 @@ function Pr(e, t) {
     const s = {
         isServer: true,
         async importSymbol(e, t, n) {
-            const r = Ha(n);
+            const r = Sh(n);
             const s = globalThis.__qwik_reg_symbols?.get(r);
             if (s) {
                 return s;
             }
-            throw ve(6 /* dynamicImportFailed */ , [ n ]);
+            throw qe(6 /* dynamicImportFailed */ , [ n ]);
         },
         raf: () => {
             console.error("server can not rerender");
@@ -851,11 +912,11 @@ function Pr(e, t) {
 }
 
 async function setServerPlatform(e, t) {
-    const n = Pr(e, t);
-    Mr(n);
+    const n = Vs(e, t);
+    Bs(n);
 }
 
-var Ha = e => {
+var Sh = e => {
     const t = e.lastIndexOf("_");
     if (t > -1) {
         return e.slice(t + 1);
@@ -864,15 +925,77 @@ var Ha = e => {
 };
 
 // packages/qwik/src/server/ssr-render.ts
-import { getClientManifest as yf } from "@qwik.dev/core";
+import { getClientManifest as Hf } from "@qwik.dev/core";
 
 // packages/qwik/src/server/ssr-container.ts
 import { isDev as isDev8 } from "@qwik.dev/core/build";
 
-import { _SubscriptionData as li, _SharedContainer as Ou, _jsxSorted as vi, _jsxSplit as gi, _res as w, _setEvent, _walkJSX as Nn, _createQRL as Kc, isSignal as Ll } from "@qwik.dev/core/internal";
+import { _SubscriptionData as Ri, _SharedContainer as ic, _jsxSorted as Fi, _jsxSplit as Xi, _res as _, _setEvent, _walkJSX as Xn, _createQRL as Mf, isSignal as iu } from "@qwik.dev/core/internal";
+
+// packages/qwik/src/server/ooos-utils.ts
+import { _SubscriptionPatch as Pu } from "@qwik.dev/core/internal";
+
+var recordExternalRootEffect = (e, t, n, r, s, i, o, a) => {
+    if (!r || o !== null && !a) {
+        return;
+    }
+    let c = s;
+    if (o !== null && s && (typeof s === "object" || typeof s === "function")) {
+        c = n.get(s) || s;
+    }
+    const l = e.ge(c);
+    t.St(c);
+    t.St(i);
+    if (o !== null && typeof o !== "string") {
+        t.St(o);
+    }
+    r.push({
+        rootObj: c,
+        rootId: l,
+        effect: i,
+        prop: o
+    });
+};
+
+var collectSubscriptionPatches = (e, t, n) => {
+    if (!t?.length) {
+        return;
+    }
+    const r = [];
+    const s = /* @__PURE__ */ new Map;
+    for (let i = 0; i < t.length; i++) {
+        const o = t[i];
+        const a = o.rootId === void 0 ? e.ge(o.rootObj) : o.rootId;
+        if (a === void 0 || a >= n) {
+            continue;
+        }
+        let c = s.get(a);
+        if (!c) {
+            c = new Pu(a, o.prop === null ? /* @__PURE__ */ new Set : /* @__PURE__ */ new Map);
+            s.set(a, c);
+            r.push(c);
+        }
+        const l = c.subscriptions;
+        if (o.prop === null) {
+            if (l instanceof Set) {
+                l.add(o.effect);
+            }
+        } else {
+            if (l instanceof Map) {
+                let e = l.get(o.prop);
+                if (!e) {
+                    e = /* @__PURE__ */ new Set;
+                    l.set(o.prop, e);
+                }
+                e.add(o.effect);
+            }
+        }
+    }
+    return r.length ? r : void 0;
+};
 
 // packages/qwik/src/server/preload-impl.ts
-import { getPlatform as Nr } from "@qwik.dev/core";
+import { getPlatform as Hs } from "@qwik.dev/core";
 
 var simplifyPath = (e, t) => {
     if (t == null) {
@@ -892,7 +1015,7 @@ var simplifyPath = (e, t) => {
 };
 
 var getBase = e => {
-    let t = e.ce;
+    let t = e.qe;
     if (import.meta.env?.DEV && !qTest) {
         t = import.meta.env?.BASE_URL;
     }
@@ -916,15 +1039,15 @@ var preloaderPre = (e, t, n) => {
                 a.push(`P:${t.maxIdlePreloads}`);
             }
         }
-        const l = a.length ? `,{${a.join(",")}}` : "";
-        const c = {
+        const c = a.length ? `,{${a.join(",")}}` : "";
+        const l = {
             rel: "modulepreload",
             href: i
         };
         if (n) {
-            c["nonce"] = n;
+            l["nonce"] = n;
         }
-        e.openElement("link", null, c, null, null, null);
+        e.openElement("link", null, l, null, null, null);
         e.closeElement();
         e.openElement("link", null, {
             rel: "preload",
@@ -933,7 +1056,7 @@ var preloaderPre = (e, t, n) => {
             crossorigin: "anonymous"
         }, null, null, null);
         e.closeElement();
-        const u = `let b=fetch("${o}");import("${i}").then(({l})=>l(${JSON.stringify(s)},b${l}));`;
+        const u = `let b=fetch("${o}");import("${i}").then(({l})=>l(${JSON.stringify(s)},b${c}));`;
         const h = {
             type: "module",
             async: true,
@@ -942,9 +1065,7 @@ var preloaderPre = (e, t, n) => {
         if (n) {
             h["nonce"] = n;
         }
-        e.openElement("script", null, h, null, null, null);
-        e.write(u);
-        e.closeElement();
+        e.writeScript(h, u);
     }
     const a = simplifyPath(s, r?.manifest.core);
     if (a) {
@@ -968,10 +1089,10 @@ var includePreloader = (e, t, n, r) => {
     let i = s;
     const o = getBase(e);
     const a = [];
-    const {resolvedManifest: l} = e;
+    const {resolvedManifest: c} = e;
     if (i) {
-        const e = l?.manifest.preloader;
-        const t = l?.manifest.core;
+        const e = c?.manifest.preloader;
+        const t = c?.manifest.core;
         for (let r = 0; r < n.length; r++) {
             const s = n[r];
             if (s === e || s === t) {
@@ -983,7 +1104,7 @@ var includePreloader = (e, t, n, r) => {
             }
         }
     }
-    const c = simplifyPath(o, l?.manifest.preloader);
+    const l = simplifyPath(o, c?.manifest.preloader);
     const u = a.length ? 
     /**
      * We only use modulepreload links because they behave best. Older browsers can rely on the
@@ -991,8 +1112,8 @@ var includePreloader = (e, t, n, r) => {
      * links.
      */ `${JSON.stringify(a)}.map((l,e)=>{e=document.createElement('link');e.rel='modulepreload';e.href=${JSON.stringify(o)}+l;document.head.appendChild(e)});` : "";
     let h = u;
-    if (c) {
-        h += `window.addEventListener('load',f=>{f=_=>import("${c}").then(({p})=>p(${JSON.stringify(n)}));try{requestIdleCallback(f,{timeout:2000})}catch(e){setTimeout(f,200)}})`;
+    if (l) {
+        h += `window.addEventListener('load',f=>{f=_=>import("${l}").then(({p})=>p(${JSON.stringify(n)}));try{requestIdleCallback(f,{timeout:2000})}catch(e){setTimeout(f,200)}})`;
     }
     if (h) {
         const t = {
@@ -1003,9 +1124,7 @@ var includePreloader = (e, t, n, r) => {
         if (r) {
             t["nonce"] = r;
         }
-        e.openElement("script", null, t, null, null, null);
-        e.write(h);
-        e.closeElement();
+        e.writeScript(t, h);
     }
     return null;
 };
@@ -1015,7 +1134,7 @@ var preloaderPost = (e, t, n) => {
         return;
     }
     if (t.preloader !== false) {
-        const r = Array.from(e.serializationCtx.At);
+        const r = Array.from(e.serializationCtx.xt);
         const s = getBundles(r);
         includePreloader(e, t.preloader, s, n);
     }
@@ -1029,10 +1148,10 @@ function normalizePreLoaderOptions(e) {
 }
 
 var getBundles = e => {
-    const t = Nr();
+    const t = Hs();
     const n = e?.map(e => {
-        const n = e.bt;
-        const r = e.vt;
+        const n = e.vt;
+        const r = e._t;
         const s = t.chunkForSymbol(n, r, e.dev?.file);
         if (s) {
             return s[1];
@@ -1048,13 +1167,17 @@ var preLoaderOptionsDefault = {
 };
 
 // packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = 'const e=document,t=window,r="w",n="wp",o="d",s="dp",i="e",c="ep",l="capture:",a=new Set,p=new Set([e]),q=new Map;let u,f,h;const d=(e,t)=>Array.from(e.querySelectorAll(t)),b=e=>{const t=[];return p.forEach(r=>t.push(...d(r,e))),t},m=(e,t,r,n=!1,o=!1)=>e.addEventListener(t,r,{capture:n,passive:o}),g=e=>{J(e);const t=d(e,"[q\\\\:shadowroot]");for(let e=0;e<t.length;e++){const r=t[e].shadowRoot;r&&g(r)}},v=e=>e&&"function"==typeof e.then,y=async e=>{for(let t=0;t<e.length;t++)await e[t]()},w=e=>{if(e.length){const t=()=>y(e);h=h?h.then(t,t):t()}},E=t=>{if(void 0===t._qwikjson_){let r=(t===e.documentElement?e.body:t).lastElementChild;for(;r;){if("SCRIPT"===r.tagName&&"qwik/json"===r.getAttribute("type")){t._qwikjson_=JSON.parse(r.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}r=r.previousElementSibling}}},A=(e,t)=>new CustomEvent(e,{detail:t}),C=(t,r)=>{e.dispatchEvent(A(t,r))},_=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),k=e=>e.replace(/-./g,e=>e[1].toUpperCase()),B=e=>{const t=e.indexOf(":");return{scope:e.slice(0,t),eventName:k(e.slice(t+1))}},S=e=>2===e.length,I=e=>e.charAt(0),N=e=>!!e&&1===e.nodeType,T=(e,t,r)=>e.hasAttribute(r)&&(!!e._qDispatch?.[t]||e.hasAttribute("q-"+t)),$=(t,r,n,o,s,i,c)=>{const l={qBase:n,symbol:i,element:r,reqTime:c};if(""===s){const r=t.getAttribute("q:instance"),n=(e["qFuncs_"+r]||[])[Number.parseInt(i)];if(!n){const e=Error("sym:"+i);C("qerror",{importError:"sync",error:e,...l}),console.error(e)}return n}const a=`${i}|${n}|${s}`,p=q.get(a);if(p)return p;const u=new URL(s,o).href,f=import(u);return E(t),f.then(e=>{const t=e[i];if(t)q.set(a,t),C("qsymbol",l);else{const e=Error(`${i} not in ${u}`);C("qerror",{importError:"no-symbol",error:e,...l}),console.error(e)}return t},e=>{C("qerror",{importError:"async",error:e,...l}),console.error(e)})},R=(t,r,n,o,s,i=!0)=>{let c=!1;s&&(i&&t.hasAttribute("preventdefault:"+s)&&r.preventDefault(),t.hasAttribute("stoppropagation:"+s)&&r.stopPropagation());const l=t._qDispatch?.[n];if(l){if("function"==typeof l){const e=()=>l(r,t);if(c)o.push(async()=>{const t=e();v(t)&&await t});else{const t=e();v(t)&&(c=!0,o.push(()=>t))}}else if(l.length)for(let e=0;e<l.length;e++){const n=l[e];if(n){const e=()=>n(r,t);if(c)o.push(async()=>{const t=e();v(t)&&await t});else{const t=e();v(t)&&(c=!0,o.push(()=>t))}}}return}const a=t.getAttribute("q-"+n);if(a){const n=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),s=n.getAttribute("q:base"),i=new URL(s,e.baseURI),l=a.split("|");for(let e=0;e<l.length;e++){const a=l[e],p=performance.now(),[q,u,f]=a.split("#"),h=e=>{if(e&&t.isConnected)try{const n=e.call(f,r,t);if(v(n))return n.catch(e=>{C("qerror",{error:e,qBase:s,symbol:u,element:t,reqTime:p})})}catch(e){C("qerror",{error:e,qBase:s,symbol:u,element:t,reqTime:p})}},d=$(n,t,s,i,q,u,p);if(c||v(d))c=!0,o.push(async()=>{await h(v(d)?await d:d)});else{const e=h(d);v(e)&&(c=!0,o.push(()=>e))}}}},x=(e,t=i,r=!0)=>{const n=_(e.type),o=t+":"+n,s=l+n,c=[],a=[],p=[];let q=e.target;for(;q;)N(q)?(c.push(q),a.push(T(q,o,s)),q=q.parentElement):q=q.parentElement;for(let t=c.length-1;t>=0;t--)if(a[t]&&(R(c[t],e,o,p,n,r),e.cancelBubble||e.cancelBubble))return void w(p);for(let t=0;t<c.length;t++)if(!a[t]&&(R(c[t],e,o,p,n,r),!e.bubbles||e.cancelBubble||e.cancelBubble))return void w(p);w(p)},L=e=>x(e,c,!1),U=(e,t,r=!0)=>{const n=_(t.type),o=e+":"+n,s=b("[q-"+e+"\\\\:"+n+"]"),i=[];for(let e=0;e<s.length;e++){const c=s[e];R(c,t,o,i,n,r)}w(i)},j=e=>{U(o,e)},D=e=>{U(s,e,!1)},O=e=>{U(r,e)},P=e=>{U(n,e,!1)},F=()=>{const r=e.readyState;if("interactive"==r||"complete"==r){if(f=1,p.forEach(g),a.has("d:qinit")){a.delete("d:qinit");const e=A("qinit"),t=b("[q-d\\\\:qinit]"),r=[];for(let n=0;n<t.length;n++){const o=t[n];R(o,e,"d:qinit",r),o.removeAttribute("q-d:qinit")}w(r)}if(a.has("d:qidle")&&(a.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=A("qidle"),t=b("[q-d\\\\:qidle]"),r=[];for(let n=0;n<t.length;n++){const o=t[n];R(o,e,"d:qidle",r),o.removeAttribute("q-d:qidle")}w(r)})),a.has("e:qvisible")){u||(u=new IntersectionObserver(e=>{const t=[];for(let r=0;r<e.length;r++){const n=e[r];n.isIntersecting&&(u.unobserve(n.target),R(n.target,A("qvisible",n),"e:qvisible",t))}w(t)}));const e=b("[q-e\\\\:qvisible]:not([q\\\\:observed])");for(let t=0;t<e.length;t++){const r=e[t];u.observe(r),r.setAttribute("q:observed","true")}}}},J=(...e)=>{for(let n=0;n<e.length;n++){const s=e[n];if("string"==typeof s){if(!a.has(s)){a.add(s);const{scope:e,eventName:n}=B(s),i=S(e),c=I(e);c===r?m(t,n,i?P:O,!0,i):p.forEach(e=>m(e,n,c===o?i?D:j:i?L:x,!0,i)),1!==f||"e:qvisible"!==s&&"d:qinit"!==s&&"d:qidle"!==s||F()}}else p.has(s)||(a.forEach(e=>{const{scope:t,eventName:n}=B(e),i=S(t),c=I(t);c!==r&&m(s,n,c===o?i?D:j:i?L:x,!0,i)}),p.add(s))}},M=t._qwikEv;M?.roots||(Array.isArray(M)?J(...M):J("e:click","e:input"),t._qwikEv={events:a,roots:p,push:J},m(e,"readystatechange",F),F())';
+var QWIK_LOADER_DEFAULT_MINIFIED = 'const e=document,t=window,n="w",r="wp",o="d",s="dp",i="e",c="ep",a="capture:",l="readystatechange",p="qready",u=new Set,q=new Set([e]),d=new Map;let h,f,b;const g=(e,t)=>Array.from(e.querySelectorAll(t)),m=e=>{const t=[];return q.forEach(n=>t.push(...g(n,e))),t},v=(e,t,n,r=!1,o=!1)=>e.addEventListener(t,n,{capture:r,passive:o}),y=e=>{z(e);const t=g(e,"[q\\\\:shadowroot]");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&y(n)}},w=e=>e&&"function"==typeof e.then,E=async e=>{for(let t=0;t<e.length;t++)await e[t]()},A=e=>{if(e.length){const t=()=>E(e);b=b?b.then(t,t):t()}},C=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}}},_=t=>{const n=t.getAttribute("q:instance");return"paused"===t.getAttribute("q:container")&&"loading"===e.readyState&&!e[p]?.[n]&&new Promise(t=>{const r=o=>{o.detail===n&&(e.removeEventListener(p,r),t())};v(e,l,t),v(e,p,r)})},k=(e,t)=>new CustomEvent(e,{detail:t}),S=(t,n)=>{e.dispatchEvent(k(t,n))},$=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),I=e=>e.replace(/-./g,e=>e[1].toUpperCase()),L=e=>{const t=e.indexOf(":");return{scope:e.slice(0,t),eventName:I(e.slice(t+1))}},N=e=>2===e.length,R=e=>e.charAt(0),T=e=>!!e&&1===e.nodeType,x=(e,t,n)=>e.hasAttribute(n)&&(!!e._qDispatch?.[t]||e.hasAttribute("q-"+t)),B=(t,n,r,o,s,i,c,a=!0)=>{const l={qBase:r,symbol:i,element:n,reqTime:c};if(!s){const n=(e["qFuncs_"+t.getAttribute("q:instance")]||[])[+i];if(!n&&a){const e=Error("sym:"+i);S("qerror",{importError:"sync",error:e,...l}),console.error(e)}return n}const p=`${i}|${r}|${s}`,u=d.get(p);if(u)return u;const q=new URL(s,o).href,h=import(q);return C(t),h.then(e=>{const t=e[i];if(t)d.set(p,t),S("qsymbol",l);else{const e=Error(`${i} not in ${q}`);S("qerror",{importError:"no-symbol",error:e,...l}),console.error(e)}return t},e=>{S("qerror",{importError:"async",error:e,...l}),console.error(e)})},U=(t,n,r,o,s,i=!0)=>{let c=!1;s&&(i&&t.hasAttribute("preventdefault:"+s)&&n.preventDefault(),t.hasAttribute("stoppropagation:"+s)&&n.stopPropagation());const a=t._qDispatch?.[r];if(a){if("function"==typeof a){const e=()=>a(n,t);if(c)o.push(async()=>{const t=e();w(t)&&await t});else{const t=e();w(t)&&(c=!0,o.push(()=>t))}}else if(a.length)for(let e=0;e<a.length;e++){const r=a[e];if(r){const e=()=>r(n,t);if(c)o.push(async()=>{const t=e();w(t)&&await t});else{const t=e();w(t)&&(c=!0,o.push(()=>t))}}}return}const l=t.getAttribute("q-"+r);if(l){const r=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),s=r.getAttribute("q:base"),i=new URL(s,e.baseURI),a=l.split("|"),p=_(r);for(let e=0;e<a.length;e++){const l=a[e],u=performance.now(),[q,d,h]=l.split("#"),f=e=>{if(e&&t.isConnected){const o=n=>{const o=_(r);if(o)return o.then(()=>f(e));S("qerror",{error:n,qBase:s,symbol:d,element:t,reqTime:u})};try{const r=e.call(h,n,t);if(w(r))return r.catch(o)}catch(e){return o(e)}}},b=(e=!0)=>B(r,t,s,i,q,d,u,e),g=p&&!q?b(!1):b();if(w(g))c=!0,o.push(()=>g.then(f));else if(c||p&&!q&&!g)c=!0,o.push(async()=>{let e=g;!e&&p&&(await p,e=b(!1)),await f(e||await b())});else{const e=f(g);w(e)&&(c=!0,o.push(()=>e))}}}},j=(e,t=i,n=!0)=>{const r=$(e.type),o=t+":"+r,s=a+r,c=[],l=[],p=[];let u=e.target;for(;u;)T(u)?(c.push(u),l.push(x(u,o,s)),u=u.parentElement):u=u.parentElement;for(let t=c.length-1;t>=0;t--)if(l[t]&&(U(c[t],e,o,p,r,n),e.cancelBubble))return void A(p);for(let t=0;t<c.length;t++)if(!l[t]&&(U(c[t],e,o,p,r,n),!e.bubbles||e.cancelBubble))return void A(p);A(p)},D=e=>j(e,c,!1),O=(e,t,n=!0)=>{const r=$(t.type),o=e+":"+r,s=m("[q-"+e+"\\\\:"+r+"]"),i=[];for(let e=0;e<s.length;e++){const c=s[e];U(c,t,o,i,r,n)}A(i)},P=e=>{O(o,e)},F=e=>{O(s,e,!1)},J=e=>{O(n,e)},M=e=>{O(r,e,!1)},Z=()=>{const n=e.readyState;if("interactive"==n||"complete"==n){if(f=1,q.forEach(y),u.has("d:qinit")){u.delete("d:qinit");const e=k("qinit"),t=m("[q-d\\\\:qinit]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];U(o,e,"d:qinit",n),o.removeAttribute("q-d:qinit")}A(n)}if(u.has("d:qidle")&&(u.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=k("qidle"),t=m("[q-d\\\\:qidle]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];U(o,e,"d:qidle",n),o.removeAttribute("q-d:qidle")}A(n)})),u.has("e:qvisible")){h||(h=new IntersectionObserver(e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n];r.isIntersecting&&(h.unobserve(r.target),U(r.target,k("qvisible",r),"e:qvisible",t))}A(t)}));const e=m("[q-e\\\\:qvisible]:not([q\\\\:observed])");for(let t=0;t<e.length;t++){const n=e[t];h.observe(n),n.setAttribute("q:observed","true")}}}},z=(...e)=>{for(let r=0;r<e.length;r++){const s=e[r];if("string"==typeof s){if(!u.has(s)){u.add(s);const{scope:e,eventName:r}=L(s),i=N(e),c=R(e);c===n?v(t,r,i?M:J,!0,i):q.forEach(e=>v(e,r,c===o?i?F:P:i?D:j,!0,i)),1!==f||"e:qvisible"!==s&&"d:qinit"!==s&&"d:qidle"!==s||Z()}}else q.has(s)||(u.forEach(e=>{const{scope:t,eventName:r}=L(e),i=N(t),c=R(t);c!==n&&v(s,r,c===o?i?F:P:i?D:j,!0,i)}),q.add(s))}},G=t._qwikEv;G?.roots||(Array.isArray(G)?z(...G):z("e:click","e:input"),t._qwikEv={events:u,roots:q,push:z},v(e,l,Z),Z())';
+
+var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst windowPrefix = "w";\nconst passiveWindowPrefix = "wp";\nconst documentPrefix = "d";\nconst passiveDocumentPrefix = "dp";\nconst elementPrefix = "e";\nconst passiveElementPrefix = "ep";\nconst capturePrefix = "capture:";\nconst readyStateChange = "readystatechange";\nconst containerReady = "qready";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\nlet hasInitialized;\nlet queuedTasks;\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, passive = false) => el.addEventListener(eventName, handler, { capture, passive });\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 runTasks = async (tasks) => {\n  for (let i = 0; i < tasks.length; i++) {\n    await tasks[i]();\n  }\n};\nconst queueTasks = (tasks) => {\n  if (tasks.length) {\n    const run = () => runTasks(tasks);\n    queuedTasks = queuedTasks ? queuedTasks.then(run, run) : run();\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 waitForContainerReady = (container) => {\n  const hash = container.getAttribute("q:instance");\n  return container.getAttribute("q:container") === "paused" && doc.readyState === "loading" && !doc[containerReady]?.[hash] && new Promise((resolve) => {\n    const ready = (ev) => {\n      if (ev.detail === hash) {\n        doc.removeEventListener(containerReady, ready);\n        resolve();\n      }\n    };\n    addEventListener(doc, readyStateChange, resolve);\n    addEventListener(doc, containerReady, ready);\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  const separatorIndex = event.indexOf(":");\n  const scope = event.slice(0, separatorIndex);\n  return {\n    scope,\n    eventName: kebabToCamel(event.slice(separatorIndex + 1))\n  };\n};\nconst isPassiveScope = (scope) => scope.length === 2;\nconst getRootScope = (scope) => scope.charAt(0);\nconst isElementNode = (node) => !!node && node.nodeType === 1;\nconst isCaptureHandlerElement = (element, scopedKebabName, captureAttribute) => element.hasAttribute(captureAttribute) && (!!element._qDispatch?.[scopedKebabName] || element.hasAttribute("q-" + scopedKebabName));\nconst resolveHandler = (container, element, qBase, base, chunk, symbol, reqTime, reportSyncError = true) => {\n  const eventData = {\n    qBase,\n    symbol,\n    element,\n    reqTime\n  };\n  if (!chunk) {\n    const handler2 = (doc["qFuncs_" + container.getAttribute("q:instance")] || [])[+symbol];\n    if (!handler2 && reportSyncError) {\n      const error = new Error("sym:" + symbol);\n      emitEvent("qerror", {\n        importError: "sync",\n        error,\n        ...eventData\n      });\n      console.error(error);\n    }\n    return handler2;\n  }\n  const key = `${symbol}|${qBase}|${chunk}`;\n  const handler = symbols.get(key);\n  if (handler) {\n    return handler;\n  }\n  const href = new URL(chunk, base).href;\n  const module = import(\n        href\n  );\n  resolveContainer(container);\n  return module.then(\n    (module2) => {\n      const handler2 = module2[symbol];\n      if (!handler2) {\n        const error = new Error(`${symbol} not in ${href}`);\n        emitEvent("qerror", {\n          importError: "no-symbol",\n          error,\n          ...eventData\n        });\n        console.error(error);\n      } else {\n        symbols.set(key, handler2);\n        emitEvent("qsymbol", eventData);\n      }\n      return handler2;\n    },\n    (error) => {\n      emitEvent("qerror", {\n        importError: "async",\n        error,\n        ...eventData\n      });\n      console.error(error);\n      return void 0;\n    }\n  );\n};\nconst dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDefault = true) => {\n  let defer = false;\n  if (kebabName) {\n    if (allowPreventDefault && 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 run = () => handlers(ev, element);\n      if (defer) {\n        tasks.push(async () => {\n          const result = run();\n          if (isPromise(result)) {\n            await result;\n          }\n        });\n      } else {\n        const result = run();\n        if (isPromise(result)) {\n          defer = true;\n          tasks.push(() => result);\n        }\n      }\n    } else if (handlers.length) {\n      for (let i = 0; i < handlers.length; i++) {\n        const handler = handlers[i];\n        if (handler) {\n          const run = () => handler(ev, element);\n          if (defer) {\n            tasks.push(async () => {\n              const result = run();\n              if (isPromise(result)) {\n                await result;\n              }\n            });\n          } else {\n            const result = run();\n            if (isPromise(result)) {\n              defer = true;\n              tasks.push(() => result);\n            }\n          }\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    const waitForReady = waitForContainerReady(container);\n    for (let i = 0; i < qrls.length; i++) {\n      const qrl = qrls[i];\n      const reqTime = performance.now();\n      const [chunk, symbol, capturedIds] = qrl.split("#");\n      const run = (handler2) => {\n        if (handler2 && element.isConnected) {\n          const onError = (error) => {\n            const retry = waitForContainerReady(container);\n            if (retry) {\n              return retry.then(() => run(handler2));\n            }\n            emitEvent("qerror", {\n              error,\n              qBase,\n              symbol,\n              element,\n              reqTime\n            });\n          };\n          try {\n            const result = handler2.call(capturedIds, ev, element);\n            if (isPromise(result)) {\n              return result.catch(onError);\n            }\n          } catch (error) {\n            return onError(error);\n          }\n        }\n      };\n      const resolve = (reportSyncError = true) => resolveHandler(container, element, qBase, base, chunk, symbol, reqTime, reportSyncError);\n      const handler = waitForReady && !chunk ? resolve(false) : resolve();\n      if (isPromise(handler)) {\n        defer = true;\n        tasks.push(() => handler.then(run));\n      } else if (defer || waitForReady && !chunk && !handler) {\n        defer = true;\n        tasks.push(async () => {\n          let retryHandler = handler;\n          if (!retryHandler && waitForReady) {\n            await waitForReady;\n            retryHandler = resolve(false);\n          }\n          await run(retryHandler || await resolve());\n        });\n      } else {\n        const result = run(handler);\n        if (isPromise(result)) {\n          defer = true;\n          tasks.push(() => result);\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = (ev, scope = elementPrefix, allowPreventDefault = true) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = scope + ":" + kebabName;\n  const captureAttribute = capturePrefix + kebabName;\n  const elements = [];\n  const captureHandlers = [];\n  const tasks = [];\n  let current = ev.target;\n  while (current) {\n    if (isElementNode(current)) {\n      elements.push(current);\n      captureHandlers.push(isCaptureHandlerElement(current, scopedKebabName, captureAttribute));\n      current = current.parentElement;\n    } else {\n      current = current.parentElement;\n    }\n  }\n  for (let i = elements.length - 1; i >= 0; i--) {\n    if (captureHandlers[i]) {\n      dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n      if (ev.cancelBubble) {\n        queueTasks(tasks);\n        return;\n      }\n    }\n  }\n  for (let i = 0; i < elements.length; i++) {\n    if (!captureHandlers[i]) {\n      dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n      if (!ev.bubbles || ev.cancelBubble) {\n        queueTasks(tasks);\n        return;\n      }\n    }\n  }\n  queueTasks(tasks);\n};\nconst processPassiveElementEvent = (ev) => processElementEvent(ev, passiveElementPrefix, false);\nconst broadcast = (scope, ev, allowPreventDefault = true) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = scope + ":" + kebabName;\n  const elements = querySelectorAll("[q-" + scope + "\\\\:" + kebabName + "]");\n  const tasks = [];\n  for (let i = 0; i < elements.length; i++) {\n    const el = elements[i];\n    dispatch(el, ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n  }\n  queueTasks(tasks);\n};\nconst processDocumentEvent = (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processPassiveDocumentEvent = (ev) => {\n  broadcast(passiveDocumentPrefix, ev, false);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processPassiveWindowEvent = (ev) => {\n  broadcast(passiveWindowPrefix, ev, false);\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      const tasks = [];\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        dispatch(el, ev, "d:qinit", tasks);\n        el.removeAttribute("q-d:qinit");\n      }\n      queueTasks(tasks);\n    }\n    if (events.has("d:qidle")) {\n      events.delete("d:qidle");\n      const riC = win.requestIdleCallback ?? win.setTimeout;\n      riC.bind(win)(() => {\n        const ev = createEvent("qidle");\n        const elements = querySelectorAll("[q-d\\\\:qidle]");\n        const tasks = [];\n        for (let i = 0; i < elements.length; i++) {\n          const el = elements[i];\n          dispatch(el, ev, "d:qidle", tasks);\n          el.removeAttribute("q-d:qidle");\n        }\n        queueTasks(tasks);\n      });\n    }\n    if (events.has("e:qvisible")) {\n      observer || (observer = new IntersectionObserver((entries) => {\n        const tasks = [];\n        for (let i = 0; i < entries.length; i++) {\n          const entry = entries[i];\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(\n              entry.target,\n              createEvent("qvisible", entry),\n              "e:qvisible",\n              tasks\n            );\n          }\n        }\n        queueTasks(tasks);\n      }));\n      const elements = querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])");\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        observer.observe(el);\n        el.setAttribute("q:observed", "true");\n      }\n    }\n  }\n};\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        const passive = isPassiveScope(scope);\n        const rootScope = getRootScope(scope);\n        if (rootScope === windowPrefix) {\n          addEventListener(\n            win,\n            eventName,\n            passive ? processPassiveWindowEvent : processWindowEvent,\n            true,\n            passive\n          );\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,\n              true,\n              passive\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          const passive = isPassiveScope(scope);\n          const rootScope = getRootScope(scope);\n          if (rootScope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,\n              true,\n              passive\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"]';function e(e,n){const o=n||e.querySelector("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const n=o.querySelectorAll(t),r=n[n.length-1];if(r){const t=JSON.parse(r.textContent||"[]"),n=e.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let c=n.currentNode,i=c.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],r=t[e+1];let l=t[e+2];for(;i<o&&(c=n.nextNode(),c);)c.hasAttribute(":")&&i++;const s=c;null==l||!1===l?s.removeAttribute(r):("boolean"==typeof l&&(l=""),s.setAttribute(r,l))}}}}const n=document.currentScript;if(n){const t=n.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");t&&e(document,t)}`;
 
-var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst windowPrefix = "w";\nconst passiveWindowPrefix = "wp";\nconst documentPrefix = "d";\nconst passiveDocumentPrefix = "dp";\nconst elementPrefix = "e";\nconst passiveElementPrefix = "ep";\nconst capturePrefix = "capture:";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\nlet hasInitialized;\nlet queuedTasks;\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, passive = false) => el.addEventListener(eventName, handler, { capture, passive });\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 runTasks = async (tasks) => {\n  for (let i = 0; i < tasks.length; i++) {\n    await tasks[i]();\n  }\n};\nconst queueTasks = (tasks) => {\n  if (tasks.length) {\n    const run = () => runTasks(tasks);\n    queuedTasks = queuedTasks ? queuedTasks.then(run, run) : run();\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, { 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  const separatorIndex = event.indexOf(":");\n  const scope = event.slice(0, separatorIndex);\n  return {\n    scope,\n    eventName: kebabToCamel(event.slice(separatorIndex + 1))\n  };\n};\nconst isPassiveScope = (scope) => scope.length === 2;\nconst getRootScope = (scope) => scope.charAt(0);\nconst isElementNode = (node) => !!node && node.nodeType === 1;\nconst isCaptureHandlerElement = (element, scopedKebabName, captureAttribute) => element.hasAttribute(captureAttribute) && (!!element._qDispatch?.[scopedKebabName] || element.hasAttribute("q-" + scopedKebabName));\nconst resolveHandler = (container, element, qBase, base, chunk, symbol, reqTime) => {\n  const eventData = {\n    qBase,\n    symbol,\n    element,\n    reqTime\n  };\n  if (chunk === "") {\n    const hash = container.getAttribute("q:instance");\n    const handler2 = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n    if (!handler2) {\n      const error = new Error("sym:" + symbol);\n      emitEvent("qerror", {\n        importError: "sync",\n        error,\n        ...eventData\n      });\n      console.error(error);\n    }\n    return handler2;\n  }\n  const key = `${symbol}|${qBase}|${chunk}`;\n  const handler = symbols.get(key);\n  if (handler) {\n    return handler;\n  }\n  const href = new URL(chunk, base).href;\n  const module = import(\n        href\n  );\n  resolveContainer(container);\n  return module.then(\n    (module2) => {\n      const handler2 = module2[symbol];\n      if (!handler2) {\n        const error = new Error(`${symbol} not in ${href}`);\n        emitEvent("qerror", {\n          importError: "no-symbol",\n          error,\n          ...eventData\n        });\n        console.error(error);\n      } else {\n        symbols.set(key, handler2);\n        emitEvent("qsymbol", eventData);\n      }\n      return handler2;\n    },\n    (error) => {\n      emitEvent("qerror", {\n        importError: "async",\n        error,\n        ...eventData\n      });\n      console.error(error);\n      return void 0;\n    }\n  );\n};\nconst dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDefault = true) => {\n  let defer = false;\n  if (kebabName) {\n    if (allowPreventDefault && 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 run = () => handlers(ev, element);\n      if (defer) {\n        tasks.push(async () => {\n          const result = run();\n          if (isPromise(result)) {\n            await result;\n          }\n        });\n      } else {\n        const result = run();\n        if (isPromise(result)) {\n          defer = true;\n          tasks.push(() => result);\n        }\n      }\n    } else if (handlers.length) {\n      for (let i = 0; i < handlers.length; i++) {\n        const handler = handlers[i];\n        if (handler) {\n          const run = () => handler(ev, element);\n          if (defer) {\n            tasks.push(async () => {\n              const result = run();\n              if (isPromise(result)) {\n                await result;\n              }\n            });\n          } else {\n            const result = run();\n            if (isPromise(result)) {\n              defer = true;\n              tasks.push(() => result);\n            }\n          }\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 run = (handler2) => {\n        if (handler2 && element.isConnected) {\n          try {\n            const result = handler2.call(capturedIds, ev, element);\n            if (isPromise(result)) {\n              return result.catch((error) => {\n                emitEvent("qerror", {\n                  error,\n                  qBase,\n                  symbol,\n                  element,\n                  reqTime\n                });\n              });\n            }\n          } catch (error) {\n            emitEvent("qerror", {\n              error,\n              qBase,\n              symbol,\n              element,\n              reqTime\n            });\n          }\n        }\n      };\n      const handler = resolveHandler(container, element, qBase, base, chunk, symbol, reqTime);\n      if (defer || isPromise(handler)) {\n        defer = true;\n        tasks.push(async () => {\n          await run(isPromise(handler) ? await handler : handler);\n        });\n      } else {\n        const result = run(handler);\n        if (isPromise(result)) {\n          defer = true;\n          tasks.push(() => result);\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = (ev, scope = elementPrefix, allowPreventDefault = true) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = scope + ":" + kebabName;\n  const captureAttribute = capturePrefix + kebabName;\n  const elements = [];\n  const captureHandlers = [];\n  const tasks = [];\n  let current = ev.target;\n  while (current) {\n    if (isElementNode(current)) {\n      elements.push(current);\n      captureHandlers.push(isCaptureHandlerElement(current, scopedKebabName, captureAttribute));\n      current = current.parentElement;\n    } else {\n      current = current.parentElement;\n    }\n  }\n  for (let i = elements.length - 1; i >= 0; i--) {\n    if (captureHandlers[i]) {\n      dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n      const continuePropagation = !ev.cancelBubble;\n      if (!continuePropagation || ev.cancelBubble) {\n        queueTasks(tasks);\n        return;\n      }\n    }\n  }\n  for (let i = 0; i < elements.length; i++) {\n    if (!captureHandlers[i]) {\n      dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n      const doBubble = ev.bubbles && !ev.cancelBubble;\n      if (!doBubble || ev.cancelBubble) {\n        queueTasks(tasks);\n        return;\n      }\n    }\n  }\n  queueTasks(tasks);\n};\nconst processPassiveElementEvent = (ev) => processElementEvent(ev, passiveElementPrefix, false);\nconst broadcast = (scope, ev, allowPreventDefault = true) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = scope + ":" + kebabName;\n  const elements = querySelectorAll("[q-" + scope + "\\\\:" + kebabName + "]");\n  const tasks = [];\n  for (let i = 0; i < elements.length; i++) {\n    const el = elements[i];\n    dispatch(el, ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n  }\n  queueTasks(tasks);\n};\nconst processDocumentEvent = (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processPassiveDocumentEvent = (ev) => {\n  broadcast(passiveDocumentPrefix, ev, false);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processPassiveWindowEvent = (ev) => {\n  broadcast(passiveWindowPrefix, ev, false);\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      const tasks = [];\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        dispatch(el, ev, "d:qinit", tasks);\n        el.removeAttribute("q-d:qinit");\n      }\n      queueTasks(tasks);\n    }\n    if (events.has("d:qidle")) {\n      events.delete("d:qidle");\n      const riC = win.requestIdleCallback ?? win.setTimeout;\n      riC.bind(win)(() => {\n        const ev = createEvent("qidle");\n        const elements = querySelectorAll("[q-d\\\\:qidle]");\n        const tasks = [];\n        for (let i = 0; i < elements.length; i++) {\n          const el = elements[i];\n          dispatch(el, ev, "d:qidle", tasks);\n          el.removeAttribute("q-d:qidle");\n        }\n        queueTasks(tasks);\n      });\n    }\n    if (events.has("e:qvisible")) {\n      observer || (observer = new IntersectionObserver((entries) => {\n        const tasks = [];\n        for (let i = 0; i < entries.length; i++) {\n          const entry = entries[i];\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(\n              entry.target,\n              createEvent("qvisible", entry),\n              "e:qvisible",\n              tasks\n            );\n          }\n        }\n        queueTasks(tasks);\n      }));\n      const elements = querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])");\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        observer.observe(el);\n        el.setAttribute("q:observed", "true");\n      }\n    }\n  }\n};\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        const passive = isPassiveScope(scope);\n        const rootScope = getRootScope(scope);\n        if (rootScope === windowPrefix) {\n          addEventListener(\n            win,\n            eventName,\n            passive ? processPassiveWindowEvent : processWindowEvent,\n            true,\n            passive\n          );\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,\n              true,\n              passive\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          const passive = isPassiveScope(scope);\n          const rootScope = getRootScope(scope);\n          if (rootScope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,\n              true,\n              passive\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_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';\nfunction executeBackpatch(doc, containerElement) {\n  const container = containerElement || doc.querySelector("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\n  if (container) {\n    const scripts = container.querySelectorAll(BACKPATCH_DATA_SELECTOR);\n    const script = scripts[scripts.length - 1];\n    if (script) {\n      const data = JSON.parse(script.textContent || "[]");\n      const walker = doc.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);\n      let currentNode = walker.currentNode;\n      let currentNodeIdx = currentNode.hasAttribute(":") ? 0 : -1;\n      for (let i = 0; i < data.length; i += 3) {\n        const elementIdx = data[i];\n        const attrName = data[i + 1];\n        let value = data[i + 2];\n        while (currentNodeIdx < elementIdx) {\n          currentNode = walker.nextNode();\n          if (!currentNode) {\n            break;\n          }\n          if (currentNode.hasAttribute(":")) {\n            currentNodeIdx++;\n          }\n        }\n        const element = currentNode;\n        if (value == null || value === false) {\n          element.removeAttribute(attrName);\n        } else {\n          if (typeof value === "boolean") {\n            value = "";\n          }\n          element.setAttribute(attrName, value);\n        }\n      }\n    }\n  }\n}\nconst executorScript = document.currentScript;\nif (executorScript) {\n  const container = executorScript.closest(\n    "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n  );\n  if (container) {\n    executeBackpatch(document, container);\n  }\n}`;
 
-var QWIK_BACKPATCH_EXECUTOR_MINIFIED = `const t='script[type="qwik/backpatch"]';function e(e,n){const o=n||e.querySelector("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const n=o.querySelector(t);if(n){const t=JSON.parse(n.textContent||"[]"),r=e.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let c=r.currentNode,i=c.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const n=t[e],o=t[e+1];let s=t[e+2];for(;i<n&&(c=r.nextNode(),c);)c.hasAttribute(":")&&i++;const a=c;null==s||!1===s?a.removeAttribute(o):("boolean"==typeof s&&(s=""),a.setAttribute(o,s))}}}}const n=document.currentScript;if(n){const t=n.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");t&&e(document,t)}`;
+var QWIK_OUT_OF_ORDER_EXECUTOR_MINIFIED = `const t='template[q\\\\:r="',e="q:r",n='[q\\\\:rp="',r="q:g",l="q:i",o="q:o",s="[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])",u=u=>{const i=new WeakMap,c=()=>{const t=u.currentScript;return t&&t.closest(s)||u},f=(t,e,n,r)=>{let l=i.get(t);return l||i.set(t,l={}),l[e]||(l[e]={r:{},n:0,t:n,o:r})},a=(t,e)=>t?(e&&e.style&&(e.style.display="none"),t.style&&(t.style.display="contents"),1):0,q=t=>{const e=t.o;let n,r,l=0;if("p"===e)for(const e in t.r)n=t.r[e],n[0]&&a(n[0],n[1])&&(n[0]=0,l++);else if("s"===e)for(r=t.n;(n=t.r[r])&&n[0]&&a(n[0],n[1]);r++)n[0]=0,l++,t.n=r+1;else if("r"===e){if(t.t<0)return 0;for(t.n<0&&(t.n=t.t-1),r=t.n;(n=t.r[r])&&n[0]&&a(n[0],n[1]);r--)n[0]=0,l++,t.n=r-1}else{if(t.t<0)return 0;for(r=0;r<t.t;r++)if(n=t.r[r],!n)return 0;for(r=0;r<t.t;r++)n=t.r[r],n[0]&&a(n[0],n[1])&&(n[0]=0,l++)}return l},p=s=>{const i=c(),p=((n,r)=>{const l=u.currentScript,o=l?l.previousElementSibling:null;if(o&&"template"===o.localName&&o.getAttribute(e)===r+"")return o;const s=n.querySelectorAll(t+r+'"]');return s.length?s[s.length-1]:null})(i,s);if(!p)return;const g=((e,r,l)=>{if(!l)return null;const o=((t,e)=>t.querySelector(n+e+'"]'))(e,r),s=o?((e,n)=>e.querySelector(t+n+'"]'))(o,r):null,u=s?s.parentNode:null;return s&&o&&u?(u.insertBefore(l.content,s),s.remove(),l.remove(),[o,o.previousElementSibling]):null})(i,s,p);if(!g)return;((t,e)=>{var n;const r=u;null==(n=r.qProcessOOOS)||n.call(r,t,e)})(s,g[0]||null);const m=p.getAttribute(r);if(m){const t=+(p.getAttribute(l)||0),e=f(i,m,-1,p.getAttribute(o)||"p");return e.r[t]=g,void q(e)}a(g[0]||null,g[1])};p.g=(t,e,n)=>{const r=f(c(),t,e,n);r.t=e,r.o=n,"r"===r.o&&0===r.n&&(r.n=e-1),q(r)},p.d=u,globalThis.qO=p};u(document)`;
 
-var QWIK_BACKPATCH_EXECUTOR_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';\nfunction executeBackpatch(doc, containerElement) {\n  const container = containerElement || doc.querySelector("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\n  if (container) {\n    const script = container.querySelector(BACKPATCH_DATA_SELECTOR);\n    if (script) {\n      const data = JSON.parse(script.textContent || "[]");\n      const walker = doc.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);\n      let currentNode = walker.currentNode;\n      let currentNodeIdx = currentNode.hasAttribute(":") ? 0 : -1;\n      for (let i = 0; i < data.length; i += 3) {\n        const elementIdx = data[i];\n        const attrName = data[i + 1];\n        let value = data[i + 2];\n        while (currentNodeIdx < elementIdx) {\n          currentNode = walker.nextNode();\n          if (!currentNode) {\n            break;\n          }\n          if (currentNode.hasAttribute(":")) {\n            currentNodeIdx++;\n          }\n        }\n        const element = currentNode;\n        if (value == null || value === false) {\n          element.removeAttribute(attrName);\n        } else {\n          if (typeof value === "boolean") {\n            value = "";\n          }\n          element.setAttribute(attrName, value);\n        }\n      }\n    }\n  }\n}\nconst executorScript = document.currentScript;\nif (executorScript) {\n  const container = executorScript.closest(\n    "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n  );\n  if (container) {\n    executeBackpatch(document, container);\n  }\n}`;
+var QWIK_OUT_OF_ORDER_EXECUTOR_DEBUG = `const Q_RESOLVED_SELECTOR = 'template[q\\\\:r="';\nconst Q_RESOLVED_ATTR = "q:r";\nconst Q_RESULT_PARENT_SELECTOR = '[q\\\\:rp="';\nconst Q_GROUP_ATTR = "q:g";\nconst Q_INDEX_ATTR = "q:i";\nconst Q_ORDER_ATTR = "q:o";\nconst Q_CONTAINER_SELECTOR = "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])";\nconst installOutOfOrderExecutor = (doc) => {\n  const groups = /* @__PURE__ */ new WeakMap();\n  const process = (boundaryId, content) => {\n    var _a;\n    const executorDoc = doc;\n    (_a = executorDoc.qProcessOOOS) == null ? void 0 : _a.call(executorDoc, boundaryId, content);\n  };\n  const getScope = () => {\n    const script = doc.currentScript;\n    return script ? script.closest(Q_CONTAINER_SELECTOR) || doc : doc;\n  };\n  const group = (scope, groupId, total, order) => {\n    let scopedGroups = groups.get(scope);\n    if (!scopedGroups) {\n      groups.set(scope, scopedGroups = {});\n    }\n    return scopedGroups[groupId] || (scopedGroups[groupId] = {\n      r: {},\n      n: 0,\n      t: total,\n      o: order\n    });\n  };\n  const getResolvedTemplate = (scope, boundaryId) => {\n    const currentScript = doc.currentScript;\n    const previousElement = currentScript ? currentScript.previousElementSibling : null;\n    if (previousElement && previousElement.localName === "template" && previousElement.getAttribute(Q_RESOLVED_ATTR) === String(boundaryId)) {\n      return previousElement;\n    }\n    const templates = scope.querySelectorAll(Q_RESOLVED_SELECTOR + boundaryId + '"]');\n    return templates.length ? templates[templates.length - 1] : null;\n  };\n  const getPlaceholderTemplate = (content, boundaryId) => {\n    return content.querySelector(Q_RESOLVED_SELECTOR + boundaryId + '"]');\n  };\n  const getResultParent = (scope, boundaryId) => {\n    return scope.querySelector(Q_RESULT_PARENT_SELECTOR + boundaryId + '"]');\n  };\n  const reveal = (content, fallback) => {\n    if (!content) {\n      return 0;\n    }\n    if (fallback && fallback.style) {\n      fallback.style.display = "none";\n    }\n    if (content.style) {\n      content.style.display = "contents";\n    }\n    return 1;\n  };\n  const move = (scope, boundaryId, resolved) => {\n    if (!resolved) {\n      return null;\n    }\n    const content = getResultParent(scope, boundaryId);\n    const placeholder = content ? getPlaceholderTemplate(content, boundaryId) : null;\n    const parent = placeholder ? placeholder.parentNode : null;\n    if (!placeholder || !content || !parent) {\n      return null;\n    }\n    parent.insertBefore(resolved.content, placeholder);\n    placeholder.remove();\n    resolved.remove();\n    return [content, content.previousElementSibling];\n  };\n  const flush = (group2) => {\n    const order = group2.o;\n    let entry;\n    let index;\n    let swapped = 0;\n    if (order === "p") {\n      for (const key in group2.r) {\n        entry = group2.r[key];\n        if (entry[0] && reveal(entry[0], entry[1])) {\n          entry[0] = 0;\n          swapped++;\n        }\n      }\n    } else if (order === "s") {\n      for (index = group2.n; (entry = group2.r[index]) && entry[0]; index++) {\n        if (!reveal(entry[0], entry[1])) {\n          break;\n        }\n        entry[0] = 0;\n        swapped++;\n        group2.n = index + 1;\n      }\n    } else if (order === "r") {\n      if (group2.t < 0) {\n        return 0;\n      }\n      if (group2.n < 0) {\n        group2.n = group2.t - 1;\n      }\n      for (index = group2.n; (entry = group2.r[index]) && entry[0]; index--) {\n        if (!reveal(entry[0], entry[1])) {\n          break;\n        }\n        entry[0] = 0;\n        swapped++;\n        group2.n = index - 1;\n      }\n    } else {\n      if (group2.t < 0) {\n        return 0;\n      }\n      for (index = 0; index < group2.t; index++) {\n        entry = group2.r[index];\n        if (!entry) {\n          return 0;\n        }\n      }\n      for (index = 0; index < group2.t; index++) {\n        entry = group2.r[index];\n        if (entry[0] && reveal(entry[0], entry[1])) {\n          entry[0] = 0;\n          swapped++;\n        }\n      }\n    }\n    return swapped;\n  };\n  const qO = ((boundaryId) => {\n    const scope = getScope();\n    const resolved = getResolvedTemplate(scope, boundaryId);\n    if (!resolved) {\n      return;\n    }\n    const entry = move(scope, boundaryId, resolved);\n    if (!entry) {\n      return;\n    }\n    process(boundaryId, entry[0] || null);\n    const groupId = resolved.getAttribute(Q_GROUP_ATTR);\n    if (groupId) {\n      const index = +(resolved.getAttribute(Q_INDEX_ATTR) || 0);\n      const currentGroup = group(scope, groupId, -1, resolved.getAttribute(Q_ORDER_ATTR) || "p");\n      currentGroup.r[index] = entry;\n      flush(currentGroup);\n      return;\n    }\n    reveal(entry[0] || null, entry[1]);\n  });\n  qO.g = (groupId, total, order) => {\n    const currentGroup = group(getScope(), groupId, total, order);\n    currentGroup.t = total;\n    currentGroup.o = order;\n    if (currentGroup.o === "r" && currentGroup.n === 0) {\n      currentGroup.n = total - 1;\n    }\n    flush(currentGroup);\n  };\n  qO.d = doc;\n  globalThis.qO = qO;\n};\ninstallOutOfOrderExecutor(document)`;
 
 function getQwikLoaderScript(e = {}) {
     return e.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
@@ -1072,8 +1195,16 @@ function getQwikBackpatchExecutorScript(e = {}) {
     return e.debug ? QWIK_BACKPATCH_EXECUTOR_DEBUG : QWIK_BACKPATCH_EXECUTOR_MINIFIED;
 }
 
+function getQwikOutOfOrderExecutorScript(e = {}) {
+    if (!__EXPERIMENTAL__.suspense) {
+        return "";
+    }
+    const t = e.debug ? QWIK_OUT_OF_ORDER_EXECUTOR_DEBUG : QWIK_OUT_OF_ORDER_EXECUTOR_MINIFIED;
+    return `if(!globalThis.qO||globalThis.qO.d!==document){${t}}`;
+}
+
 // packages/qwik/src/server/ssr-node.ts
-import { _isJSXNode as ai, _EMPTY_OBJ, _EFFECT_BACK_REF as es } from "@qwik.dev/core/internal";
+import { _isJSXNode as qi, _EMPTY_OBJ, _EFFECT_BACK_REF as vr } from "@qwik.dev/core/internal";
 
 import { isDev as isDev7 } from "@qwik.dev/core/build";
 
@@ -1105,19 +1236,19 @@ var SsrNode = class {
     attrs;
     /** Local props which don't serialize; */
     localProps=null;
-    get [es]() {
-        return this.getProp(je);
+    get [vr]() {
+        return this.getProp(Qe);
     }
     setProp(e, t) {
         if (this.attrs === _EMPTY_OBJ) {
             this.setEmptyArrayAsVNodeDataAttributes();
         }
-        if (e.startsWith(rr)) {
+        if (e.startsWith(ws)) {
             (this.localProps ||= {})[e] = t;
         } else {
             this.attrs[e] = t;
         }
-        if (e == Ze && t) {
+        if (e == ps && t) {
             this.cleanupQueue.push(t);
         }
     }
@@ -1133,14 +1264,14 @@ var SsrNode = class {
         }
     }
     getProp(e) {
-        if (e.startsWith(rr)) {
+        if (e.startsWith(ws)) {
             return this.localProps ? this.localProps[e] ?? null : null;
         } else {
             return this.attrs[e] ?? null;
         }
     }
     removeProp(e) {
-        if (e.startsWith(rr)) {
+        if (e.startsWith(ws)) {
             if (this.localProps) {
                 delete this.localProps[e];
             }
@@ -1183,7 +1314,7 @@ var SsrNode = class {
 
 var DomRef = class {
     constructor(e) {
-        this.Bn = e;
+        this.ne = e;
     }
     __brand__="DomRef";
 };
@@ -1200,16 +1331,16 @@ var SsrComponentFrame = class {
     distributeChildrenIntoSlots(e, t, n) {
         this.projectionScopedStyle = t;
         this.projectionComponentFrame = n;
-        if (ai(e)) {
+        if (qi(e)) {
             const t = this.getSlotName(e);
-            he(this.slots, t, e, 0);
+            _e(this.slots, t, e, 0);
         } else if (Array.isArray(e) && e.length > 0) {
             const t = [];
             for (let n = 0; n < e.length; n++) {
                 const r = e[n];
-                if (ai(r)) {
+                if (qi(r)) {
                     const e = this.getSlotName(r);
-                    if (e === Ye) {
+                    if (e === QDefaultSlot) {
                         t.push(r);
                     } else {
                         this.updateSlot(e, r);
@@ -1218,13 +1349,13 @@ var SsrComponentFrame = class {
                     t.push(r);
                 }
             }
-            t.length > 0 && he(this.slots, Ye, t, 0);
+            t.length > 0 && _e(this.slots, QDefaultSlot, t, 0);
         } else {
-            he(this.slots, Ye, e, 0);
+            _e(this.slots, QDefaultSlot, e, 0);
         }
     }
     updateSlot(e, t) {
-        let n = de(this.slots, e, 0);
+        let n = ge(this.slots, e, 0);
         if (n === null) {
             n = t;
         } else if (Array.isArray(n)) {
@@ -1232,25 +1363,99 @@ var SsrComponentFrame = class {
         } else {
             n = [ n, t ];
         }
-        he(this.slots, e, n, 0);
+        _e(this.slots, e, n, 0);
     }
     getSlotName(e) {
-        if (e.props[Pe]) {
-            return e.props[Pe];
+        if (e.props[De]) {
+            return e.props[De];
         }
-        return Ye;
+        return QDefaultSlot;
     }
     hasSlot(e) {
-        return pe(this.slots, e, 0);
+        return Ee(this.slots, e, 0);
+    }
+    claimChildrenForSlot(e) {
+        return mapApp_remove(this.slots, e, 0);
     }
     consumeChildrenForSlot(e, t) {
-        const n = mapApp_remove(this.slots, t, 0);
+        const n = this.claimChildrenForSlot(t);
         this.componentNode.setProp(t, e.id);
         e.setProp(QSlotParent, this.componentNode.id);
         return n;
     }
 };
 
+// packages/qwik/src/server/ssr-stream-writer.ts
+var renderSSRChunks = (e, t) => {
+    let n = "";
+    for (let r = 0; r < e.length; r++) {
+        const s = e[r];
+        if (typeof s === "string") {
+            n += s;
+        } else {
+            const e = s.type === "root-ref" ? s.localId : s.localPath[0];
+            n += String(t ? t[e] ?? e : e);
+            if (s.type !== "root-ref-path") {
+                continue;
+            }
+            const r = s.localPath;
+            for (let e = 1; e < r.length; e++) {
+                n += " " + r[e];
+            }
+        }
+    }
+    return n;
+};
+
+var StringSSRWriter = class {
+    buffer=[];
+    write(e) {
+        this.buffer.push(e);
+    }
+    writeRootRef(e) {
+        writeStringRootRef(this, e);
+    }
+    writeRootRefPath(e) {
+        writeStringRootRefPath(this, e);
+    }
+    clear() {
+        this.buffer.length = 0;
+    }
+    toString(e) {
+        return this.buffer.join("");
+    }
+};
+
+var StringBufferSegmentWriter = class {
+    chunks=[];
+    write(e) {
+        this.chunks.push(e);
+    }
+    writeRootRef(e) {
+        this.chunks.push({
+            type: "root-ref",
+            localId: e
+        });
+    }
+    writeRootRefPath(e) {
+        this.chunks.push({
+            type: "root-ref-path",
+            localPath: e
+        });
+    }
+    clear() {
+        this.chunks.length = 0;
+    }
+    extract() {
+        const e = this.chunks;
+        this.chunks = [];
+        return e;
+    }
+    toString(e) {
+        return renderSSRChunks(this.chunks, e);
+    }
+};
+
 // packages/qwik/src/server/tag-nesting.ts
 var allowedContent = e => {
     switch (e) {
@@ -1667,7 +1872,7 @@ function getBuildBase(e) {
 }
 
 var versions = {
-    qwik: "2.0.0-beta.35-dev+4603135",
+    qwik: "2.0.0-beta.36-dev+3268fab",
     qwikDom: "2.1.19"
 };
 
@@ -1736,7 +1941,7 @@ function vNodeData_createSsrNodeReference(e, t, n, r, s) {
             i[i.length - 1]++;
         }
     }
-    let a = n + "";
+    let a = String(n);
     if (t[0] & (2 /* VIRTUAL_NODE */ | 1 /* TEXT_DATA */)) {
         for (let e = 0; e < i.length; e++) {
             const t = i[e];
@@ -1766,11 +1971,13 @@ function encodeAsAlphanumeric(e) {
 }
 
 // packages/qwik/src/server/ssr-container.ts
+var NO_SCRIPT_HERE_ELEMENTS = /* @__PURE__ */ new Set([ "script", "style", "textarea", "title", "iframe", "noframes", "noscript", "xmp", "template", "svg", "math" ]);
+
 function ssrCreateContainer(e) {
     e.renderOptions ||= {};
     return new SSRContainer({
         tagName: e.tagName || "div",
-        writer: e.writer || new StringBufferWriter,
+        writer: e.writer || new StringSSRWriter,
         streamHandler: e.streamHandler,
         locale: e.locale || "",
         timing: e.timing || {
@@ -1790,24 +1997,19 @@ function ssrCreateContainer(e) {
     });
 }
 
-var StringBufferWriter = class {
-    buffer=[];
-    write(e) {
-        this.buffer.push(e);
-    }
-    toString() {
-        return this.buffer.join("");
-    }
+var noopStreamHandler = {
+    flush() {},
+    waitForPendingFlush() {},
+    streamBlockStart() {},
+    streamBlockEnd() {}
 };
 
-var js = {};
-
 var QTemplateProps = {
     hidden: true,
     "aria-hidden": true
 };
 
-var SSRContainer = class extends Ou {
+var SSRContainer = class extends ic {
     tag;
     isHtml;
     writer;
@@ -1817,7 +2019,12 @@ var SSRContainer = class extends Ou {
     resolvedManifest;
     symbolToChunkResolver;
     renderOptions;
+    outOfOrderStreaming;
     serializationCtx;
+    // Sometimes there is no app state, but framework metadata still points to a vnode id.
+    // For example, an OOOS segment can point outside the segment to a root vnode through
+    // q:sparent, so root vnode data must still be emitted for the client ref table.
+    hasVNodeRefsForSerialization=false;
     /**
    * We use this to append additional nodes in the head node
    *
@@ -1835,6 +2042,7 @@ var SSRContainer = class extends Ou {
     currentComponentNode=null;
     styleIds=/* @__PURE__ */ new Set;
     isBackpatchExecutorEmitted=false;
+    isOutOfOrderExecutorEmitted=false;
     backpatchMap=/* @__PURE__ */ new Map;
     currentElementFrame=null;
     renderTimer;
@@ -1846,16 +2054,31 @@ var SSRContainer = class extends Ou {
    */
     depthFirstElementCount=-1;
     vNodeDatas=[];
+    vNodeDataOffset=0;
     componentStack=[];
     cleanupQueue=[];
     emitContainerDataFrame=null;
-    ue=randomStr();
+    Te=randomStr();
     // Temporary flag to find missing roots after the state was serialized
     t=false;
     qlInclude;
     promiseAttributes=null;
+    vnodeSegment=null;
+    i=0 /* NotReady */;
+    // OOOS related fields
+    outOfOrderId=0;
+    outOfOrderUsed=false;
+    outOfOrderPendingSegments=[];
+    outOfOrderSegments=[];
+    rootContainerReadyPromise=null;
+    resolveRootContainerReady=null;
+    renderQueue=Promise.resolve();
+    emittedQwikEventNames=/* @__PURE__ */ new Set;
+    emittedSyncFnCount=0;
+    rootContainerSerializedRootCount=0;
+    emittedVNodeDataOwners=null;
     constructor(e) {
-        super(e.renderOptions.serverData ?? js, e.locale);
+        super(e.renderOptions.serverData ?? {}, e.locale);
         this.symbolToChunkResolver = e => {
             const t = e.lastIndexOf("_");
             const n = this.resolvedManifest.mapper[t == -1 ? e : e.substring(t + 1)];
@@ -1868,19 +2091,28 @@ var SSRContainer = class extends Ou {
         this.writer = e.writer;
         this.streamHandler = e.streamHandler;
         this.timing = e.timing;
-        this.ce = e.buildBase;
+        this.qe = e.buildBase;
         this.resolvedManifest = e.resolvedManifest;
         this.renderOptions = e.renderOptions;
-        this.le = 1e5;
-        const t = this.renderOptions.qwikLoader;
-        this.qlInclude = t ? typeof t === "object" ? t.include === "never" ? 2 /* Done */ : 0 /* Module */ : t === "inline" ? 1 /* Inline */ : t === "never" ? 2 /* Done */ : 0 /* Module */ : 0 /* Module */;
+        const t = this.renderOptions.streaming?.outOfOrder === true;
+        if (!__EXPERIMENTAL__.suspense) {
+            if (t) {
+                throw new Error('Out-of-order Suspense streaming requires `experimental: ["suspense"]` in the `qwikVite` plugin.');
+            }
+            this.outOfOrderStreaming = false;
+        } else {
+            this.outOfOrderStreaming = t;
+        }
+        this.Pe = 1e5;
+        const n = this.renderOptions.qwikLoader;
+        this.qlInclude = n ? typeof n === "object" ? n.include === "never" ? 2 /* Done */ : 0 /* Module */ : n === "inline" ? 1 /* Inline */ : n === "never" ? 2 /* Done */ : 0 /* Module */ : 0 /* Module */;
         if (this.qlInclude === 0 /* Module */) {
             const e = this.resolvedManifest?.manifest.qwikLoader;
             if (!e) {
                 this.qlInclude = 1 /* Inline */;
             }
         }
-        this.i();
+        this.v();
     }
     ensureProjectionResolved(e) {}
     handleError(e, t) {
@@ -1905,23 +2137,158 @@ var SSRContainer = class extends Ou {
         await this.closeContainer();
     }
     async renderJSX(e, t) {
-        await Nn(this, e, t);
+        await Xn(this, e, t);
+    }
+    A() {
+        return this.i === 2 /* OOOSReady */;
+    }
+    /** Queue OOOS serialization/write work that must not overlap with root state serialization. */    S(e) {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+            return e();
+        }
+        if (this.i === 0 /* NotReady */) {
+            return e();
+        }
+        const t = this.i === 1 /* DataStreamStarted */ ? this.renderQueue.then(() => this.C()).then(e) : this.renderQueue.then(e);
+        this.renderQueue = t.catch(() => {});
+        return t;
+    }
+    C() {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || this.A()) {
+            return;
+        }
+        return this.rootContainerReadyPromise ||= new Promise(e => {
+            this.resolveRootContainerReady = e;
+        });
+    }
+    I() {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || this.A()) {
+            return;
+        }
+        this.rootContainerSerializedRootCount = this.serializationCtx.Yn.length;
+        this.i = 2 /* OOOSReady */;
+        this.resolveRootContainerReady?.();
+        this.resolveRootContainerReady = null;
+        this.rootContainerReadyPromise = null;
+    }
+    nextOutOfOrderId() {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+            return 0;
+        }
+        this.outOfOrderUsed = true;
+        return ++this.outOfOrderId;
+    }
+    emitOutOfOrderSegmentScripts(e) {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !e) {
+            return;
+        }
+        this.write(e);
+    }
+    async segment(e, t, n) {
+        if (!__EXPERIMENTAL__.suspense) {
+            throw new Error('Out-of-order Suspense streaming requires `experimental: ["suspense"]` in the `qwikVite` plugin.');
+        }
+        if (!this.outOfOrderStreaming) {
+            throw new Error("Out-of-order Suspense streaming requires `streaming.outOfOrder` to be `true`.");
+        }
+        this.markVNodeRefForSerialization(n.parentComponentFrame?.componentNode);
+        const r = new StringBufferSegmentWriter;
+        const s = this.createSegmentContainer(e, r);
+        this.outOfOrderSegments.push(s);
+        try {
+            await s.renderJSX(t, n);
+            await s.resolvePromiseAttributes();
+            const e = r.extract();
+            return {
+                container: s,
+                writer: r,
+                htmlChunks: e
+            };
+        } catch (e) {
+            this.removeOutOfOrderSegment(s);
+            throw e;
+        }
+    }
+    F() {
+        let e = this;
+        while (e instanceof SSRSegmentContainer) {
+            e = e.Re;
+        }
+        return e;
+    }
+    createSegmentContainer(e, t) {
+        const n = this.F();
+        const r = this.getOrCreateLastNode();
+        this.addRoot(r);
+        this.markVNodeRefForSerialization(r);
+        const s = {
+            tagNesting: 10 /* ANYTHING */ ,
+            parent: null,
+            elementName: "#segment",
+            depthFirstElementIdx: -1,
+            // OOOS inserts this synthetic root under the Suspense content host on the client.
+            vNodeData: [ 16 /* SERIALIZE */ ],
+            currentFile: null,
+            refBase: r.id
+        };
+        const i = new SSRSegmentContainer({
+            tagName: this.tag,
+            writer: t,
+            streamHandler: noopStreamHandler,
+            locale: this.jt,
+            timing: this.timing,
+            buildBase: this.qe || "/build/",
+            resolvedManifest: this.resolvedManifest,
+            renderOptions: this.renderOptions
+        }, n);
+        const o = i;
+        o.Cn = true;
+        o.dt = this.dt;
+        i.serializationCtx = i.serializationCtxFactory(SsrNode, DomRef, this.symbolToChunkResolver, t);
+        i.serializationCtx.gt = this.serializationCtx.gt.bind(this.serializationCtx);
+        i.currentElementFrame = s;
+        i.currentComponentNode = this.currentComponentNode;
+        i.depthFirstElementCount = 0;
+        i.vNodeDatas = [ s.vNodeData ];
+        i.componentStack = this.componentStack.slice();
+        i.vnodeSegment = e;
+        i.styleIds = this.styleIds;
+        i.emittedQwikEventNames = this.emittedQwikEventNames;
+        i.qlInclude = 2 /* Done */;
+        i.Te = this.Te;
+        o._didAddQwikLoader = true;
+        return i;
+    }
+    queueOutOfOrderSegment(e) {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+            return;
+        }
+        this.outOfOrderPendingSegments.push(e);
+    }
+    removeOutOfOrderSegment(e) {
+        const t = this.outOfOrderSegments;
+        for (let n = 0; n < t.length; n++) {
+            if (t[n] === e) {
+                t.splice(n, 1);
+                return;
+            }
+        }
     }
     setContext(e, t, n) {
         const r = e;
-        let s = r.getProp(Ce);
+        let s = r.getProp(Je);
         if (s == null) {
-            r.setProp(Ce, s = []);
+            r.setProp(Je, s = []);
         }
-        he(s, t.id, n, 0, true);
+        _e(s, t.id, n, 0, true);
         this.addRoot(r);
     }
     resolveContext(e, t) {
         let n = e;
         while (n) {
-            const e = n.getProp(Ce);
-            if (e != null && pe(e, t.id, 0)) {
-                return de(e, t.id, 0);
+            const e = n.getProp(Je);
+            if (e != null && Ee(e, t.id, 0)) {
+                return ge(e, t.id, 0);
             }
             n = n.parentComponent;
         }
@@ -1948,15 +2315,15 @@ var SSRContainer = class extends Ou {
         }
         const e = this.renderOptions.containerAttributes || {};
         const t = e[QRenderAttr];
-        e[Ue] = "paused" /* PAUSED */;
+        e[es] = "paused" /* PAUSED */;
         e[QRuntimeAttr] = "2";
-        e[QVersionAttr] = this.oe ?? "dev";
+        e[QVersionAttr] = this.ke ?? "dev";
         e[QRenderAttr] = (t ? t + "-" : "") + (isDev8 ? "ssr-dev" : "ssr");
-        e[Fe] = this.ce || "";
-        e[QLocaleAttr] = this.Ct;
+        e[Ge] = this.qe || "";
+        e[QLocaleAttr] = this.jt;
         e[QManifestHashAttr] = this.resolvedManifest.manifest.manifestHash;
-        e[QInstanceAttr] = this.ue;
-        this.Lt.containerAttributes = e;
+        e[QInstanceAttr] = this.Te;
+        this.Dt.containerAttributes = e;
         this.openElement(this.tag, null, e);
         if (!this.isHtml) {
             this.emitContainerDataFrame = this.currentElementFrame;
@@ -1965,22 +2332,22 @@ var SSRContainer = class extends Ou {
     /** Renders closing tag for current container */    closeContainer() {
         return this.closeElement();
     }
-    Tt=0;
+    qt=0;
     /** Renders opening tag for DOM element */
     openElement(e, t, n, r = null, s = null, i = null, o = true) {
         const a = isQwikStyleElement(e, n) || isQwikStyleElement(e, r);
-        if (e === "noscript" || e === "template" || e === "script") {
-            this.Tt++;
+        if (NO_SCRIPT_HERE_ELEMENTS.has(e)) {
+            this.qt++;
         }
         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
         !a && this.qlInclude === 1 /* Inline */) {
-            if (this.Tt === 0 && this.size > 30 * 1024 && e !== "body") {
+            if (this.qt === 0 && this.size > 30 * 1024 && e !== "body") {
                 this.emitQwikLoaderInline();
             }
         }
-        let l = void 0;
+        let c = void 0;
         this.lastNode = null;
         if (!a && this.currentElementFrame) {
             vNodeData_incrementElementCount(this.currentElementFrame.vNodeData);
@@ -1992,31 +2359,31 @@ var SSRContainer = class extends Ou {
         vNodeData_openElement(this.currentElementFrame.vNodeData);
         this.write(LT);
         this.write(e);
-        const c = this.getOrCreateLastNode();
+        const l = this.getOrCreateLastNode();
         if (n) {
-            l = this.writeAttrs(e, n, false, s, i, o);
+            c = this.writeAttrs(e, n, false, s, i, o);
         }
-        this.write(" " + cr);
+        this.write(" " + Es);
         if (t !== null) {
             this.write(`="${t}"`);
         } else if (qTest) {
             this.write(EMPTY_ATTR);
         }
-        if (r && !Kr(r)) {
-            l = this.writeAttrs(e, r, true, s, i, o) || l;
+        if (r && !hr(r)) {
+            c = this.writeAttrs(e, r, true, s, i, o) || c;
         }
         this.write(GT);
-        if (c) {
-            c.setTreeNonUpdatable();
+        if (l) {
+            l.setTreeNonUpdatable();
         }
-        return l;
+        return c;
     }
     /** Renders closing tag for DOM element */    closeElement() {
         if (this.currentElementFrame === this.emitContainerDataFrame) {
             this.emitContainerDataFrame = null;
             this.onRenderDone();
             const e = createTimer();
-            return $r($r(this.emitContainerData(), () => this._closeElement()), () => {
+            return qs(qs(this.emitContainerData(), () => this._closeElement()), () => {
                 this.timing.snapshot = e();
             });
         }
@@ -2032,7 +2399,7 @@ var SSRContainer = class extends Ou {
             for (let t = 0; t < e.length; t++) {
                 const n = e[t];
                 if (hasDestroy(n)) {
-                    n.En();
+                    n.Tn();
                 }
             }
             e = this.cleanupQueue.pop();
@@ -2047,8 +2414,8 @@ var SSRContainer = class extends Ou {
             this.write(GT);
         }
         this.lastNode = null;
-        if (t === "noscript" || t === "template" || t === "script") {
-            this.Tt--;
+        if (NO_SCRIPT_HERE_ELEMENTS.has(t)) {
+            this.qt--;
         }
     }
     /** Writes opening data to vNodeData for fragment boundaries */    openFragment(e) {
@@ -2067,7 +2434,13 @@ var SSRContainer = class extends Ou {
         this.openFragment(e);
         const t = this.getComponentFrame();
         if (t) {
-            this.serializationCtx.St(t.componentNode);
+            const e = this.getOrCreateLastNode();
+            this.markVNodeRefForSerialization(e);
+            if (!this.vnodeSegment) {
+                this.addRoot(t.componentNode);
+            } else {
+                this.markVNodeRefForSerialization(t.componentNode);
+            }
             t.projectionDepth++;
         }
     }
@@ -2108,21 +2481,24 @@ var SSRContainer = class extends Ou {
         if (e.slots.length === 0) {
             return;
         }
-        this.openElement(ze, null, QTemplateProps, null);
+        this.openElement(is, null, QTemplateProps, null);
         const t = e.projectionScopedStyle;
         for (let n = 0; n < e.slots.length; n += 2) {
             const r = e.slots[n];
             const s = e.slots[n + 1];
+            if (this.vnodeSegment) {
+                this.markVNodeRefForSerialization(e.componentNode);
+            }
             this.openFragment(isDev8 ? {
-                [Se]: "P" /* Projection */ ,
-                [QSlotParent]: e.componentNode.id
+                [xe]: "P" /* Projection */ ,
+                [QSlotParent]: e.componentNode.id,
+                [De]: r
             } : {
-                [QSlotParent]: e.componentNode.id
+                [QSlotParent]: e.componentNode.id,
+                [De]: r
             });
             const i = this.getOrCreateLastNode();
-            if (i.vnodeData) {
-                i.vnodeData[0] |= 16 /* SERIALIZE */;
-            }
+            i.vnodeData[0] |= 16 /* SERIALIZE */;
             e.componentNode.setProp(r, i.id);
             await this.renderJSX(s, {
                 currentStyleScoped: t,
@@ -2145,29 +2521,31 @@ var SSRContainer = class extends Ou {
     }
     addRoot(e) {
         if (this.t) {
-            return this.serializationCtx.se(e);
+            const t = this.serializationCtx.ge(e);
+            return t;
         }
         return this.serializationCtx.St(e);
     }
     getOrCreateLastNode() {
         if (!this.lastNode) {
-            this.lastNode = vNodeData_createSsrNodeReference(this.currentComponentNode, this.currentElementFrame.vNodeData, 
-            // we start at -1, so we need to add +1
-            this.currentElementFrame.depthFirstElementIdx + 1, this.cleanupQueue, this.currentElementFrame.currentFile);
+            const e = this.currentElementFrame;
+            const t = e.depthFirstElementIdx + 1;
+            const n = e.refBase ?? (this.vnodeSegment ? je(this.vnodeSegment, t) : t + this.vNodeDataOffset);
+            this.lastNode = vNodeData_createSsrNodeReference(this.currentComponentNode, e.vNodeData, n, this.cleanupQueue, e.currentFile);
         }
         return this.lastNode;
     }
     addUnclaimedProjection(e, t, n) {
         e.slots.push(t, n);
     }
-    i() {
+    v() {
         const e = this.resolvedManifest.manifest.injections;
         if (!e) {
             return;
         }
         for (let t = 0; t < e.length; t++) {
             const n = e[t];
-            const r = gi(n.tag, null, n.attributes || {}, null, 0, null);
+            const r = Xi(n.tag, null, n.attributes || {}, null, 0, null);
             if (n.location === "head") {
                 this.additionalHeadNodes.push(r);
             } else {
@@ -2175,19 +2553,19 @@ var SSRContainer = class extends Ou {
             }
         }
     }
-    we(e, t, n, r) {
+    Xe(e, t, n, r) {
         if (r) {
             const e = this.getComponentFrame(0);
             e.scopedStyleIds.add(t);
             const r = convertStyleIdsToString(e.scopedStyleIds);
-            this.setHostProp(n, Ie, r);
+            this.setHostProp(n, He, r);
         }
         if (!this.styleIds.has(t)) {
             this.styleIds.add(t);
             if (this.currentElementFrame?.elementName === "html") {
-                this.additionalHeadNodes.push(vi("style", null, {
+                this.additionalHeadNodes.push(Fi("style", null, {
                     dangerouslySetInnerHTML: e,
-                    [Ae]: t
+                    [Ue]: t
                 }, null, 0, t));
             } else {
                 this._styleNode(t, e);
@@ -2196,24 +2574,65 @@ var SSRContainer = class extends Ou {
     }
     _styleNode(e, t) {
         this.openElement("style", null, {
-            [Ae]: e
+            [Ue]: e
         });
         this.write(t);
         this.closeElement();
     }
+    ut(e) {
+        if (this.isHtml && this.currentElementFrame?.elementName === "html") {
+            this.additionalHeadNodes.push(e);
+            return true;
+        }
+        return false;
+    }
     ////////////////////////////////////
     emitContainerData() {
-        return $r(this.resolvePromiseAttributes(), () => $r(this.emitStateData(), () => {
-            this.t = true;
-            this.emitVNodeData();
-            if (!isDev8) {
-                preloaderPost(this, this.renderOptions, this.Lt?.nonce);
+        const e = this.renderOptions.streaming?.inOrder?.strategy === "disabled";
+        const t = !e || __EXPERIMENTAL__.suspense && this.outOfOrderStreaming && this.outOfOrderUsed;
+        return qs(qs(t ? this.streamHandler.flush() : void 0, () => this.resolvePromiseAttributes()), () => {
+            this.i = 1 /* DataStreamStarted */;
+            return qs(this.emitStateData(), () => {
+                this.t = true;
+                return qs(this.emitRestStateData(), () => this.emitOutOfOrderSegmentsAndData());
+            });
+        });
+    }
+    emitRestStateData() {
+        this.emitVNodeData();
+        this.emitDelayedOutOfOrderSegmentVNodeData();
+        if (!isDev8) {
+            preloaderPost(this, this.renderOptions, this.Dt?.nonce);
+        }
+        this.emitSyncFnsData();
+        this.emitPatchDataIfNeeded();
+        this.emitExecutorIfNeeded();
+        this.emitQwikLoaderAtBottomIfNeeded();
+        this.emitContainerReadyEventIfNeeded();
+    }
+    emitDelayedOutOfOrderSegmentVNodeData() {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed) {
+            return;
+        }
+        for (let e = 0; e < this.outOfOrderSegments.length; e++) {
+            const t = this.outOfOrderSegments[e];
+            if (t.Qe === 1 /* EarlyFinalized */) {
+                t.He();
+                e--;
             }
-            this.emitSyncFnsData();
-            this.emitPatchDataIfNeeded();
-            this.emitExecutorIfNeeded();
-            this.emitQwikLoaderAtBottomIfNeeded();
-        }));
+        }
+    }
+    emitOutOfOrderSegmentsAndData() {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed) {
+            return;
+        }
+        this.emitOutOfOrderExecutorIfNeeded();
+        return qs(this.streamHandler.flush(), async () => {
+            this.I();
+            if (this.outOfOrderPendingSegments.length) {
+                await Promise.all(this.outOfOrderPendingSegments);
+            }
+        });
     }
     /**
    * Serialize the vNodeData into a string and emit it as a script tag.
@@ -2232,50 +2651,59 @@ var SSRContainer = class extends Ou {
    *
    * NOTE: Not every element will need vNodeData. So we need to encode how many elements should be
    * skipped. By choosing different separators we can encode different numbers of elements to skip.
-   */    emitVNodeData() {
-        if (!this.serializationCtx.Wn.length) {
+   */    emitVNodeData(e) {
+        this.F().markVNodeDataOwnerEmitted(e);
+        if (!e && !this.serializationCtx.Yn.length && !this.hasVNodeRefsForSerialization) {
             return;
         }
-        this.openElement("script", null, {
+        this.emitVNodeDataScript(e, this.vNodeDatas.entries());
+    }
+    emitVNodeDataScript(e, t, n = false) {
+        const r = {
             type: "qwik/vnode"
-        });
-        const e = [];
-        const t = this.vNodeDatas;
-        let n = 0;
-        for (let r = 0; r < t.length; r++) {
-            const s = t[r];
-            const i = s[0];
-            if (i & 16 /* SERIALIZE */) {
-                n = this.emitVNodeSeparators(n, r);
-                if (i & 8 /* REFERENCE */) {
+        };
+        if (__EXPERIMENTAL__.suspense && this.outOfOrderStreaming && e) {
+            r[kh] = e;
+        }
+        if (n) {
+            r[QStatePatchAttr] = true;
+        }
+        this.openScript(r);
+        const s = [];
+        let i = 0;
+        for (const [e, n] of t) {
+            const t = n[0];
+            if (t & 16 /* SERIALIZE */) {
+                i = this.emitVNodeSeparators(i, e);
+                if (t & 8 /* REFERENCE */) {
                     this.write(VNodeDataSeparator.REFERENCE_CH);
                 }
-                if (i & (1 /* TEXT_DATA */ | 2 /* VIRTUAL_NODE */ | 4 /* ELEMENT_NODE */)) {
-                    let t = null;
-                    let n = 0;
-                    for (let r = 1; r < s.length; r++) {
-                        const i = s[r];
+                if (t & (1 /* TEXT_DATA */ | 2 /* VIRTUAL_NODE */ | 4 /* ELEMENT_NODE */)) {
+                    let e = null;
+                    let t = 0;
+                    for (let r = 1; r < n.length; r++) {
+                        const i = n[r];
                         if (typeof i === "object" && i !== null) {
-                            e.push(t);
-                            t = i;
+                            s.push(e);
+                            e = i;
                         } else if (i === OPEN_FRAGMENT) {
-                            n++;
+                            t++;
                             this.write(VNodeDataChar.OPEN_CHAR);
                         } else if (i === CLOSE_FRAGMENT) {
-                            if (t) {
-                                this.writeFragmentAttrs(t);
-                                t = e.pop();
+                            if (e) {
+                                this.writeFragmentAttrs(e);
+                                e = s.pop();
                             }
-                            n--;
+                            t--;
                             this.write(VNodeDataChar.CLOSE_CHAR);
                         } else if (i === WRITE_ELEMENT_ATTRS) {
-                            if (t && !Kr(t)) {
+                            if (e && !hr(e)) {
                                 this.write(VNodeDataChar.SEPARATOR_CHAR);
                                 this.write(VNodeDataChar.SEPARATOR_CHAR);
-                                this.writeFragmentAttrs(t);
+                                this.writeFragmentAttrs(e);
                                 this.write(VNodeDataChar.SEPARATOR_CHAR);
                                 this.write(VNodeDataChar.SEPARATOR_CHAR);
-                                t = e.pop();
+                                e = s.pop();
                             }
                         } else if (i >= 0) {
                             this.write(encodeAsAlphanumeric(i));
@@ -2283,60 +2711,101 @@ var SSRContainer = class extends Ou {
                             this.write(String(0 - i));
                         }
                     }
-                    while (n-- > 0) {
-                        if (t) {
-                            this.writeFragmentAttrs(t);
-                            t = e.pop();
+                    while (t-- > 0) {
+                        if (e) {
+                            this.writeFragmentAttrs(e);
+                            e = s.pop();
                         }
                         this.write(VNodeDataChar.CLOSE_CHAR);
                     }
                 }
             }
         }
-        this.closeElement();
+        this.closeScript();
+        if (n && !e) {
+            this.emitInlineScript("document.qProcessVNodeDataPatch&&document.qProcessVNodeDataPatch(document.currentScript.previousElementSibling)");
+        }
+    }
+    markVNodeRefForSerialization(e) {
+        if (e) {
+            this.hasVNodeRefsForSerialization = true;
+            e.vnodeData[0] |= 16 /* SERIALIZE */ | 8 /* REFERENCE */;
+        }
+    }
+    markVNodeDataOwnerEmitted(e) {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+            return;
+        }
+        (this.emittedVNodeDataOwners ||= /* @__PURE__ */ new Set).add(e);
+    }
+    isVNodeDataOwnerEmitted(e) {
+        return this.emittedVNodeDataOwners?.has(e) === true;
+    }
+    getVNodeDataOwnerFromNodeId(e) {
+        const t = parseInt(e, 10);
+        if (t >= 0) {
+            return {
+                owner: void 0,
+                localIndex: t
+            };
+        }
+        const n = -t - 1;
+        const r = Math.floor((Math.sqrt(8 * n + 1) - 1) / 2);
+        const s = r * (r + 1) / 2;
+        const i = n - s;
+        const o = r - i;
+        return {
+            owner: String(o + 1),
+            localIndex: i
+        };
     }
     writeFragmentAttrs(e) {
         for (const t in e) {
-            let n = e[t];
-            let r = false;
-            if (typeof n !== "string") {
-                const e = this.addRoot(n);
-                if (e === void 0) {
+            const n = e[t];
+            let r = n;
+            let s;
+            let i = null;
+            if (t === as && typeof n === "number") {
+                s = n;
+                r = String(n);
+            } else if (typeof n !== "string") {
+                s = this.addRoot(n);
+                if (s === void 0) {
                     continue;
                 }
-                n = String(e);
+                r = String(s);
             }
             switch (t) {
-              case Ie:
+              case He:
                 this.write(VNodeDataChar.SCOPED_STYLE_CHAR);
                 break;
 
-              case xe:
+              case Le:
                 this.write(VNodeDataChar.RENDER_FN_CHAR);
                 break;
 
-              case ELEMENT_ID:
+              case as:
                 this.write(VNodeDataChar.ID_CHAR);
                 break;
 
-              case Ke:
+              case ds:
                 this.write(VNodeDataChar.PROPS_CHAR);
                 break;
 
-              case Ge:
-                r = true;
+              case hs:
+                i = encodeVNodeDataKey;
                 this.write(VNodeDataChar.KEY_CHAR);
                 break;
 
-              case Ze:
+              case ps:
                 this.write(VNodeDataChar.SEQ_CHAR);
                 break;
 
-              case tr:
+              case $s:
                 this.write(VNodeDataChar.SEQ_IDX_CHAR);
                 break;
 
-              case je:
+              case Qe:
                 this.write(VNodeDataChar.BACK_REFS_CHAR);
                 break;
 
@@ -2345,68 +2814,86 @@ var SSRContainer = class extends Ou {
                 break;
 
                 // Skipping `\` character for now because it is used for escaping.
-                              case Ce:
+                              case Je:
                 this.write(VNodeDataChar.CONTEXT_CHAR);
                 break;
 
-              case Pe:
+              case De:
                 this.write(VNodeDataChar.SLOT_CHAR);
                 break;
 
               default:
                 {
-                    r = true;
+                    i = encodeURI;
                     this.write(VNodeDataChar.SEPARATOR_CHAR);
                     this.write(encodeVNodeDataString(t));
                     this.write(VNodeDataChar.SEPARATOR_CHAR);
                 }
             }
-            const s = encodeVNodeDataString(r ? encodeURI(n) : n);
-            const i = r ? s !== n : false;
-            if (i) {
+            const o = encodeVNodeDataString(i ? i(r) : r);
+            const a = i ? o !== r : false;
+            if (a) {
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
-                this.write(s);
+                this.write(o);
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
+            } else if (typeof s === "number") {
+                this.writeRootRef(s);
             } else {
-                this.write(n);
+                this.write(r);
             }
         }
     }
     emitStateData() {
-        if (!this.serializationCtx.Wn.length) {
+        if (!this.serializationCtx.Yn.length) {
             return;
         }
         const e = this.stateScriptAttrs();
-        this.openElement("script", null, e);
-        return $r(this.serializationCtx.Mt(), () => {
-            this.closeElement();
+        this.openScript(e);
+        this.serializationCtx.Bn(this.writer);
+        return qs(this.serializationCtx.It(), () => {
+            this.closeScript();
         });
     }
     /** Add q-d:qidle attribute to eagerly resume some state if needed */    stateScriptAttrs() {
         const e = {
-            type: "qwik/state"
+            type: "qwik/state",
+            [QInstanceAttr]: this.Te
         };
-        const t = this.serializationCtx.qt;
+        const t = this.serializationCtx.Tt;
         if (t.size > 0) {
-            e["q-d:qidle"] = Kc(null, "_res", w, null, [ ...t ]);
+            e["q-d:qidle"] = Mf(null, "_res", _, null, [ ...t ]);
         }
         return e;
     }
-    emitSyncFnsData() {
-        const e = this.serializationCtx.ne;
-        if (e.length) {
-            const t = {
+    emitSyncFnsData(e = false) {
+        const t = this.serializationCtx.$e;
+        const n = e ? this.emittedSyncFnCount : 0;
+        if (t.length > n) {
+            const r = {
                 "q:func": "qwik/json"
             };
             if (this.renderOptions.serverData?.nonce) {
-                t["nonce"] = this.renderOptions.serverData.nonce;
+                r["nonce"] = this.renderOptions.serverData.nonce;
             }
-            this.openElement("script", null, t);
-            this.write(Q_FUNCS_PREFIX.replace("HASH", this.ue));
-            this.write(BRACKET_OPEN);
-            this.writeArray(e, Zr);
-            this.write(BRACKET_CLOSE);
-            this.closeElement();
+            this.openScript(r);
+            if (e) {
+                const e = Q_FUNCS_PREFIX.replace("HASH", this.Te).slice(0, -1);
+                this.write(`(${e}||(${e}=[])).push(`);
+            } else {
+                this.write(Q_FUNCS_PREFIX.replace("HASH", this.Te));
+            }
+            if (!e) {
+                this.write($r);
+            }
+            this.writeArray(e ? t.slice(n) : t, mr);
+            if (!e) {
+                this.write(yr);
+            }
+            if (e) {
+                this.write(")");
+            }
+            this.closeScript();
+            this.emittedSyncFnCount = t.length;
         }
     }
     emitPatchDataIfNeeded() {
@@ -2414,7 +2901,7 @@ var SSRContainer = class extends Ou {
         for (const [t, n] of this.backpatchMap) {
             for (let r = 0; r < n.length; r++) {
                 const s = n[r];
-                e.push(t, s.attrName, Ll(s.value) ? s.value.untrackedValue : s.value);
+                e.push(t, s.attrName, iu(s.value) ? s.value.untrackedValue : s.value);
             }
         }
         this.backpatchMap.clear();
@@ -2426,27 +2913,73 @@ var SSRContainer = class extends Ou {
             if (this.renderOptions.serverData?.nonce) {
                 t["nonce"] = this.renderOptions.serverData.nonce;
             }
-            this.openElement("script", null, t);
-            this.write(JSON.stringify(e));
-            this.closeElement();
+            this.writeScript(t, JSON.stringify(e));
+        }
+    }
+    emitBackpatchDataAndExecutorIfNeeded() {
+        if (this.backpatchMap.size === 0) {
+            return;
         }
+        this.emitPatchDataIfNeeded();
+        this.emitExecutorIfNeeded();
     }
     emitExecutorIfNeeded() {
         if (!this.isBackpatchExecutorEmitted) {
             return;
         }
+        this.isBackpatchExecutorEmitted = false;
         const e = {
             type: "text/javascript"
         };
         if (this.renderOptions.serverData?.nonce) {
             e["nonce"] = this.renderOptions.serverData.nonce;
         }
-        this.openElement("script", null, e);
         const t = getQwikBackpatchExecutorScript({
             debug: isDev8
         });
-        this.write(t);
-        this.closeElement();
+        this.writeScript(e, t);
+    }
+    emitOutOfOrderExecutorIfNeeded() {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed || this.isOutOfOrderExecutorEmitted) {
+            return;
+        }
+        this.isOutOfOrderExecutorEmitted = true;
+        this.writeScript({
+            type: "text/javascript",
+            nonce: this.renderOptions.serverData?.nonce
+        }, getQwikOutOfOrderExecutorScript({
+            debug: isDev8
+        }));
+    }
+    emitInlineScript(e) {
+        const t = {
+            type: "text/javascript"
+        };
+        if (this.renderOptions.serverData?.nonce) {
+            t["nonce"] = this.renderOptions.serverData.nonce;
+        }
+        this.writeScript(t, e);
+    }
+    emitContainerReadyEventIfNeeded() {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed) {
+            return;
+        }
+        this.emitInlineScript(`document.qready||(document.qready={});document.qready["${this.Te}"]=1;try{document.dispatchEvent(new CustomEvent("qready",{detail:"${this.Te}"}))}catch(e){}`);
+    }
+    writeScript(e, t) {
+        this.openScript(e);
+        if (t) {
+            this.write(t);
+        }
+        this.closeScript();
+    }
+    openScript(e) {
+        this.write("<script");
+        this.writeAttrs("script", e, true, null, null, true);
+        this.write(GT);
+    }
+    closeScript() {
+        this.write("<\/script>");
     }
     emitPreloaderPre() {
         if (!isDev8) {
@@ -2454,12 +2987,12 @@ var SSRContainer = class extends Ou {
         }
     }
     isStatic() {
-        return this.serializationCtx.At.size === 0;
+        return !(__EXPERIMENTAL__.suspense && this.outOfOrderStreaming && this.outOfOrderUsed) && this.serializationCtx.xt.size === 0;
     }
     emitQwikLoaderAtTopIfNeeded() {
         if (this.qlInclude === 0 /* Module */) {
             this.qlInclude = 2 /* Done */;
-            const e = this.ce + this.resolvedManifest.manifest.qwikLoader;
+            const e = this.qe + this.resolvedManifest.manifest.qwikLoader;
             const t = {
                 rel: "modulepreload",
                 href: e
@@ -2478,8 +3011,7 @@ var SSRContainer = class extends Ou {
             if (n) {
                 r["nonce"] = n;
             }
-            this.openElement("script", null, r);
-            this.closeElement();
+            this.writeScript(r);
         }
     }
     emitQwikLoaderInline() {
@@ -2495,17 +3027,25 @@ var SSRContainer = class extends Ou {
         if (this.renderOptions.serverData?.nonce) {
             t["nonce"] = this.renderOptions.serverData.nonce;
         }
-        this.openElement("script", null, t);
-        this.write(e);
-        this.closeElement();
+        this.writeScript(t, e);
     }
     emitQwikLoaderAtBottomIfNeeded() {
         if (!this.isStatic()) {
             if (this.qlInclude !== 2 /* Done */) {
                 this.emitQwikLoaderInline();
             }
-            this.emitQwikEvents(Array.from(this.serializationCtx.Rt, e => JSON.stringify(e)));
+            this.emitNewQwikEvents();
+        }
+    }
+    emitNewQwikEvents() {
+        const e = [];
+        for (const t of this.serializationCtx.At) {
+            if (!this.emittedQwikEventNames.has(t)) {
+                this.emittedQwikEventNames.add(t);
+                e.push(JSON.stringify(t));
+            }
         }
+        this.emitQwikEvents(e);
     }
     emitQwikEvents(e) {
         if (e.length > 0) {
@@ -2514,11 +3054,11 @@ var SSRContainer = class extends Ou {
             if (n) {
                 t["nonce"] = n;
             }
-            this.openElement("script", null, t);
+            this.openScript(t);
             this.write(`(window._qwikEv||(window._qwikEv=[])).push(`);
-            this.writeArray(e, Zr);
+            this.writeArray(e, mr);
             this.write(PAREN_CLOSE);
-            this.closeElement();
+            this.closeScript();
         }
     }
     // Keep in sync with process-vnode-data.unit.ts
@@ -2577,7 +3117,7 @@ var SSRContainer = class extends Ou {
                         o += " ";
                     }
                     i.push(`${o}<${e}> <= is not allowed as a child of ${allowedContent(s)[0]}.`);
-                    throw newTagError(i.map(escapeHTML).join("\n"));
+                    throw newTagError(i.join("\n"));
                 }
             }
         }
@@ -2587,7 +3127,8 @@ var SSRContainer = class extends Ou {
             elementName: e,
             depthFirstElementIdx: t,
             vNodeData: [ 0 /* NONE */ ],
-            currentFile: isDev8 ? n || null : null
+            currentFile: isDev8 ? n || null : null,
+            refBase: null
         };
         this.currentElementFrame = s;
         this.vNodeDatas.push(s.vNodeData);
@@ -2602,6 +3143,17 @@ var SSRContainer = class extends Ou {
         this.size += e.length;
         this.writer.write(e);
     }
+    writeRootRef(e) {
+        this.size += String(e).length;
+        this.writer.writeRootRef(e);
+    }
+    writeRootRefPath(e) {
+        this.size += String(e[0]).length;
+        this.writer.writeRootRefPath(e);
+        for (let t = 1; t < e.length; t++) {
+            this.size += 1 + String(e[t]).length;
+        }
+    }
     writeArray(e, t) {
         for (let n = 0; n < e.length; n++) {
             const r = e[n];
@@ -2611,22 +3163,22 @@ var SSRContainer = class extends Ou {
             this.write(r);
         }
     }
-    writeAttrs(e, t, s, i, o, a) {
-        let l = void 0;
-        for (let c in t) {
-            let u = t[c];
-            if (isSSRUnsafeAttr(c)) {
+    writeAttrs(e, t, r, i, o, a) {
+        let c = void 0;
+        for (let l in t) {
+            let u = t[l];
+            if (isSSRUnsafeAttr(l)) {
                 if (isDev8) {
-                    throw ve(32 /* unsafeAttr */ , [ c ]);
+                    throw qe(32 /* unsafeAttr */ , [ l ]);
                 }
                 continue;
             }
-            if (br(c)) {
-                u = _setEvent(this.serializationCtx, c, u, a);
-            } else if (c === "ref") {
+            if (Is(l)) {
+                u = _setEvent(this.serializationCtx, l, u, a);
+            } else if (l === "ref") {
                 const e = this.getOrCreateLastNode();
-                if (Ll(u)) {
-                    u.Gt = new DomRef(e);
+                if (iu(u)) {
+                    u.Zt = new DomRef(e);
                     continue;
                 } else if (typeof u === "function") {
                     u(new DomRef(e));
@@ -2634,63 +3186,83 @@ var SSRContainer = class extends Ou {
                 } else if (u == null) {
                     continue;
                 } else {
-                    throw ve(15 /* invalidRefValue */ , [ o ]);
+                    throw qe(15 /* invalidRefValue */ , [ o ]);
+                }
+            } else if (l === ys || l === ms) {
+                const e = this.addRoot(u);
+                if (e === void 0) {
+                    continue;
                 }
-            } else if (c === nr || c === er) {
-                u = this.serializationCtx.St(u);
-            } else if (Ll(u)) {
+                u = typeof e === "number" ? [ e ] : String(e);
+            } else if (iu(u)) {
                 const e = this.getOrCreateLastNode();
-                const t = new li({
-                    j: i,
-                    et: s
+                const t = new Ri({
+                    O: i,
+                    et: r
                 });
-                const r = u;
-                u = n(() => this.trackSignalValue(r, e, c, t));
+                const s = u;
+                u = n(() => this.trackSignalValue(s, e, l, t));
             }
-            if (dr(u)) {
+            if (Ps(u)) {
                 const e = this.getOrCreateLastNode();
                 this.addPromiseAttribute(u);
                 u.then(t => {
-                    this.addBackpatchEntry(e.id, c, t);
+                    this.addBackpatchEntry(e.id, l, s(l, t, i));
                 });
                 continue;
             }
-            if (c === fr) {
+            if (l === Ss) {
                 if (u) {
-                    l = String(u);
-                    c = Ue;
+                    c = String(u);
+                    l = es;
                     u = "html" /* HTML */;
                 }
                 if (e === "style") {
                     continue;
                 }
-            } else if (isPreventDefault(c)) {
-                addPreventDefaultEventToSerializationContext(this.serializationCtx, c);
+            } else if (isPreventDefault(l)) {
+                addPreventDefaultEventToSerializationContext(this.serializationCtx, l);
             }
-            if (e === "textarea" && c === "value") {
+            if (e === "textarea" && l === "value") {
                 if (u && typeof u !== "string") {
                     if (isDev8) {
-                        throw ve(23 /* wrongTextareaValue */ , [ o, u ]);
+                        throw qe(23 /* wrongTextareaValue */ , [ o, u ]);
                     }
                     continue;
                 }
-                l = escapeHTML(u || "");
-                c = Ue;
+                c = escapeHTML(u || "");
+                l = es;
                 u = "text" /* TEXT */;
             }
-            const h = r(c, u, i);
+            const h = s(l, u, i);
             if (h != null && h !== false) {
-                this.write(Uf);
-                this.write(c);
+                this.write(va);
+                this.write(l);
                 if (h !== true) {
                     this.write(ATTR_EQUALS_QUOTE);
-                    const e = escapeHTML(String(h));
-                    this.write(e);
-                    this.write(QUOTE);
+                    if (Array.isArray(h)) {
+                        this.writeEscapedChunks(h);
+                    } else {
+                        const e = escapeHTML(String(h));
+                        this.write(e);
+                    }
+                    this.write(pr);
                 }
             }
         }
-        return l;
+        return c;
+    }
+    writeEscapedChunks(e) {
+        for (let t = 0; t < e.length; t++) {
+            const n = e[t];
+            if (typeof n === "string") {
+                this.write(escapeHTML(n));
+            } else if (typeof n === "number") {
+                this.writeRootRef(n);
+            } else {
+                this.writeRootRefPath(n.path);
+            }
+        }
     }
     addPromiseAttribute(e) {
         this.promiseAttributes ||= [];
@@ -2704,19 +3276,261 @@ var SSRContainer = class extends Ou {
     }
 };
 
+var SSRSegmentContainer = class extends SSRContainer {
+    constructor(e, t) {
+        super(e);
+        this.Re = t;
+    }
+    Qe=0 /* Rendering */;
+    Ke=null;
+    subscriptionPatchRecords=[];
+    pendingVNodeDataPatches=null;
+    nextOutOfOrderId() {
+        return this.Re.nextOutOfOrderId();
+    }
+    S(e) {
+        return this.Re.S(e);
+    }
+    queueOutOfOrderSegment(e) {
+        this.Re.queueOutOfOrderSegment(e);
+    }
+    emitOutOfOrderSegmentScripts(e) {
+        this.Re.emitOutOfOrderSegmentScripts(e);
+    }
+    emitOutOfOrderExecutorIfNeeded() {
+        this.Re.emitOutOfOrderExecutorIfNeeded();
+    }
+    nn(e, t, n, r) {
+        recordExternalRootEffect(this.Re.serializationCtx, this.serializationCtx, this.Re.dt, this.subscriptionPatchRecords, e, t, n, r);
+    }
+    async P(e, t) {
+        const n = this.Re;
+        const r = n.A();
+        const s = this.serializationCtx;
+        try {
+            const i = this.Ge(n, s);
+            this.Je(n, s);
+            this.Ye(n, s);
+            const o = this.Ze(n, r, s);
+            if (r && (i.newRootLocalIds.length > 0 || o !== void 0)) {
+                s.ue = n.serializationCtx.zn;
+                await this.emitStatePatchData(e, i.newRootStart, i.newRootLocalIds, o);
+                n.serializationCtx.ae = n.serializationCtx.Yn.length + (n.serializationCtx.fe ? 1 : 0);
+                n.serializationCtx.zn += s.zn;
+            }
+            this.emitPendingVNodeDataPatches();
+            if (r) {
+                this.t = true;
+                this.emitVNodeData(e);
+                const t = this.serializationCtx;
+                this.serializationCtx = n.serializationCtx;
+                this.emittedSyncFnCount = n.emittedSyncFnCount;
+                this.emitSyncFnsData(true);
+                n.emittedSyncFnCount = this.emittedSyncFnCount;
+                this.serializationCtx = t;
+                this.emitNewQwikEvents();
+            }
+            this.emitPatchDataIfNeeded();
+            this.drainCleanupQueue();
+            const a = i.rootIdMap;
+            if (r) {
+                this.Qe = 2 /* Done */;
+            } else {
+                this.Ke = a;
+                this.Qe = 1 /* EarlyFinalized */;
+            }
+            return {
+                html: renderSSRChunks(t.htmlChunks, a),
+                scripts: t.writer.toString(a)
+            };
+        } finally {
+            if (this.Qe !== 1 /* EarlyFinalized */) {
+                s.me = void 0;
+                n.removeOutOfOrderSegment(this);
+            }
+            n.serializationCtx.Bn(n.writer);
+        }
+    }
+    He() {
+        try {
+            this.emitVNodeData(this.vnodeSegment);
+            this.emitPendingVNodeDataPatches();
+            this.Re.emitOutOfOrderSegmentScripts(this.writer.toString(this.Ke));
+            this.Qe = 2 /* Done */;
+            this.Re.removeOutOfOrderSegment(this);
+        } finally {
+            this.serializationCtx.me = void 0;
+        }
+    }
+    markVNodeDataForSerialization(e, t = 16 /* SERIALIZE */) {
+        const n = e.vnodeData[0];
+        const r = n | t;
+        if (r !== n) {
+            e.vnodeData[0] = r;
+            this.queueLateVNodeDataPatch(e, r & ~n);
+        }
+    }
+    queueLateVNodeDataPatch(e, t) {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !(t & (16 /* SERIALIZE */ | 8 /* REFERENCE */))) {
+            return;
+        }
+        const n = this.getVNodeDataOwnerFromNodeId(e.id);
+        if (!this.F().isVNodeDataOwnerEmitted(n.owner)) {
+            return;
+        }
+        let r = (this.pendingVNodeDataPatches ||= /* @__PURE__ */ new Map).get(n.owner);
+        if (!r) {
+            this.pendingVNodeDataPatches.set(n.owner, r = /* @__PURE__ */ new Map);
+        }
+        r.set(n.localIndex, e.vnodeData);
+    }
+    emitPendingVNodeDataPatches() {
+        const e = this.pendingVNodeDataPatches;
+        this.pendingVNodeDataPatches = null;
+        if (!e) {
+            return;
+        }
+        for (const [t, n] of e) {
+            if (n.size === 0) {
+                continue;
+            }
+            const e = Array.from(n).sort((e, t) => e[0] - t[0]);
+            this.emitVNodeDataScript(t, e, true);
+        }
+    }
+    Ge(e, t) {
+        const n = this.commitSegmentRoots(e, t);
+        t.me = (t, r, s) => {
+            this.commitSegmentRoot(e, t, r, s, n);
+        };
+        return n;
+    }
+    Ze(e, t, n) {
+        let r = void 0;
+        const s = t ? this.collectSubscriptionPatches(e, e.rootContainerSerializedRootCount) : void 0;
+        if (s) {
+            r = n.St(s);
+        }
+        return r;
+    }
+    commitSegmentRoots(e, t) {
+        const n = [];
+        const r = e.A() ? e.serializationCtx.ae : e.serializationCtx.Yn.length;
+        const s = [];
+        const i = {
+            rootIdMap: n,
+            newRootStart: r,
+            newRootLocalIds: s
+        };
+        this.promoteSharedSegmentRoots(e, t, i);
+        const o = t.Yn;
+        const a = t.ye;
+        for (let t = 0; t < o.length; t++) {
+            const n = a[t];
+            this.commitSegmentRoot(e, t, o[t], n, i);
+        }
+        return i;
+    }
+    promoteSharedSegmentRoots(e, t, n) {
+        const r = t.Yn;
+        const s = t.ye;
+        for (let t = 0; t < s.length; t++) {
+            const i = s[t];
+            if (this.isRootOrUsedByOtherLiveSegment(e, i)) {
+                this.commitSegmentRoot(e, t, r[t], i, n);
+            }
+        }
+    }
+    isRootOrUsedByOtherLiveSegment(e, t) {
+        if (e.serializationCtx.ge(t) !== void 0) {
+            return true;
+        }
+        const n = e.outOfOrderSegments;
+        for (let e = 0; e < n.length; e++) {
+            const r = n[e];
+            if (r === this) {
+                continue;
+            }
+            const s = r.serializationCtx.ye;
+            for (let e = 0; e < s.length; e++) {
+                if (s[e] === t) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    commitSegmentRoot(e, t, n, r, s) {
+        if (s.rootIdMap[t] !== void 0) {
+            return;
+        }
+        let i = e.serializationCtx.ge(r);
+        if (i === void 0) {
+            i = e.serializationCtx._e(n, r);
+            s.newRootLocalIds.push(t);
+            this.seedCommittedRootForLiveSegments(e, r);
+        }
+        const o = e.serializationCtx;
+        s.rootIdMap[t] = e.A() && i >= o.ce ? i + (o.fe ? 1 : 0) : i;
+    }
+    seedCommittedRootForLiveSegments(e, t) {
+        const n = e.outOfOrderSegments;
+        for (let e = 0; e < n.length; e++) {
+            const r = n[e];
+            if (r !== this && r.Qe === 0 /* Rendering */) {
+                r.serializationCtx.St(t);
+            }
+        }
+    }
+    Je(e, t) {
+        for (const n of t.At) {
+            e.serializationCtx.At.add(n);
+        }
+        for (const n of t.xt) {
+            e.serializationCtx.xt.add(n);
+        }
+    }
+    Ye(e, t) {
+        e.serializationCtx.$e.push(...t.$e);
+    }
+    collectSubscriptionPatches(e, t) {
+        if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming) {
+            return;
+        }
+        return collectSubscriptionPatches(e.serializationCtx, this.subscriptionPatchRecords, t);
+    }
+    emitStatePatchData(e, t, n, r) {
+        const s = this.statePatchScriptAttrs(e);
+        this.openScript(s);
+        this.serializationCtx.Bn(this.writer);
+        this.serializationCtx.te = this.markVNodeDataForSerialization.bind(this);
+        return qs(this.serializationCtx.be(t, n, r, 0), () => {
+            this.closeScript();
+        });
+    }
+    statePatchScriptAttrs(e) {
+        const t = this.stateScriptAttrs();
+        t[QStatePatchAttr] = true;
+        if (e) {
+            t[kh] = e;
+        }
+        return t;
+    }
+};
+
 var isQwikStyleElement = (e, t) => {
     if (e === "style" && t != null) {
-        return Object.prototype.hasOwnProperty.call(t, Ae) || Object.prototype.hasOwnProperty.call(t, Ie);
+        return Object.prototype.hasOwnProperty.call(t, Ue) || Object.prototype.hasOwnProperty.call(t, He);
     }
     return false;
 };
 
 function newTagError(e) {
-    return ve(12 /* tagError */ , [ e ]);
+    return qe(12 /* tagError */ , [ e ]);
 }
 
 function hasDestroy(e) {
-    return e && typeof e === "object" && typeof e.En === "function";
+    return e && typeof e === "object" && typeof e.Tn === "function";
 }
 
 function isSSRUnsafeAttr(e) {
@@ -2736,7 +3550,7 @@ function randomStr() {
 function addPreventDefaultEventToSerializationContext(e, t) {
     const n = "e" + t.substring(14);
     if (n) {
-        e.Rt.add(n);
+        e.At.add(n);
     }
 }
 
@@ -2770,37 +3584,27 @@ var StreamHandler = class {
         let t;
         switch (this.inOrderStreaming.strategy) {
           case "disabled":
-            t = {
-                write(t) {
-                    if (t === void 0 || t === null) {
-                        return;
-                    }
-                    e.enqueue(t);
-                },
-                waitForDrain() {
-                    return e.waitForPendingFlush();
+            t = dr(t => {
+                if (t === void 0 || t === null) {
+                    return;
                 }
-            };
+                e.enqueue(t);
+            });
             break;
 
           case "direct":
             {
                 const n = this.nativeStream;
-                t = {
-                    write(t) {
-                        if (t === void 0 || t === null) {
-                            return;
-                        }
-                        if (e.pendingFlush) {
-                            const r = e.pendingFlush.then(() => n.write(t));
-                            return e.trackPendingFlush(r);
-                        }
-                        return e.trackPendingFlush(n.write(t));
-                    },
-                    waitForDrain() {
-                        return e.waitForPendingFlush();
+                t = dr(t => {
+                    if (t === void 0 || t === null) {
+                        return;
+                    }
+                    if (e.pendingFlush) {
+                        const r = e.pendingFlush.then(() => n.write(t));
+                        return e.trackPendingFlush(r);
                     }
-                };
+                    return e.trackPendingFlush(n.write(t));
+                });
                 break;
             }
 
@@ -2809,23 +3613,18 @@ var StreamHandler = class {
             {
                 const n = this.inOrderStreaming.maximumChunk ?? 0;
                 const r = this.inOrderStreaming.maximumInitialChunk ?? 0;
-                t = {
-                    write(t) {
-                        if (t === void 0 || t === null) {
-                            return;
-                        }
-                        e.enqueue(t);
-                        if (e.streamBlockDepth === 0) {
-                            const t = e.networkFlushes === 0 ? r : n;
-                            if (e.bufferSize >= t) {
-                                return e.flush();
-                            }
+                t = dr(t => {
+                    if (t === void 0 || t === null) {
+                        return;
+                    }
+                    e.enqueue(t);
+                    if (e.streamBlockDepth === 0) {
+                        const t = e.networkFlushes === 0 ? r : n;
+                        if (e.bufferSize >= t) {
+                            return e.flush();
                         }
-                    },
-                    waitForDrain() {
-                        return e.waitForPendingFlush();
                     }
-                };
+                });
                 break;
             }
         }
@@ -2842,7 +3641,7 @@ var StreamHandler = class {
         }
     }
     trackPendingFlush(e) {
-        if (!dr(e)) {
+        if (!Ps(e)) {
             return;
         }
         const t = Promise.resolve(e).finally(() => {
@@ -2905,26 +3704,30 @@ var StreamHandler = class {
 
 // packages/qwik/src/server/ssr-render.ts
 var renderToString = async (e, t = {}) => {
-    const n = [];
-    const r = {
-        write(e) {
-            n.push(e);
-        }
-    };
-    const s = await renderToStream(e, {
+    const n = new StringSSRWriter;
+    const r = await renderToStream(e, {
         ...t,
-        stream: r
+        stream: n
     });
     return {
-        isStatic: s.isStatic,
-        timing: s.timing,
-        manifest: s.manifest,
-        snapshotResult: s.snapshotResult,
-        html: n.join("")
+        isStatic: r.isStatic,
+        timing: r.timing,
+        manifest: r.manifest,
+        snapshotResult: r.snapshotResult,
+        html: n.toString()
     };
 };
 
 var renderToStream = async (e, t) => {
+    if (__EXPERIMENTAL__.suspense && t.streaming?.outOfOrder === void 0) {
+        t = {
+            ...t,
+            streaming: {
+                ...t.streaming,
+                outOfOrder: true
+            }
+        };
+    }
     const n = {
         firstFlush: 0,
         render: 0,
@@ -2935,7 +3738,7 @@ var renderToStream = async (e, t) => {
     const i = resolveManifest(t.manifest);
     const o = typeof t.locale === "function" ? t.locale(t) : t.serverData?.locale || t.locale || t.containerAttributes?.locale || "";
     const a = new StreamHandler(t, n);
-    const l = ssrCreateContainer({
+    const c = ssrCreateContainer({
         tagName: r,
         locale: o,
         writer: a.stream,
@@ -2946,21 +3749,21 @@ var renderToStream = async (e, t) => {
         renderOptions: t
     });
     await setServerPlatform(t, i);
-    await l.render(e);
-    await l.l;
+    await c.render(e);
+    await c.l;
     await a.flush();
-    const c = {
+    const l = {
         flushes: a.networkFlushes,
         manifest: i?.manifest,
-        size: l.size,
+        size: c.size,
         isStatic: false,
         timing: n
     };
-    return c;
+    return l;
 };
 
 function resolveManifest(e) {
-    const t = yf();
+    const t = Hf();
     const n = e ? {
         ...t,
         ...e
@@ -2972,7 +3775,7 @@ function resolveManifest(e) {
         const e = {};
         for (const t in n.mapping) {
             const r = n.mapping[t];
-            e[Ha(t)] = [ t, r ];
+            e[Sh(t)] = [ t, r ];
         }
         return {
             mapper: e,
@@ -2987,7 +3790,7 @@ var Q_FUNCS_PREFIX = 'document["qFuncs_HASH"]=';
 
 // packages/qwik/src/server/index.ts
 async function setServerPlatform2(e) {
-    const t = Pr({
+    const t = Vs({
         manifest: e
     }, resolveManifest(e));
     setPlatform2(t);