@qwik.dev/core 2.0.0-beta.16 → 2.0.0-beta.18

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.16-dev+a83ccf3
+ * @qwik.dev/core/server 2.0.0-beta.18-dev+a8081d4
  * 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
@@ -20,7 +20,10 @@ import { setPlatform as setPlatform2 } from "@qwik.dev/core";
 
 // packages/qwik/src/server/platform.ts
 import { setPlatform } from "@qwik.dev/core";
-import { isDev as isDev3 } from "@qwik.dev/core/build";
+import { isDev as isDev4 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/client/util-mapArray.ts
+import { isDev } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/utils/qdev.ts
 var qDev = globalThis.qDev !== false;
@@ -64,7 +67,7 @@ function assertTrue(value1, text, ...parts) {
 
 // packages/qwik/src/core/client/util-mapArray.ts
 var mapApp_findIndx = (array, key, start) => {
-  assertTrue(start % 2 === 0, "Expecting even number.");
+  isDev && assertTrue(start % 2 === 0, "Expecting even number.");
   let bottom = start >> 1;
   let top = array.length - 2 >> 1;
   while (bottom <= top) {
@@ -195,7 +198,7 @@ See https://qwik.dev/docs/core/tasks/#use-method-rules`,
       // 30
       "WrappedSignal is read-only",
       // 31
-      "Attribute value is unsafe for SSR",
+      "Attribute value is unsafe for SSR {{0}}",
       // 32
       "SerializerSymbol function returned rejected promise",
       // 33
@@ -223,122 +226,427 @@ var qError = (code, errorMessageArgs = []) => {
 };
 
 // packages/qwik/src/core/shared/qrl/qrl-utils.ts
-import { isDev } from "@qwik.dev/core/build";
+import { isDev as isDev2 } from "@qwik.dev/core/build";
 var SYNC_QRL = "<sync>";
 
 // packages/qwik/src/core/shared/types.ts
 var DEBUG_TYPE = "q:type";
 
-// packages/qwik/src/core/shared/utils/character-escaping.ts
-function escapeHTML(html) {
-  let escapedHTML = "";
-  const length = html.length;
-  let idx = 0;
-  let lastIdx = idx;
-  for (; idx < length; idx++) {
-    const ch = html.charCodeAt(idx);
-    if (ch === 60) {
-      escapedHTML += html.substring(lastIdx, idx) + "&lt;";
-    } else if (ch === 62) {
-      escapedHTML += html.substring(lastIdx, idx) + "&gt;";
-    } else if (ch === 38) {
-      escapedHTML += html.substring(lastIdx, idx) + "&amp;";
-    } else if (ch === 34) {
-      escapedHTML += html.substring(lastIdx, idx) + "&quot;";
-    } else if (ch === 39) {
-      escapedHTML += html.substring(lastIdx, idx) + "&#39;";
-    } else {
-      continue;
-    }
-    lastIdx = idx + 1;
-  }
-  if (lastIdx === 0) {
-    return html;
-  } else {
-    return escapedHTML + html.substring(lastIdx);
-  }
-}
-
-// packages/qwik/src/core/shared/utils/markers.ts
-var OnRenderProp = "q:renderFn";
-var QSlot = "q:slot";
-var QSlotParent = "q:sparent";
-var QStyle = "q:style";
-var QStyleSelector = "style[q\\:style]";
-var QStyleSSelector = "style[q\\:sstyle]";
-var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
-var QScopedStyle = "q:sstyle";
-var QCtxAttr = "q:ctx";
-var QBackRefs = "q:brefs";
-var QRenderAttr = "q:render";
-var QRuntimeAttr = "q:runtime";
-var QVersionAttr = "q:version";
-var QBaseAttr = "q:base";
-var QLocaleAttr = "q:locale";
-var QManifestHashAttr = "q:manifest-hash";
-var QInstanceAttr = "q:instance";
-var QContainerIsland = "q:container-island";
-var QContainerIslandEnd = "/" + QContainerIsland;
-var QIgnore = "q:ignore";
-var QIgnoreEnd = "/" + QIgnore;
-var QContainerAttr = "q:container";
-var QContainerAttrEnd = "/" + QContainerAttr;
-var QTemplate = "q:template";
-var QContainerSelector = "[q\\:container]:not([q\\:container=" + "html" /* HTML */ + "]):not([q\\:container=" + "text" /* TEXT */ + "])";
-var QDefaultSlot = "";
-var ELEMENT_ID = "q:id";
-var ELEMENT_KEY = "q:key";
-var ELEMENT_PROPS = "q:props";
-var ELEMENT_SEQ = "q:seq";
-var ELEMENT_SEQ_IDX = "q:seqIdx";
-var ELEMENT_BACKPATCH_DATA = "qwik/backpatch";
-var NON_SERIALIZABLE_MARKER_PREFIX = ":";
-var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
-var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
-var USE_ON_LOCAL_FLAGS = NON_SERIALIZABLE_MARKER_PREFIX + "onFlags";
-var FLUSH_COMMENT = "qkssr-f";
-var STREAM_BLOCK_START_COMMENT = "qkssr-pu";
-var STREAM_BLOCK_END_COMMENT = "qkssr-po";
-var Q_PROPS_SEPARATOR = ":";
-var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
-
-// packages/qwik/src/core/shared/utils/promises.ts
-import { isDev as isDev2, isServer } from "@qwik.dev/core/build";
-var MAX_RETRY_ON_PROMISE_COUNT = 100;
-var isPromise = (value) => {
-  return !!value && typeof value == "object" && typeof value.then === "function";
-};
-var maybeThen = (valueOrPromise, thenFn) => {
-  return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn, shouldNotError) : thenFn(valueOrPromise);
-};
-var shouldNotError = (reason) => {
-  throwErrorAndStop(reason);
+// packages/qwik/src/core/shared/vnode-data-types.ts
+var VNodeDataSeparator = {
+  REFERENCE_CH: (
+    /* ***** */
+    `~`
+  ),
+  // `~` is a reference to the node. Save it.
+  REFERENCE: (
+    /* ******** */
+    126
+  ),
+  // `~` is a reference to the node. Save it.
+  ADVANCE_1_CH: (
+    /* ***** */
+    `!`
+  ),
+  // `!` is vNodeData separator skipping 0. (ie next vNode)
+  ADVANCE_1: (
+    /* ********* */
+    33
+  ),
+  // `!` is vNodeData separator skipping 0. (ie next vNode)
+  ADVANCE_2_CH: (
+    /* ***** */
+    `"`
+  ),
+  // `"` is vNodeData separator skipping 1.
+  ADVANCE_2: (
+    /* ********* */
+    34
+  ),
+  // `"` is vNodeData separator skipping 1.
+  ADVANCE_4_CH: (
+    /* ***** */
+    `#`
+  ),
+  // `#` is vNodeData separator skipping 2.
+  ADVANCE_4: (
+    /* ********* */
+    35
+  ),
+  // `#` is vNodeData separator skipping 2.
+  ADVANCE_8_CH: (
+    /* ***** */
+    `$`
+  ),
+  // `$` is vNodeData separator skipping 4.
+  ADVANCE_8: (
+    /* ********* */
+    36
+  ),
+  // `$` is vNodeData separator skipping 4.
+  ADVANCE_16_CH: (
+    /* **** */
+    `%`
+  ),
+  // `%` is vNodeData separator skipping 8.
+  ADVANCE_16: (
+    /* ******** */
+    37
+  ),
+  // `%` is vNodeData separator skipping 8.
+  ADVANCE_32_CH: (
+    /* **** */
+    `&`
+  ),
+  // `&` is vNodeData separator skipping 16.
+  ADVANCE_32: (
+    /* ******** */
+    38
+  ),
+  // `&` is vNodeData separator skipping 16.
+  ADVANCE_64_CH: (
+    /* **** */
+    `'`
+  ),
+  // `'` is vNodeData separator skipping 32.
+  ADVANCE_64: (
+    /* ******** */
+    39
+  ),
+  // `'` is vNodeData separator skipping 32.
+  ADVANCE_128_CH: (
+    /* *** */
+    `(`
+  ),
+  // `(` is vNodeData separator skipping 64.
+  ADVANCE_128: (
+    /* ******* */
+    40
+  ),
+  // `(` is vNodeData separator skipping 64.
+  ADVANCE_256_CH: (
+    /* *** */
+    `)`
+  ),
+  // `)` is vNodeData separator skipping 128.
+  ADVANCE_256: (
+    /* ******* */
+    41
+  ),
+  // `)` is vNodeData separator skipping 128.
+  ADVANCE_512_CH: (
+    /* *** */
+    `*`
+  ),
+  // `*` is vNodeData separator skipping 256.
+  ADVANCE_512: (
+    /* ******* */
+    42
+  ),
+  // `*` is vNodeData separator skipping 256.
+  ADVANCE_1024_CH: (
+    /* ** */
+    `+`
+  ),
+  // `+` is vNodeData separator skipping 512.
+  ADVANCE_1024: (
+    /* ****** */
+    43
+  ),
+  // `+` is vNodeData separator skipping 512.
+  ADVANCE_2048_CH: (
+    /* *  */
+    ","
+  ),
+  // ',' is vNodeData separator skipping 1024.
+  ADVANCE_2048: (
+    /* ****** */
+    44
+  ),
+  // ',' is vNodeData separator skipping 1024.
+  ADVANCE_4096_CH: (
+    /* *  */
+    `-`
+  ),
+  // `-` is vNodeData separator skipping 2048.
+  ADVANCE_4096: (
+    /* ****** */
+    45
+  ),
+  // `-` is vNodeData separator skipping 2048.
+  ADVANCE_8192_CH: (
+    /* *  */
+    `.`
+  ),
+  // `.` is vNodeData separator skipping 4096.
+  ADVANCE_8192: (
+    /* ****** */
+    46
+  )
+  // `.` is vNodeData separator skipping 4096.
 };
-function retryOnPromise(fn, retryCount = 0) {
-  const retryOrThrow = (e) => {
-    if (isPromise(e) && retryCount < MAX_RETRY_ON_PROMISE_COUNT) {
-      return e.then(retryOnPromise.bind(null, fn, retryCount++));
-    }
-    throw e;
-  };
-  try {
-    const result = fn();
-    if (isPromise(result)) {
-      return result.catch((e) => retryOrThrow(e));
-    }
-    return result;
-  } catch (e) {
-    if (isDev2 && isServer && e instanceof ReferenceError && e.message.includes("window")) {
-      e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message;
-      throw e;
-    }
-    return retryOrThrow(e);
-  }
+var VNodeDataChar = {
+  OPEN: (
+    /* ************** */
+    123
+  ),
+  // `{` is the start of the VNodeData for a virtual element.
+  OPEN_CHAR: (
+    /* ****** */
+    "{"
+  ),
+  CLOSE: (
+    /* ************* */
+    125
+  ),
+  // `}` is the end of the VNodeData for a virtual element.
+  CLOSE_CHAR: (
+    /* ***** */
+    "}"
+  ),
+  SCOPED_STYLE: (
+    /* ******* */
+    59
+  ),
+  // `;` - `q:sstyle` - Style attribute.
+  SCOPED_STYLE_CHAR: (
+    /* */
+    ";"
+  ),
+  RENDER_FN: (
+    /* ********** */
+    60
+  ),
+  // `<` - `q:renderFn' - Component QRL render function (body)
+  RENDER_FN_CHAR: (
+    /* ** */
+    "<"
+  ),
+  ID: (
+    /* ***************** */
+    61
+  ),
+  // `=` - `q:id` - ID of the element.
+  ID_CHAR: (
+    /* ********* */
+    "="
+  ),
+  PROPS: (
+    /* ************** */
+    62
+  ),
+  // `>` - `q:props' - Component Props
+  PROPS_CHAR: (
+    /* ****** */
+    ">"
+  ),
+  SLOT_PARENT: (
+    /* ******** */
+    63
+  ),
+  // `?` - `q:sparent` - Slot parent.
+  SLOT_PARENT_CHAR: (
+    /*  */
+    "?"
+  ),
+  KEY: (
+    /* **************** */
+    64
+  ),
+  // `@` - `q:key` - Element key.
+  KEY_CHAR: (
+    /* ******** */
+    "@"
+  ),
+  SEQ: (
+    /* **************** */
+    91
+  ),
+  // `[` - `q:seq' - Seq value from `useSequentialScope()`
+  SEQ_CHAR: (
+    /* ******** */
+    "["
+  ),
+  DON_T_USE: (
+    /* ********** */
+    92
+  ),
+  // `\` - SKIP because `\` is used as escaping
+  DON_T_USE_CHAR: "\\",
+  CONTEXT: (
+    /* ************ */
+    93
+  ),
+  // `]` - `q:ctx' - Component context/props
+  CONTEXT_CHAR: (
+    /* **** */
+    "]"
+  ),
+  SEQ_IDX: (
+    /* ************ */
+    94
+  ),
+  // `^` - `q:seqIdx' - Sequential scope id
+  SEQ_IDX_CHAR: (
+    /* **** */
+    "^"
+  ),
+  BACK_REFS: (
+    /* ********** */
+    96
+  ),
+  // '`' - `q:brefs' - Effect dependencies/subscriptions
+  BACK_REFS_CHAR: (
+    /* ** */
+    "`"
+  ),
+  SEPARATOR: (
+    /* ********* */
+    124
+  ),
+  // `|` - Separator char to encode any key/value pairs.
+  SEPARATOR_CHAR: (
+    /* ** */
+    "|"
+  ),
+  SLOT: (
+    /* ************** */
+    126
+  ),
+  // `~` - `q:slot' - Slot name
+  SLOT_CHAR: (
+    /* ******* */
+    "~"
+  )
+};
+
+// packages/qwik/src/core/shared/utils/character-escaping.ts
+function escapeHTML(html) {
+  let escapedHTML = "";
+  const length = html.length;
+  let idx = 0;
+  let lastIdx = idx;
+  for (; idx < length; idx++) {
+    const ch = html.charCodeAt(idx);
+    if (ch === 60) {
+      escapedHTML += html.substring(lastIdx, idx) + "&lt;";
+    } else if (ch === 62) {
+      escapedHTML += html.substring(lastIdx, idx) + "&gt;";
+    } else if (ch === 38) {
+      escapedHTML += html.substring(lastIdx, idx) + "&amp;";
+    } else if (ch === 34) {
+      escapedHTML += html.substring(lastIdx, idx) + "&quot;";
+    } else if (ch === 39) {
+      escapedHTML += html.substring(lastIdx, idx) + "&#39;";
+    } else {
+      continue;
+    }
+    lastIdx = idx + 1;
+  }
+  if (lastIdx === 0) {
+    return html;
+  } else {
+    return escapedHTML + html.substring(lastIdx);
+  }
+}
+function encodeVNodeDataString(str) {
+  let escapedHTML = "";
+  const length = str.length;
+  let idx = 0;
+  let lastIdx = idx;
+  for (; idx < length; idx++) {
+    const ch = str.charCodeAt(idx);
+    if (ch >= VNodeDataSeparator.ADVANCE_1 && ch <= VNodeDataSeparator.ADVANCE_8192) {
+      escapedHTML += str.substring(lastIdx, idx) + "\\" + str.charAt(idx);
+    } else {
+      continue;
+    }
+    lastIdx = idx + 1;
+  }
+  if (lastIdx === 0) {
+    return str;
+  } else {
+    return escapedHTML + str.substring(lastIdx);
+  }
+}
+
+// packages/qwik/src/core/shared/utils/markers.ts
+var OnRenderProp = "q:renderFn";
+var QSlot = "q:slot";
+var QSlotParent = "q:sparent";
+var QStyle = "q:style";
+var QStyleSelector = "style[q\\:style]";
+var QStyleSSelector = "style[q\\:sstyle]";
+var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
+var QScopedStyle = "q:sstyle";
+var QCtxAttr = "q:ctx";
+var QBackRefs = "q:brefs";
+var QRenderAttr = "q:render";
+var QRuntimeAttr = "q:runtime";
+var QVersionAttr = "q:version";
+var QBaseAttr = "q:base";
+var QLocaleAttr = "q:locale";
+var QManifestHashAttr = "q:manifest-hash";
+var QInstanceAttr = "q:instance";
+var QContainerIsland = "q:container-island";
+var QContainerIslandEnd = "/" + QContainerIsland;
+var QIgnore = "q:ignore";
+var QIgnoreEnd = "/" + QIgnore;
+var QContainerAttr = "q:container";
+var QContainerAttrEnd = "/" + QContainerAttr;
+var QTemplate = "q:template";
+var QContainerSelector = "[q\\:container]:not([q\\:container=" + "html" /* HTML */ + "]):not([q\\:container=" + "text" /* TEXT */ + "])";
+var QDefaultSlot = "";
+var ELEMENT_ID = "q:id";
+var ELEMENT_KEY = "q:key";
+var ELEMENT_PROPS = "q:props";
+var ELEMENT_SEQ = "q:seq";
+var ELEMENT_SEQ_IDX = "q:seqIdx";
+var ELEMENT_BACKPATCH_DATA = "qwik/backpatch";
+var NON_SERIALIZABLE_MARKER_PREFIX = ":";
+var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
+var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
+var USE_ON_LOCAL_FLAGS = NON_SERIALIZABLE_MARKER_PREFIX + "onFlags";
+var FLUSH_COMMENT = "qkssr-f";
+var STREAM_BLOCK_START_COMMENT = "qkssr-pu";
+var STREAM_BLOCK_END_COMMENT = "qkssr-po";
+var Q_PROPS_SEPARATOR = ":";
+var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
+
+// packages/qwik/src/core/shared/utils/promises.ts
+import { isDev as isDev3, isServer } from "@qwik.dev/core/build";
+var MAX_RETRY_ON_PROMISE_COUNT = 100;
+var isPromise = (value) => {
+  return !!value && typeof value == "object" && typeof value.then === "function";
+};
+var maybeThen = (valueOrPromise, thenFn) => {
+  return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
+};
+function retryOnPromise(fn, retryCount = 0) {
+  const retryOrThrow = (e) => {
+    if (isPromise(e) && retryCount < MAX_RETRY_ON_PROMISE_COUNT) {
+      return e.then(retryOnPromise.bind(null, fn, retryCount++));
+    }
+    throw e;
+  };
+  try {
+    const result = fn();
+    if (isPromise(result)) {
+      return result.catch((e) => retryOrThrow(e));
+    }
+    return result;
+  } catch (e) {
+    if (isDev3 && isServer && e instanceof ReferenceError && e.message.includes("window")) {
+      e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message;
+      throw e;
+    }
+    return retryOrThrow(e);
+  }
 }
 
 // packages/qwik/src/core/shared/utils/scoped-styles.ts
 function isClassAttr(key) {
-  return key === "class" || key === "className";
+  return key === "class";
 }
 function convertStyleIdsToString(scopedStyleIds) {
   return Array.from(scopedStyleIds).join(" ");
@@ -393,387 +701,99 @@ var unitlessNumbers = /* @__PURE__ */ new Set([
   "WebkitBoxOrdinalGroup",
   "WebkitColumnCount",
   "WebkitColumns",
-  "WebkitFlex",
-  "WebkitFlexGrow",
-  "WebkitFlexShrink",
-  "WebkitLineClamp"
-]);
-var isUnitlessNumber = (name) => {
-  return unitlessNumbers.has(name);
-};
-
-// packages/qwik/src/core/shared/utils/styles.ts
-var serializeClass = (obj) => {
-  if (!obj) {
-    return "";
-  }
-  if (isString(obj)) {
-    return obj.trim();
-  }
-  const classes = [];
-  if (isArray(obj)) {
-    for (const o of obj) {
-      const classList = serializeClass(o);
-      if (classList) {
-        classes.push(classList);
-      }
-    }
-  } else {
-    for (const [key, value] of Object.entries(obj)) {
-      if (value) {
-        classes.push(key.trim());
-      }
-    }
-  }
-  return classes.join(" ");
-};
-var fromCamelToKebabCaseWithDash = (text) => {
-  return text.replace(/([A-Z])/g, "-$1").toLowerCase();
-};
-var stringifyStyle = (obj) => {
-  if (obj == null) {
-    return "";
-  }
-  if (typeof obj == "object") {
-    if (isArray(obj)) {
-      throw qError(0 /* stringifyClassOrStyle */, [obj, "style"]);
-    } else {
-      const chunks = [];
-      for (const key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-          const value = obj[key];
-          if (value != null && typeof value !== "function") {
-            if (key.startsWith("--")) {
-              chunks.push(key + ":" + value);
-            } else {
-              chunks.push(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value));
-            }
-          }
-        }
-      }
-      return chunks.join(";");
-    }
-  }
-  return String(obj);
-};
-var serializeBooleanOrNumberAttribute = (value) => {
-  return value != null ? String(value) : null;
-};
-function serializeAttribute(key, value, styleScopedId) {
-  if (isClassAttr(key)) {
-    const serializedClass = serializeClass(value);
-    value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
-  } else if (key === "style") {
-    value = stringifyStyle(value);
-  } else if (isEnumeratedBooleanAttribute(key) || typeof value === "number") {
-    value = serializeBooleanOrNumberAttribute(value);
-  } else if (value === false || value == null) {
-    value = null;
-  } else if (value === true && isPreventDefault(key)) {
-    value = "";
-  }
-  return value;
-}
-function isEnumeratedBooleanAttribute(key) {
-  return isAriaAttribute(key) || ["spellcheck", "draggable", "contenteditable"].includes(key);
-}
-var setValueForStyle = (styleName, value) => {
-  if (typeof value === "number" && value !== 0 && !isUnitlessNumber(styleName)) {
-    return value + "px";
-  }
-  return value;
-};
-function isAriaAttribute(prop) {
-  return prop.startsWith("aria-");
-}
-
-// packages/qwik/src/core/shared/vnode-data-types.ts
-var VNodeDataSeparator = {
-  REFERENCE_CH: (
-    /* ***** */
-    `~`
-  ),
-  // `~` is a reference to the node. Save it.
-  REFERENCE: (
-    /* ******** */
-    126
-  ),
-  // `~` is a reference to the node. Save it.
-  ADVANCE_1_CH: (
-    /* ***** */
-    `!`
-  ),
-  // `!` is vNodeData separator skipping 0. (ie next vNode)
-  ADVANCE_1: (
-    /* ********* */
-    33
-  ),
-  // `!` is vNodeData separator skipping 0. (ie next vNode)
-  ADVANCE_2_CH: (
-    /* ***** */
-    `"`
-  ),
-  // `"` is vNodeData separator skipping 1.
-  ADVANCE_2: (
-    /* ********* */
-    34
-  ),
-  // `"` is vNodeData separator skipping 1.
-  ADVANCE_4_CH: (
-    /* ***** */
-    `#`
-  ),
-  // `#` is vNodeData separator skipping 2.
-  ADVANCE_4: (
-    /* ********* */
-    35
-  ),
-  // `#` is vNodeData separator skipping 2.
-  ADVANCE_8_CH: (
-    /* ***** */
-    `$`
-  ),
-  // `$` is vNodeData separator skipping 4.
-  ADVANCE_8: (
-    /* ********* */
-    36
-  ),
-  // `$` is vNodeData separator skipping 4.
-  ADVANCE_16_CH: (
-    /* **** */
-    `%`
-  ),
-  // `%` is vNodeData separator skipping 8.
-  ADVANCE_16: (
-    /* ******** */
-    37
-  ),
-  // `%` is vNodeData separator skipping 8.
-  ADVANCE_32_CH: (
-    /* **** */
-    `&`
-  ),
-  // `&` is vNodeData separator skipping 16.
-  ADVANCE_32: (
-    /* ******** */
-    38
-  ),
-  // `&` is vNodeData separator skipping 16.
-  ADVANCE_64_CH: (
-    /* **** */
-    `'`
-  ),
-  // `'` is vNodeData separator skipping 32.
-  ADVANCE_64: (
-    /* ******** */
-    39
-  ),
-  // `'` is vNodeData separator skipping 32.
-  ADVANCE_128_CH: (
-    /* *** */
-    `(`
-  ),
-  // `(` is vNodeData separator skipping 64.
-  ADVANCE_128: (
-    /* ******* */
-    40
-  ),
-  // `(` is vNodeData separator skipping 64.
-  ADVANCE_256_CH: (
-    /* *** */
-    `)`
-  ),
-  // `)` is vNodeData separator skipping 128.
-  ADVANCE_256: (
-    /* ******* */
-    41
-  ),
-  // `)` is vNodeData separator skipping 128.
-  ADVANCE_512_CH: (
-    /* *** */
-    `*`
-  ),
-  // `*` is vNodeData separator skipping 256.
-  ADVANCE_512: (
-    /* ******* */
-    42
-  ),
-  // `*` is vNodeData separator skipping 256.
-  ADVANCE_1024_CH: (
-    /* ** */
-    `+`
-  ),
-  // `+` is vNodeData separator skipping 512.
-  ADVANCE_1024: (
-    /* ****** */
-    43
-  ),
-  // `+` is vNodeData separator skipping 512.
-  ADVANCE_2048_CH: (
-    /* *  */
-    ","
-  ),
-  // ',' is vNodeData separator skipping 1024.
-  ADVANCE_2048: (
-    /* ****** */
-    44
-  ),
-  // ',' is vNodeData separator skipping 1024.
-  ADVANCE_4096_CH: (
-    /* *  */
-    `-`
-  ),
-  // `-` is vNodeData separator skipping 2048.
-  ADVANCE_4096: (
-    /* ****** */
-    45
-  ),
-  // `-` is vNodeData separator skipping 2048.
-  ADVANCE_8192_CH: (
-    /* *  */
-    `.`
-  ),
-  // `.` is vNodeData separator skipping 4096.
-  ADVANCE_8192: (
-    /* ****** */
-    46
-  )
-  // `.` is vNodeData separator skipping 4096.
+  "WebkitFlex",
+  "WebkitFlexGrow",
+  "WebkitFlexShrink",
+  "WebkitLineClamp"
+]);
+var isUnitlessNumber = (name) => {
+  return unitlessNumbers.has(name);
 };
-var VNodeDataChar = {
-  OPEN: (
-    /* ************** */
-    123
-  ),
-  // `{` is the start of the VNodeData for a virtual element.
-  OPEN_CHAR: (
-    /* ****** */
-    "{"
-  ),
-  CLOSE: (
-    /* ************* */
-    125
-  ),
-  // `}` is the end of the VNodeData for a virtual element.
-  CLOSE_CHAR: (
-    /* ***** */
-    "}"
-  ),
-  SCOPED_STYLE: (
-    /* ******* */
-    59
-  ),
-  // `;` - `q:sstyle` - Style attribute.
-  SCOPED_STYLE_CHAR: (
-    /* */
-    ";"
-  ),
-  RENDER_FN: (
-    /* ********** */
-    60
-  ),
-  // `<` - `q:renderFn' - Component QRL render function (body)
-  RENDER_FN_CHAR: (
-    /* ** */
-    "<"
-  ),
-  ID: (
-    /* ***************** */
-    61
-  ),
-  // `=` - `q:id` - ID of the element.
-  ID_CHAR: (
-    /* ********* */
-    "="
-  ),
-  PROPS: (
-    /* ************** */
-    62
-  ),
-  // `>` - `q:props' - Component Props
-  PROPS_CHAR: (
-    /* ****** */
-    ">"
-  ),
-  SLOT_PARENT: (
-    /* ******** */
-    63
-  ),
-  // `?` - `q:sparent` - Slot parent.
-  SLOT_PARENT_CHAR: (
-    /*  */
-    "?"
-  ),
-  KEY: (
-    /* **************** */
-    64
-  ),
-  // `@` - `q:key` - Element key.
-  KEY_CHAR: (
-    /* ******** */
-    "@"
-  ),
-  SEQ: (
-    /* **************** */
-    91
-  ),
-  // `[` - `q:seq' - Seq value from `useSequentialScope()`
-  SEQ_CHAR: (
-    /* ******** */
-    "["
-  ),
-  DON_T_USE: (
-    /* ********** */
-    92
-  ),
-  // `\` - SKIP because `\` is used as escaping
-  DON_T_USE_CHAR: "\\",
-  CONTEXT: (
-    /* ************ */
-    93
-  ),
-  // `]` - `q:ctx' - Component context/props
-  CONTEXT_CHAR: (
-    /* **** */
-    "]"
-  ),
-  SEQ_IDX: (
-    /* ************ */
-    94
-  ),
-  // `^` - `q:seqIdx' - Sequential scope id
-  SEQ_IDX_CHAR: (
-    /* **** */
-    "^"
-  ),
-  BACK_REFS: (
-    /* ********** */
-    96
-  ),
-  // '`' - `q:brefs' - Effect dependencies/subscriptions
-  BACK_REFS_CHAR: (
-    /* ** */
-    "`"
-  ),
-  SEPARATOR: (
-    /* ********* */
-    124
-  ),
-  // `|` - Separator char to encode any key/value pairs.
-  SEPARATOR_CHAR: (
-    /* ** */
-    "|"
-  ),
-  SLOT: (
-    /* ************** */
-    126
-  ),
-  // `~` - `q:slot' - Slot name
-  SLOT_CHAR: (
-    /* ******* */
-    "~"
-  )
+
+// packages/qwik/src/core/shared/utils/styles.ts
+var serializeClass = (obj) => {
+  if (!obj) {
+    return "";
+  }
+  if (isString(obj)) {
+    return obj.trim();
+  }
+  const classes = [];
+  if (isArray(obj)) {
+    for (const o of obj) {
+      const classList = serializeClass(o);
+      if (classList) {
+        classes.push(classList);
+      }
+    }
+  } else {
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key.trim());
+      }
+    }
+  }
+  return classes.join(" ");
+};
+var fromCamelToKebabCaseWithDash = (text) => {
+  return text.replace(/([A-Z])/g, "-$1").toLowerCase();
+};
+var stringifyStyle = (obj) => {
+  if (obj == null) {
+    return "";
+  }
+  if (typeof obj == "object") {
+    if (isArray(obj)) {
+      throw qError(0 /* stringifyClassOrStyle */, [obj, "style"]);
+    } else {
+      const chunks = [];
+      for (const key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          const value = obj[key];
+          if (value != null && typeof value !== "function") {
+            if (key.startsWith("--")) {
+              chunks.push(key + ":" + value);
+            } else {
+              chunks.push(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value));
+            }
+          }
+        }
+      }
+      return chunks.join(";");
+    }
+  }
+  return String(obj);
+};
+var serializeBooleanOrNumberAttribute = (value) => {
+  return value != null ? String(value) : null;
+};
+function serializeAttribute(key, value, styleScopedId) {
+  if (isClassAttr(key)) {
+    const serializedClass = serializeClass(value);
+    value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
+  } else if (key === "style") {
+    value = stringifyStyle(value);
+  } else if (isEnumeratedBooleanAttribute(key) || typeof value === "number") {
+    value = serializeBooleanOrNumberAttribute(value);
+  } else if (value === false || value == null) {
+    value = null;
+  } else if (value === true && isPreventDefault(key)) {
+    value = "";
+  }
+  return value;
+}
+function isEnumeratedBooleanAttribute(key) {
+  return isAriaAttribute(key) || ["spellcheck", "draggable", "contenteditable"].includes(key);
+}
+var setValueForStyle = (styleName, value) => {
+  if (typeof value === "number" && value !== 0 && !isUnitlessNumber(styleName)) {
+    return value + "px";
+  }
+  return value;
 };
+function isAriaAttribute(prop) {
+  return prop.startsWith("aria-");
+}
 
 // packages/qwik/src/core/preloader/queue.ts
 import { isBrowser as isBrowser3 } from "@qwik.dev/core/build";
@@ -1072,9 +1092,9 @@ var getDevSegmentPath = (mapper, hash2, symbolName, parent) => {
 function createPlatform(opts, resolvedManifest) {
   const mapper = resolvedManifest?.mapper;
   const mapperFn = opts.symbolMapper ? opts.symbolMapper : (symbolName, _chunk, parent) => {
-    if (mapper || isDev3 && import.meta.env.MODE !== "test") {
+    if (mapper || isDev4 && import.meta.env.MODE !== "test") {
       const hash2 = getSymbolHash(symbolName);
-      const result = !isDev3 ? mapper[hash2] : getDevSegmentPath(mapper, hash2, symbolName, parent);
+      const result = !isDev4 ? mapper[hash2] : getDevSegmentPath(mapper, hash2, symbolName, parent);
       if (!result) {
         if (hash2 === SYNC_QRL) {
           return [hash2, ""];
@@ -1154,12 +1174,12 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.16-dev+a83ccf3",
+  qwik: "2.0.0-beta.18-dev+a8081d4",
   qwikDom: "2.1.19"
 };
 
 // packages/qwik/src/server/ssr-container.ts
-import { isDev as isDev5 } from "@qwik.dev/core/build";
+import { isDev as isDev6 } from "@qwik.dev/core/build";
 import {
   _SubscriptionData as SubscriptionData,
   _SharedContainer,
@@ -1411,8 +1431,8 @@ var preLoaderOptionsDefault = {
 };
 
 // packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = 'const t=document,e=window,n=new Set,o=new Set([t]),r={},s="-window",i="-document";let a;const c=(t,e)=>Array.from(t.querySelectorAll(e)),l=t=>{const e=[];return o.forEach(n=>e.push(...c(n,t))),e},f=t=>{A(t),c(t,"[q\\\\:shadowroot]").forEach(t=>{const e=t.shadowRoot;e&&f(e)})},p=t=>t&&"function"==typeof t.then,u=(t,e,n=e.type)=>{l("[on"+t+"\\\\:"+n+"]").forEach(o=>{h(o,t,e,n)})},b=e=>{if(void 0===e._qwikjson_){let n=(e===t.documentElement?t.body:e).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){e._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},q=(t,e)=>new CustomEvent(t,{detail:e}),h=async(e,n,o,s=o.type)=>{const i="on"+n+":"+s;e.hasAttribute("preventdefault:"+s)&&o.preventDefault(),e.hasAttribute("stoppropagation:"+s)&&o.stopPropagation();const a=e._qc_,c=a&&a.li.filter(t=>t[0]===i);if(c&&c.length>0){for(const t of c){const n=t[1].getFn([e,o],()=>e.isConnected)(o,e),r=o.cancelBubble;p(n)&&await n,r&&o.stopPropagation()}return}const l=e.qDispatchEvent;if(l)return l(o,n);const f=e.getAttribute(i);if(f){const n=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),s=n.getAttribute("q:base"),i=n.getAttribute("q:version")||"unknown",a=n.getAttribute("q:manifest-hash")||"dev",c=new URL(s,t.baseURI);for(const l of f.split("\\n")){const f=new URL(l,c),u=f.href,q=f.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",h=performance.now();let d,m,g;const y=l.startsWith("#"),v={qBase:s,qManifest:a,qVersion:i,href:u,symbol:q,element:e,reqTime:h};if(y){const e=n.getAttribute("q:instance");d=(t["qFuncs_"+e]||[])[Number.parseInt(q)],d||(m="sync",g=Error("sym:"+q))}else if(q in r)d=r[q];else{_("qsymbol",v);const t=f.href.split("#")[0];try{const e=import(t);b(n),d=(await e)[q],d?r[q]=d:(m="no-symbol",g=Error(`${q} not in ${t}`))}catch(t){m||(m="async"),g=t}}if(!d){_("qerror",{importError:m,error:g,...v}),console.error(g);break}const w=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,f];const n=d(o,e);p(n)&&await n}catch(t){_("qerror",{error:t,...v})}finally{t.__q_context__=w}}}},_=(e,n)=>{t.dispatchEvent(q(e,n))},d=t=>t.replace(/([A-Z-])/g,t=>"-"+t.toLowerCase()),m=async(t,e)=>{let n=d(t.type),o=t.target;if(e!==i)for(;o&&o.getAttribute;){const e=h(o,"",t,n);let r=t.cancelBubble;p(e)&&await e,r||(r=r||t.cancelBubble||o.hasAttribute("stoppropagation:"+t.type)),o=t.bubbles&&!0!==r?o.parentElement:null}else u(i,t,n)},g=t=>{u(s,t,d(t.type))},y=()=>{const r=t.readyState;if(!a&&("interactive"==r||"complete"==r)&&(o.forEach(f),a=1,_("qinit"),(e.requestIdleCallback??e.setTimeout).bind(e)(()=>_("qidle")),n.has(":qvisible"))){const t=l("[on\\\\:qvisible]"),e=new IntersectionObserver(t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),h(n.target,"",q("qvisible",n)))});t.forEach(t=>e.observe(t))}},v=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})},w=t=>t.replace(/-./g,t=>t[1].toUpperCase()),E=t=>{const e=t.indexOf(":");let n="",o=t;if(e>=0){const r=t.substring(0,e);""!==r&&r!==s&&r!==i||(n=r,o=t.substring(e+1))}return{scope:n,eventName:w(o)}},A=(...t)=>{for(const r of t)if("string"==typeof r){if(!n.has(r)){n.add(r);const{scope:t,eventName:i}=E(r);t===s?v(e,i,g,!0):o.forEach(e=>v(e,i,e=>m(e,t),!0))}}else o.has(r)||(n.forEach(t=>{const{scope:e,eventName:n}=E(t);v(r,n,t=>m(t,e),!0)}),o.add(r))};if(!("__q_context__"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?A(...r):A("click","input")),e.qwikevents={events:n,roots:o,push:A},v(t,"readystatechange",y),y()}';
-var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = {};\nconst windowPrefix = "-window";\nconst documentPrefix = "-document";\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst findShadowRoots = (fragment) => {\n  processEventOrNode(fragment);\n  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  });\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nconst broadcast = (infix, ev, type = ev.type) => {\n  querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el) => {\n    dispatch(el, infix, ev, type);\n  });\n};\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === "SCRIPT" && script.getAttribute("type") === "qwik/json") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, {\n  detail\n});\nconst dispatch = async (element, scope, ev, eventName = ev.type) => {\n  const attrName = "on" + scope + ":" + eventName;\n  if (element.hasAttribute("preventdefault:" + eventName)) {\n    ev.preventDefault();\n  }\n  if (element.hasAttribute("stoppropagation:" + eventName)) {\n    ev.stopPropagation();\n  }\n  const ctx = element._qc_;\n  const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);\n  if (relevantListeners && relevantListeners.length > 0) {\n    for (const listener of relevantListeners) {\n      const results = listener[1].getFn([element, ev], () => element.isConnected)(ev, element);\n      const cancelBubble = ev.cancelBubble;\n      if (isPromise(results)) {\n        await results;\n      }\n      if (cancelBubble) {\n        ev.stopPropagation();\n      }\n    }\n    return;\n  }\n  const qDispatchEvent = element.qDispatchEvent;\n  if (qDispatchEvent) {\n    return qDispatchEvent(ev, scope);\n  }\n  const attrValue = element.getAttribute(attrName);\n  if (attrValue) {\n    const container = element.closest(\n      "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n    );\n    const qBase = container.getAttribute("q:base");\n    const qVersion = container.getAttribute("q:version") || "unknown";\n    const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n    const base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("\\n")) {\n      const url = new URL(qrl, base);\n      const href = url.href;\n      const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n      const reqTime = performance.now();\n      let handler;\n      let importError;\n      let error;\n      const isSync = qrl.startsWith("#");\n      const eventData = {\n        qBase,\n        qManifest,\n        qVersion,\n        href,\n        symbol,\n        element,\n        reqTime\n      };\n      if (isSync) {\n        const hash = container.getAttribute("q:instance");\n        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = "sync";\n          error = new Error("sym:" + symbol);\n        }\n      } else if (symbol in symbols) {\n        handler = symbols[symbol];\n      } else {\n        emitEvent("qsymbol", eventData);\n        const uri = url.href.split("#")[0];\n        try {\n          const module = import(\n                        uri\n          );\n          resolveContainer(container);\n          handler = (await module)[symbol];\n          if (!handler) {\n            importError = "no-symbol";\n            error = new Error(`${symbol} not in ${uri}`);\n          } else {\n            symbols[symbol] = handler;\n          }\n        } catch (err) {\n          importError || (importError = "async");\n          error = err;\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        break;\n      }\n      const previousCtx = doc.__q_context__;\n      if (element.isConnected) {\n        try {\n          doc.__q_context__ = [element, ev, url];\n          const results = handler(ev, element);\n          if (isPromise(results)) {\n            await results;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        } finally {\n          doc.__q_context__ = previousCtx;\n        }\n      }\n    }\n  }\n};\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());\nconst processDocumentEvent = async (ev, scope) => {\n  let type = camelToKebab(ev.type);\n  let element = ev.target;\n  if (scope === documentPrefix) {\n    broadcast(documentPrefix, ev, type);\n    return;\n  }\n  while (element && element.getAttribute) {\n    const results = dispatch(element, "", ev, type);\n    let cancelBubble = ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type));\n    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;\n  }\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev, camelToKebab(ev.type));\n};\nconst processReadyStateChange = () => {\n  const readyState = doc.readyState;\n  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {\n    roots.forEach(findShadowRoots);\n    hasInitialized = 1;\n    emitEvent("qinit");\n    const riC = win.requestIdleCallback ?? win.setTimeout;\n    riC.bind(win)(() => emitEvent("qidle"));\n    if (events.has(":qvisible")) {\n      const results = querySelectorAll("[on\\\\:qvisible]");\n      const observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, "", createEvent("qvisible", entry));\n          }\n        }\n      });\n      results.forEach((el) => observer.observe(el));\n    }\n  }\n};\nconst addEventListener = (el, eventName, handler, capture = false) => {\n  el.addEventListener(eventName, handler, { capture, passive: false });\n};\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst processEventName = (event) => {\n  const i = event.indexOf(":");\n  let scope = "";\n  let eventName = event;\n  if (i >= 0) {\n    const s = event.substring(0, i);\n    if (s === "" || s === windowPrefix || s === documentPrefix) {\n      scope = s;\n      eventName = event.substring(i + 1);\n    }\n  }\n  return { scope, eventName: kebabToCamel(eventName) };\n};\nconst processEventOrNode = (...eventNames) => {\n  for (const eventNameOrNode of eventNames) {\n    if (typeof eventNameOrNode === "string") {\n      if (!events.has(eventNameOrNode)) {\n        events.add(eventNameOrNode);\n        const { scope, eventName } = processEventName(eventNameOrNode);\n        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(root, eventName, (ev) => processDocumentEvent(ev, scope), true)\n          );\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrNode)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = processEventName(kebabEventName);\n          addEventListener(\n            eventNameOrNode,\n            eventName,\n            (ev) => processDocumentEvent(ev, scope),\n            true\n          );\n        });\n        roots.add(eventNameOrNode);\n      }\n    }\n  }\n};\nif (!("__q_context__" in doc)) {\n  doc.__q_context__ = 0;\n  const qwikevents = win.qwikevents;\n  if (qwikevents) {\n    if (Array.isArray(qwikevents)) {\n      processEventOrNode(...qwikevents);\n    } else {\n      processEventOrNode("click", "input");\n    }\n  }\n  win.qwikevents = {\n    events,\n    roots,\n    push: processEventOrNode\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
+var QWIK_LOADER_DEFAULT_MINIFIED = 'const t=document,e=window,n=new Set,o=new Set([t]),r={},s="-window",i="-document";let a;const c=(t,e)=>Array.from(t.querySelectorAll(e)),l=t=>{const e=[];return o.forEach(n=>e.push(...c(n,t))),e},f=t=>{A(t),c(t,"[q\\\\:shadowroot]").forEach(t=>{const e=t.shadowRoot;e&&f(e)})},p=t=>t&&"function"==typeof t.then,u=(t,e,n=e.type)=>{l("[on"+t+"\\\\:"+n+"]").forEach(o=>{h(o,t,e,n)})},b=e=>{if(void 0===e._qwikjson_){let n=(e===t.documentElement?t.body:e).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){e._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},q=(t,e)=>new CustomEvent(t,{detail:e}),h=async(e,n,o,s=o.type)=>{const i="on"+n+":"+s;e.hasAttribute("preventdefault:"+s)&&o.preventDefault(),e.hasAttribute("stoppropagation:"+s)&&o.stopPropagation();const a=e._qc_,c=a&&a.li.filter(t=>t[0]===i);if(c&&c.length>0){for(const t of c){const n=t[1].getFn([e,o],()=>e.isConnected)(o,e),r=o.cancelBubble;p(n)&&await n,r&&o.stopPropagation()}return}const l=e.qDispatchEvent;if(l)return l(o,n);const f=e.getAttribute(i);if(f){const n=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),s=n.getAttribute("q:base"),i=n.getAttribute("q:version")||"unknown",a=n.getAttribute("q:manifest-hash")||"dev",c=new URL(s,t.baseURI);for(const l of f.split("\\n")){const f=new URL(l,c),u=f.href,q=f.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",h=performance.now();let d,m,g;const y=l.startsWith("#"),v={qBase:s,qManifest:a,qVersion:i,href:u,symbol:q,element:e,reqTime:h};if(y){const e=n.getAttribute("q:instance");d=(t["qFuncs_"+e]||[])[Number.parseInt(q)],d||(m="sync",g=Error("sym:"+q))}else if(q in r)d=r[q];else{_("qsymbol",v);const t=f.href.split("#")[0];try{const e=import(t);b(n),d=(await e)[q],d?r[q]=d:(m="no-symbol",g=Error(`${q} not in ${t}`))}catch(t){m||(m="async"),g=t}}if(!d){_("qerror",{importError:m,error:g,...v}),console.error(g);break}const w=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,f];const n=d(o,e);p(n)&&await n}catch(t){_("qerror",{error:t,...v})}finally{t.__q_context__=w}}}},_=(e,n)=>{t.dispatchEvent(q(e,n))},d=t=>t.replace(/([A-Z-])/g,t=>"-"+t.toLowerCase()),m=async(t,e)=>{let n=d(t.type),o=t.target;if(e!==i)for(;o&&o.getAttribute;){const e=h(o,"",t,n);let r=t.cancelBubble;p(e)&&await e,r||(r=r||t.cancelBubble||o.hasAttribute("stoppropagation:"+t.type)),o=t.bubbles&&!0!==r?o.parentElement:null}else u(i,t,n)},g=t=>{u(s,t,d(t.type))},y=()=>{const r=t.readyState;if(!a&&("interactive"==r||"complete"==r)&&(o.forEach(f),a=1,_("qinit"),(e.requestIdleCallback??e.setTimeout).bind(e)(()=>_("qidle")),n.has(":qvisible"))){const t=l("[on\\\\:qvisible]"),e=new IntersectionObserver(t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),h(n.target,"",q("qvisible",n)))});t.forEach(t=>e.observe(t))}},v=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})},w=t=>t.replace(/-./g,t=>t[1].toUpperCase()),E=t=>{const e=t.indexOf(":");let n="",o=t;if(e>=0){const r=t.substring(0,e);""!==r&&r!==s&&r!==i||(n=r,o=t.substring(e+1))}return{scope:n,eventName:w(o)}},A=(...t)=>{for(const r of t)if("string"==typeof r){if(!n.has(r)){n.add(r);const{scope:t,eventName:i}=E(r);t===s?v(e,i,g,!0):o.forEach(e=>v(e,i,e=>m(e,t),!0))}}else o.has(r)||(n.forEach(t=>{const{scope:e,eventName:n}=E(t);v(r,n,t=>m(t,e),!0)}),o.add(r))};if(!("__q_context__"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?A(...r):A(":click",":input")),e.qwikevents={events:n,roots:o,push:A},v(t,"readystatechange",y),y()}';
+var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = {};\nconst windowPrefix = "-window";\nconst documentPrefix = "-document";\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst findShadowRoots = (fragment) => {\n  processEventOrNode(fragment);\n  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  });\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nconst broadcast = (infix, ev, type = ev.type) => {\n  querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el) => {\n    dispatch(el, infix, ev, type);\n  });\n};\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === "SCRIPT" && script.getAttribute("type") === "qwik/json") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, {\n  detail\n});\nconst dispatch = async (element, scope, ev, eventName = ev.type) => {\n  const attrName = "on" + scope + ":" + eventName;\n  if (element.hasAttribute("preventdefault:" + eventName)) {\n    ev.preventDefault();\n  }\n  if (element.hasAttribute("stoppropagation:" + eventName)) {\n    ev.stopPropagation();\n  }\n  const ctx = element._qc_;\n  const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);\n  if (relevantListeners && relevantListeners.length > 0) {\n    for (const listener of relevantListeners) {\n      const results = listener[1].getFn([element, ev], () => element.isConnected)(ev, element);\n      const cancelBubble = ev.cancelBubble;\n      if (isPromise(results)) {\n        await results;\n      }\n      if (cancelBubble) {\n        ev.stopPropagation();\n      }\n    }\n    return;\n  }\n  const qDispatchEvent = element.qDispatchEvent;\n  if (qDispatchEvent) {\n    return qDispatchEvent(ev, scope);\n  }\n  const attrValue = element.getAttribute(attrName);\n  if (attrValue) {\n    const container = element.closest(\n      "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n    );\n    const qBase = container.getAttribute("q:base");\n    const qVersion = container.getAttribute("q:version") || "unknown";\n    const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n    const base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("\\n")) {\n      const url = new URL(qrl, base);\n      const href = url.href;\n      const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n      const reqTime = performance.now();\n      let handler;\n      let importError;\n      let error;\n      const isSync = qrl.startsWith("#");\n      const eventData = {\n        qBase,\n        qManifest,\n        qVersion,\n        href,\n        symbol,\n        element,\n        reqTime\n      };\n      if (isSync) {\n        const hash = container.getAttribute("q:instance");\n        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = "sync";\n          error = new Error("sym:" + symbol);\n        }\n      } else if (symbol in symbols) {\n        handler = symbols[symbol];\n      } else {\n        emitEvent("qsymbol", eventData);\n        const uri = url.href.split("#")[0];\n        try {\n          const module = import(\n                        uri\n          );\n          resolveContainer(container);\n          handler = (await module)[symbol];\n          if (!handler) {\n            importError = "no-symbol";\n            error = new Error(`${symbol} not in ${uri}`);\n          } else {\n            symbols[symbol] = handler;\n          }\n        } catch (err) {\n          importError || (importError = "async");\n          error = err;\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        break;\n      }\n      const previousCtx = doc.__q_context__;\n      if (element.isConnected) {\n        try {\n          doc.__q_context__ = [element, ev, url];\n          const results = handler(ev, element);\n          if (isPromise(results)) {\n            await results;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        } finally {\n          doc.__q_context__ = previousCtx;\n        }\n      }\n    }\n  }\n};\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());\nconst processDocumentEvent = async (ev, scope) => {\n  let type = camelToKebab(ev.type);\n  let element = ev.target;\n  if (scope === documentPrefix) {\n    broadcast(documentPrefix, ev, type);\n    return;\n  }\n  while (element && element.getAttribute) {\n    const results = dispatch(element, "", ev, type);\n    let cancelBubble = ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type));\n    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;\n  }\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev, camelToKebab(ev.type));\n};\nconst processReadyStateChange = () => {\n  const readyState = doc.readyState;\n  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {\n    roots.forEach(findShadowRoots);\n    hasInitialized = 1;\n    emitEvent("qinit");\n    const riC = win.requestIdleCallback ?? win.setTimeout;\n    riC.bind(win)(() => emitEvent("qidle"));\n    if (events.has(":qvisible")) {\n      const results = querySelectorAll("[on\\\\:qvisible]");\n      const observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, "", createEvent("qvisible", entry));\n          }\n        }\n      });\n      results.forEach((el) => observer.observe(el));\n    }\n  }\n};\nconst addEventListener = (el, eventName, handler, capture = false) => {\n  el.addEventListener(eventName, handler, { capture, passive: false });\n};\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst processEventName = (event) => {\n  const i = event.indexOf(":");\n  let scope = "";\n  let eventName = event;\n  if (i >= 0) {\n    const s = event.substring(0, i);\n    if (s === "" || s === windowPrefix || s === documentPrefix) {\n      scope = s;\n      eventName = event.substring(i + 1);\n    }\n  }\n  return { scope, eventName: kebabToCamel(eventName) };\n};\nconst processEventOrNode = (...eventNames) => {\n  for (const eventNameOrNode of eventNames) {\n    if (typeof eventNameOrNode === "string") {\n      if (!events.has(eventNameOrNode)) {\n        events.add(eventNameOrNode);\n        const { scope, eventName } = processEventName(eventNameOrNode);\n        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(root, eventName, (ev) => processDocumentEvent(ev, scope), true)\n          );\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrNode)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = processEventName(kebabEventName);\n          addEventListener(\n            eventNameOrNode,\n            eventName,\n            (ev) => processDocumentEvent(ev, scope),\n            true\n          );\n        });\n        roots.add(eventNameOrNode);\n      }\n    }\n  }\n};\nif (!("__q_context__" in doc)) {\n  doc.__q_context__ = 0;\n  const qwikevents = win.qwikevents;\n  if (qwikevents) {\n    if (Array.isArray(qwikevents)) {\n      processEventOrNode(...qwikevents);\n    } else {\n      processEventOrNode(":click", ":input");\n    }\n  }\n  win.qwikevents = {\n    events,\n    roots,\n    push: processEventOrNode\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
 var QWIK_BACKPATCH_EXECUTOR_MINIFIED = `const t='script[type="qwik/backpatch"]',e=document.currentScript;if(e){const o=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const e=o.querySelector(t);if(e){const t=JSON.parse(e.textContent||"[]"),n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let r=n.currentNode,c=r.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],i=t[e+1];let s=t[e+2];for(;c<o&&(r=n.nextNode(),r);)r.hasAttribute(":")&&c++;const l=r;null==s||!1===s?l.removeAttribute(i):("boolean"==typeof s&&(s=""),l.setAttribute(i,s))}}}}`;
 var QWIK_BACKPATCH_EXECUTOR_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
 const executorScript = document.currentScript;
@@ -1467,7 +1487,7 @@ function getQwikBackpatchExecutorScript(opts = {}) {
 
 // packages/qwik/src/server/ssr-node.ts
 import { _isJSXNode as isJSXNode, _EMPTY_ARRAY, _EFFECT_BACK_REF } from "@qwik.dev/core/internal";
-import { isDev as isDev4 } from "@qwik.dev/core/build";
+import { isDev as isDev5 } from "@qwik.dev/core/build";
 var SsrNode = class {
   constructor(parentComponent, id, attributesIndex, cleanupQueue, vnodeData, currentFile) {
     this.parentComponent = parentComponent;
@@ -1483,6 +1503,7 @@ var SsrNode = class {
      */
     __publicField(this, "id");
     __publicField(this, "flags");
+    __publicField(this, "dirty", 0 /* NONE */);
     __publicField(this, "children", null);
     __publicField(this, "attrs");
     /** Local props which don't serialize; */
@@ -1491,7 +1512,7 @@ var SsrNode = class {
     this.flags = 1 /* Updatable */;
     this.attrs = this.attributesIndex >= 0 ? this.vnodeData[this.attributesIndex] : _EMPTY_ARRAY;
     this.parentComponent?.addChild(this);
-    if (isDev4 && id.indexOf("undefined") != -1) {
+    if (isDev5 && id.indexOf("undefined") != -1) {
       throw new Error(`Invalid SSR node id: ${id}`);
     }
   }
@@ -1555,7 +1576,7 @@ var SsrNode = class {
     }
   }
   toString() {
-    if (isDev4) {
+    if (isDev5) {
       let stringifiedAttrs = "";
       for (let i = 0; i < this.attrs.length; i += 2) {
         const key = this.attrs[i];
@@ -1639,13 +1660,6 @@ var SsrComponentFrame = class {
     projectionNode.setProp(QSlotParent, this.componentNode.id);
     return children;
   }
-  releaseUnclaimedProjections(unclaimedProjections) {
-    if (this.slots.length) {
-      unclaimedProjections.push(this);
-      unclaimedProjections.push(this.projectionScopedStyle);
-      unclaimedProjections.push.apply(unclaimedProjections, this.slots);
-    }
-  }
 };
 
 // packages/qwik/src/server/tag-nesting.ts
@@ -2096,7 +2110,7 @@ var StringBufferWriter = class {
 var EMPTY_OBJ = {};
 var SSRContainer = class extends _SharedContainer {
   constructor(opts) {
-    super(() => null, opts.renderOptions.serverData ?? EMPTY_OBJ, opts.locale);
+    super(opts.renderOptions.serverData ?? EMPTY_OBJ, opts.locale);
     __publicField(this, "tag");
     __publicField(this, "isHtml");
     __publicField(this, "writer");
@@ -2135,8 +2149,6 @@ var SSRContainer = class extends _SharedContainer {
     __publicField(this, "depthFirstElementCount", -1);
     __publicField(this, "vNodeDatas", []);
     __publicField(this, "componentStack", []);
-    __publicField(this, "unclaimedProjections", []);
-    __publicField(this, "unclaimedProjectionComponentFrameQueue", []);
     __publicField(this, "cleanupQueue", []);
     __publicField(this, "$instanceHash$", hash());
     // Temporary flag to find missing roots after the state was serialized
@@ -2242,7 +2254,7 @@ var SSRContainer = class extends _SharedContainer {
     containerAttributes[QContainerAttr] = "paused" /* PAUSED */;
     containerAttributes[QRuntimeAttr] = "2";
     containerAttributes[QVersionAttr] = this.$version$ ?? "dev";
-    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (isDev5 ? "ssr-dev" : "ssr");
+    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (isDev6 ? "ssr-dev" : "ssr");
     containerAttributes[QBaseAttr] = this.$buildBase$ || "";
     containerAttributes[QLocaleAttr] = this.$locale$;
     containerAttributes[QManifestHashAttr] = this.resolvedManifest.manifest.manifestHash;
@@ -2255,14 +2267,14 @@ var SSRContainer = class extends _SharedContainer {
       },
       []
     );
-    this.openElement(this.tag, containerAttributeArray);
+    this.openElement(this.tag, null, containerAttributeArray);
   }
   /** Renders closing tag for current container */
   closeContainer() {
     return this.closeElement();
   }
   /** Renders opening tag for DOM element */
-  openElement(elementName, varAttrs, constAttrs, currentFile) {
+  openElement(elementName, key, varAttrs, constAttrs, currentFile) {
     const isQwikStyle = isQwikStyleElement(elementName, varAttrs) || isQwikStyleElement(elementName, constAttrs);
     if (
       // don't append qwik loader before qwik style elements
@@ -2289,7 +2301,11 @@ var SSRContainer = class extends _SharedContainer {
       innerHTML = this.writeAttrs(elementName, varAttrs, false, currentFile);
     }
     this.write(" " + Q_PROPS_SEPARATOR);
-    isDev5 && this.write('=""');
+    if (key !== null) {
+      this.write(`="${key}"`);
+    } else if (isDev6) {
+      this.write('=""');
+    }
     if (constAttrs && constAttrs.length) {
       innerHTML = this.writeAttrs(elementName, constAttrs, true, currentFile) || innerHTML;
     }
@@ -2406,13 +2422,38 @@ var SSRContainer = class extends _SharedContainer {
     const localProjectionDepth = this.getComponentFrame()?.projectionDepth || 0;
     return this.getComponentFrame(localProjectionDepth);
   }
-  /** Writes closing data to vNodeData for component boundaries and mark unclaimed projections */
-  closeComponent() {
+  /** Writes closing data to vNodeData for component boundaries and emit unclaimed projections inline */
+  async closeComponent() {
     const componentFrame = this.componentStack.pop();
-    componentFrame.releaseUnclaimedProjections(this.unclaimedProjections);
+    await this.emitUnclaimedProjectionForComponent(componentFrame);
     this.closeFragment();
     this.currentComponentNode = this.currentComponentNode?.parentComponent || null;
   }
+  async emitUnclaimedProjectionForComponent(componentFrame) {
+    if (componentFrame.slots.length === 0) {
+      return;
+    }
+    this.openElement(QTemplate, null, ["hidden", true, "aria-hidden", "true"], null);
+    const scopedStyleId = componentFrame.projectionScopedStyle;
+    for (let i = 0; i < componentFrame.slots.length; i += 2) {
+      const slotName = componentFrame.slots[i];
+      const children = componentFrame.slots[i + 1];
+      this.openFragment(
+        isDev6 ? [DEBUG_TYPE, "P" /* Projection */, QSlotParent, componentFrame.componentNode.id] : [QSlotParent, componentFrame.componentNode.id]
+      );
+      const lastNode = this.getOrCreateLastNode();
+      if (lastNode.vnodeData) {
+        lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
+      }
+      componentFrame.componentNode.setProp(slotName, lastNode.id);
+      await _walkJSX(this, children, {
+        currentStyleScoped: scopedStyleId,
+        parentComponentFrame: componentFrame.projectionComponentFrame
+      });
+      this.closeFragment();
+    }
+    this.closeElement();
+  }
   /** Write a text node with correct escaping. Save the length of the text node in the vNodeData. */
   textNode(text) {
     this.write(escapeHTML(text));
@@ -2445,7 +2486,7 @@ var SSRContainer = class extends _SharedContainer {
     return this.lastNode;
   }
   addUnclaimedProjection(frame, name, children) {
-    this.unclaimedProjections.push(frame, null, name, children);
+    frame.slots.push(name, children);
   }
   $processInjectionsFromManifest$() {
     const injections = this.resolvedManifest.manifest.injections;
@@ -2488,7 +2529,7 @@ var SSRContainer = class extends _SharedContainer {
     }
   }
   _styleNode(styleId, content) {
-    this.openElement("style", [QStyle, styleId]);
+    this.openElement("style", null, [QStyle, styleId]);
     this.write(content);
     this.closeElement();
   }
@@ -2496,18 +2537,15 @@ var SSRContainer = class extends _SharedContainer {
   emitContainerData() {
     return maybeThen(
       this.resolvePromiseAttributes(),
-      () => maybeThen(
-        this.emitUnclaimedProjection(),
-        () => maybeThen(this.emitStateData(), () => {
-          this.$noMoreRoots$ = true;
-          this.emitVNodeData();
-          preloaderPost(this, this.renderOptions, this.$serverData$?.nonce);
-          this.emitSyncFnsData();
-          this.emitPatchDataIfNeeded();
-          this.emitExecutorIfNeeded();
-          this.emitQwikLoaderAtBottomIfNeeded();
-        })
-      )
+      () => maybeThen(this.emitStateData(), () => {
+        this.$noMoreRoots$ = true;
+        this.emitVNodeData();
+        preloaderPost(this, this.renderOptions, this.$serverData$?.nonce);
+        this.emitSyncFnsData();
+        this.emitPatchDataIfNeeded();
+        this.emitExecutorIfNeeded();
+        this.emitQwikLoaderAtBottomIfNeeded();
+      })
     );
   }
   /**
@@ -2532,7 +2570,7 @@ var SSRContainer = class extends _SharedContainer {
     if (!this.serializationCtx.$roots$.length) {
       return;
     }
-    this.openElement("script", ["type", "qwik/vnode"]);
+    this.openElement("script", null, ["type", "qwik/vnode"]);
     const vNodeAttrsStack = [];
     const vNodeData = this.vNodeDatas;
     let lastSerializedIdx = 0;
@@ -2564,9 +2602,11 @@ var SSRContainer = class extends _SharedContainer {
               this.write(VNodeDataChar.CLOSE_CHAR);
             } else if (value === WRITE_ELEMENT_ATTRS) {
               if (fragmentAttrs && fragmentAttrs.length) {
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
                 this.writeFragmentAttrs(fragmentAttrs);
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
                 fragmentAttrs = vNodeAttrsStack.pop();
               }
             } else if (value >= 0) {
@@ -2635,12 +2675,14 @@ var SSRContainer = class extends _SharedContainer {
         case QSlot:
           this.write(VNodeDataChar.SLOT_CHAR);
           break;
-        default:
+        default: {
+          encodeValue = true;
           this.write(VNodeDataChar.SEPARATOR_CHAR);
-          this.write(key);
+          this.write(encodeVNodeDataString(key));
           this.write(VNodeDataChar.SEPARATOR_CHAR);
+        }
       }
-      const encodedValue = encodeValue ? encodeURI(value) : value;
+      const encodedValue = encodeVNodeDataString(encodeValue ? encodeURI(value) : value);
       const isEncoded = encodeValue ? encodedValue !== value : false;
       if (isEncoded) {
         this.write(VNodeDataChar.SEPARATOR_CHAR);
@@ -2655,7 +2697,7 @@ var SSRContainer = class extends _SharedContainer {
     if (!this.serializationCtx.$roots$.length) {
       return;
     }
-    this.openElement("script", ["type", "qwik/state"]);
+    this.openElement("script", null, ["type", "qwik/state"]);
     return maybeThen(this.serializationCtx.$serialize$(), () => {
       this.closeElement();
     });
@@ -2667,7 +2709,7 @@ var SSRContainer = class extends _SharedContainer {
       if (this.renderOptions.serverData?.nonce) {
         scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
       }
-      this.openElement("script", scriptAttrs);
+      this.openElement("script", null, scriptAttrs);
       this.write(Q_FUNCS_PREFIX.replace("HASH", this.$instanceHash$));
       this.write("[");
       this.writeArray(fns, ",");
@@ -2689,7 +2731,7 @@ var SSRContainer = class extends _SharedContainer {
       if (this.renderOptions.serverData?.nonce) {
         scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
       }
-      this.openElement("script", scriptAttrs);
+      this.openElement("script", null, scriptAttrs);
       this.write(JSON.stringify(patches));
       this.closeElement();
     }
@@ -2702,8 +2744,8 @@ var SSRContainer = class extends _SharedContainer {
     if (this.renderOptions.serverData?.nonce) {
       scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
     }
-    this.openElement("script", scriptAttrs);
-    const backpatchScript = getQwikBackpatchExecutorScript({ debug: isDev5 });
+    this.openElement("script", null, scriptAttrs);
+    const backpatchScript = getQwikBackpatchExecutorScript({ debug: isDev6 });
     this.write(backpatchScript);
     this.closeElement();
   }
@@ -2722,13 +2764,13 @@ var SSRContainer = class extends _SharedContainer {
       if (nonce) {
         linkAttrs.push("nonce", nonce);
       }
-      this.openElement("link", linkAttrs);
+      this.openElement("link", null, linkAttrs);
       this.closeElement();
       const scriptAttrs = ["async", true, "type", "module", "src", qwikLoaderBundle];
       if (nonce) {
         scriptAttrs.push("nonce", nonce);
       }
-      this.openElement("script", scriptAttrs);
+      this.openElement("script", null, scriptAttrs);
       this.closeElement();
     }
   }
@@ -2739,7 +2781,7 @@ var SSRContainer = class extends _SharedContainer {
     if (this.renderOptions.serverData?.nonce) {
       scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
     }
-    this.openElement("script", scriptAttrs);
+    this.openElement("script", null, scriptAttrs);
     this.write(qwikLoaderScript);
     this.closeElement();
   }
@@ -2758,64 +2800,13 @@ var SSRContainer = class extends _SharedContainer {
       if (nonce) {
         scriptAttrs.push("nonce", nonce);
       }
-      this.openElement("script", scriptAttrs);
+      this.openElement("script", null, scriptAttrs);
       this.write(`(window.qwikevents||(window.qwikevents=[])).push(`);
       this.writeArray(eventNames, ", ");
       this.write(")");
       this.closeElement();
     }
   }
-  async emitUnclaimedProjection() {
-    const unclaimedProjections = this.unclaimedProjections;
-    if (unclaimedProjections.length) {
-      const previousCurrentComponentNode = this.currentComponentNode;
-      try {
-        this.openElement(QTemplate, ["hidden", true, "aria-hidden", "true"], null);
-        let idx = 0;
-        let ssrComponentNode = null;
-        let ssrComponentFrame = null;
-        let scopedStyleId = null;
-        for (let i = 0; i < unclaimedProjections.length; i += 4) {
-          this.unclaimedProjectionComponentFrameQueue.push(
-            unclaimedProjections[i]
-          );
-        }
-        while (idx < unclaimedProjections.length) {
-          const value = unclaimedProjections[idx++];
-          if (value instanceof SsrComponentFrame) {
-            ssrComponentNode = this.currentComponentNode = value.componentNode;
-            ssrComponentFrame = value;
-            scopedStyleId = unclaimedProjections[idx++];
-          } else if (typeof value === "string") {
-            const children = unclaimedProjections[idx++];
-            if (!ssrComponentFrame?.hasSlot(value)) {
-              ssrComponentFrame && ssrComponentFrame.componentNode.removeProp(value);
-              continue;
-            }
-            this.unclaimedProjectionComponentFrameQueue.shift();
-            this.openFragment(
-              isDev5 ? [DEBUG_TYPE, "P" /* Projection */, QSlotParent, ssrComponentNode.id] : [QSlotParent, ssrComponentNode.id]
-            );
-            const lastNode = this.getOrCreateLastNode();
-            if (lastNode.vnodeData) {
-              lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
-            }
-            ssrComponentNode?.setProp(value, lastNode.id);
-            await _walkJSX(this, children, {
-              currentStyleScoped: scopedStyleId,
-              parentComponentFrame: null
-            });
-            this.closeFragment();
-          } else {
-            throw Error();
-          }
-        }
-        this.closeElement();
-      } finally {
-        this.currentComponentNode = previousCurrentComponentNode;
-      }
-    }
-  }
   // Keep in sync with process-vnode-data.unit.ts
   emitVNodeSeparators(lastSerializedIdx, elementIdx) {
     let skipCount = elementIdx - lastSerializedIdx;
@@ -2844,7 +2835,7 @@ var SSRContainer = class extends _SharedContainer {
   }
   createAndPushFrame(elementName, depthFirstElementIdx, currentFile) {
     let tagNesting = 10 /* ANYTHING */;
-    if (isDev5) {
+    if (isDev6) {
       if (!this.currentElementFrame) {
         tagNesting = initialTag(elementName);
       } else {
@@ -2890,7 +2881,7 @@ var SSRContainer = class extends _SharedContainer {
       elementName,
       depthFirstElementIdx,
       vNodeData: [0 /* NONE */],
-      currentFile: isDev5 ? currentFile || null : null
+      currentFile: isDev6 ? currentFile || null : null
     };
     this.currentElementFrame = frame;
     this.vNodeDatas.push(frame.vNodeData);
@@ -2922,8 +2913,8 @@ var SSRContainer = class extends _SharedContainer {
         let value = attrs[i];
         let styleScopedId = null;
         if (isSSRUnsafeAttr(key)) {
-          if (isDev5) {
-            throw qError(32 /* unsafeAttr */);
+          if (isDev6) {
+            throw qError(32 /* unsafeAttr */, [key]);
           }
           continue;
         }
@@ -2977,7 +2968,7 @@ var SSRContainer = class extends _SharedContainer {
         }
         if (tag === "textarea" && key === "value") {
           if (value && typeof value !== "string") {
-            if (isDev5) {
+            if (isDev6) {
               throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
             }
             continue;
@@ -3082,7 +3073,7 @@ var renderToStream = async (jsx, opts) => {
   });
   await setServerPlatform(opts, resolvedManifest);
   await ssrContainer.render(jsx);
-  await ssrContainer.$scheduler$(255 /* WAIT_FOR_QUEUE */).$returnValue$;
+  await ssrContainer.$renderPromise$;
   flush();
   const snapshotResult = getSnapshotResult(ssrContainer);
   const isDynamic = snapshotResult.resources.some((r) => r._cache !== Infinity);