npm - @qwik.dev/core - Versions diffs - 2.0.0-alpha.3 → 2.0.0-alpha.5 - Mend

@qwik.dev/core 2.0.0-alpha.3 → 2.0.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/bindings/qwik.darwin-arm64.node +0 -0
package/bindings/qwik.darwin-x64.node +0 -0
package/bindings/qwik.linux-x64-gnu.node +0 -0
package/bindings/qwik.win32-x64-msvc.node +0 -0
package/bindings/qwik_wasm_bg.wasm +0 -0
package/dist/build/package.json +1 -1
package/dist/cli.cjs +34 -4
package/dist/core-internal.d.ts +39 -17
package/dist/core.cjs +6436 -6165
package/dist/core.cjs.map +1 -1
package/dist/core.min.mjs +1 -1
package/dist/core.mjs +6423 -6164
package/dist/core.mjs.map +1 -1
package/dist/core.prod.cjs +1714 -1494
package/dist/core.prod.mjs +3824 -3622
package/dist/insights/index.qwik.cjs +144 -147
package/dist/insights/index.qwik.mjs +144 -147
package/dist/loader/package.json +1 -1
package/dist/optimizer.cjs +2600 -2519
package/dist/optimizer.mjs +1867 -1837
package/dist/prefetch/package.json +1 -1
package/dist/server.cjs +927 -677
package/dist/server.mjs +842 -593
package/dist/testing/index.cjs +3385 -3124
package/dist/testing/index.mjs +3357 -3097
package/dist/testing/package.json +1 -1
package/package.json +2 -2
package/public.d.ts +3 -0
package/dist/index.d.ts +0 -2

package/dist/server.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-alpha.3-dev+418fd6d
+ * @qwik.dev/core/server 2.0.0-alpha.5-dev+cb53bbd
  * 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
@@ -56,7 +56,7 @@ __export(server_exports, {
   versions: () => versions
 });
 module.exports = __toCommonJS(server_exports);
-var import_core4 = require("@qwik.dev/core");
+var import_core5 = require("@qwik.dev/core");
 // packages/qwik/src/server/platform.ts
 var import_core = require("@qwik.dev/core");
@@ -167,7 +167,7 @@ var logWarn = (message, ...optionalParams) => {
 };
 var createAndLogError = (asyncThrow, message, ...optionalParams) => {
   const err = message instanceof Error ? message : new Error(message);
-  console.error("%cQWIK ERROR", STYLE, err.message, ...optionalParams, err.stack);
+  !qTest && console.error("%cQWIK ERROR", STYLE, err.message, ...optionalParams, err.stack);
   asyncThrow && !qTest && setTimeout(() => {
     throw err;
   }, 0);
@@ -180,24 +180,24 @@ var codeToText = (code, ...parts) => {
     const MAP = [
       "Error while serializing class or style attributes",
       // 0
-      "Can not serialize a HTML Node that is not an Element",
-      // 1
-      "Runtime but no instance found on element.",
-      // 2
-      "Only primitive and object literals can be serialized",
+      "",
+      // 1 unused
+      "",
+      // 2 unused
+      "Only primitive and object literals can be serialized. {{0}}",
       // 3
-      "Crash while rendering",
-      // 4
+      "",
+      // 4 unused
       "You can render over a existing q:container. Skipping render().",
       // 5
-      "Set property {{0}}",
-      // 6
-      "Only function's and 'string's are supported.",
-      // 7
-      "Only objects can be wrapped in 'QObject'",
-      // 8
-      `Only objects literals can be wrapped in 'QObject'`,
-      // 9
+      "",
+      // 6 unused
+      "",
+      // 7 unused
+      "",
+      // 8 unused
+      "",
+      // 9 unused
       "QRL is not a function",
       // 10
       "Dynamic import not found",
@@ -208,43 +208,81 @@ var codeToText = (code, ...parts) => {
       // 13
       "Invoking 'use*()' method outside of invocation context.",
       // 14
-      "Cant access renderCtx for existing context",
-      // 15
-      "Cant access document for existing context",
-      // 16
-      "props are immutable",
-      // 17
-      "<div> component can only be used at the root of a Qwik component$()",
-      // 18
-      "Props are immutable by default.",
-      // 19
+      "",
+      // 15 unused
+      "",
+      // 16 unused
+      "",
+      // 17 unused
+      "",
+      // 18 unused
+      "",
+      // 19 unused
       `Calling a 'use*()' method outside 'component$(() => { HERE })' is not allowed. 'use*()' methods provide hooks to the 'component$' state and lifecycle, ie 'use' hooks can only be called synchronously within the 'component$' function or another 'use' method.
 See https://qwik.dev/docs/components/tasks/#use-method-rules`,
       // 20
-      "Container is already paused. Skipping",
-      // 21
       "",
-      // 22 -- unused
-      "When rendering directly on top of Document, the root node must be a <html>",
-      // 23
-      "A <html> node must have 2 children. The first one <head> and the second one a <body>",
-      // 24
-      'Invalid JSXNode type "{{0}}". It must be either a function or a string. Found:',
-      // 25
-      "Tracking value changes can only be done to useStore() objects and component props",
-      // 26
-      "Missing Object ID for captured object",
-      // 27
+      // 21 unused
+      "",
+      // 22 unused
+      "",
+      // 23 unused
+      "",
+      // 24 unused
+      "",
+      // 25 unused
+      "",
+      // 26 unused
+      "",
+      // 27 unused
       'The provided Context reference "{{0}}" is not a valid context created by createContextId()',
       // 28
-      "<html> is the root container, it can not be rendered inside a component",
+      "SsrError(tag): {{0}}",
       // 29
       "QRLs can not be resolved because it does not have an attached container. This means that the QRL does not know where it belongs inside the DOM, so it cant dynamically import() from a relative path.",
       // 30
       "QRLs can not be dynamically resolved, because it does not have a chunk path",
       // 31
-      "The JSX ref attribute must be a Signal"
+      "{{0}}\nThe JSX ref attribute must be a Signal",
       // 32
+      "Serialization Error: Deserialization of data type {{0}} is not implemented",
+      // 33
+      "Serialization Error: Expected vnode for ref prop, but got {{0}}",
+      // 34
+      "Serialization Error: Cannot allocate data type {{0}}",
+      // 35
+      "Serialization Error: Missing root id for {{0}}",
+      // 36
+      "Serialization Error: Serialization of data type {{0}} is not implemented",
+      // 37
+      "Serialization Error: Unvisited {{0}}",
+      // 38
+      "Serialization Error: Missing QRL chunk for {{0}}",
+      // 39
+      "{{0}}\nThe value of the textarea must be a string found {{1}}",
+      // 40
+      "Unable to find q:container",
+      // 41
+      "Element must have 'q:container' attribute.",
+      // 42
+      "Unknown vnode type {{0}}.",
+      // 43
+      "Materialize error: missing element: {{0}} {{1}} {{2}}",
+      // 44
+      "SsrError: {{0}}",
+      // 45
+      "Cannot coerce a Signal, use `.value` instead",
+      // 46
+      "useComputedSignal$ QRL {{0}} {{1}} returned a Promise",
+      // 47
+      "ComputedSignal is read-only",
+      // 48
+      "WrappedSignal is read-only",
+      // 49
+      "SsrError: Promises not expected here.",
+      // 50
+      "Attribute value is unsafe for SSR"
+      // 51
     ];
     let text = MAP[code] ?? "";
     if (parts.length) {
@@ -256,19 +294,14 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
         return v;
       });
     }
-    return `Code(${code}): ${text}`;
+    return `Code(Q${code}): ${text}`;
   } else {
-    return `Code(${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`;
+    return `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`;
   }
 };
-var QError_stringifyClassOrStyle = 0;
-var QError_verifySerializable = 3;
-var QError_qrlIsNotFunction = 10;
-var QError_qrlMissingContainer = 30;
-var QError_qrlMissingChunk = 31;
-var qError = (code, ...parts) => {
-  const text = codeToText(code, ...parts);
-  return logErrorAndStop(text, ...parts);
+var qError = (code, errorMessageArgs = []) => {
+  const text = codeToText(code, ...errorMessageArgs);
+  return logErrorAndStop(text, ...errorMessageArgs);
 };
 // packages/qwik/src/core/shared/utils/event-names.ts
@@ -447,7 +480,7 @@ var isUnitlessNumber = (name) => {
 };
 // packages/qwik/src/core/shared/qrl/qrl-class.ts
-var import_build9 = require("@qwik.dev/core/build");
+var import_build8 = require("@qwik.dev/core/build");
 // packages/qwik/src/core/shared/error/assert.ts
 var ASSERT_DISCLAIMER = "Internal assert, this is likely caused by a bug in Qwik: ";
@@ -507,10 +540,10 @@ var createPlatform2 = () => {
         }
       }
       if (!url) {
-        throw qError(QError_qrlMissingChunk, symbolName);
+        throw qError(31 /* qrlMissingChunk */, [symbolName]);
       }
       if (!containerEl) {
-        throw qError(QError_qrlMissingContainer, url, symbolName);
+        throw qError(30 /* qrlMissingContainer */, [url, symbolName]);
       }
       const urlDoc = toUrl(containerEl.ownerDocument, containerEl, url).toString();
       const urlCopy = new URL(urlDoc);
@@ -587,7 +620,7 @@ var maybeThenPassError = (valueOrPromise, thenFn) => {
   return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
 };
 var shouldNotError = (reason) => {
-  throwErrorAndStop("QWIK ERROR:", reason);
+  throwErrorAndStop(reason);
 };
 var delay = (timeout) => {
   return new Promise((resolve) => {
@@ -608,260 +641,6 @@ function retryOnPromise(fn, retryCount = 0) {
 // packages/qwik/src/build/index.dev.ts
 var isDev = true;
-// packages/qwik/src/server/ssr-node.ts
-var import_core2 = require("@qwik.dev/core");
-var import_build2 = require("@qwik.dev/core/build");
-var SsrNode = class {
-  constructor(currentComponentNode, nodeType, id, attrs, cleanupQueue, vnodeData) {
-    this.attrs = attrs;
-    this.cleanupQueue = cleanupQueue;
-    this.vnodeData = vnodeData;
-    var _a;
-    this.currentComponentNode = currentComponentNode;
-    (_a = this.currentComponentNode) == null ? void 0 : _a.addChildVNodeData(this.vnodeData);
-    this.nodeType = nodeType;
-    this.id = id;
-    if (import_build2.isDev && id.indexOf("undefined") != -1) {
-      throw new Error(`Invalid SSR node id: ${id}`);
-    }
-  }
-  __brand__;
-  static ELEMENT_NODE = 1;
-  static TEXT_NODE = 3;
-  static DOCUMENT_NODE = 9;
-  static DOCUMENT_FRAGMENT_NODE = 11;
-  /** @param nodeType - Node type: ELEMENT_NODE, TEXT_NODE, DOCUMENT_NODE */
-  nodeType;
-  /**
-   * ID which the deserialize will use to retrieve the node.
-   *
-   * @param refId - Unique id for the node.
-   */
-  id;
-  /** Local props which don't serialize; */
-  locals = null;
-  currentComponentNode;
-  childrenVNodeData = null;
-  setProp(name, value) {
-    if (this.attrs === import_core2._EMPTY_ARRAY) {
-      this.attrs = [];
-    }
-    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      mapArray_set(this.locals || (this.locals = []), name, value, 0);
-    } else {
-      mapArray_set(this.attrs, name, value, 0);
-    }
-    if (name == ELEMENT_SEQ && value) {
-      this.cleanupQueue.push(value);
-    }
-  }
-  getProp(name) {
-    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      return this.locals ? mapArray_get(this.locals, name, 0) : null;
-    } else {
-      return mapArray_get(this.attrs, name, 0);
-    }
-  }
-  removeProp(name) {
-    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      if (this.locals) {
-        mapApp_remove(this.locals, name, 0);
-      }
-    } else {
-      mapApp_remove(this.attrs, name, 0);
-    }
-  }
-  addChildVNodeData(child) {
-    if (!this.childrenVNodeData) {
-      this.childrenVNodeData = [];
-    }
-    this.childrenVNodeData.push(child);
-  }
-  toString() {
-    let stringifiedAttrs = "";
-    for (let i = 0; i < this.attrs.length; i += 2) {
-      const key = this.attrs[i];
-      const value = this.attrs[i + 1];
-      stringifiedAttrs += `${key}=`;
-      stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
-      if (i < this.attrs.length - 2) {
-        stringifiedAttrs += ", ";
-      }
-    }
-    return `SSRNode [<${this.id}> ${stringifiedAttrs}]`;
-  }
-};
-var DomRef = class {
-  constructor($ssrNode$) {
-    this.$ssrNode$ = $ssrNode$;
-  }
-};
-var SsrComponentFrame = class {
-  constructor(componentNode) {
-    this.componentNode = componentNode;
-  }
-  slots = [];
-  projectionDepth = 0;
-  scopedStyleIds = /* @__PURE__ */ new Set();
-  projectionScopedStyle = null;
-  projectionComponentFrame = null;
-  distributeChildrenIntoSlots(children, projectionScopedStyle, projectionComponentFrame) {
-    this.projectionScopedStyle = projectionScopedStyle;
-    this.projectionComponentFrame = projectionComponentFrame;
-    if ((0, import_core2._isJSXNode)(children)) {
-      const slotName = this.getSlotName(children);
-      mapArray_set(this.slots, slotName, children, 0);
-    } else if (Array.isArray(children)) {
-      const defaultSlot = [];
-      for (let i = 0; i < children.length; i++) {
-        const child = children[i];
-        if ((0, import_core2._isJSXNode)(child)) {
-          const slotName = this.getSlotName(child);
-          if (slotName === QDefaultSlot) {
-            defaultSlot.push(child);
-          } else {
-            this.updateSlot(slotName, child);
-          }
-        } else {
-          defaultSlot.push(child);
-        }
-      }
-      defaultSlot.length && mapArray_set(this.slots, QDefaultSlot, defaultSlot, 0);
-    } else {
-      mapArray_set(this.slots, QDefaultSlot, children, 0);
-    }
-  }
-  updateSlot(slotName, child) {
-    let existingSlots = mapArray_get(this.slots, slotName, 0);
-    if (existingSlots === null) {
-      existingSlots = child;
-    } else if (Array.isArray(existingSlots)) {
-      existingSlots.push(child);
-    } else {
-      existingSlots = [existingSlots, child];
-    }
-    mapArray_set(this.slots, slotName, existingSlots, 0);
-  }
-  getSlotName(jsx2) {
-    if (jsx2.props[QSlot]) {
-      return jsx2.props[QSlot];
-    }
-    return QDefaultSlot;
-  }
-  hasSlot(slotName) {
-    return mapArray_get(this.slots, slotName, 0) !== null;
-  }
-  consumeChildrenForSlot(projectionNode, slotName) {
-    const children = mapApp_remove(this.slots, slotName, 0);
-    if (children !== null) {
-      this.componentNode.setProp(slotName, projectionNode.id);
-      projectionNode.setProp(QSlotParent, this.componentNode.id);
-    }
-    return children;
-  }
-  releaseUnclaimedProjections(unclaimedProjections) {
-    if (this.slots.length) {
-      unclaimedProjections.push(this);
-      unclaimedProjections.push(this.projectionScopedStyle);
-      unclaimedProjections.push.apply(unclaimedProjections, this.slots);
-    }
-  }
-};
-// packages/qwik/src/server/vnode-data.ts
-var OPEN_FRAGMENT = Number.MAX_SAFE_INTEGER;
-var CLOSE_FRAGMENT = Number.MAX_SAFE_INTEGER - 1;
-var EMPTY_ARRAY = [];
-function vNodeData_incrementElementCount(vNodeData) {
-  const length = vNodeData.length;
-  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
-  if (lastValue >= 0) {
-    vNodeData.push(-1);
-  } else {
-    vNodeData[length - 1] = lastValue - 1;
-  }
-}
-function vNodeData_addTextSize(vNodeData, size) {
-  const length = vNodeData.length;
-  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
-  if (length > 1 && lastValue >= 0) {
-    vNodeData[0] |= 1 /* TEXT_DATA */;
-  }
-  vNodeData.push(size);
-  if (size == 0) {
-    vNodeData[0] |= 1 /* TEXT_DATA */;
-  }
-}
-function vNodeData_openFragment(vNodeData, attrs) {
-  vNodeData.push(attrs, OPEN_FRAGMENT);
-  vNodeData[0] |= 2 /* VIRTUAL_NODE */;
-}
-function vNodeData_closeFragment(vNodeData) {
-  vNodeData.push(CLOSE_FRAGMENT);
-}
-function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue) {
-  vNodeData[0] |= 4 /* REFERENCE */;
-  if (vNodeData.length == 1) {
-    return new SsrNode(
-      currentComponentNode,
-      SsrNode.ELEMENT_NODE,
-      String(depthFirstElementIdx),
-      EMPTY_ARRAY,
-      cleanupQueue,
-      vNodeData
-    );
-  } else {
-    let fragmentAttrs = EMPTY_ARRAY;
-    const stack2 = [SsrNode.ELEMENT_NODE, -1];
-    for (let i = 1; i < vNodeData.length; i++) {
-      const value = vNodeData[i];
-      if (Array.isArray(value)) {
-        fragmentAttrs = value;
-        i++;
-        stack2[stack2.length - 1]++;
-        stack2.push(SsrNode.DOCUMENT_FRAGMENT_NODE, -1);
-      } else if (value === CLOSE_FRAGMENT) {
-        stack2.pop();
-        stack2.pop();
-        fragmentAttrs = EMPTY_ARRAY;
-      } else if (value < 0) {
-        const numberOfElements = 0 - value;
-        stack2[stack2.length - 1] += numberOfElements;
-      } else {
-        stack2[stack2.length - 1]++;
-      }
-    }
-    let refId = String(depthFirstElementIdx);
-    for (let i = 1; i < stack2.length; i += 2) {
-      const childCount = stack2[i];
-      if (childCount >= 0) {
-        refId += encodeAsAlphanumeric(childCount);
-      }
-    }
-    const type = stack2[stack2.length - 2];
-    return new SsrNode(currentComponentNode, type, refId, fragmentAttrs, cleanupQueue, vNodeData);
-  }
-}
-var ALPHANUMERIC = [];
-function encodeAsAlphanumeric(value) {
-  while (ALPHANUMERIC.length <= value) {
-    let value2 = ALPHANUMERIC.length;
-    let text = "";
-    do {
-      text = String.fromCharCode(
-        (text.length === 0 ? 65 : 97) + value2 % 26
-        /* A-Z */
-      ) + text;
-      value2 = Math.floor(
-        value2 / 26
-        /* A-Z */
-      );
-    } while (value2 !== 0);
-    ALPHANUMERIC.push(text);
-  }
-  return ALPHANUMERIC[value];
-}
 // packages/qwik/src/core/shared/types.ts
 var DEBUG_TYPE = "q:type";
 var START = "\x1B[34m";
@@ -949,6 +728,7 @@ var ELEMENT_KEY = "q:key";
 var ELEMENT_PROPS = "q:props";
 var ELEMENT_SEQ = "q:seq";
 var ELEMENT_SEQ_IDX = "q:seqIdx";
+var Q_PREFIX = "q:";
 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";
@@ -966,7 +746,7 @@ function setLocale(locale) {
 }
 // packages/qwik/src/core/client/vnode.ts
-var import_build7 = require("@qwik.dev/core/build");
+var import_build6 = require("@qwik.dev/core/build");
 // packages/qwik/src/server/utils.ts
 var import_meta = {};
@@ -995,12 +775,12 @@ function getBuildBase(opts) {
   return `${import_meta.env.BASE_URL}build/`;
 }
 var versions = {
-  qwik: "2.0.0-alpha.3-dev+418fd6d",
+  qwik: "2.0.0-alpha.5-dev+cb53bbd",
   qwikDom: "2.1.19"
 };
 // packages/qwik/src/server/prefetch-strategy.ts
-var import_build3 = require("@qwik.dev/core/build");
+var import_build2 = require("@qwik.dev/core/build");
 function getPrefetchResources(qrls, opts, resolvedManifest) {
   if (!resolvedManifest) {
     return [];
@@ -1038,7 +818,7 @@ function getAutoPrefetch(qrls, resolvedManifest, buildBase) {
   return prefetchResources;
 }
 function addBundle(manifest, urls, prefetchResources, buildBase, bundleFileName) {
-  const url = import_build3.isDev ? bundleFileName : buildBase + bundleFileName;
+  const url = import_build2.isDev ? bundleFileName : buildBase + bundleFileName;
   let prefetchResource = urls.get(url);
   if (!prefetchResource) {
     prefetchResource = {
@@ -1062,13 +842,13 @@ var isQrl = (value) => {
 };
 // packages/qwik/src/core/shared/utils/flyweight.ts
-var EMPTY_ARRAY2 = [];
+var EMPTY_ARRAY = [];
 var EMPTY_OBJ = {};
-Object.freeze(EMPTY_ARRAY2);
+Object.freeze(EMPTY_ARRAY);
 Object.freeze(EMPTY_OBJ);
 // packages/qwik/src/core/ssr/ssr-render-jsx.ts
-var import_build6 = require("@qwik.dev/core/build");
+var import_build5 = require("@qwik.dev/core/build");
 // packages/qwik/src/core/shared/jsx/slot.public.ts
 var Slot = (props) => {
@@ -1161,7 +941,6 @@ var StoreHandler = class {
   }
   /** In the case of oldValue and value are the same, the effects are not triggered. */
   set(target, prop, value) {
-    target = unwrapDeserializerProxy(target);
     if (typeof prop === "symbol") {
       target[prop] = value;
       return true;
@@ -1229,6 +1008,11 @@ function addEffect(target, prop, store, effectSubscriber) {
   const effects = Object.prototype.hasOwnProperty.call(effectsMap, prop) && effectsMap[prop] || (effectsMap[prop] = []);
   ensureContainsEffect(effects, effectSubscriber);
   ensureContains(effectSubscriber, target);
+  ensureEffectContainsSubscriber(
+    effectSubscriber[0 /* EFFECT */],
+    target,
+    store.$container$
+  );
   DEBUG && log("sub", pad("\n" + store.$effects$.toString(), "  "));
 }
 function setNewValueAndTriggerEffects(prop, value, target, currentStore) {
@@ -1256,48 +1040,118 @@ var Subscriber = class {
 function isSubscriber(value) {
   return value instanceof Subscriber || value instanceof WrappedSignal;
 }
-function clearVNodeEffectDependencies(value) {
-  const effects = vnode_getProp(value, QSubscribers, null);
+function clearVNodeEffectDependencies(container, value) {
+  if (vnode_isElementVNode(value)) {
+    ensureMaterialized(value);
+  }
+  const effects = vnode_getProp(value, QSubscribers, container.$getObjectById$);
   if (!effects) {
     return;
   }
   for (let i = effects.length - 1; i >= 0; i--) {
     const subscriber = effects[i];
-    const subscriptionRemoved = clearEffects(subscriber, value);
-    if (subscriptionRemoved) {
-      effects.splice(i, 1);
-    }
+    clearEffects(subscriber, value, effects, i, container);
+  }
+  if (effects.length === 0) {
+    vnode_setProp(value, QSubscribers, null);
   }
 }
-function clearSubscriberEffectDependencies(value) {
+function clearSubscriberEffectDependencies(container, value) {
   if (value.$effectDependencies$) {
     for (let i = value.$effectDependencies$.length - 1; i >= 0; i--) {
       const subscriber = value.$effectDependencies$[i];
-      const subscriptionRemoved = clearEffects(subscriber, value);
-      if (subscriptionRemoved) {
-        value.$effectDependencies$.splice(i, 1);
-      }
+      clearEffects(subscriber, value, value.$effectDependencies$, i, container);
+    }
+    if (value.$effectDependencies$.length === 0) {
+      value.$effectDependencies$ = null;
     }
   }
 }
-function clearEffects(subscriber, value) {
-  if (!isSignal(subscriber)) {
-    return false;
+function clearEffects(subscriber, value, effectArray, indexToRemove, container) {
+  let subscriptionRemoved = false;
+  const seenSet = /* @__PURE__ */ new Set();
+  if (subscriber instanceof WrappedSignal) {
+    subscriptionRemoved = clearSignalEffects(subscriber, value, seenSet);
+  } else if (container.$storeProxyMap$.has(subscriber)) {
+    const store = container.$storeProxyMap$.get(subscriber);
+    const handler = getStoreHandler(store);
+    subscriptionRemoved = clearStoreEffects(handler, value);
+  }
+  if (subscriptionRemoved) {
+    effectArray.splice(indexToRemove, 1);
   }
+}
+function clearSignalEffects(subscriber, value, seenSet) {
   const effectSubscriptions = subscriber.$effects$;
+  let subscriptionRemoved = false;
+  if (effectSubscriptions) {
+    for (let i = effectSubscriptions.length - 1; i >= 0; i--) {
+      const effect = effectSubscriptions[i];
+      if (effect[0 /* EFFECT */] === value) {
+        effectSubscriptions.splice(i, 1);
+        subscriptionRemoved = true;
+      }
+    }
+  }
+  if (subscriber instanceof WrappedSignal) {
+    const hostElement = subscriber.$hostElement$;
+    if (hostElement && hostElement === value) {
+      subscriber.$hostElement$ = null;
+    }
+    const args = subscriber.$args$;
+    if (args) {
+      clearArgsEffects(args, subscriber, seenSet);
+    }
+  }
+  return subscriptionRemoved;
+}
+function clearStoreEffects(storeHandler, value) {
+  const effectSubscriptions = storeHandler.$effects$;
   if (!effectSubscriptions) {
     return false;
   }
   let subscriptionRemoved = false;
-  for (let i = effectSubscriptions.length - 1; i >= 0; i--) {
-    const effect = effectSubscriptions[i];
-    if (effect[0 /* EFFECT */] === value) {
-      effectSubscriptions.splice(i, 1);
-      subscriptionRemoved = true;
+  for (const key in effectSubscriptions) {
+    const effects = effectSubscriptions[key];
+    for (let i = effects.length - 1; i >= 0; i--) {
+      const effect = effects[i];
+      if (effect[0 /* EFFECT */] === value) {
+        effects.splice(i, 1);
+        subscriptionRemoved = true;
+      }
+    }
+    if (effects.length === 0) {
+      delete effectSubscriptions[key];
     }
   }
   return subscriptionRemoved;
 }
+function clearArgsEffects(args, subscriber, seenSet) {
+  for (let i = args.length - 1; i >= 0; i--) {
+    const arg = args[i];
+    clearArgEffect(arg, subscriber, seenSet);
+  }
+}
+function clearArgEffect(arg, subscriber, seenSet) {
+  if (seenSet.has(arg)) {
+    return;
+  }
+  seenSet.add(arg);
+  if (isSignal(arg)) {
+    clearSignalEffects(arg, subscriber, seenSet);
+  } else if (typeof arg === "object" && arg !== null) {
+    if (isStore(arg)) {
+      clearStoreEffects(getStoreHandler(arg), subscriber);
+    } else {
+      for (const key in arg) {
+        clearArgEffect(arg[key], subscriber, seenSet);
+      }
+    }
+  } else if (Array.isArray(arg)) {
+    clearArgsEffects(arg, subscriber, seenSet);
+  } else {
+  }
+}
 // packages/qwik/src/core/use/use-resource.ts
 var _createResourceReturn = (opts) => {
@@ -1323,7 +1177,7 @@ var runResource = (task, container, host) => {
   cleanupTask(task);
   const iCtx = newInvokeContext(container.$locale$, host, void 0, ResourceEvent);
   iCtx.$container$ = container;
-  const taskFn = task.$qrl$.getFn(iCtx, () => clearSubscriberEffectDependencies(task));
+  const taskFn = task.$qrl$.getFn(iCtx, () => clearSubscriberEffectDependencies(container, task));
   const resource = task.$state$;
   assertDefined(
     resource,
@@ -1447,7 +1301,7 @@ var ignoreErrorToPreventNodeFromCrashing = (err) => {
 };
 // packages/qwik/src/core/client/vnode-diff.ts
-var import_build5 = require("@qwik.dev/core/build");
+var import_build4 = require("@qwik.dev/core/build");
 // packages/qwik/src/core/client/vnode-namespace.ts
 var isForeignObjectElement = (elementName) => elementName.toLowerCase() === "foreignobject";
@@ -1619,7 +1473,7 @@ function getNewElementNamespaceData(domParentVNode, tagOrVNode) {
 }
 // packages/qwik/src/core/shared/component-execution.ts
-var import_build4 = require("@qwik.dev/core/build");
+var import_build3 = require("@qwik.dev/core/build");
 var executeComponent = (container, renderHost, subscriptionHost, componentQRL, props) => {
   const iCtx = newInvokeContext(container.$locale$, subscriptionHost, void 0, RenderEvent);
   iCtx.$effectSubscriber$ = [subscriptionHost, ":" /* COMPONENT */];
@@ -1655,7 +1509,7 @@ var executeComponent = (container, renderHost, subscriptionHost, componentQRL, p
         }
       }
       if (vnode_isVNode(renderHost)) {
-        clearVNodeEffectDependencies(renderHost);
+        clearVNodeEffectDependencies(container, renderHost);
       }
       return componentFn(props);
     },
@@ -1698,7 +1552,7 @@ function addUseOnEvents(jsx2, useOnEvents) {
             if (jsxElement2) {
               addUseOnEvent(jsxElement2, key, useOnEvents[key]);
             }
-          } else if (import_build4.isDev) {
+          } else if (import_build3.isDev) {
             logWarn(
               'You are trying to add an event "' + key + '" using `useOn` hook, but a node to which you can add an event is not found. Please make sure that the component has a valid element node. '
             );
@@ -1729,7 +1583,7 @@ function findFirstStringJSX(jsx2) {
   const queue = [jsx2];
   while (queue.length) {
     const jsx3 = queue.shift();
-    if (isJSXNode2(jsx3)) {
+    if (isJSXNode(jsx3)) {
       if (typeof jsx3.type === "string") {
         return jsx3;
       }
@@ -1748,7 +1602,7 @@ function findFirstStringJSX(jsx2) {
   return null;
 }
 function addScriptNodeForInvisibleComponents(jsx2) {
-  if (isJSXNode2(jsx2)) {
+  if (isJSXNode(jsx2)) {
     const jsxElement = new JSXNodeImpl(
       "script",
       {},
@@ -1811,6 +1665,19 @@ function escapeHTML(html) {
   }
 }
+// packages/qwik/src/core/shared/utils/jsx-filename.ts
+function getFileLocationFromJsx(jsxDev) {
+  var _a;
+  if (!jsxDev) {
+    return null;
+  }
+  const sanitizedFileName = (_a = jsxDev.fileName) == null ? void 0 : _a.replace(/\\/g, "/");
+  if (sanitizedFileName) {
+    return `${sanitizedFileName}:${jsxDev.lineNumber}:${jsxDev.columnNumber}`;
+  }
+  return null;
+}
 // packages/qwik/src/core/client/vnode-diff.ts
 var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
   let journal = container.$journal$;
@@ -1847,12 +1714,12 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
             descend(jsxValue, false);
           } else if (isSignal(jsxValue)) {
             if (vCurrent) {
-              clearVNodeEffectDependencies(vCurrent);
+              clearVNodeEffectDependencies(container, vCurrent);
             }
             expectVirtual("S" /* WrappedSignal */, null);
             descend(
-              trackSignal(
-                () => jsxValue.value,
+              trackSignalAndAssignHost(
+                jsxValue,
                 vNewNode || vCurrent,
                 "." /* VNODE */,
                 container
@@ -1862,7 +1729,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           } else if (isPromise(jsxValue)) {
             expectVirtual("A" /* Awaited */, null);
             asyncQueue.push(jsxValue, vNewNode || vCurrent);
-          } else if (isJSXNode2(jsxValue)) {
+          } else if (isJSXNode(jsxValue)) {
             const type = jsxValue.type;
             if (typeof type === "string") {
               expectNoMoreTextNodes();
@@ -2019,7 +1886,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     for (let i = 0; i < projectionChildren.length; i++) {
       const child = projectionChildren[i];
       const slotName = String(
-        isJSXNode2(child) && directGetPropsProxyProp(child, QSlot) || QDefaultSlot
+        isJSXNode(child) && directGetPropsProxyProp(child, QSlot) || QDefaultSlot
       );
       const idx = mapApp_findIndx(projections, slotName, 0);
       let jsxBucket;
@@ -2049,8 +1916,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     );
     if (vCurrent == null) {
       vNewNode = vnode_newVirtual();
-      import_build5.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
-      import_build5.isDev && vnode_setProp(vNewNode, "q:code", "expectProjection");
+      import_build4.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
+      import_build4.isDev && vnode_setProp(vNewNode, "q:code", "expectProjection");
       vnode_setProp(vNewNode, QSlot, slotName);
       vnode_setProp(vNewNode, QSlotParent, vParent);
       vnode_setProp(vParent, slotName, vNewNode);
@@ -2076,8 +1943,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       );
       vnode_setProp(vNewNode, QSlot, slotNameKey);
       vHost && vnode_setProp(vHost, slotNameKey, vNewNode);
-      import_build5.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
-      import_build5.isDev && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
+      import_build4.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
+      import_build4.isDev && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
       return false;
     } else if (vProjectedNode === vCurrent) {
     } else {
@@ -2089,8 +1956,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       );
       vnode_setProp(vNewNode, QSlot, slotNameKey);
       vHost && vnode_setProp(vHost, slotNameKey, vNewNode);
-      import_build5.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
-      import_build5.isDev && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
+      import_build4.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
+      import_build4.isDev && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
     }
     return true;
   }
@@ -2100,7 +1967,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     if (constProps && typeof constProps == "object" && "name" in constProps) {
       const constValue = constProps.name;
       if (vHost && constValue instanceof WrappedSignal) {
-        return trackSignal(() => constValue.value, vHost, ":" /* COMPONENT */, container);
+        return trackSignalAndAssignHost(constValue, vHost, ":" /* COMPONENT */, container);
       }
     }
     return directGetPropsProxyProp(jsxNode2, "name") || QDefaultSlot;
@@ -2151,7 +2018,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       vnode_remove(journal, vParent, toRemove, true);
     }
   }
-  function createNewElement(jsx2, elementName) {
+  function createNewElement(jsx2, elementName, currentFile) {
     const element = createElementWithNamespace(elementName);
     const { constProps } = jsx2;
     let needsQDispatchEventPatch = false;
@@ -2179,15 +2046,17 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           } else if (typeof value === "function") {
             value(element);
             continue;
+          } else {
+            throw qError(32 /* invalidRefValue */, [currentFile]);
           }
         }
         if (isSignal(value)) {
-          const signalData = new EffectData({
+          const signalData = new EffectPropData({
             $scopedStyleIdPrefix$: scopedStyleIdPrefix,
             $isConst$: true
           });
-          value = trackSignal(
-            () => value.value,
+          value = trackSignalAndAssignHost(
+            value,
             vNewNode,
             key2,
             container,
@@ -2200,13 +2069,13 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           continue;
         }
         if (elementName === "textarea" && key2 === "value") {
-          if (typeof value !== "string") {
-            if (import_build5.isDev) {
-              throwErrorAndStop("The value of the textarea must be a string");
+          if (value && typeof value !== "string") {
+            if (import_build4.isDev) {
+              throw qError(40 /* wrongTextareaValue */, [currentFile, value]);
             }
             continue;
           }
-          element.value = escapeHTML(value);
+          element.value = escapeHTML(value || "");
           continue;
         }
         value = serializeAttribute(key2, value, scopedStyleIdPrefix);
@@ -2242,19 +2111,24 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     const isSameElementName = vCurrent && vnode_isElementVNode(vCurrent) && elementName === vnode_getElementName(vCurrent);
     const jsxKey = jsx2.key;
     let needsQDispatchEventPatch = false;
+    const currentFile = getFileLocationFromJsx(jsx2.dev);
     if (!isSameElementName || jsxKey !== getKey(vCurrent)) {
       vNewNode = retrieveChildWithKey(elementName, jsxKey);
       if (vNewNode === null) {
         needsQDispatchEventPatch = createNewElement(jsx2, elementName);
       } else {
         vnode_insertBefore(journal, vParent, vNewNode, vCurrent);
+        vCurrent = vNewNode;
+        vNewNode = null;
+        if (vSiblings !== null) {
+          vSiblingsIdx -= 3 /* Size */;
+        }
       }
     }
     const jsxAttrs = [];
     const props = jsx2.varProps;
     for (const key in props) {
-      let value = props[key];
-      value = serializeAttribute(key, value, scopedStyleIdPrefix);
+      const value = props[key];
       if (value != null) {
         mapArray_set(jsxAttrs, key, value, 0);
       }
@@ -2263,7 +2137,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       mapArray_set(jsxAttrs, ELEMENT_KEY, jsxKey, 0);
     }
     const vNode = vNewNode || vCurrent;
-    needsQDispatchEventPatch = setBulkProps(vNode, jsxAttrs) || needsQDispatchEventPatch;
+    needsQDispatchEventPatch = setBulkProps(vNode, jsxAttrs, currentFile) || needsQDispatchEventPatch;
     if (needsQDispatchEventPatch) {
       const element = vnode_getNode(vNode);
       if (!element.qDispatchEvent) {
@@ -2286,7 +2160,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       }
     }
   }
-  function setBulkProps(vnode, srcAttrs) {
+  function setBulkProps(vnode, srcAttrs, currentFile) {
     vnode_ensureElementInflated(vnode);
     const dstAttrs = vnode;
     let srcIdx = 0;
@@ -2309,12 +2183,18 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         } else if (typeof value === "function") {
           value(element);
           return;
+        } else {
+          throw qError(32 /* invalidRefValue */, [currentFile]);
         }
       }
       if (isSignal(value)) {
-        value = untrack(() => value.value);
+        const signalData = new EffectPropData({
+          $scopedStyleIdPrefix$: scopedStyleIdPrefix,
+          $isConst$: false
+        });
+        value = trackSignalAndAssignHost(value, vnode, key, container, signalData);
       }
-      vnode_setAttr(journal, vnode, key, value);
+      vnode_setAttr(journal, vnode, key, serializeAttribute(key, value, scopedStyleIdPrefix));
       if (value === null) {
         dstLength = dstAttrs.length;
       }
@@ -2334,7 +2214,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       }
     };
     while (srcKey !== null || dstKey !== null) {
-      if ((dstKey == null ? void 0 : dstKey.startsWith(HANDLER_PREFIX)) || dstKey == ELEMENT_KEY) {
+      if ((dstKey == null ? void 0 : dstKey.startsWith(HANDLER_PREFIX)) || (dstKey == null ? void 0 : dstKey.startsWith(Q_PREFIX))) {
         dstIdx++;
         dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
       } else if (srcKey == null) {
@@ -2356,6 +2236,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         }
         srcIdx++;
         srcKey = srcIdx < srcLength ? srcAttrs[srcIdx++] : null;
+        dstIdx++;
+        dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
       } else if (srcKey == dstKey) {
         const srcValue = srcAttrs[srcIdx++];
         const dstValue = dstAttrs[dstIdx++];
@@ -2432,7 +2314,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         vnode_insertBefore(
           journal,
           vParent,
-          vNewNode = vnode_newVirtual(),
+          vNewNode,
           vCurrent && getInsertBefore()
         );
         return;
@@ -2445,7 +2327,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       vCurrent && getInsertBefore()
     );
     vnode_setProp(vNewNode, ELEMENT_KEY, jsxKey);
-    import_build5.isDev && vnode_setProp(vNewNode || vCurrent, DEBUG_TYPE, type);
+    import_build4.isDev && vnode_setProp(vNewNode || vCurrent, DEBUG_TYPE, type);
   }
   function expectComponent(component) {
     const componentMeta = component[SERIALIZABLE_STATE];
@@ -2520,7 +2402,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
   }
   function insertNewComponent(host, componentQRL, jsxProps) {
     if (host) {
-      clearVNodeEffectDependencies(host);
+      clearVNodeEffectDependencies(container, host);
     }
     vnode_insertBefore(
       journal,
@@ -2529,7 +2411,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       vCurrent && getInsertBefore()
     );
     const jsxNode2 = jsxValue;
-    import_build5.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "C" /* Component */);
+    import_build4.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "C" /* Component */);
     container.setHostProp(vNewNode, OnRenderProp, componentQRL);
     container.setHostProp(vNewNode, ELEMENT_PROPS, jsxProps);
     container.setHostProp(vNewNode, ELEMENT_KEY, jsxNode2.key);
@@ -2542,7 +2424,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       vCurrent && getInsertBefore()
     );
     const jsxNode2 = jsxValue;
-    import_build5.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "I" /* InlineComponent */);
+    import_build4.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "I" /* InlineComponent */);
     vnode_setProp(vNewNode, ELEMENT_PROPS, jsxNode2.props);
     if (jsxNode2.key) {
       vnode_setProp(vNewNode, ELEMENT_KEY, jsxNode2.key);
@@ -2586,8 +2468,8 @@ function propsDiffer(src, dst) {
   if (!src || !dst) {
     return true;
   }
-  let srcKeys = removeChildrenKey(Object.keys(src));
-  let dstKeys = removeChildrenKey(Object.keys(dst));
+  let srcKeys = removePropsKeys(Object.keys(src), ["children", QSubscribers]);
+  let dstKeys = removePropsKeys(Object.keys(dst), ["children", QSubscribers]);
   if (srcKeys.length !== dstKeys.length) {
     return true;
   }
@@ -2602,10 +2484,13 @@ function propsDiffer(src, dst) {
   }
   return false;
 }
-function removeChildrenKey(keys) {
-  const childrenIdx = keys.indexOf("children");
-  if (childrenIdx !== -1) {
-    keys.splice(childrenIdx, 1);
+function removePropsKeys(keys, propKeys) {
+  for (let i = propKeys.length - 1; i >= 0; i--) {
+    const propKey = propKeys[i];
+    const propIdx = keys.indexOf(propKey);
+    if (propIdx !== -1) {
+      keys.splice(propIdx, 1);
+    }
   }
   return keys;
 }
@@ -2618,18 +2503,18 @@ function cleanup(container, vNode) {
   do {
     const type = vCursor[0 /* flags */];
     if (type & 3 /* ELEMENT_OR_VIRTUAL_MASK */) {
+      clearVNodeEffectDependencies(container, vCursor);
+      markVNodeAsDeleted(vCursor);
       if (type & 2 /* Virtual */) {
-        clearVNodeEffectDependencies(vCursor);
-        markVNodeAsDeleted(vCursor);
         const seq = container.getHostProp(vCursor, ELEMENT_SEQ);
         if (seq) {
           for (let i = 0; i < seq.length; i++) {
             const obj = seq[i];
             if (isTask(obj)) {
               const task = obj;
-              clearSubscriberEffectDependencies(task);
+              clearSubscriberEffectDependencies(container, task);
               if (task.$flags$ & 1 /* VISIBLE_TASK */) {
-                container.$scheduler$(80 /* CLEANUP_VISIBLE */, task);
+                container.$scheduler$(48 /* CLEANUP_VISIBLE */, task);
               } else {
                 cleanupTask(task);
               }
@@ -2720,8 +2605,8 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
   let journalFlushScheduled = false;
   return schedule;
   function schedule(type, hostOrTask = null, targetOrQrl = null, payload = null) {
-    const runLater = type !== 127 /* WAIT_FOR_ALL */ && type !== 16 /* WAIT_FOR_COMPONENTS */ && type !== 6 /* COMPONENT_SSR */;
-    const isTask2 = type === 3 /* TASK */ || type === 64 /* VISIBLE */ || type === 2 /* RESOURCE */ || type === 80 /* CLEANUP_VISIBLE */;
+    const runLater = type !== 255 /* WAIT_FOR_ALL */ && type !== 6 /* COMPONENT_SSR */;
+    const isTask2 = type === 3 /* TASK */ || type === 32 /* VISIBLE */ || type === 2 /* RESOURCE */ || type === 48 /* CLEANUP_VISIBLE */;
     if (isTask2) {
       hostOrTask.$flags$ |= 8 /* DIRTY */;
     }
@@ -2738,19 +2623,19 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
     };
     chore.$promise$ = new Promise((resolve) => chore.$resolve$ = resolve);
     DEBUG2 && debugTrace("schedule", chore, currentChore, choreQueue);
-    chore = sortedInsert(choreQueue, chore);
+    chore = sortedInsert(choreQueue, chore, container.rootVNode || null);
     if (!journalFlushScheduled && runLater) {
       journalFlushScheduled = true;
-      schedule(48 /* JOURNAL_FLUSH */);
+      schedule(16 /* JOURNAL_FLUSH */);
       scheduleDrain();
     }
     if (runLater) {
       return chore.$promise$;
     } else {
-      return drainUpTo(chore);
+      return drainUpTo(chore, container.rootVNode || null);
     }
   }
-  function drainUpTo(runUptoChore) {
+  function drainUpTo(runUptoChore, rootVNode) {
     if (runUptoChore.$executed$) {
       return runUptoChore.$returnValue$;
     }
@@ -2759,7 +2644,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
     }
     while (choreQueue.length) {
       const nextChore = choreQueue.shift();
-      const order = choreComparator(nextChore, runUptoChore, false);
+      const order = choreComparator(nextChore, runUptoChore, rootVNode, false);
       if (order === null) {
         continue;
       }
@@ -2768,26 +2653,27 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
       }
       const isDeletedVNode = vNodeAlreadyDeleted(nextChore);
       if (isDeletedVNode && // we need to process cleanup tasks for deleted nodes
-      nextChore.$type$ !== 80 /* CLEANUP_VISIBLE */) {
+      nextChore.$type$ !== 48 /* CLEANUP_VISIBLE */) {
         DEBUG2 && debugTrace("skip chore", nextChore, currentChore, choreQueue);
         continue;
       }
       const returnValue = executeChore(nextChore);
       if (isPromise(returnValue)) {
-        const promise = returnValue.then(() => drainUpTo(runUptoChore));
+        const promise = returnValue.then(() => drainUpTo(runUptoChore, rootVNode));
         return promise;
       }
     }
     return runUptoChore.$returnValue$;
   }
   function executeChore(chore) {
+    var _a;
     const host = chore.$host$;
     DEBUG2 && debugTrace("execute", chore, currentChore, choreQueue);
     assertEqual(currentChore, null, "Chore already running.");
     currentChore = chore;
     let returnValue = null;
     switch (chore.$type$) {
-      case 48 /* JOURNAL_FLUSH */:
+      case 16 /* JOURNAL_FLUSH */:
         returnValue = journalFlush();
         journalFlushScheduled = false;
         break;
@@ -2824,10 +2710,10 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
       case 3 /* TASK */:
         returnValue = runTask(chore.$payload$, container, host);
         break;
-      case 64 /* VISIBLE */:
+      case 32 /* VISIBLE */:
         returnValue = runTask(chore.$payload$, container, host);
         break;
-      case 80 /* CLEANUP_VISIBLE */:
+      case 48 /* CLEANUP_VISIBLE */:
         const task = chore.$payload$;
         cleanupTask(task);
         break;
@@ -2862,13 +2748,27 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
         returnValue = !target.resolved ? target.resolve() : null;
         break;
       }
+      case 8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */: {
+        const target = chore.$target$;
+        const forceRunEffects = target.$forceRunEffects$;
+        target.$forceRunEffects$ = false;
+        if (!((_a = target.$effects$) == null ? void 0 : _a.length)) {
+          break;
+        }
+        returnValue = retryOnPromise(() => {
+          if (target.$computeIfNeeded$() || forceRunEffects) {
+            triggerEffects(container, target, target.$effects$);
+          }
+        });
+        break;
+      }
     }
     return maybeThenPassError(returnValue, (value) => {
-      var _a;
+      var _a2;
       DEBUG2 && debugTrace("execute.DONE", null, currentChore, choreQueue);
       if (currentChore) {
         currentChore.$executed$ = true;
-        (_a = currentChore.$resolve$) == null ? void 0 : _a.call(currentChore, value);
+        (_a2 = currentChore.$resolve$) == null ? void 0 : _a2.call(currentChore, value);
       }
       currentChore = null;
       return chore.$returnValue$ = value;
@@ -2886,17 +2786,17 @@ var choreUpdate = (existing, newChore) => {
 function vNodeAlreadyDeleted(chore) {
   return !!(chore.$host$ && vnode_isVNode(chore.$host$) && chore.$host$[0 /* flags */] & 32 /* Deleted */);
 }
-function choreComparator(a, b, shouldThrowOnHostMismatch) {
-  const macroTypeDiff = (a.$type$ & 112 /* MACRO */) - (b.$type$ & 112 /* MACRO */);
+function choreComparator(a, b, rootVNode, shouldThrowOnHostMismatch) {
+  const macroTypeDiff = (a.$type$ & 240 /* MACRO */) - (b.$type$ & 240 /* MACRO */);
   if (macroTypeDiff !== 0) {
     return macroTypeDiff;
   }
-  if (a.$type$ !== 48 /* JOURNAL_FLUSH */) {
+  if (a.$type$ !== 16 /* JOURNAL_FLUSH */) {
     const aHost = a.$host$;
     const bHost = b.$host$;
     if (aHost !== bHost && aHost !== null && bHost !== null) {
       if (vnode_isVNode(aHost) && vnode_isVNode(bHost)) {
-        const hostDiff = vnode_documentPosition(aHost, bHost);
+        const hostDiff = vnode_documentPosition(aHost, bHost, rootVNode);
         if (hostDiff !== 0) {
           return hostDiff;
         }
@@ -2906,7 +2806,7 @@ function choreComparator(a, b, shouldThrowOnHostMismatch) {
           This can lead to inconsistencies between Server-Side Rendering (SSR) and Client-Side Rendering (CSR).
           Problematic Node: ${aHost.toString()}`;
         if (shouldThrowOnHostMismatch) {
-          throwErrorAndStop(errorMessage);
+          throw qError(45 /* serverHostMismatch */, [errorMessage]);
         }
         logWarn(errorMessage);
         return null;
@@ -2920,19 +2820,19 @@ function choreComparator(a, b, shouldThrowOnHostMismatch) {
     if (idxDiff !== 0) {
       return idxDiff;
     }
-    if (a.$target$ !== b.$target$ && (a.$type$ === 1 /* QRL_RESOLVE */ && b.$type$ === 1 /* QRL_RESOLVE */ || a.$type$ === 5 /* NODE_PROP */ && b.$type$ === 5 /* NODE_PROP */)) {
+    if (a.$target$ !== b.$target$ && (a.$type$ === 1 /* QRL_RESOLVE */ && b.$type$ === 1 /* QRL_RESOLVE */ || a.$type$ === 5 /* NODE_PROP */ && b.$type$ === 5 /* NODE_PROP */ || a.$type$ === 8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */ && b.$type$ === 8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */)) {
       return 1;
     }
   }
   return 0;
 }
-function sortedFindIndex(sortedArray, value) {
+function sortedFindIndex(sortedArray, value, rootVNode) {
   let bottom = 0;
   let top = sortedArray.length;
   while (bottom < top) {
     const middle = bottom + (top - bottom >> 1);
     const midChore = sortedArray[middle];
-    const comp = choreComparator(value, midChore, true);
+    const comp = choreComparator(value, midChore, rootVNode, true);
     if (comp < 0) {
       top = middle;
     } else if (comp > 0) {
@@ -2943,8 +2843,8 @@ function sortedFindIndex(sortedArray, value) {
   }
   return ~bottom;
 }
-function sortedInsert(sortedArray, value) {
-  const idx = sortedFindIndex(sortedArray, value);
+function sortedInsert(sortedArray, value, rootVNode) {
+  const idx = sortedFindIndex(sortedArray, value, rootVNode);
   if (idx < 0) {
     sortedArray.splice(~idx, 0, value);
     return value;
@@ -2963,11 +2863,11 @@ function debugChoreToString(chore) {
     [5 /* NODE_PROP */]: "NODE_PROP",
     [7 /* COMPONENT */]: "COMPONENT",
     [6 /* COMPONENT_SSR */]: "COMPONENT_SSR",
-    [48 /* JOURNAL_FLUSH */]: "JOURNAL_FLUSH",
-    [64 /* VISIBLE */]: "VISIBLE",
-    [80 /* CLEANUP_VISIBLE */]: "CLEANUP_VISIBLE",
-    [127 /* WAIT_FOR_ALL */]: "WAIT_FOR_ALL",
-    [16 /* WAIT_FOR_COMPONENTS */]: "WAIT_FOR_COMPONENTS"
+    [8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */]: "RECOMPUTE_SIGNAL",
+    [16 /* JOURNAL_FLUSH */]: "JOURNAL_FLUSH",
+    [32 /* VISIBLE */]: "VISIBLE",
+    [48 /* CLEANUP_VISIBLE */]: "CLEANUP_VISIBLE",
+    [255 /* WAIT_FOR_ALL */]: "WAIT_FOR_ALL"
   }[chore.$type$] || "UNKNOWN: " + chore.$type$;
   const host = String(chore.$host$).replaceAll(/\n.*/gim, "");
   const qrlTarget = (_a = chore.$target$) == null ? void 0 : _a.$symbol$;
@@ -2997,7 +2897,10 @@ var runTask = (task, container, host) => {
   cleanupTask(task);
   const iCtx = newInvokeContext(container.$locale$, host, void 0, TaskEvent);
   iCtx.$container$ = container;
-  const taskFn = task.$qrl$.getFn(iCtx, () => clearSubscriberEffectDependencies(task));
+  const taskFn = task.$qrl$.getFn(
+    iCtx,
+    () => clearSubscriberEffectDependencies(container, task)
+  );
   const track = (obj, prop) => {
     const ctx = newInvokeContext();
     ctx.$effectSubscriber$ = [task, ":" /* COMPONENT */];
@@ -3090,7 +2993,7 @@ var throwIfQRLNotResolved = (qrl) => {
 var isSignal = (value) => {
   return value instanceof Signal;
 };
-var EffectData = class {
+var EffectPropData = class {
   data;
   constructor(data) {
     this.data = data;
@@ -3154,7 +3057,7 @@ var Signal = class {
   // prevent accidental use as value
   valueOf() {
     if (qDev) {
-      return throwErrorAndStop("Cannot coerce a Signal, use `.value` instead");
+      throw qError(46 /* cannotCoerceSignal */);
     }
   }
   toString() {
@@ -3187,7 +3090,7 @@ var ensureEffectContainsSubscriber = (effect, subscriber, container) => {
       return;
     }
     effect.$effectDependencies$.push(subscriber);
-  } else if (vnode_isVNode(effect) && vnode_isVirtualVNode(effect)) {
+  } else if (vnode_isVNode(effect) && !vnode_isTextVNode(effect)) {
     let subscribers = vnode_getProp(
       effect,
       QSubscribers,
@@ -3231,7 +3134,7 @@ var triggerEffects = (container, signal, effects) => {
         DEBUG3 && log2("schedule.effect.task", pad("\n" + String(effect), "  "));
         let choreType = 3 /* TASK */;
         if (effect.$flags$ & 1 /* VISIBLE_TASK */) {
-          choreType = 64 /* VISIBLE */;
+          choreType = 32 /* VISIBLE */;
         } else if (effect.$flags$ & 4 /* RESOURCE */) {
           choreType = 2 /* RESOURCE */;
         }
@@ -3240,15 +3143,9 @@ var triggerEffects = (container, signal, effects) => {
         if (effect instanceof ComputedSignal) {
           if (!effect.$computeQrl$.resolved) {
             container.$scheduler$(1 /* QRL_RESOLVE */, null, effect.$computeQrl$);
-          }
-        }
-        try {
-          retryOnPromise(
-            () => effect.$invalidate$()
-          );
-        } catch (e) {
-          logError(e);
+          }
         }
+        effect.$invalidate$();
       } else if (property === ":" /* COMPONENT */) {
         const host = effect;
         const qrl = container.getHostProp(host, OnRenderProp);
@@ -3261,9 +3158,8 @@ var triggerEffects = (container, signal, effects) => {
         container.$scheduler$(4 /* NODE_DIFF */, host, target, signal);
       } else {
         const host = effect;
-        let effectData = effectSubscriptions[2 /* FIRST_BACK_REF_OR_DATA */];
-        if (effectData instanceof EffectData) {
-          effectData = effectData;
+        const effectData = effectSubscriptions[2 /* FIRST_BACK_REF_OR_DATA */];
+        if (effectData instanceof EffectPropData) {
           const data = effectData.data;
           const payload = {
             ...data,
@@ -3288,6 +3184,7 @@ var ComputedSignal = class extends Signal {
   // We need a separate flag to know when the computation needs running because
   // we need the old value to know if effects need running after computation
   $invalid$ = true;
+  $forceRunEffects$ = false;
   constructor(container, fn) {
     super(container, NEEDS_COMPUTATION);
     this.$computeQrl$ = fn;
@@ -3295,12 +3192,8 @@ var ComputedSignal = class extends Signal {
   $invalidate$() {
     var _a;
     this.$invalid$ = true;
-    if (!((_a = this.$effects$) == null ? void 0 : _a.length)) {
-      return;
-    }
-    if (this.$computeIfNeeded$()) {
-      triggerEffects(this.$container$, this, this.$effects$);
-    }
+    this.$forceRunEffects$ = false;
+    (_a = this.$container$) == null ? void 0 : _a.$scheduler$(8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */, null, this);
   }
   /**
    * Use this to force running subscribers, for example when the calculated value has mutated but
@@ -3308,10 +3201,14 @@ var ComputedSignal = class extends Signal {
    */
   force() {
     this.$invalid$ = true;
+    this.$forceRunEffects$ = false;
     triggerEffects(this.$container$, this, this.$effects$);
   }
   get untrackedValue() {
-    this.$computeIfNeeded$();
+    const didChange = this.$computeIfNeeded$();
+    if (didChange) {
+      this.$forceRunEffects$ = didChange;
+    }
     assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION, "Invalid state");
     return this.$untrackedValue$;
   }
@@ -3327,9 +3224,10 @@ var ComputedSignal = class extends Signal {
     try {
       const untrackedValue = computeQrl.getFn(ctx)();
       if (isPromise(untrackedValue)) {
-        throwErrorAndStop(
-          `useComputedSignal$ QRL ${computeQrl.dev ? `${computeQrl.dev.file} ` : ""}${computeQrl.$hash$} returned a Promise`
-        );
+        throw qError(47 /* computedNotSync */, [
+          computeQrl.dev ? computeQrl.dev.file : "",
+          computeQrl.$hash$
+        ]);
       }
       DEBUG3 && log2("Signal.$compute$", untrackedValue);
       this.$invalid$ = false;
@@ -3349,7 +3247,7 @@ var ComputedSignal = class extends Signal {
     return super.value;
   }
   set value(_) {
-    throwErrorAndStop("ComputedSignal is read-only");
+    throw qError(48 /* computedReadOnly */);
   }
 };
 var WrappedSignal = class extends Signal {
@@ -3360,6 +3258,8 @@ var WrappedSignal = class extends Signal {
   // we need the old value to know if effects need running after computation
   $invalid$ = true;
   $effectDependencies$ = null;
+  $hostElement$ = null;
+  $forceRunEffects$ = false;
   constructor(container, fn, args, fnStr) {
     super(container, NEEDS_COMPUTATION);
     this.$args$ = args;
@@ -3369,12 +3269,12 @@ var WrappedSignal = class extends Signal {
   $invalidate$() {
     var _a;
     this.$invalid$ = true;
-    if (!((_a = this.$effects$) == null ? void 0 : _a.length)) {
-      return;
-    }
-    if (this.$computeIfNeeded$()) {
-      triggerEffects(this.$container$, this, this.$effects$);
-    }
+    this.$forceRunEffects$ = false;
+    (_a = this.$container$) == null ? void 0 : _a.$scheduler$(
+      8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */,
+      this.$hostElement$,
+      this
+    );
   }
   /**
    * Use this to force running subscribers, for example when the calculated value has mutated but
@@ -3382,10 +3282,14 @@ var WrappedSignal = class extends Signal {
    */
   force() {
     this.$invalid$ = true;
+    this.$forceRunEffects$ = false;
     triggerEffects(this.$container$, this, this.$effects$);
   }
   get untrackedValue() {
-    this.$computeIfNeeded$();
+    const didChange = this.$computeIfNeeded$();
+    if (didChange) {
+      this.$forceRunEffects$ = didChange;
+    }
     assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION, "Invalid state");
     return this.$untrackedValue$;
   }
@@ -3410,12 +3314,12 @@ var WrappedSignal = class extends Signal {
     return super.value;
   }
   set value(_) {
-    throwErrorAndStop("WrappedSignal is read-only");
+    throw qError(49 /* wrappedReadOnly */);
   }
 };
 // packages/qwik/src/core/version.ts
-var version = "2.0.0-alpha.3-dev+418fd6d";
+var version = "2.0.0-alpha.5-dev+cb53bbd";
 // packages/qwik/src/core/shared/shared-container.ts
 var _SharedContainer = class {
@@ -3440,7 +3344,7 @@ var _SharedContainer = class {
     this.$scheduler$ = createScheduler(this, scheduleDrain, journalFlush);
   }
   trackSignalValue(signal, subscriber, property, data) {
-    return trackSignal(() => signal.value, subscriber, property, this, data);
+    return trackSignalAndAssignHost(signal, subscriber, property, this, data);
   }
   serializationCtxFactory(NodeConstructor, DomRefConstructor, symbolToChunkResolver, writer, prepVNodeData) {
     return createSerializationContext(
@@ -3562,7 +3466,7 @@ var JSXNodeImpl = class {
   }
 };
 var Virtual = (props) => props.children;
-var isJSXNode2 = (n) => {
+var isJSXNode = (n) => {
   if (qDev) {
     if (n instanceof JSXNodeImpl) {
       return true;
@@ -3698,7 +3602,7 @@ function qwikDebugToString(value) {
         }
       } else if (isStore(value)) {
         return "Store";
-      } else if (isJSXNode2(value)) {
+      } else if (isJSXNode(value)) {
         return jsxToString(value);
       }
     } finally {
@@ -3711,7 +3615,7 @@ var pad = (text, prefix) => {
   return String(text).split("\n").map((line, idx) => (idx ? prefix : "") + line).join("\n");
 };
 var jsxToString = (value) => {
-  if (isJSXNode2(value)) {
+  if (isJSXNode(value)) {
     let type = value.type;
     if (typeof type === "function") {
       type = type.name || "Component";
@@ -3900,7 +3804,7 @@ var VNodeDataChar = {
     /* ************** */
     123
   ),
-  // `{` is the start of the VNodeData.
+  // `{` is the start of the VNodeData for a virtual element.
   OPEN_CHAR: (
     /* ****** */
     "{"
@@ -3909,7 +3813,7 @@ var VNodeDataChar = {
     /* ************* */
     125
   ),
-  // `}` is the end of the VNodeData.
+  // `}` is the end of the VNodeData for a virtual element.
   CLOSE_CHAR: (
     /* ***** */
     "}"
@@ -3979,7 +3883,7 @@ var VNodeDataChar = {
   ),
   DON_T_USE: (
     /* ********** */
-    93
+    92
   ),
   // `\` - SKIP because `\` is used as escaping
   DON_T_USE_CHAR: "\\",
@@ -4001,6 +3905,15 @@ var VNodeDataChar = {
     /* **** */
     "^"
   ),
+  SUBS: (
+    /* *************** */
+    96
+  ),
+  // '`' - `q:subs' - Effect dependencies/subscriptions
+  SUBS_CHAR: (
+    /* ******* */
+    "`"
+  ),
   SEPARATOR: (
     /* ********* */
     124
@@ -4722,9 +4635,32 @@ var vnode_materialize = (vNode) => {
   const element = vNode[6 /* element */];
   const firstChild = fastFirstChild(element);
   const vNodeData = (_b = (_a = element.ownerDocument) == null ? void 0 : _a.qVNodeData) == null ? void 0 : _b.get(element);
-  const vFirstChild = vNodeData ? materializeFromVNodeData(vNode, vNodeData, element, firstChild) : materializeFromDOM(vNode, firstChild);
+  const vFirstChild = materialize(vNode, element, firstChild, vNodeData);
   return vFirstChild;
 };
+var materialize = (vNode, element, firstChild, vNodeData) => {
+  if (vNodeData) {
+    if (vNodeData.charCodeAt(0) === VNodeDataChar.SEPARATOR) {
+      const elementVNodeDataStartIdx = 1;
+      let elementVNodeDataEndIdx = 1;
+      while (vNodeData.charCodeAt(elementVNodeDataEndIdx) !== VNodeDataChar.SEPARATOR) {
+        elementVNodeDataEndIdx++;
+      }
+      const elementVNodeData = vNodeData.substring(
+        elementVNodeDataStartIdx,
+        elementVNodeDataEndIdx
+      );
+      vNodeData = vNodeData.substring(elementVNodeDataEndIdx + 1);
+      const vFirstChild = materializeFromDOM(vNode, firstChild, elementVNodeData);
+      if (!vNodeData) {
+        return vFirstChild;
+      }
+    }
+    return materializeFromVNodeData(vNode, vNodeData, element, firstChild);
+  } else {
+    return materializeFromDOM(vNode, firstChild);
+  }
+};
 var ensureMaterialized = (vnode) => {
   const vParent = ensureElementVNode(vnode);
   let vFirstChild = vParent[4 /* firstChild */];
@@ -4849,7 +4785,7 @@ var fastGetter = (prototype, name) => {
 var isQStyleElement = (node) => {
   return isElement(node) && node.nodeName === "STYLE" && (node.hasAttribute(QScopedStyle) || node.hasAttribute(QStyle));
 };
-var materializeFromDOM = (vParent, firstChild) => {
+var materializeFromDOM = (vParent, firstChild, vData) => {
   let vFirstChild = null;
   const skipStyleElements = () => {
     while (isQStyleElement(child)) {
@@ -4883,8 +4819,54 @@ var materializeFromDOM = (vParent, firstChild) => {
   }
   vParent[5 /* lastChild */] = vChild || null;
   vParent[4 /* firstChild */] = vFirstChild;
+  if (vData) {
+    let container = null;
+    processVNodeData(vData, (peek, consumeValue) => {
+      if (peek() === VNodeDataChar.ID) {
+        if (!container) {
+          container = getDomContainer(vParent[6 /* element */]);
+        }
+        const id = consumeValue();
+        container.$setRawState$(parseInt(id), vParent);
+        import_build6.isDev && vnode_setAttr(null, vParent, ELEMENT_ID, id);
+      } else if (peek() === VNodeDataChar.SUBS) {
+        vnode_setProp(vParent, QSubscribers, consumeValue());
+      } else {
+        consumeValue();
+      }
+    });
+  }
   return vFirstChild;
 };
+var processVNodeData = (vData, callback) => {
+  let nextToConsumeIdx = 0;
+  let ch = 0;
+  let peekCh = 0;
+  const peek = () => {
+    if (peekCh !== 0) {
+      return peekCh;
+    } else {
+      return peekCh = nextToConsumeIdx < vData.length ? vData.charCodeAt(nextToConsumeIdx) : 0;
+    }
+  };
+  const consume = () => {
+    ch = peek();
+    peekCh = 0;
+    nextToConsumeIdx++;
+    return ch;
+  };
+  const consumeValue = () => {
+    consume();
+    const start = nextToConsumeIdx;
+    while (peek() <= 58 && peekCh !== 0 || peekCh === 95 || peekCh >= 65 && peekCh <= 90 || peekCh >= 97 && peekCh <= 122) {
+      consume();
+    }
+    return vData.substring(start, nextToConsumeIdx);
+  };
+  while (peek() !== 0) {
+    callback(peek, consumeValue, consume, nextToConsumeIdx);
+  }
+};
 var vnode_getNextSibling = (vnode) => {
   return vnode[3 /* nextSibling */];
 };
@@ -4969,7 +4951,7 @@ var vnode_getPropStartIndex = (vnode) => {
   } else if (type === 2 /* Virtual */) {
     return 6 /* PROPS_OFFSET */;
   }
-  throw throwErrorAndStop("Invalid vnode type.");
+  throw qError(43 /* invalidVNodeType */, [type]);
 };
 var vnode_getParent = (vnode) => {
   return vnode[1 /* parent */] || null;
@@ -4984,7 +4966,7 @@ var vnode_getNode = (vnode) => {
   assertTrue(vnode_isTextVNode(vnode), "Expecting Text Node.");
   return vnode[4 /* node */];
 };
-function vnode_toString(depth = 10, offset = "", materialize = false, siblings = false) {
+function vnode_toString(depth = 20, offset = "", materialize2 = false, siblings = false) {
   var _a;
   let vnode = this;
   if (depth === 0) {
@@ -5037,7 +5019,7 @@ function vnode_toString(depth = 10, offset = "", materialize = false, siblings =
         }
       }
       strings.push("<" + tag + attrs.join("") + ">");
-      if (vnode_isMaterialized(vnode) || materialize) {
+      if (vnode_isMaterialized(vnode) || materialize2) {
         const child = vnode_getFirstChild(vnode);
         child && strings.push("  " + vnode_toString.call(child, depth - 1, offset + "  ", true, true));
       } else {
@@ -5060,25 +5042,9 @@ var isLowercase = (ch) => (
 var stack = [];
 function materializeFromVNodeData(vParent, vData, element, child) {
   let idx = 0;
-  let nextToConsumeIdx = 0;
   let vFirst = null;
   let vLast = null;
   let previousTextNode = null;
-  let ch = 0;
-  let peekCh = 0;
-  const peek = () => {
-    if (peekCh !== 0) {
-      return peekCh;
-    } else {
-      return peekCh = nextToConsumeIdx < vData.length ? vData.charCodeAt(nextToConsumeIdx) : 0;
-    }
-  };
-  const consume = () => {
-    ch = peek();
-    peekCh = 0;
-    nextToConsumeIdx++;
-    return ch;
-  };
   const addVNode = (node) => {
     node[0 /* flags */] = node[0 /* flags */] & 255 /* negated_mask */ | idx << 8 /* shift */;
     idx++;
@@ -5090,25 +5056,15 @@ function materializeFromVNodeData(vParent, vData, element, child) {
     }
     vLast = node;
   };
-  const consumeValue = () => {
-    consume();
-    const start = nextToConsumeIdx;
-    while (peek() <= 58 && peekCh !== 0 || peekCh === 95 || peekCh >= 65 && peekCh <= 90 || peekCh >= 97 && peekCh <= 122) {
-      consume();
-    }
-    return vData.substring(start, nextToConsumeIdx);
-  };
   let textIdx = 0;
   let combinedText = null;
   let container = null;
-  while (peek() !== 0) {
+  processVNodeData(vData, (peek, consumeValue, consume, nextToConsumeIdx) => {
     if (isNumber(peek())) {
       while (!isElement(child)) {
         child = fastNextSibling(child);
         if (!child) {
-          throwErrorAndStop(
-            "Materialize error: missing element: " + vData + " " + peek() + " " + nextToConsumeIdx
-          );
+          throw qError(44 /* materializeVNodeDataError */, [vData, peek(), nextToConsumeIdx]);
         }
       }
       while (isQStyleElement(child)) {
@@ -5135,7 +5091,7 @@ function materializeFromVNodeData(vParent, vData, element, child) {
       }
       const id = consumeValue();
       container.$setRawState$(parseInt(id), vParent);
-      import_build7.isDev && vnode_setAttr(null, vParent, ELEMENT_ID, id);
+      import_build6.isDev && vnode_setAttr(null, vParent, ELEMENT_ID, id);
     } else if (peek() === VNodeDataChar.PROPS) {
       vnode_setAttr(null, vParent, ELEMENT_PROPS, consumeValue());
     } else if (peek() === VNodeDataChar.SLOT_REF) {
@@ -5146,6 +5102,8 @@ function materializeFromVNodeData(vParent, vData, element, child) {
       vnode_setAttr(null, vParent, ELEMENT_SEQ, consumeValue());
     } else if (peek() === VNodeDataChar.SEQ_IDX) {
       vnode_setAttr(null, vParent, ELEMENT_SEQ_IDX, consumeValue());
+    } else if (peek() === VNodeDataChar.SUBS) {
+      vnode_setProp(vParent, QSubscribers, consumeValue());
     } else if (peek() === VNodeDataChar.CONTEXT) {
       vnode_setAttr(null, vParent, QCtxAttr, consumeValue());
     } else if (peek() === VNodeDataChar.OPEN) {
@@ -5188,7 +5146,7 @@ function materializeFromVNodeData(vParent, vData, element, child) {
       );
       textIdx += length;
     }
-  }
+  });
   vParent[5 /* lastChild */] = vLast;
   return vFirst;
 }
@@ -5201,23 +5159,25 @@ var vnode_getType = (vnode) => {
   } else if (type & 4 /* Text */) {
     return 3;
   }
-  throw throwErrorAndStop("Unknown vnode type: " + type);
+  throw qError(43 /* invalidVNodeType */, [type]);
 };
 var isElement = (node) => node && typeof node == "object" && fastNodeType(node) === /** Node.ELEMENT_NODE* */
 1;
 var aPath = [];
 var bPath = [];
-var vnode_documentPosition = (a, b) => {
+var vnode_documentPosition = (a, b, rootVNode) => {
   if (a === b) {
     return 0;
   }
   let aDepth = -1;
   let bDepth = -1;
   while (a) {
-    a = (aPath[++aDepth] = a)[1 /* parent */];
+    const vNode = aPath[++aDepth] = a;
+    a = vNode[1 /* parent */] || rootVNode && vnode_getProp(a, QSlotParent, (id) => vnode_locate(rootVNode, id));
   }
   while (b) {
-    b = (bPath[++bDepth] = b)[1 /* parent */];
+    const vNode = bPath[++bDepth] = b;
+    b = vNode[1 /* parent */] || rootVNode && vnode_getProp(b, QSlotParent, (id) => vnode_locate(rootVNode, id));
   }
   while (aDepth >= 0 && bDepth >= 0) {
     a = aPath[aDepth];
@@ -5240,6 +5200,9 @@ var vnode_documentPosition = (a, b) => {
           return -1;
         }
       } while (cursor);
+      if (rootVNode && vnode_getProp(b, QSlotParent, (id) => vnode_locate(rootVNode, id))) {
+        return -1;
+      }
       return 1;
     }
   }
@@ -5249,8 +5212,11 @@ var vnode_getProjectionParentComponent = (vHost, rootVNode) => {
   let projectionDepth = 1;
   while (projectionDepth--) {
     while (vHost && (vnode_isVirtualVNode(vHost) ? vnode_getProp(vHost, OnRenderProp, null) === null : true)) {
-      const qSlotParentProp = vnode_getProp(vHost, QSlotParent, null);
-      const qSlotParent = qSlotParentProp && (typeof qSlotParentProp === "string" ? vnode_locate(rootVNode, qSlotParentProp) : qSlotParentProp);
+      const qSlotParent = vnode_getProp(
+        vHost,
+        QSlotParent,
+        (id) => vnode_locate(rootVNode, id)
+      );
       const vProjectionParent = vnode_isVirtualVNode(vHost) && qSlotParent;
       if (vProjectionParent) {
         projectionDepth++;
@@ -5282,7 +5248,7 @@ var VNodeArray = class VNode extends Array {
   constructor(flags, parent, previousSibling, nextSibling) {
     super();
     this.push(flags, parent, previousSibling, nextSibling);
-    if (import_build7.isDev) {
+    if (import_build6.isDev) {
       this.toString = vnode_toString;
     }
   }
@@ -5363,6 +5329,12 @@ var trackSignal = (fn, subscriber, property, container, data) => {
     trackInvocation.$container$ = previousContainer;
   }
 };
+var trackSignalAndAssignHost = (value, host, property, container, data) => {
+  if (value instanceof WrappedSignal && value.$hostElement$ !== host && host) {
+    value.$hostElement$ = host;
+  }
+  return trackSignal(() => value.value, host, property, container, data);
+};
 // packages/qwik/src/core/use/use-context.ts
 var createContextId = (name) => {
@@ -5384,7 +5356,7 @@ var isRecoverable = (err) => {
 };
 // packages/qwik/src/core/client/process-vnode-data.ts
-function processVNodeData(document2) {
+function processVNodeData2(document2) {
   const Q_CONTAINER = "q:container";
   const Q_CONTAINER_END = "/" + Q_CONTAINER;
   const Q_PROPS_SEPARATOR2 = ":";
@@ -5637,7 +5609,7 @@ function processVNodeData(document2) {
 function getDomContainer(element) {
   const qContainerElement = _getQContainerElement(element);
   if (!qContainerElement) {
-    throwErrorAndStop("Unable to find q:container.");
+    throw qError(41 /* containerNotFound */);
   }
   return getDomContainerFromQContainerElement(qContainerElement);
 }
@@ -5698,7 +5670,7 @@ var DomContainer = class extends _SharedContainer {
     );
     this.qContainer = element.getAttribute(QContainerAttr);
     if (!this.qContainer) {
-      throwErrorAndStop("Element must have 'q:container' attribute.");
+      throw qError(42 /* elementWithoutContainer */);
     }
     this.$journal$ = [
       // The first time we render we need to hoist the styles.
@@ -5719,7 +5691,7 @@ var DomContainer = class extends _SharedContainer {
     this.stateData = null;
     const document2 = this.element.ownerDocument;
     if (!document2.qVNodeData) {
-      processVNodeData(document2);
+      processVNodeData2(document2);
     }
     this.$rawStateData$ = [];
     this.stateData = [];
@@ -5729,7 +5701,7 @@ var DomContainer = class extends _SharedContainer {
       this.$rawStateData$ = JSON.parse(lastState.textContent);
       this.stateData = wrapDeserializerProxy(this, this.$rawStateData$);
     }
-    this.$qFuncs$ = getQFuncs(document2, this.$instanceHash$) || EMPTY_ARRAY2;
+    this.$qFuncs$ = getQFuncs(document2, this.$instanceHash$) || EMPTY_ARRAY;
   }
   $setRawState$(id, vParent) {
     this.stateData[id] = vParent;
@@ -5794,13 +5766,11 @@ var DomContainer = class extends _SharedContainer {
         if (vnode_getProp(vNode, OnRenderProp, null) !== null) {
           return vNode;
         }
-        const parent = vnode_getProp(vNode, QSlotParent, this.$vnodeLocate$);
-        if (parent) {
-          vNode = parent;
-          continue;
-        }
+        vNode = vnode_getParent(vNode) || // If virtual node, than it could be a slot so we need to read its parent.
+        vnode_getProp(vNode, QSlotParent, this.$vnodeLocate$);
+      } else {
+        vNode = vnode_getParent(vNode);
       }
-      vNode = vnode_getParent(vNode);
     }
     return null;
   }
@@ -5833,12 +5803,12 @@ var DomContainer = class extends _SharedContainer {
   }
   processChores() {
     let renderCount = this.$renderCount$;
-    const result = this.$scheduler$(127 /* WAIT_FOR_ALL */);
+    const result = this.$scheduler$(255 /* WAIT_FOR_ALL */);
     if (isPromise(result)) {
       return result.then(async () => {
         while (renderCount !== this.$renderCount$) {
           renderCount = this.$renderCount$;
-          await this.$scheduler$(127 /* WAIT_FOR_ALL */);
+          await this.$scheduler$(255 /* WAIT_FOR_ALL */);
         }
         this.renderDone = null;
       });
@@ -5903,10 +5873,6 @@ var DomContainer = class extends _SharedContainer {
 // packages/qwik/src/core/shared/shared-serialization.ts
 var deserializedProxyMap = /* @__PURE__ */ new WeakMap();
-var unwrapDeserializerProxy = (value) => {
-  const unwrapped = typeof value === "object" && value !== null && value[SERIALIZER_PROXY_UNWRAP];
-  return unwrapped ? unwrapped : value;
-};
 var isDeserializerProxy = (value) => {
   return typeof value === "object" && value !== null && SERIALIZER_PROXY_UNWRAP in value;
 };
@@ -5948,13 +5914,13 @@ var DeserializationHandler = class {
       return value;
     }
     const container = this.$container$;
-    const propValue = allocate(container, typeId, value);
+    let propValue = allocate(container, typeId, value);
+    if (typeId >= 12 /* Error */) {
+      propValue = inflate(container, propValue, typeId, value);
+    }
     Reflect.set(target, property, propValue);
     this.$data$[idx] = void 0;
     this.$data$[idx + 1] = propValue;
-    if (typeId >= 12 /* Error */) {
-      inflate(container, propValue, typeId, value);
-    }
     return propValue;
   }
   has(target, property) {
@@ -5989,7 +5955,7 @@ var resolvers = /* @__PURE__ */ new WeakMap();
 var inflate = (container, target, typeId, data) => {
   var _a;
   if (typeId === void 0) {
-    return;
+    return target;
   }
   if (typeId !== 13 /* Object */ && Array.isArray(data)) {
     data = _eagerDeserializeArray(container, data);
@@ -6060,14 +6026,13 @@ var inflate = (container, target, typeId, data) => {
     case 25 /* Store */:
     case 26 /* StoreArray */: {
       const [value, flags, effects2, storeEffect] = data;
-      const handler = getStoreHandler(target);
-      handler.$flags$ = flags;
-      Object.assign(getStoreTarget(target), value);
+      const store = getOrCreateStore(value, flags, container);
+      const storeHandler = getStoreHandler(store);
       if (storeEffect) {
         effects2[STORE_ARRAY_PROP] = storeEffect;
       }
-      handler.$effects$ = effects2;
-      container.$storeProxyMap$.set(value, target);
+      storeHandler.$effects$ = effects2;
+      target = store;
       break;
     }
     case 22 /* Signal */: {
@@ -6084,7 +6049,8 @@ var inflate = (container, target, typeId, data) => {
       signal.$args$ = d[1];
       signal.$effectDependencies$ = d[2];
       signal.$untrackedValue$ = d[3];
-      signal.$effects$ = d.slice(4);
+      signal.$hostElement$ = d[4];
+      signal.$effects$ = d.slice(5);
       break;
     }
     case 24 /* ComputedSignal */: {
@@ -6181,12 +6147,14 @@ var inflate = (container, target, typeId, data) => {
       break;
     case 30 /* EffectData */: {
       const effectData = target;
-      effectData.data = data[0];
+      effectData.data.$scopedStyleIdPrefix$ = data[0];
+      effectData.data.$isConst$ = data[1];
       break;
     }
     default:
-      return throwErrorAndStop("Not implemented");
+      throw qError(33 /* serializeErrorNotImplemented */, [typeId]);
   }
+  return target;
 };
 var _constants = [
   void 0,
@@ -6194,7 +6162,7 @@ var _constants = [
   true,
   false,
   "",
-  EMPTY_ARRAY2,
+  EMPTY_ARRAY,
   EMPTY_OBJ,
   NEEDS_COMPUTATION,
   Slot,
@@ -6254,9 +6222,8 @@ var allocate = (container, typeId, value) => {
     case 24 /* ComputedSignal */:
       return new ComputedSignal(container, null);
     case 25 /* Store */:
-      return createStore(container, {}, 0);
     case 26 /* StoreArray */:
-      return createStore(container, [], 0);
+      return null;
     case 11 /* URLSearchParams */:
       return new URLSearchParams(value);
     case 27 /* FormData */:
@@ -6298,12 +6265,12 @@ var allocate = (container, typeId, value) => {
       if (vnode_isVNode(vNode)) {
         return vnode_getNode(vNode);
       } else {
-        return throwErrorAndStop("expected vnode for ref prop, but got " + typeof vNode);
+        throw qError(34 /* serializeErrorExpectedVNode */, [typeof vNode]);
       }
     case 30 /* EffectData */:
-      return new EffectData(null);
+      return new EffectPropData({});
     default:
-      return throwErrorAndStop("unknown allocate type: " + typeId);
+      throw qError(35 /* serializeErrorCannotAllocate */, [typeId]);
   }
 };
 function retrieveVNodeOrDocument(container, value) {
@@ -6377,7 +6344,7 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
     $getRootId$: (obj) => {
       const id = map.get(obj);
       if (!id || id === -1) {
-        return throwErrorAndStop("Missing root id for: ", obj);
+        throw qError(36 /* serializeErrorMissingRootId */, [obj]);
       }
       return id;
     },
@@ -6466,16 +6433,24 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
           if (obj.$args$) {
             discoveredValues.push(...obj.$args$);
           }
+          if (obj.$hostElement$) {
+            discoveredValues.push(obj.$hostElement$);
+          }
         } else if (obj instanceof ComputedSignal) {
           discoveredValues.push(obj.$computeQrl$);
         }
       } else if (obj instanceof Task) {
         discoveredValues.push(obj.$el$, obj.$qrl$, obj.$state$, obj.$effectDependencies$);
       } else if (isSsrNode(obj)) {
-        discoveredValues.push(obj.vnodeData);
+        discoverValuesForVNodeData(obj.vnodeData, discoveredValues);
+        if (obj.childrenVNodeData && obj.childrenVNodeData.length) {
+          for (const data of obj.childrenVNodeData) {
+            discoverValuesForVNodeData(data, discoveredValues);
+          }
+        }
       } else if (isDomRef(obj)) {
         discoveredValues.push(obj.$ssrNode$.id);
-      } else if (isJSXNode2(obj)) {
+      } else if (isJSXNode(obj)) {
         discoveredValues.push(obj.type, obj.props, obj.constProps, obj.children);
       } else if (Array.isArray(obj)) {
         discoveredValues.push(...obj);
@@ -6495,14 +6470,14 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
           }
         );
         promises.push(obj);
-      } else if (obj instanceof EffectData) {
+      } else if (obj instanceof EffectPropData) {
         discoveredValues.push(obj.data);
       } else if (isObjectLiteral(obj)) {
         Object.entries(obj).forEach(([key, value]) => {
           discoveredValues.push(key, value);
         });
       } else {
-        return throwErrorAndStop("Unknown type: " + obj);
+        throw qError(37 /* serializeErrorUnknownType */, [obj]);
       }
     };
     for (const root of roots) {
@@ -6527,6 +6502,20 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
     } while (discoveredValues.length);
   }
 };
+var isSsrAttrs = (value) => Array.isArray(value) && value.length > 0;
+var discoverValuesForVNodeData = (vnodeData, discoveredValues) => {
+  for (const value of vnodeData) {
+    if (isSsrAttrs(value)) {
+      for (let i = 1; i < value.length; i += 2) {
+        if (value[i - 1] === ELEMENT_KEY) {
+          continue;
+        }
+        const attrValue = value[i];
+        discoveredValues.push(attrValue);
+      }
+    }
+  }
+};
 var promiseResults = /* @__PURE__ */ new WeakMap();
 function serialize(serializationContext) {
   const { $writer$, $isSsrNode$, $isDomRef$, $setProp$, $storeProxyMap$ } = serializationContext;
@@ -6608,7 +6597,7 @@ function serialize(serializationContext) {
         output(2 /* Number */, value);
       }
     } else if (typeof value === "object") {
-      if (value === EMPTY_ARRAY2) {
+      if (value === EMPTY_ARRAY) {
         output(1 /* Constant */, 5 /* EMPTY_ARRAY */);
       } else if (value === EMPTY_OBJ) {
         output(1 /* Constant */, 6 /* EMPTY_OBJ */);
@@ -6637,7 +6626,7 @@ function serialize(serializationContext) {
     } else if (value === NEEDS_COMPUTATION) {
       output(1 /* Constant */, 7 /* NEEDS_COMPUTATION */);
     } else {
-      throwErrorAndStop("Unknown type: " + typeof value);
+      throw qError(37 /* serializeErrorUnknownType */, [typeof value]);
     }
   };
   const writeObjectValue = (value, idx) => {
@@ -6655,14 +6644,14 @@ function serialize(serializationContext) {
       const constProps = value[_CONST_PROPS];
       const out = constProps ? [varProps, constProps] : Object.keys(varProps).length ? [varProps] : 0;
       output(29 /* PropsProxy */, out);
-    } else if (value instanceof EffectData) {
-      output(30 /* EffectData */, [value.data]);
+    } else if (value instanceof EffectPropData) {
+      output(30 /* EffectData */, [value.data.$scopedStyleIdPrefix$, value.data.$isConst$]);
     } else if (isStore(value)) {
       if (isResource(value)) {
         serializationContext.$resources$.add(value);
         const res = promiseResults.get(value.value);
         if (!res) {
-          return throwErrorAndStop("Unvisited Resource");
+          throw qError(38 /* serializeErrorUnvisited */, ["resource"]);
         }
         output(20 /* Resource */, [...res, getStoreHandler(value).$effects$]);
       } else {
@@ -6699,7 +6688,7 @@ function serialize(serializationContext) {
         output(13 /* Object */, out);
       }
     } else if ($isDomRef$(value)) {
-      value.$ssrNode$.vnodeData[0] |= 8 /* SERIALIZE */;
+      value.$ssrNode$.vnodeData[0] |= 16 /* SERIALIZE */;
       output(9 /* RefVNode */, value.$ssrNode$.id);
     } else if (value instanceof Signal) {
       const v = value instanceof ComputedSignal && (value.$invalid$ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
@@ -6708,6 +6697,7 @@ function serialize(serializationContext) {
           ...serializeWrappingFn(serializationContext, value),
           value.$effectDependencies$,
           v,
+          value.$hostElement$,
           ...value.$effects$ || []
         ]);
       } else if (value instanceof ComputedSignal) {
@@ -6746,11 +6736,11 @@ function serialize(serializationContext) {
         const vNodeData = value.vnodeData;
         if (vNodeData) {
           (_a = serializationContext.$prepVNodeData$) == null ? void 0 : _a.call(serializationContext, vNodeData);
-          vNodeData[0] |= 8 /* SERIALIZE */;
+          vNodeData[0] |= 16 /* SERIALIZE */;
         }
         if (value.childrenVNodeData) {
           for (const vNodeData2 of value.childrenVNodeData) {
-            vNodeData2[0] |= 8 /* SERIALIZE */;
+            vNodeData2[0] |= 16 /* SERIALIZE */;
           }
         }
       } else {
@@ -6777,7 +6767,7 @@ function serialize(serializationContext) {
         combined.push(k, v);
       }
       output(16 /* Map */, combined);
-    } else if (isJSXNode2(value)) {
+    } else if (isJSXNode(value)) {
       output(28 /* JSXNode */, [
         value.type,
         value.varProps,
@@ -6802,7 +6792,7 @@ function serialize(serializationContext) {
     } else if (isPromise(value)) {
       const res = promiseResults.get(value);
       if (!res) {
-        return throwErrorAndStop("Unvisited Promise");
+        throw qError(38 /* serializeErrorUnvisited */, ["promise"]);
       }
       output(14 /* Promise */, res);
     } else if (value instanceof Uint8Array) {
@@ -6813,7 +6803,7 @@ function serialize(serializationContext) {
       const out = btoa(buf).replace(/=+$/, "");
       output(17 /* Uint8Array */, out);
     } else {
-      return throwErrorAndStop("implement");
+      throw qError(37 /* serializeErrorUnknownType */, [typeof value]);
     }
   };
   writeValue(serializationContext.$roots$, -1);
@@ -6860,7 +6850,7 @@ function qrlToString(serializationContext, value) {
       }
     }
     if (!chunk) {
-      throwErrorAndStop("Missing chunk for: " + value.$symbol$);
+      throw qError(31 /* qrlMissingChunk */, [value.$symbol$]);
     }
     if (chunk.startsWith("./")) {
       chunk = chunk.slice(2);
@@ -6885,15 +6875,15 @@ function qrlToString(serializationContext, value) {
   }
   return qrlStringInline;
 }
-function deserializeData(container, typeId, propValue) {
+function deserializeData(container, typeId, value) {
   if (typeId === void 0) {
-    return propValue;
+    return value;
   }
-  const value = allocate(container, typeId, propValue);
+  let propValue = allocate(container, typeId, value);
   if (typeId >= 12 /* Error */) {
-    inflate(container, value, typeId, propValue);
+    propValue = inflate(container, propValue, typeId, value);
   }
-  return value;
+  return propValue;
 }
 function shouldTrackObj(obj) {
   return (
@@ -6915,7 +6905,7 @@ function isResource(value) {
   return "__brand" in value && value.__brand === "resource";
 }
 var frameworkType = (obj) => {
-  return typeof obj === "object" && obj !== null && (obj instanceof Signal || obj instanceof Task || isJSXNode2(obj)) || isQrl2(obj);
+  return typeof obj === "object" && obj !== null && (obj instanceof Signal || obj instanceof Task || isJSXNode(obj)) || isQrl2(obj);
 };
 var canSerialize = (value) => {
   if (value == null || typeof value === "string" || typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
@@ -6945,7 +6935,7 @@ var canSerialize = (value) => {
       return true;
     } else if (isPromise(value)) {
       return true;
-    } else if (isJSXNode2(value)) {
+    } else if (isJSXNode(value)) {
       return true;
     } else if (value instanceof Error) {
       return true;
@@ -7011,7 +7001,7 @@ var _verifySerializable = (value, seen, ctx, preMessage) => {
           let expectIndex = 0;
           unwrapped.forEach((v, i) => {
             if (i !== expectIndex) {
-              throw qError(QError_verifySerializable, unwrapped);
+              throw qError(3 /* verifySerializable */, [unwrapped]);
             }
             _verifySerializable(v, seen, ctx + "[" + i + "]");
             expectIndex = i + 1;
@@ -7051,8 +7041,7 @@ const ${fnName} = $(${String(
 Please check out https://qwik.dev/docs/advanced/qrl/ for more information.`;
     }
-    console.error("Trying to serialize", value);
-    throwErrorAndStop(message);
+    throw qError(3 /* verifySerializable */, [message]);
   }
   return value;
 };
@@ -7104,7 +7093,7 @@ var createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef, refSym
   function bindFnToContext(currentCtx, beforeFn) {
     return (...args) => maybeThen(resolveLazy(), (fn) => {
       if (!isFunction(fn)) {
-        throw qError(QError_qrlIsNotFunction);
+        throw qError(10 /* qrlIsNotFunction */);
       }
       if (beforeFn && beforeFn() === false) {
         return;
@@ -7205,7 +7194,7 @@ var createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef, refSym
   if (symbolRef) {
     symbolRef = maybeThen(symbolRef, (resolved) => qrl.resolved = symbolRef = wrapFn(resolved));
   }
-  if (import_build9.isDev) {
+  if (import_build8.isDev) {
     Object.defineProperty(qrl, "_devOnlySymbolRef", {
       get() {
         return symbolRef;
@@ -7296,7 +7285,7 @@ var stringifyStyle = (obj) => {
   }
   if (typeof obj == "object") {
     if (isArray(obj)) {
-      throw qError(QError_stringifyClassOrStyle, obj, "style");
+      throw qError(0 /* stringifyClassOrStyle */, [obj, "style"]);
     } else {
       const chunks = [];
       for (const key in obj) {
@@ -7359,7 +7348,7 @@ function getValidManifest(manifest) {
 }
 // packages/qwik/src/server/ssr-container.ts
-var import_core3 = require("@qwik.dev/core");
+var import_core4 = require("@qwik.dev/core");
 var import_build10 = require("@qwik.dev/core/build");
 // packages/qwik/src/server/prefetch-utils.ts
@@ -7451,88 +7440,248 @@ function prefetchUrlsEvent2(container, prefetchResources, nonce) {
   if (nonce) {
     scriptAttrs.push("nonce", nonce);
   }
-  container.openElement("script", null, scriptAttrs);
-  container.writer.write(prefetchUrlsEventScript(container.buildBase, prefetchResources));
-  container.writer.write(
-    `;document.dispatchEvent(new CustomEvent('qprefetch', {detail:{links: [location.pathname]}}))`
-  );
-  container.closeElement();
-}
-function linkHtmlImplementation2(container, prefetchResources, prefetchImpl) {
-  const urls = flattenPrefetchResources(prefetchResources);
-  const rel = prefetchImpl.linkRel || "prefetch";
-  const priority = prefetchImpl.linkFetchPriority;
-  for (const url of urls) {
-    const attributes = ["href", url, "rel", rel];
-    if (priority) {
-      attributes.push("fetchpriority", priority);
+  container.openElement("script", null, scriptAttrs);
+  container.writer.write(prefetchUrlsEventScript(container.buildBase, prefetchResources));
+  container.writer.write(
+    `;document.dispatchEvent(new CustomEvent('qprefetch', {detail:{links: [location.pathname]}}))`
+  );
+  container.closeElement();
+}
+function linkHtmlImplementation2(container, prefetchResources, prefetchImpl) {
+  const urls = flattenPrefetchResources(prefetchResources);
+  const rel = prefetchImpl.linkRel || "prefetch";
+  const priority = prefetchImpl.linkFetchPriority;
+  for (const url of urls) {
+    const attributes = ["href", url, "rel", rel];
+    if (priority) {
+      attributes.push("fetchpriority", priority);
+    }
+    if (rel === "prefetch" || rel === "preload") {
+      if (url.endsWith(".js")) {
+        attributes.push("as", "script");
+      }
+    }
+    container.openElement("link", null, attributes);
+    container.closeElement();
+  }
+}
+function linkJsImplementation2(container, prefetchResources, prefetchImpl, nonce) {
+  const scriptAttrs = ["type", "module", "q:type", "link-js"];
+  if (nonce) {
+    scriptAttrs.push("nonce", nonce);
+  }
+  container.openElement("script", null, scriptAttrs);
+  const rel = prefetchImpl.linkRel || "prefetch";
+  const priority = prefetchImpl.linkFetchPriority;
+  if (prefetchImpl.workerFetchInsert === "no-link-support") {
+    container.writer.write(`let supportsLinkRel = true;`);
+  }
+  container.writer.write(`const u=${JSON.stringify(flattenPrefetchResources(prefetchResources))};`);
+  container.writer.write(`u.map((u,i)=>{`);
+  container.writer.write(`const l=document.createElement('link');`);
+  container.writer.write(`l.setAttribute("href",u);`);
+  container.writer.write(`l.setAttribute("rel","${rel}");`);
+  if (priority) {
+    container.writer.write(`l.setAttribute("fetchpriority","${priority}");`);
+  }
+  if (prefetchImpl.workerFetchInsert === "no-link-support") {
+    container.writer.write(`if(i===0){`);
+    container.writer.write(`try{`);
+    container.writer.write(`supportsLinkRel=l.relList.supports("${rel}");`);
+    container.writer.write(`}catch(e){}`);
+    container.writer.write(`}`);
+  }
+  container.writer.write(`document.body.appendChild(l);`);
+  container.writer.write(`});`);
+  if (prefetchImpl.workerFetchInsert === "no-link-support") {
+    container.writer.write(`if(!supportsLinkRel){`);
+    container.writer.write(workerFetchScript());
+    container.writer.write(`}`);
+  }
+  if (prefetchImpl.workerFetchInsert === "always") {
+    container.writer.write(workerFetchScript());
+  }
+  container.closeElement();
+}
+function workerFetchImplementation2(container, prefetchResources, nonce) {
+  const scriptAttrs = ["type", "module", "q:type", "prefetch-worker"];
+  if (nonce) {
+    scriptAttrs.push(nonce, "nonce");
+  }
+  container.openElement("script", null, scriptAttrs);
+  container.writer.write(`const u=${JSON.stringify(flattenPrefetchResources(prefetchResources))};`);
+  container.writer.write(workerFetchScript());
+  container.closeElement();
+}
+function normalizePrefetchImplementation(input) {
+  return { ...PrefetchImplementationDefault, ...input };
+}
+var PrefetchImplementationDefault = {
+  linkInsert: null,
+  linkRel: null,
+  linkFetchPriority: null,
+  workerFetchInsert: null,
+  prefetchEvent: "always"
+};
+// packages/qwik/src/server/ssr-node.ts
+var import_core2 = require("@qwik.dev/core");
+var import_build9 = require("@qwik.dev/core/build");
+var SsrNode = class {
+  constructor(currentComponentNode, nodeType, id, attrs, cleanupQueue, vnodeData) {
+    this.attrs = attrs;
+    this.cleanupQueue = cleanupQueue;
+    this.vnodeData = vnodeData;
+    var _a;
+    this.currentComponentNode = currentComponentNode;
+    (_a = this.currentComponentNode) == null ? void 0 : _a.addChildVNodeData(this.vnodeData);
+    this.nodeType = nodeType;
+    this.id = id;
+    if (import_build9.isDev && id.indexOf("undefined") != -1) {
+      throw new Error(`Invalid SSR node id: ${id}`);
+    }
+  }
+  __brand__;
+  static ELEMENT_NODE = 1;
+  static TEXT_NODE = 3;
+  static DOCUMENT_NODE = 9;
+  static DOCUMENT_FRAGMENT_NODE = 11;
+  /** @param nodeType - Node type: ELEMENT_NODE, TEXT_NODE, DOCUMENT_NODE */
+  nodeType;
+  /**
+   * ID which the deserialize will use to retrieve the node.
+   *
+   * @param refId - Unique id for the node.
+   */
+  id;
+  /** Local props which don't serialize; */
+  locals = null;
+  currentComponentNode;
+  childrenVNodeData = null;
+  setProp(name, value) {
+    if (this.attrs === import_core2._EMPTY_ARRAY) {
+      this.attrs = [];
+    }
+    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
+      mapArray_set(this.locals || (this.locals = []), name, value, 0);
+    } else {
+      mapArray_set(this.attrs, name, value, 0);
+    }
+    if (name == ELEMENT_SEQ && value) {
+      this.cleanupQueue.push(value);
+    }
+  }
+  getProp(name) {
+    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
+      return this.locals ? mapArray_get(this.locals, name, 0) : null;
+    } else {
+      return mapArray_get(this.attrs, name, 0);
+    }
+  }
+  removeProp(name) {
+    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
+      if (this.locals) {
+        mapApp_remove(this.locals, name, 0);
+      }
+    } else {
+      mapApp_remove(this.attrs, name, 0);
+    }
+  }
+  addChildVNodeData(child) {
+    if (!this.childrenVNodeData) {
+      this.childrenVNodeData = [];
     }
-    if (rel === "prefetch" || rel === "preload") {
-      if (url.endsWith(".js")) {
-        attributes.push("as", "script");
+    this.childrenVNodeData.push(child);
+  }
+  toString() {
+    let stringifiedAttrs = "";
+    for (let i = 0; i < this.attrs.length; i += 2) {
+      const key = this.attrs[i];
+      const value = this.attrs[i + 1];
+      stringifiedAttrs += `${key}=`;
+      stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
+      if (i < this.attrs.length - 2) {
+        stringifiedAttrs += ", ";
       }
     }
-    container.openElement("link", null, attributes);
-    container.closeElement();
+    return `SSRNode [<${this.id}> ${stringifiedAttrs}]`;
   }
-}
-function linkJsImplementation2(container, prefetchResources, prefetchImpl, nonce) {
-  const scriptAttrs = ["type", "module", "q:type", "link-js"];
-  if (nonce) {
-    scriptAttrs.push("nonce", nonce);
+};
+var DomRef = class {
+  constructor($ssrNode$) {
+    this.$ssrNode$ = $ssrNode$;
   }
-  container.openElement("script", null, scriptAttrs);
-  const rel = prefetchImpl.linkRel || "prefetch";
-  const priority = prefetchImpl.linkFetchPriority;
-  if (prefetchImpl.workerFetchInsert === "no-link-support") {
-    container.writer.write(`let supportsLinkRel = true;`);
+};
+var SsrComponentFrame = class {
+  constructor(componentNode) {
+    this.componentNode = componentNode;
   }
-  container.writer.write(`const u=${JSON.stringify(flattenPrefetchResources(prefetchResources))};`);
-  container.writer.write(`u.map((u,i)=>{`);
-  container.writer.write(`const l=document.createElement('link');`);
-  container.writer.write(`l.setAttribute("href",u);`);
-  container.writer.write(`l.setAttribute("rel","${rel}");`);
-  if (priority) {
-    container.writer.write(`l.setAttribute("fetchpriority","${priority}");`);
+  slots = [];
+  projectionDepth = 0;
+  scopedStyleIds = /* @__PURE__ */ new Set();
+  projectionScopedStyle = null;
+  projectionComponentFrame = null;
+  distributeChildrenIntoSlots(children, projectionScopedStyle, projectionComponentFrame) {
+    this.projectionScopedStyle = projectionScopedStyle;
+    this.projectionComponentFrame = projectionComponentFrame;
+    if ((0, import_core2._isJSXNode)(children)) {
+      const slotName = this.getSlotName(children);
+      mapArray_set(this.slots, slotName, children, 0);
+    } else if (Array.isArray(children) && children.length > 0) {
+      const defaultSlot = [];
+      for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        if ((0, import_core2._isJSXNode)(child)) {
+          const slotName = this.getSlotName(child);
+          if (slotName === QDefaultSlot) {
+            defaultSlot.push(child);
+          } else {
+            this.updateSlot(slotName, child);
+          }
+        } else {
+          defaultSlot.push(child);
+        }
+      }
+      defaultSlot.length > 0 && mapArray_set(this.slots, QDefaultSlot, defaultSlot, 0);
+    } else {
+      mapArray_set(this.slots, QDefaultSlot, children, 0);
+    }
   }
-  if (prefetchImpl.workerFetchInsert === "no-link-support") {
-    container.writer.write(`if(i===0){`);
-    container.writer.write(`try{`);
-    container.writer.write(`supportsLinkRel=l.relList.supports("${rel}");`);
-    container.writer.write(`}catch(e){}`);
-    container.writer.write(`}`);
+  updateSlot(slotName, child) {
+    let existingSlots = mapArray_get(this.slots, slotName, 0);
+    if (existingSlots === null) {
+      existingSlots = child;
+    } else if (Array.isArray(existingSlots)) {
+      existingSlots.push(child);
+    } else {
+      existingSlots = [existingSlots, child];
+    }
+    mapArray_set(this.slots, slotName, existingSlots, 0);
   }
-  container.writer.write(`document.body.appendChild(l);`);
-  container.writer.write(`});`);
-  if (prefetchImpl.workerFetchInsert === "no-link-support") {
-    container.writer.write(`if(!supportsLinkRel){`);
-    container.writer.write(workerFetchScript());
-    container.writer.write(`}`);
+  getSlotName(jsx2) {
+    if (jsx2.props[QSlot]) {
+      return jsx2.props[QSlot];
+    }
+    return QDefaultSlot;
   }
-  if (prefetchImpl.workerFetchInsert === "always") {
-    container.writer.write(workerFetchScript());
+  hasSlot(slotName) {
+    return mapArray_get(this.slots, slotName, 0) !== null;
   }
-  container.closeElement();
-}
-function workerFetchImplementation2(container, prefetchResources, nonce) {
-  const scriptAttrs = ["type", "module", "q:type", "prefetch-worker"];
-  if (nonce) {
-    scriptAttrs.push(nonce, "nonce");
+  consumeChildrenForSlot(projectionNode, slotName) {
+    const children = mapApp_remove(this.slots, slotName, 0);
+    if (children !== null) {
+      this.componentNode.setProp(slotName, projectionNode.id);
+      projectionNode.setProp(QSlotParent, this.componentNode.id);
+    }
+    return children;
+  }
+  releaseUnclaimedProjections(unclaimedProjections) {
+    if (this.slots.length) {
+      unclaimedProjections.push(this);
+      unclaimedProjections.push(this.projectionScopedStyle);
+      unclaimedProjections.push.apply(unclaimedProjections, this.slots);
+    }
   }
-  container.openElement("script", null, scriptAttrs);
-  container.writer.write(`const u=${JSON.stringify(flattenPrefetchResources(prefetchResources))};`);
-  container.writer.write(workerFetchScript());
-  container.closeElement();
-}
-function normalizePrefetchImplementation(input) {
-  return { ...PrefetchImplementationDefault, ...input };
-}
-var PrefetchImplementationDefault = {
-  linkInsert: null,
-  linkRel: null,
-  linkFetchPriority: null,
-  workerFetchInsert: null,
-  prefetchEvent: "always"
 };
 // packages/qwik/src/server/tag-nesting.ts
@@ -7805,6 +7954,110 @@ function isInPhrasing(text, allowInput) {
   }
 }
+// packages/qwik/src/server/vnode-data.ts
+var import_core3 = require("@qwik.dev/core");
+var OPEN_FRAGMENT = Number.MAX_SAFE_INTEGER;
+var CLOSE_FRAGMENT = Number.MAX_SAFE_INTEGER - 1;
+var WRITE_ELEMENT_ATTRS = Number.MAX_SAFE_INTEGER - 2;
+function vNodeData_incrementElementCount(vNodeData) {
+  const length = vNodeData.length;
+  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
+  if (lastValue >= 0) {
+    vNodeData.push(-1);
+  } else {
+    vNodeData[length - 1] = lastValue - 1;
+  }
+}
+function vNodeData_addTextSize(vNodeData, size) {
+  const length = vNodeData.length;
+  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
+  if (length > 1 && lastValue >= 0) {
+    vNodeData[0] |= 1 /* TEXT_DATA */;
+  }
+  vNodeData.push(size);
+  if (size == 0) {
+    vNodeData[0] |= 1 /* TEXT_DATA */;
+  }
+}
+function vNodeData_openFragment(vNodeData, attrs) {
+  vNodeData.push(attrs, OPEN_FRAGMENT);
+  vNodeData[0] |= 2 /* VIRTUAL_NODE */;
+}
+function vNodeData_closeFragment(vNodeData) {
+  vNodeData.push(CLOSE_FRAGMENT);
+}
+function vNodeData_openElement(vNodeData) {
+  vNodeData.push([], WRITE_ELEMENT_ATTRS);
+  vNodeData[0] |= 4 /* ELEMENT_NODE */;
+}
+function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue) {
+  vNodeData[0] |= 8 /* REFERENCE */;
+  let fragmentAttrs = import_core3._EMPTY_ARRAY;
+  const stack2 = [SsrNode.ELEMENT_NODE, -1];
+  for (let i = 1; i < vNodeData.length; i++) {
+    const value = vNodeData[i];
+    if (Array.isArray(value)) {
+      fragmentAttrs = value;
+      i++;
+      if (vNodeData[i] !== WRITE_ELEMENT_ATTRS) {
+        stack2[stack2.length - 1]++;
+        stack2.push(SsrNode.DOCUMENT_FRAGMENT_NODE, -1);
+      }
+    } else if (value === CLOSE_FRAGMENT) {
+      stack2.pop();
+      stack2.pop();
+      fragmentAttrs = import_core3._EMPTY_ARRAY;
+    } else if (value < 0) {
+      const numberOfElements = 0 - value;
+      stack2[stack2.length - 1] += numberOfElements;
+    } else {
+      stack2[stack2.length - 1]++;
+    }
+  }
+  let refId = String(depthFirstElementIdx);
+  if (vNodeData[0] & (2 /* VIRTUAL_NODE */ | 1 /* TEXT_DATA */)) {
+    for (let i = 1; i < stack2.length; i += 2) {
+      const childCount = stack2[i];
+      if (childCount >= 0) {
+        refId += encodeAsAlphanumeric(childCount);
+      }
+    }
+  }
+  const type = stack2[stack2.length - 2];
+  return new SsrNode(currentComponentNode, type, refId, fragmentAttrs, cleanupQueue, vNodeData);
+}
+var ALPHANUMERIC = [];
+function encodeAsAlphanumeric(value) {
+  while (ALPHANUMERIC.length <= value) {
+    let value2 = ALPHANUMERIC.length;
+    let text = "";
+    do {
+      text = String.fromCharCode(
+        (text.length === 0 ? 65 : 97) + value2 % 26
+        /* A-Z */
+      ) + text;
+      value2 = Math.floor(
+        value2 / 26
+        /* A-Z */
+      );
+    } while (value2 !== 0);
+    ALPHANUMERIC.push(text);
+  }
+  return ALPHANUMERIC[value];
+}
+// packages/qwik/src/server/scripts.ts
+var QWIK_LOADER_DEFAULT_MINIFIED = '(()=>{var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,r=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,s=(e,s)=>{for(var a in s||(s={}))n.call(s,a)&&r(e,a,s[a]);if(t)for(var a of t(s))o.call(s,a)&&r(e,a,s[a]);return e};((e,t)=>{const n="__q_context__",o=window,r=new Set,a=new Set([e]),i="replace",c="forEach",l="target",f="getAttribute",p="isConnected",b="qvisible",u="_qwikjson_",h=(e,t)=>Array.from(e.querySelectorAll(t)),y=e=>{const t=[];return a.forEach((n=>t.push(...h(n,e)))),t},d=e=>{S(e),h(e,"[q\\\\:shadowroot]").forEach((e=>{const t=e.shadowRoot;t&&d(t)}))},q=e=>e&&"function"==typeof e.then,m=(e,t,n=t.type)=>{y("[on"+e+"\\\\:"+n+"]")[c]((o=>g(o,e,t,n)))},w=t=>{if(void 0===t[u]){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n[f]("type")){t[u]=JSON.parse(n.textContent[i](/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},v=(e,t)=>new CustomEvent(e,{detail:t}),g=async(t,o,r,a=r.type)=>{const c="on"+o+":"+a;t.hasAttribute("preventdefault:"+a)&&r.preventDefault(),t.hasAttribute("stoppropagation:"+a)&&r.stopPropagation();const l=t._qc_,b=l&&l.li.filter((e=>e[0]===c));if(b&&b.length>0){for(const e of b){const n=e[1].getFn([t,r],(()=>t[p]))(r,t),o=r.cancelBubble;q(n)&&await n,o&&r.stopPropagation()}return}const u=t.qDispatchEvent;if(u)return u(r,o);const h=t[f](c);if(h){const o=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),a=o[f]("q:base"),c=o[f]("q:version")||"unknown",l=o[f]("q:manifest-hash")||"dev",b=new URL(a,e.baseURI);for(const f of h.split("\\n")){const u=new URL(f,b),h=u.href,y=u.hash[i](/^#?([^?[|]*).*$/,"$1")||"default",d=performance.now();let m,v,g;const A=f.startsWith("#"),_={qBase:a,qManifest:l,qVersion:c,href:h,symbol:y,element:t,reqTime:d};if(A){const t=o.getAttribute("q:instance");m=(e["qFuncs_"+t]||[])[Number.parseInt(y)],m||(v="sync",g=Error("sync handler error for symbol: "+y))}else{const e=u.href.split("#")[0];try{const t=import(e);w(o),m=(await t)[y],m||(v="no-symbol",g=Error(`${y} not in ${e}`))}catch(e){v||(v="async"),g=e}}if(!m){E("qerror",s({importError:v,error:g},_)),console.error(g);break}const k=e[n];if(t[p]){const o=async(a=0)=>{try{e[n]=[t,r,u],A||E("qsymbol",s({},_));const o=m(r,t);q(o)&&await o}catch(e){q(e)&&a<100?e.then((()=>o(a++))):E("qerror",s({error:e},_))}finally{e[n]=k}};o()}}}},E=(t,n)=>{e.dispatchEvent(v(t,n))},A=e=>e[i](/([A-Z])/g,(e=>"-"+e.toLowerCase())),_=async e=>{let t=A(e.type),n=e[l];for(m("-document",e,t);n&&n[f];){const o=g(n,"",e,t);let r=e.cancelBubble;q(o)&&await o,r=r||e.cancelBubble||n.hasAttribute("stoppropagation:"+e.type),n=e.bubbles&&!0!==r?n.parentElement:null}},k=e=>{m("-window",e,A(e.type))},C=()=>{var n;const s=e.readyState;if(!t&&("interactive"==s||"complete"==s)&&(a.forEach(d),t=1,E("qinit"),(null!=(n=o.requestIdleCallback)?n:o.setTimeout).bind(o)((()=>E("qidle"))),r.has(b))){const e=y("[on\\\\:"+b+"]"),t=new IntersectionObserver((e=>{for(const n of e)n.isIntersecting&&(t.unobserve(n[l]),g(n[l],"",v(b,n)))}));e[c]((e=>t.observe(e)))}},O=(e,t,n,o=!1)=>e.addEventListener(t,n,{capture:o,passive:!1}),S=(...e)=>{for(const t of e)"string"==typeof t?r.has(t)||(a.forEach((e=>O(e,t,_,!0))),O(o,t,k,!0),r.add(t)):a.has(t)||(r.forEach((e=>O(t,e,_,!0))),a.add(t))};if(!(n in e)){e[n]=0;const t=o.qwikevents;Array.isArray(t)&&S(...t),o.qwikevents={events:r,roots:a,push:S},O(e,"readystatechange",C),C()}})(document)})()';
+var QWIK_LOADER_DEFAULT_DEBUG = '(() => {\n    var __defProp = Object.defineProperty;\n    var __getOwnPropSymbols = Object.getOwnPropertySymbols;\n    var __hasOwnProp = Object.prototype.hasOwnProperty;\n    var __propIsEnum = Object.prototype.propertyIsEnumerable;\n    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {\n        enumerable: !0,\n        configurable: !0,\n        writable: !0,\n        value: value\n    }) : obj[key] = value;\n    var __spreadValues = (a, b) => {\n        for (var prop in b || (b = {})) {\n            __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n        }\n        if (__getOwnPropSymbols) {\n            for (var prop of __getOwnPropSymbols(b)) {\n                __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n            }\n        }\n        return a;\n    };\n    ((doc, hasInitialized) => {\n        const Q_CONTEXT = "__q_context__";\n        const win = window;\n        const events =  new Set;\n        const roots =  new Set([ doc ]);\n        const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\n        const querySelectorAll = query => {\n            const elements = [];\n            roots.forEach((root => elements.push(...nativeQuerySelectorAll(root, query))));\n            return elements;\n        };\n        const findShadowRoots = fragment => {\n            processEventOrNode(fragment);\n            nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent => {\n                const shadowRoot = parent.shadowRoot;\n                shadowRoot && findShadowRoots(shadowRoot);\n            }));\n        };\n        const isPromise = promise => promise && "function" == typeof promise.then;\n        const broadcast = (infix, ev, type = ev.type) => {\n            querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el => dispatch(el, infix, ev, type)));\n        };\n        const resolveContainer = containerEl => {\n            if (void 0 === containerEl._qwikjson_) {\n                let script = (containerEl === doc.documentElement ? doc.body : containerEl).lastElementChild;\n                while (script) {\n                    if ("SCRIPT" === script.tagName && "qwik/json" === script.getAttribute("type")) {\n                        containerEl._qwikjson_ = JSON.parse(script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1"));\n                        break;\n                    }\n                    script = script.previousElementSibling;\n                }\n            }\n        };\n        const createEvent = (eventName, detail) => new CustomEvent(eventName, {\n            detail: detail\n        });\n        const dispatch = async (element, scope, ev, eventName = ev.type) => {\n            const attrName = "on" + scope + ":" + eventName;\n            element.hasAttribute("preventdefault:" + eventName) && ev.preventDefault();\n            element.hasAttribute("stoppropagation:" + eventName) && ev.stopPropagation();\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                    isPromise(results) && await results;\n                    cancelBubble && ev.stopPropagation();\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("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\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: qBase,\n                        qManifest: qManifest,\n                        qVersion: qVersion,\n                        href: href,\n                        symbol: symbol,\n                        element: element,\n                        reqTime: 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("sync handler error for symbol: " + symbol);\n                        }\n                    } else {\n                        const uri = url.href.split("#")[0];\n                        try {\n                            const module = import(\n                                                        uri);\n                            resolveContainer(container);\n                            handler = (await module)[symbol];\n                            if (!handler) {\n                                importError = "no-symbol";\n                                error = new Error(`${symbol} not in ${uri}`);\n                            }\n                        } catch (err) {\n                            importError || (importError = "async");\n                            error = err;\n                        }\n                    }\n                    if (!handler) {\n                        emitEvent("qerror", __spreadValues({\n                            importError: importError,\n                            error: error\n                        }, eventData));\n                        console.error(error);\n                        break;\n                    }\n                    const previousCtx = doc[Q_CONTEXT];\n                    if (element.isConnected) {\n                        const handleEvent = async (retryCount = 0) => {\n                            try {\n                                doc[Q_CONTEXT] = [ element, ev, url ];\n                                isSync || emitEvent("qsymbol", __spreadValues({}, eventData));\n                                const results = handler(ev, element);\n                                isPromise(results) && await results;\n                            } catch (error2) {\n                                isPromise(error2) && retryCount < 100 ? error2.then((() => handleEvent(retryCount++))) : emitEvent("qerror", __spreadValues({\n                                    error: error2\n                                }, eventData));\n                            } finally {\n                                doc[Q_CONTEXT] = previousCtx;\n                            }\n                        };\n                        handleEvent();\n                    }\n                }\n            }\n        };\n        const emitEvent = (eventName, detail) => {\n            doc.dispatchEvent(createEvent(eventName, detail));\n        };\n        const camelToKebab = str => str.replace(/([A-Z])/g, (a => "-" + a.toLowerCase()));\n        const processDocumentEvent = async ev => {\n            let type = camelToKebab(ev.type);\n            let element = ev.target;\n            broadcast("-document", ev, type);\n            while (element && element.getAttribute) {\n                const results = dispatch(element, "", ev, type);\n                let cancelBubble = ev.cancelBubble;\n                isPromise(results) && await results;\n                cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type);\n                element = ev.bubbles && !0 !== cancelBubble ? element.parentElement : null;\n            }\n        };\n        const processWindowEvent = ev => {\n            broadcast("-window", ev, camelToKebab(ev.type));\n        };\n        const processReadyStateChange = () => {\n            var _a;\n            const readyState = doc.readyState;\n            if (!hasInitialized && ("interactive" == readyState || "complete" == readyState)) {\n                roots.forEach(findShadowRoots);\n                hasInitialized = 1;\n                emitEvent("qinit");\n                (null != (_a = win.requestIdleCallback) ? _a : win.setTimeout).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        };\n        const addEventListener = (el, eventName, handler, capture = !1) => el.addEventListener(eventName, handler, {\n            capture: capture,\n            passive: !1\n        });\n        const processEventOrNode = (...eventNames) => {\n            for (const eventNameOrNode of eventNames) {\n                if ("string" == typeof eventNameOrNode) {\n                    if (!events.has(eventNameOrNode)) {\n                        roots.forEach((root => addEventListener(root, eventNameOrNode, processDocumentEvent, !0)));\n                        addEventListener(win, eventNameOrNode, processWindowEvent, !0);\n                        events.add(eventNameOrNode);\n                    }\n                } else if (!roots.has(eventNameOrNode)) {\n                    events.forEach((eventName => addEventListener(eventNameOrNode, eventName, processDocumentEvent, !0)));\n                    roots.add(eventNameOrNode);\n                }\n            }\n        };\n        if (!(Q_CONTEXT in doc)) {\n            doc[Q_CONTEXT] = 0;\n            const qwikevents = win.qwikevents;\n            Array.isArray(qwikevents) && processEventOrNode(...qwikevents);\n            win.qwikevents = {\n                events: events,\n                roots: roots,\n                push: processEventOrNode\n            };\n            addEventListener(doc, "readystatechange", processReadyStateChange);\n            processReadyStateChange();\n        }\n    })(document);\n})()';
+function getQwikLoaderScript(opts = {}) {
+  return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
+}
+var QWIK_PREFETCH_MINIFIED = globalThis.QWIK_PREFETCH_MINIFIED;
+var QWIK_PREFETCH_DEBUG = globalThis.QWIK_PREFETCH_DEBUG;
+function getQwikPrefetchWorkerScript(opts = {}) {
+  return opts.debug ? QWIK_PREFETCH_DEBUG : QWIK_PREFETCH_MINIFIED;
+}
 // packages/qwik/src/server/ssr-container.ts
 function ssrCreateContainer(opts) {
   opts.renderOptions ||= {};
@@ -7841,7 +8094,7 @@ var StringBufferWriter = class {
   }
 };
 var EMPTY_OBJ2 = {};
-var SSRContainer = class extends import_core3._SharedContainer {
+var SSRContainer = class extends import_core4._SharedContainer {
   tag;
   writer;
   timing;
@@ -7919,7 +8172,7 @@ var SSRContainer = class extends import_core3._SharedContainer {
   }
   async render(jsx2) {
     this.openContainer();
-    await (0, import_core3._walkJSX)(this, jsx2, {
+    await (0, import_core4._walkJSX)(this, jsx2, {
       allowPromises: true,
       currentStyleScoped: null,
       parentComponentFrame: this.getComponentFrame()
@@ -8002,15 +8255,16 @@ var SSRContainer = class extends import_core3._SharedContainer {
       vNodeData_incrementElementCount(this.currentElementFrame.vNodeData);
     }
     this.createAndPushFrame(elementName, this.depthFirstElementCount++, currentFile);
+    vNodeData_openElement(this.currentElementFrame.vNodeData);
     this.write("<");
     this.write(elementName);
     if (varAttrs) {
-      innerHTML = this.writeAttrs(elementName, varAttrs, false);
+      innerHTML = this.writeAttrs(elementName, varAttrs, false, currentFile);
     }
     this.write(" " + Q_PROPS_SEPARATOR);
     import_build10.isDev && this.write('=""');
     if (constAttrs && constAttrs.length) {
-      innerHTML = this.writeAttrs(elementName, constAttrs, true) || innerHTML;
+      innerHTML = this.writeAttrs(elementName, constAttrs, true, currentFile) || innerHTML;
     }
     this.write(">");
     this.lastNode = null;
@@ -8085,14 +8339,10 @@ var SSRContainer = class extends import_core3._SharedContainer {
     }
   }
   openProjection(attrs) {
-    var _a;
     this.openFragment(attrs);
-    const vNode = (_a = this.currentElementFrame) == null ? void 0 : _a.vNodeData;
-    if (vNode) {
-      vNode[0] |= 8 /* SERIALIZE */;
-    }
     const componentFrame = this.getComponentFrame();
     if (componentFrame) {
+      this.serializationCtx.$addRoot$(componentFrame.componentNode);
       componentFrame.projectionDepth++;
     }
   }
@@ -8174,7 +8424,7 @@ var SSRContainer = class extends import_core3._SharedContainer {
     }
     for (let i = 0; i < injections.length; i++) {
       const injection = injections[i];
-      const jsxNode = (0, import_core3._jsxSplit)(injection.tag, null, injection.attributes || {}, null, 0, null);
+      const jsxNode = (0, import_core4._jsxSplit)(injection.tag, null, injection.attributes || {}, null, 0, null);
       if (injection.location === "head") {
         this.additionalHeadNodes.push(jsxNode);
       } else {
@@ -8194,7 +8444,7 @@ var SSRContainer = class extends import_core3._SharedContainer {
       this.styleIds.add(styleId);
       if (((_a = this.currentElementFrame) == null ? void 0 : _a.elementName) === "html") {
         this.additionalHeadNodes.push(
-          (0, import_core3._jsxSorted)(
+          (0, import_core4._jsxSorted)(
             "style",
             null,
             { dangerouslySetInnerHTML: content, [QStyle]: styleId },
@@ -8255,12 +8505,12 @@ var SSRContainer = class extends import_core3._SharedContainer {
     for (let elementIdx = 0; elementIdx < vNodeData.length; elementIdx++) {
       const vNode = vNodeData[elementIdx];
       const flag = vNode[0];
-      if (flag & 8 /* SERIALIZE */) {
+      if (flag & 16 /* SERIALIZE */) {
         lastSerializedIdx = this.emitVNodeSeparators(lastSerializedIdx, elementIdx);
-        if (flag & 4 /* REFERENCE */) {
+        if (flag & 8 /* REFERENCE */) {
           this.write(VNodeDataSeparator.REFERENCE_CH);
         }
-        if (flag & (1 /* TEXT_DATA */ | 2 /* VIRTUAL_NODE */)) {
+        if (flag & (1 /* TEXT_DATA */ | 2 /* VIRTUAL_NODE */ | 4 /* ELEMENT_NODE */)) {
           let fragmentAttrs = null;
           let depth = 0;
           for (let i = 1; i < vNode.length; i++) {
@@ -8278,6 +8528,13 @@ var SSRContainer = class extends import_core3._SharedContainer {
               }
               depth--;
               this.write(VNodeDataChar.CLOSE_CHAR);
+            } else if (value === WRITE_ELEMENT_ATTRS) {
+              if (fragmentAttrs && fragmentAttrs.length) {
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
+                writeFragmentAttrs(this.write.bind(this), this.addRoot.bind(this), fragmentAttrs);
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
+                fragmentAttrs = vNodeAttrsStack.pop();
+              }
             } else if (value >= 0) {
               this.write(encodeAsAlphanumeric(value));
             } else {
@@ -8330,6 +8587,9 @@ var SSRContainer = class extends import_core3._SharedContainer {
           case ELEMENT_SEQ_IDX:
             write(VNodeDataChar.SEQ_IDX_CHAR);
             break;
+          case QSubscribers:
+            write(VNodeDataChar.SUBS_CHAR);
+            break;
           // Skipping `\` character for now because it is used for escaping.
           case QCtxAttr:
             write(VNodeDataChar.CONTEXT_CHAR);
@@ -8534,10 +8794,10 @@ var SSRContainer = class extends import_core3._SharedContainer {
             );
             const lastNode = this.getLastNode();
             if (lastNode.vnodeData) {
-              lastNode.vnodeData[0] |= 8 /* SERIALIZE */;
+              lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
             }
             ssrComponentNode == null ? void 0 : ssrComponentNode.setProp(value, lastNode.id);
-            await (0, import_core3._walkJSX)(this, children, {
+            await (0, import_core4._walkJSX)(this, children, {
               allowPromises: true,
               currentStyleScoped: scopedStyleId,
               parentComponentFrame: null
@@ -8648,7 +8908,7 @@ var SSRContainer = class extends import_core3._SharedContainer {
       this.write(element);
     }
   }
-  writeAttrs(tag, attrs, isConst) {
+  writeAttrs(tag, attrs, isConst, currentFile) {
     let innerHTML = void 0;
     if (attrs.length) {
       for (let i = 0; i < attrs.length; i++) {
@@ -8657,7 +8917,7 @@ var SSRContainer = class extends import_core3._SharedContainer {
         let styleScopedId = null;
         if (isSSRUnsafeAttr(key)) {
           if (import_build10.isDev) {
-            throw new Error("Attribute value is unsafe for SSR");
+            throw qError(51 /* unsafeAttr */);
           }
           continue;
         }
@@ -8668,17 +8928,19 @@ var SSRContainer = class extends import_core3._SharedContainer {
         }
         if (key === "ref") {
           const lastNode = this.getLastNode();
-          if ((0, import_core3.isSignal)(value)) {
+          if ((0, import_core4.isSignal)(value)) {
             value.value = new DomRef(lastNode);
             continue;
           } else if (typeof value === "function") {
             value(new DomRef(lastNode));
             continue;
+          } else {
+            throw qError(32 /* invalidRefValue */, [currentFile]);
           }
         }
-        if ((0, import_core3.isSignal)(value)) {
+        if ((0, import_core4.isSignal)(value)) {
           const lastNode = this.getLastNode();
-          const signalData = new import_core3._EffectData({
+          const signalData = new import_core4._EffectData({
             $scopedStyleIdPrefix$: styleScopedId,
             $isConst$: isConst
           });
@@ -8693,13 +8955,13 @@ var SSRContainer = class extends import_core3._SharedContainer {
           }
         }
         if (tag === "textarea" && key === "value") {
-          if (typeof value !== "string") {
+          if (value && typeof value !== "string") {
             if (import_build10.isDev) {
-              throw new Error("The value of the textarea must be a string");
+              throw qError(40 /* wrongTextareaValue */, [currentFile, value]);
             }
             continue;
           }
-          innerHTML = escapeHTML(value);
+          innerHTML = escapeHTML(value || "");
           key = QContainerAttr;
           value = "text" /* TEXT */;
         }
@@ -8731,7 +8993,7 @@ var isQwikStyleElement = (tag, attrs) => {
   return false;
 };
 function newTagError(text) {
-  return new Error("SsrError(tag): " + text);
+  return qError(29 /* tagError */, [text]);
 }
 function hasDestroy(obj) {
   return obj && typeof obj === "object" && typeof obj.$destroy$ === "function";
@@ -8947,22 +9209,10 @@ function resolveManifest(manifest) {
 }
 var Q_FUNCS_PREFIX = 'document["qFuncs_HASH"]=';
-// packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = '(()=>{var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,r=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,s=(e,s)=>{for(var a in s||(s={}))n.call(s,a)&&r(e,a,s[a]);if(t)for(var a of t(s))o.call(s,a)&&r(e,a,s[a]);return e};((e,t)=>{const n="__q_context__",o=window,r=new Set,a=new Set([e]),i="replace",c="forEach",l="target",f="getAttribute",p="isConnected",b="qvisible",u="_qwikjson_",h=(e,t)=>Array.from(e.querySelectorAll(t)),y=e=>{const t=[];return a.forEach((n=>t.push(...h(n,e)))),t},d=e=>{S(e),h(e,"[q\\\\:shadowroot]").forEach((e=>{const t=e.shadowRoot;t&&d(t)}))},q=e=>e&&"function"==typeof e.then,m=(e,t,n=t.type)=>{y("[on"+e+"\\\\:"+n+"]")[c]((o=>g(o,e,t,n)))},w=t=>{if(void 0===t[u]){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n[f]("type")){t[u]=JSON.parse(n.textContent[i](/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},v=(e,t)=>new CustomEvent(e,{detail:t}),g=async(t,o,r,a=r.type)=>{const c="on"+o+":"+a;t.hasAttribute("preventdefault:"+a)&&r.preventDefault(),t.hasAttribute("stoppropagation:"+a)&&r.stopPropagation();const l=t._qc_,b=l&&l.li.filter((e=>e[0]===c));if(b&&b.length>0){for(const e of b){const n=e[1].getFn([t,r],(()=>t[p]))(r,t),o=r.cancelBubble;q(n)&&await n,o&&r.stopPropagation()}return}const u=t.qDispatchEvent;if(u)return u(r,o);const h=t[f](c);if(h){const o=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),a=o[f]("q:base"),c=o[f]("q:version")||"unknown",l=o[f]("q:manifest-hash")||"dev",b=new URL(a,e.baseURI);for(const f of h.split("\\n")){const u=new URL(f,b),h=u.href,y=u.hash[i](/^#?([^?[|]*).*$/,"$1")||"default",d=performance.now();let m,v,g;const A=f.startsWith("#"),_={qBase:a,qManifest:l,qVersion:c,href:h,symbol:y,element:t,reqTime:d};if(A){const t=o.getAttribute("q:instance");m=(e["qFuncs_"+t]||[])[Number.parseInt(y)],m||(v="sync",g=Error("sync handler error for symbol: "+y))}else{const e=u.href.split("#")[0];try{const t=import(e);w(o),m=(await t)[y],m||(v="no-symbol",g=Error(`${y} not in ${e}`))}catch(e){v||(v="async"),g=e}}if(!m){E("qerror",s({importError:v,error:g},_)),console.error(g);break}const k=e[n];if(t[p]){const o=async(a=0)=>{try{e[n]=[t,r,u],A||E("qsymbol",s({},_));const o=m(r,t);q(o)&&await o}catch(e){q(e)&&a<100?e.then((()=>o(a++))):E("qerror",s({error:e},_))}finally{e[n]=k}};o()}}}},E=(t,n)=>{e.dispatchEvent(v(t,n))},A=e=>e[i](/([A-Z])/g,(e=>"-"+e.toLowerCase())),_=async e=>{let t=A(e.type),n=e[l];for(m("-document",e,t);n&&n[f];){const o=g(n,"",e,t);let r=e.cancelBubble;q(o)&&await o,r=r||e.cancelBubble||n.hasAttribute("stoppropagation:"+e.type),n=e.bubbles&&!0!==r?n.parentElement:null}},k=e=>{m("-window",e,A(e.type))},C=()=>{var n;const s=e.readyState;if(!t&&("interactive"==s||"complete"==s)&&(a.forEach(d),t=1,E("qinit"),(null!=(n=o.requestIdleCallback)?n:o.setTimeout).bind(o)((()=>E("qidle"))),r.has(b))){const e=y("[on\\\\:"+b+"]"),t=new IntersectionObserver((e=>{for(const n of e)n.isIntersecting&&(t.unobserve(n[l]),g(n[l],"",v(b,n)))}));e[c]((e=>t.observe(e)))}},O=(e,t,n,o=!1)=>e.addEventListener(t,n,{capture:o,passive:!1}),S=(...e)=>{for(const t of e)"string"==typeof t?r.has(t)||(a.forEach((e=>O(e,t,_,!0))),O(o,t,k,!0),r.add(t)):a.has(t)||(r.forEach((e=>O(t,e,_,!0))),a.add(t))};if(!(n in e)){e[n]=0;const t=o.qwikevents;Array.isArray(t)&&S(...t),o.qwikevents={events:r,roots:a,push:S},O(e,"readystatechange",C),C()}})(document)})()';
-var QWIK_LOADER_DEFAULT_DEBUG = '(() => {\n    var __defProp = Object.defineProperty;\n    var __getOwnPropSymbols = Object.getOwnPropertySymbols;\n    var __hasOwnProp = Object.prototype.hasOwnProperty;\n    var __propIsEnum = Object.prototype.propertyIsEnumerable;\n    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {\n        enumerable: !0,\n        configurable: !0,\n        writable: !0,\n        value: value\n    }) : obj[key] = value;\n    var __spreadValues = (a, b) => {\n        for (var prop in b || (b = {})) {\n            __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n        }\n        if (__getOwnPropSymbols) {\n            for (var prop of __getOwnPropSymbols(b)) {\n                __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n            }\n        }\n        return a;\n    };\n    ((doc, hasInitialized) => {\n        const Q_CONTEXT = "__q_context__";\n        const win = window;\n        const events =  new Set;\n        const roots =  new Set([ doc ]);\n        const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\n        const querySelectorAll = query => {\n            const elements = [];\n            roots.forEach((root => elements.push(...nativeQuerySelectorAll(root, query))));\n            return elements;\n        };\n        const findShadowRoots = fragment => {\n            processEventOrNode(fragment);\n            nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent => {\n                const shadowRoot = parent.shadowRoot;\n                shadowRoot && findShadowRoots(shadowRoot);\n            }));\n        };\n        const isPromise = promise => promise && "function" == typeof promise.then;\n        const broadcast = (infix, ev, type = ev.type) => {\n            querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el => dispatch(el, infix, ev, type)));\n        };\n        const resolveContainer = containerEl => {\n            if (void 0 === containerEl._qwikjson_) {\n                let script = (containerEl === doc.documentElement ? doc.body : containerEl).lastElementChild;\n                while (script) {\n                    if ("SCRIPT" === script.tagName && "qwik/json" === script.getAttribute("type")) {\n                        containerEl._qwikjson_ = JSON.parse(script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1"));\n                        break;\n                    }\n                    script = script.previousElementSibling;\n                }\n            }\n        };\n        const createEvent = (eventName, detail) => new CustomEvent(eventName, {\n            detail: detail\n        });\n        const dispatch = async (element, scope, ev, eventName = ev.type) => {\n            const attrName = "on" + scope + ":" + eventName;\n            element.hasAttribute("preventdefault:" + eventName) && ev.preventDefault();\n            element.hasAttribute("stoppropagation:" + eventName) && ev.stopPropagation();\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                    isPromise(results) && await results;\n                    cancelBubble && ev.stopPropagation();\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("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\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: qBase,\n                        qManifest: qManifest,\n                        qVersion: qVersion,\n                        href: href,\n                        symbol: symbol,\n                        element: element,\n                        reqTime: 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("sync handler error for symbol: " + symbol);\n                        }\n                    } else {\n                        const uri = url.href.split("#")[0];\n                        try {\n                            const module = import(\n                                                        uri);\n                            resolveContainer(container);\n                            handler = (await module)[symbol];\n                            if (!handler) {\n                                importError = "no-symbol";\n                                error = new Error(`${symbol} not in ${uri}`);\n                            }\n                        } catch (err) {\n                            importError || (importError = "async");\n                            error = err;\n                        }\n                    }\n                    if (!handler) {\n                        emitEvent("qerror", __spreadValues({\n                            importError: importError,\n                            error: error\n                        }, eventData));\n                        console.error(error);\n                        break;\n                    }\n                    const previousCtx = doc[Q_CONTEXT];\n                    if (element.isConnected) {\n                        const handleEvent = async (retryCount = 0) => {\n                            try {\n                                doc[Q_CONTEXT] = [ element, ev, url ];\n                                isSync || emitEvent("qsymbol", __spreadValues({}, eventData));\n                                const results = handler(ev, element);\n                                isPromise(results) && await results;\n                            } catch (error2) {\n                                isPromise(error2) && retryCount < 100 ? error2.then((() => handleEvent(retryCount++))) : emitEvent("qerror", __spreadValues({\n                                    error: error2\n                                }, eventData));\n                            } finally {\n                                doc[Q_CONTEXT] = previousCtx;\n                            }\n                        };\n                        handleEvent();\n                    }\n                }\n            }\n        };\n        const emitEvent = (eventName, detail) => {\n            doc.dispatchEvent(createEvent(eventName, detail));\n        };\n        const camelToKebab = str => str.replace(/([A-Z])/g, (a => "-" + a.toLowerCase()));\n        const processDocumentEvent = async ev => {\n            let type = camelToKebab(ev.type);\n            let element = ev.target;\n            broadcast("-document", ev, type);\n            while (element && element.getAttribute) {\n                const results = dispatch(element, "", ev, type);\n                let cancelBubble = ev.cancelBubble;\n                isPromise(results) && await results;\n                cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type);\n                element = ev.bubbles && !0 !== cancelBubble ? element.parentElement : null;\n            }\n        };\n        const processWindowEvent = ev => {\n            broadcast("-window", ev, camelToKebab(ev.type));\n        };\n        const processReadyStateChange = () => {\n            var _a;\n            const readyState = doc.readyState;\n            if (!hasInitialized && ("interactive" == readyState || "complete" == readyState)) {\n                roots.forEach(findShadowRoots);\n                hasInitialized = 1;\n                emitEvent("qinit");\n                (null != (_a = win.requestIdleCallback) ? _a : win.setTimeout).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        };\n        const addEventListener = (el, eventName, handler, capture = !1) => el.addEventListener(eventName, handler, {\n            capture: capture,\n            passive: !1\n        });\n        const processEventOrNode = (...eventNames) => {\n            for (const eventNameOrNode of eventNames) {\n                if ("string" == typeof eventNameOrNode) {\n                    if (!events.has(eventNameOrNode)) {\n                        roots.forEach((root => addEventListener(root, eventNameOrNode, processDocumentEvent, !0)));\n                        addEventListener(win, eventNameOrNode, processWindowEvent, !0);\n                        events.add(eventNameOrNode);\n                    }\n                } else if (!roots.has(eventNameOrNode)) {\n                    events.forEach((eventName => addEventListener(eventNameOrNode, eventName, processDocumentEvent, !0)));\n                    roots.add(eventNameOrNode);\n                }\n            }\n        };\n        if (!(Q_CONTEXT in doc)) {\n            doc[Q_CONTEXT] = 0;\n            const qwikevents = win.qwikevents;\n            Array.isArray(qwikevents) && processEventOrNode(...qwikevents);\n            win.qwikevents = {\n                events: events,\n                roots: roots,\n                push: processEventOrNode\n            };\n            addEventListener(doc, "readystatechange", processReadyStateChange);\n            processReadyStateChange();\n        }\n    })(document);\n})()';
-function getQwikLoaderScript(opts = {}) {
-  return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
-}
-var QWIK_PREFETCH_MINIFIED = globalThis.QWIK_PREFETCH_MINIFIED;
-var QWIK_PREFETCH_DEBUG = globalThis.QWIK_PREFETCH_DEBUG;
-function getQwikPrefetchWorkerScript(opts = {}) {
-  return opts.debug ? QWIK_PREFETCH_DEBUG : QWIK_PREFETCH_MINIFIED;
-}
 // packages/qwik/src/server/index.ts
 async function setServerPlatform2(manifest) {
   const platform = createPlatform({ manifest }, resolveManifest(manifest));
-  (0, import_core4.setPlatform)(platform);
+  (0, import_core5.setPlatform)(platform);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {