@qwik.dev/core 2.0.0-beta.28 → 2.0.0-beta.29

package/dist/testing/index.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/testing 2.0.0-beta.28-dev+fac55b7
+ * @qwik.dev/core/testing 2.0.0-beta.29-dev+bc61b71
  * 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
@@ -23891,11 +23891,8 @@ function assertQrl(qrl) {
   }
 }
 var getSymbolHash = (symbolName) => {
-  const index = symbolName.lastIndexOf("_");
-  if (index > -1) {
-    return symbolName.slice(index + 1);
-  }
-  return symbolName;
+  const index = symbolName.lastIndexOf("_") + 1;
+  return symbolName.slice(index);
 };
 
 // packages/qwik/src/core/shared/types.ts
@@ -23940,6 +23937,7 @@ var VirtualTypeName = {
 
 // packages/qwik/src/core/shared/utils/markers.ts
 var OnRenderProp = "q:renderFn";
+var QTargetElement = "q:targetEl";
 var ComponentStylesPrefixContent = "\u26A1\uFE0F";
 var QSlot = "q:slot";
 var QSlotParent = "q:sparent";
@@ -24293,72 +24291,17 @@ Object.freeze(EMPTY_OBJ);
 import { isBrowser as isBrowser3, isDev as isDev19 } from "@qwik.dev/core/build";
 import { p as preload } from "@qwik.dev/core/preloader";
 
-// packages/qwik/src/core/reactive-primitives/backref.ts
-var _EFFECT_BACK_REF = /* @__PURE__ */ Symbol("backRef");
-var _a;
-_a = _EFFECT_BACK_REF;
-var BackRef = class {
-  constructor() {
-    __publicField(this, _a);
-  }
-};
-
-// packages/qwik/src/core/shared/vnode/vnode.ts
-import { isDev as isDev5 } from "@qwik.dev/core/build";
-var _a2;
-_a2 = _EFFECT_BACK_REF;
-var VNode = class {
-  constructor(flags, parent, previousSibling, nextSibling, props) {
-    this.flags = flags;
-    this.parent = parent;
-    this.previousSibling = previousSibling;
-    this.nextSibling = nextSibling;
-    this.props = props;
-    __publicField(this, _a2);
-    __publicField(this, "slotParent", null);
-    __publicField(this, "dirty", 0 /* NONE */);
-    __publicField(this, "dirtyChildren", null);
-    __publicField(this, "nextDirtyChildIndex", 0);
-  }
-  // TODO: this creates debug issues
-  toString() {
-    if (isDev5) {
-      return vnode_toString.call(this);
-    }
-    return Object.prototype.toString.call(this);
-  }
-};
-
-// packages/qwik/src/core/shared/vnode/virtual-vnode.ts
-var VirtualVNode = class extends VNode {
-  constructor(key, flags, parent, previousSibling, nextSibling, props, firstChild, lastChild) {
-    super(flags, parent, previousSibling, nextSibling, props);
-    this.key = key;
-    this.firstChild = firstChild;
-    this.lastChild = lastChild;
-  }
-};
-
-// packages/qwik/src/core/shared/vnode/element-vnode.ts
-var ElementVNode = class extends VirtualVNode {
-  constructor(key, flags, parent, previousSibling, nextSibling, props, firstChild, lastChild, node, elementName) {
-    super(key, flags, parent, previousSibling, nextSibling, props, firstChild, lastChild);
-    this.node = node;
-    this.elementName = elementName;
-  }
-};
-
 // packages/qwik/src/core/shared/serdes/inflate.ts
 import { isServer as isServer9 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/serdes/qrl-to-string.ts
-import { isDev as isDev6 } from "@qwik.dev/core/build";
+import { isDev as isDev5 } from "@qwik.dev/core/build";
 function qrlToString(serializationContext, qrl, raw) {
   let symbol = qrl.$symbol$;
   let chunk = qrl.$chunk$;
   const platform = getPlatform();
   if (platform) {
-    const result2 = isDev6 ? platform.chunkForSymbol(symbol, chunk, qrl.dev?.file) : platform.chunkForSymbol(symbol, chunk);
+    const result2 = isDev5 ? platform.chunkForSymbol(symbol, chunk, qrl.dev?.file) : platform.chunkForSymbol(symbol, chunk);
     if (result2) {
       chunk = result2[1];
       symbol = result2[0];
@@ -24369,9 +24312,10 @@ function qrlToString(serializationContext, qrl, raw) {
     if (!chunk) {
       chunk = serializationContext.$symbolToChunkResolver$(qrl.$hash$);
     }
-    if (isDev6) {
+    if (isDev5) {
       const backChannel = globalThis.__qrl_back_channel__ || (globalThis.__qrl_back_channel__ = /* @__PURE__ */ new Map());
-      backChannel.set(qrl.$symbol$, qrl.$symbolRef$);
+      const lazy = qrl.$lazy$;
+      backChannel.set(lazy.$symbol$, lazy.$ref$);
       if (!chunk) {
         chunk = QRL_RUNTIME_CHUNK;
       }
@@ -24401,21 +24345,21 @@ function qrlToString(serializationContext, qrl, raw) {
   }
   return qrlStringInline;
 }
-function createQRLWithBackChannel(chunk, symbol, captures) {
+function createQRLWithBackChannel(chunk, symbol, captures, container) {
   let qrlImporter = null;
-  if (isDev6 && chunk === QRL_RUNTIME_CHUNK) {
+  if (isDev5 && chunk === QRL_RUNTIME_CHUNK) {
     const backChannel = globalThis.__qrl_back_channel__;
-    isDev6 && assertDefined(backChannel, "Missing QRL_RUNTIME_CHUNK");
+    isDev5 && assertDefined(backChannel, "Missing QRL_RUNTIME_CHUNK");
     const fn = backChannel.get(symbol);
     if (fn) {
       qrlImporter = () => Promise.resolve({ [symbol]: fn });
     }
   }
-  return createQRL(chunk, symbol, null, qrlImporter, captures);
+  return createQRL(chunk, symbol, null, qrlImporter, captures, container);
 }
-function parseQRL(qrl) {
+function parseQRL(qrl, container) {
   const [chunk, symbol, captures] = qrl.split("#");
-  return createQRLWithBackChannel(chunk, symbol, captures || null);
+  return createQRLWithBackChannel(chunk, symbol, captures || null, container);
 }
 var QRL_RUNTIME_CHUNK = "mock-chunk";
 
@@ -24459,9 +24403,9 @@ function runEventHandlerQRL(handler, event, element, ctx) {
 }
 
 // packages/qwik/src/core/client/util-mapArray.ts
-import { isDev as isDev7 } from "@qwik.dev/core/build";
+import { isDev as isDev6 } from "@qwik.dev/core/build";
 var mapApp_findIndx = (array, key, start) => {
-  isDev7 && assertTrue(start % 2 === 0, "Expecting even number.");
+  isDev6 && assertTrue(start % 2 === 0, "Expecting even number.");
   let bottom = start >> 1;
   let top = array.length - 2 >> 1;
   while (bottom <= top) {
@@ -24512,8 +24456,18 @@ var mapArray_has = (array, key, start) => {
   return mapApp_findIndx(array, key, start) >= 0;
 };
 
+// packages/qwik/src/core/reactive-primitives/backref.ts
+var _EFFECT_BACK_REF = /* @__PURE__ */ Symbol("backRef");
+var _a;
+_a = _EFFECT_BACK_REF;
+var BackRef = class {
+  constructor() {
+    __publicField(this, _a);
+  }
+};
+
 // packages/qwik/src/core/reactive-primitives/impl/signal-impl.ts
-import { isDev as isDev8, isServer as isServer3 } from "@qwik.dev/core/build";
+import { isDev as isDev7, isServer as isServer3 } from "@qwik.dev/core/build";
 var DEBUG = false;
 var log = (...args) => console.log("SIGNAL", ...args.map(qwikDebugToString));
 var SignalImpl = class {
@@ -24555,7 +24509,7 @@ var SignalImpl = class {
     if (this.$container$ === null) {
       this.$container$ = ctx.$container$;
     } else {
-      isDev8 && assertTrue(
+      isDev7 && assertTrue(
         !ctx.$container$ || ctx.$container$ === this.$container$,
         "Do not use signals across containers"
       );
@@ -24592,7 +24546,7 @@ var SignalImpl = class {
     }
   }
   toString() {
-    if (isDev8) {
+    if (isDev7) {
       try {
         return `[${this.constructor.name}${this.$flags$ & 1 /* INVALID */ ? " INVALID" : ""} ${this.$untrackedValue$}]` + (Array.from(this.$effects$ || []).map((e) => "\n -> " + pad(qwikDebugToString(e.consumer), "    ")).join("\n") || "");
       } catch (e) {
@@ -24608,7 +24562,7 @@ var SignalImpl = class {
 };
 
 // packages/qwik/src/core/shared/jsx/props-proxy.ts
-import { isDev as isDev9 } from "@qwik.dev/core/build";
+import { isDev as isDev8 } from "@qwik.dev/core/build";
 function createPropsProxy(owner) {
   return new Proxy({}, new PropsProxyHandler(owner));
 }
@@ -24741,7 +24695,7 @@ var addPropsProxyEffect = (propsProxy, prop) => {
         propsProxy.$container$ = ctx.$container$;
       }
     } else {
-      isDev9 && assertTrue(
+      isDev8 && assertTrue(
         !ctx.$container$ || ctx.$container$ === propsProxy.$container$,
         "Do not use props across containers"
       );
@@ -24770,7 +24724,7 @@ var isPropsProxy = (obj) => {
 };
 
 // packages/qwik/src/core/reactive-primitives/impl/async-signal-impl.ts
-import { isBrowser, isDev as isDev11, isServer as isServer5 } from "@qwik.dev/core/build";
+import { isBrowser, isDev as isDev10, isServer as isServer5 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/reactive-primitives/subscriber.ts
 import { isServer as isServer4 } from "@qwik.dev/core/build";
@@ -24847,13 +24801,13 @@ var cleanupFn = (target, handleError) => {
 };
 
 // packages/qwik/src/core/reactive-primitives/impl/computed-signal-impl.ts
-import { isDev as isDev10 } from "@qwik.dev/core/build";
+import { isDev as isDev9 } from "@qwik.dev/core/build";
 var DEBUG2 = false;
 var log2 = (...args) => console.log("COMPUTED SIGNAL", ...args.map(qwikDebugToString));
-var _a3, _b;
-var ComputedSignalImpl = class extends (_b = SignalImpl, _a3 = _EFFECT_BACK_REF, _b) {
+var _a2, _b;
+var ComputedSignalImpl = class extends (_b = SignalImpl, _a2 = _EFFECT_BACK_REF, _b) {
   constructor(container, fn, flags = 1 /* INVALID */ | 16 /* SERIALIZATION_STRATEGY_ALWAYS */) {
-    super(container || fn.$container$, NEEDS_COMPUTATION);
+    super(container || tryGetInvokeContext()?.$container$, NEEDS_COMPUTATION);
     /**
      * The compute function is stored here.
      *
@@ -24862,7 +24816,7 @@ var ComputedSignalImpl = class extends (_b = SignalImpl, _a3 = _EFFECT_BACK_REF,
      */
     __publicField(this, "$computeQrl$");
     __publicField(this, "$flags$");
-    __publicField(this, _a3);
+    __publicField(this, _a2);
     this.$computeQrl$ = fn;
     this.$flags$ = flags;
   }
@@ -24883,7 +24837,7 @@ var ComputedSignalImpl = class extends (_b = SignalImpl, _a3 = _EFFECT_BACK_REF,
   }
   get untrackedValue() {
     this.$computeIfNeeded$();
-    isDev10 && assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION, "Invalid state");
+    isDev9 && assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION, "Invalid state");
     return this.$untrackedValue$;
   }
   set untrackedValue(value) {
@@ -24946,7 +24900,7 @@ var AsyncJob = class {
   }
   /** Backward compatible cache method for resource */
   cache() {
-    isDev11 && console.error(
+    isDev10 && console.error(
       "useResource cache() method does not do anything. Use `useAsync$` instead of `useResource$`, use the `interval` option for polling behavior."
     );
   }
@@ -24962,8 +24916,8 @@ var AsyncJob = class {
     }
   }
 };
-var _a4, _b2;
-var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a4 = _EFFECT_BACK_REF, _b2) {
+var _a3, _b2;
+var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a3 = _EFFECT_BACK_REF, _b2) {
   constructor(container, fn, flags = 1 /* INVALID */ | 16 /* SERIALIZATION_STRATEGY_ALWAYS */, options) {
     super(container, fn, flags);
     __publicField(this, "$untrackedLoading$", false);
@@ -24976,7 +24930,7 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a4 = _EFFECT_BAC
     __publicField(this, "$concurrency$", 1);
     __publicField(this, "$interval$", 0);
     __publicField(this, "$timeoutMs$");
-    __publicField(this, _a4);
+    __publicField(this, _a3);
     const interval = options?.interval;
     const concurrency = options?.concurrency ?? 1;
     const initial = options?.initial;
@@ -25017,7 +24971,7 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a4 = _EFFECT_BAC
     }
     if ((import.meta.env.TEST ? isServerPlatform() : isServer5) && this.$flags$ & 64 /* CLIENT_ONLY */ && this.$untrackedValue$ === NEEDS_COMPUTATION) {
       throw new Error(
-        isDev11 ? "During SSR, cannot read .value from clientOnly async signal without an initial value. Use .loading or provide an initial value." : "Cannot read .value from clientOnly"
+        isDev10 ? "During SSR, cannot read .value from clientOnly async signal without an initial value. Use .loading or provide an initial value." : "Cannot read .value from clientOnly"
       );
     }
     return this.$untrackedValue$;
@@ -25036,7 +24990,7 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a4 = _EFFECT_BAC
     const val = this.untrackedLoading;
     const ctx = tryGetInvokeContext();
     if (ctx && (this.$container$ || (this.$container$ = ctx.$container$ || null))) {
-      isDev11 && assertTrue(
+      isDev10 && assertTrue(
         !ctx.$container$ || ctx.$container$ === this.$container$,
         "Do not use signals across containers"
       );
@@ -25069,7 +25023,7 @@ var AsyncSignalImpl = class extends (_b2 = ComputedSignalImpl, _a4 = _EFFECT_BAC
     const val = this.untrackedError;
     const ctx = tryGetInvokeContext();
     if (ctx && (this.$container$ || (this.$container$ = ctx.$container$ || null))) {
-      isDev11 && assertTrue(
+      isDev10 && assertTrue(
         !ctx.$container$ || ctx.$container$ === this.$container$,
         "Do not use signals across containers"
       );
@@ -25474,7 +25428,7 @@ function setCursorData(vNode, cursorData) {
 }
 
 // packages/qwik/src/core/client/vnode-diff.ts
-import { isDev as isDev15 } from "@qwik.dev/core/build";
+import { isDev as isDev14 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/reactive-primitives/subscription-data.ts
 var SubscriptionData = class {
@@ -25485,14 +25439,14 @@ var SubscriptionData = class {
 };
 
 // packages/qwik/src/core/shared/component-execution.ts
-import { isDev as isDev13, isServer as isServer6 } from "@qwik.dev/core/build";
+import { isDev as isDev12, isServer as isServer6 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/component.public.ts
-import { isDev as isDev12 } from "@qwik.dev/core/build";
+import { isDev as isDev11 } from "@qwik.dev/core/build";
 var componentQrl = (componentQrl3) => {
   function QwikComponent(props, key, flags = 0) {
-    isDev12 && assertQrl(componentQrl3);
-    isDev12 && assertNumber(flags, "The Qwik Component was not invoked correctly");
+    isDev11 && assertQrl(componentQrl3);
+    isDev11 && assertNumber(flags, "The Qwik Component was not invoked correctly");
     const hash3 = qTest ? "sX" : componentQrl3.$hash$.slice(0, 4);
     const finalKey = hash3 + ":" + (key ? key : "");
     const InnerCmp = () => {
@@ -25597,7 +25551,7 @@ var executeComponent = (container, renderHost, subscriptionHost, componentQRL, p
   let isInlineComponent = false;
   if (componentQRL === null) {
     componentQRL = container.getHostProp(renderHost, OnRenderProp);
-    isDev13 && assertDefined(componentQRL, "No Component found at this location");
+    isDev12 && assertDefined(componentQRL, "No Component found at this location");
   }
   if (isQrl(componentQRL)) {
     props = props || container.getHostProp(renderHost, ELEMENT_PROPS) || EMPTY_OBJ;
@@ -25676,7 +25630,7 @@ function addUseOnEvents(jsx2, useOnEvents) {
             }
             targetElement = placeholderElement;
           } else {
-            if (isDev13) {
+            if (isDev12) {
               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. '
               );
@@ -25687,7 +25641,7 @@ function addUseOnEvents(jsx2, useOnEvents) {
         if (targetElement) {
           if (targetElement.type === "script" && key === qVisibleEvent) {
             eventKey = "q-d:qinit";
-            if (isDev13) {
+            if (isDev12) {
               logWarn(
                 'You are trying to add an event "' + key + '" using the `useVisibleTask$` hook with the "intersection-observer" strategy, but a node to which you can add an event is not found. Using "document-ready" or "document-idle" instead.'
               );
@@ -25774,9 +25728,9 @@ var SSRRaw = () => null;
 var SSRComment = () => null;
 
 // packages/qwik/src/core/client/vnode-namespace.ts
-import { isDev as isDev14 } from "@qwik.dev/core/build";
+import { isDev as isDev13 } from "@qwik.dev/core/build";
 var isForeignObjectElement = (elementName) => {
-  return isDev14 ? elementName.toLowerCase() === "foreignobject" : elementName === "foreignObject";
+  return isDev13 ? elementName.toLowerCase() === "foreignobject" : elementName === "foreignObject";
 };
 var isSvgElement = (elementName) => elementName === "svg" || isForeignObjectElement(elementName);
 var isMathElement = (elementName) => elementName === "math";
@@ -26633,8 +26587,8 @@ var vnode_diff = (container, journal, jsxNode, vStartNode, cursor, scopedStyleId
   }
 };
 function diff(diffContext, jsxNode, vStartNode) {
-  isDev15 && assertFalse(vnode_isVNode(jsxNode), "JSXNode should not be a VNode");
-  isDev15 && assertTrue(vnode_isVNode(vStartNode), "vStartNode should be a VNode");
+  isDev14 && assertFalse(vnode_isVNode(jsxNode), "JSXNode should not be a VNode");
+  isDev14 && assertTrue(vnode_isVNode(vStartNode), "vStartNode should be a VNode");
   diffContext.$vParent$ = vStartNode;
   diffContext.$vNewNode$ = null;
   diffContext.$vCurrent$ = vnode_getFirstChild(vStartNode);
@@ -26644,7 +26598,7 @@ function diff(diffContext, jsxNode, vStartNode) {
   }
   while (diffContext.$stack$.length) {
     while (diffContext.$jsxIdx$ < diffContext.$jsxCount$) {
-      isDev15 && assertFalse(
+      isDev14 && assertFalse(
         diffContext.$vParent$ === diffContext.$vCurrent$,
         "Parent and current can't be the same"
       );
@@ -26775,7 +26729,7 @@ function descend(diffContext, children, descendVNode, shouldExpectNoChildren = t
   }
   stackPush(diffContext, children, descendVNode);
   if (descendVNode) {
-    isDev15 && assertDefined(
+    isDev14 && assertDefined(
       diffContext.$vCurrent$ || diffContext.$vNewNode$,
       "Expecting vCurrent to be defined."
     );
@@ -26903,8 +26857,8 @@ function expectProjection(diffContext) {
   diffContext.$vCurrent$ = diffContext.$vCurrent$ && diffContext.$vCurrent$.flags & 32 /* Deleted */ ? null : diffContext.$vCurrent$;
   if (diffContext.$vCurrent$ == null) {
     diffContext.$vNewNode$ = vnode_newVirtual();
-    isDev15 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "P" /* Projection */);
-    isDev15 && vnode_setProp(diffContext.$vNewNode$, "q:code", "expectProjection");
+    isDev14 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "P" /* Projection */);
+    isDev14 && vnode_setProp(diffContext.$vNewNode$, "q:code", "expectProjection");
     vnode_setProp(diffContext.$vNewNode$, QSlot, slotName);
     diffContext.$vNewNode$.slotParent = diffContext.$vParent$;
     vnode_setProp(diffContext.$vParent$, slotName, diffContext.$vNewNode$);
@@ -26925,7 +26879,7 @@ function expectSlot(diffContext) {
     diffContext.$vNewNode$ = vnode_newVirtual();
     vnode_setProp(diffContext.$vNewNode$, QSlot, slotNameKey);
     vHost && vnode_setProp(vHost, slotNameKey, diffContext.$vNewNode$);
-    isDev15 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "P" /* Projection */);
+    isDev14 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "P" /* Projection */);
     vnode_insertBefore(
       diffContext.$journal$,
       diffContext.$vParent$,
@@ -26939,7 +26893,7 @@ function expectSlot(diffContext) {
     diffContext.$vNewNode$ = vProjectedNode;
     vnode_setProp(diffContext.$vNewNode$, QSlot, slotNameKey);
     vHost && vnode_setProp(vHost, slotNameKey, diffContext.$vNewNode$);
-    isDev15 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "P" /* Projection */);
+    isDev14 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "P" /* Projection */);
     vnode_inflateProjectionTrailingText(
       diffContext.$journal$,
       diffContext.$vNewNode$
@@ -27035,7 +26989,7 @@ function expectNoChildren(diffContext, removeDOM = true) {
   }
 }
 function expectNoMore(diffContext) {
-  isDev15 && assertFalse(
+  isDev14 && assertFalse(
     diffContext.$vParent$ === diffContext.$vCurrent$,
     "Parent and current can't be the same"
   );
@@ -27121,7 +27075,7 @@ function createNewElement(diffContext, jsx2, elementName, currentFile) {
       }
       if (elementName === "textarea" && key2 === "value") {
         if (value && typeof value !== "string") {
-          if (isDev15) {
+          if (isDev14) {
             throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
           }
           continue;
@@ -27220,7 +27174,7 @@ function expectElement(diffContext, jsx2, elementName) {
   const jsxProps = jsx2.varProps;
   const vNode = diffContext.$vNewNode$ || diffContext.$vCurrent$;
   if (jsxProps) {
-    diffProps(diffContext, vNode, jsxProps, isDev15 && getFileLocationFromJsx(jsx2.dev) || null);
+    diffProps(diffContext, vNode, jsxProps, isDev14 && getFileLocationFromJsx(jsx2.dev) || null);
   }
 }
 function diffProps(diffContext, vnode, newAttrs, currentFile) {
@@ -27486,7 +27440,7 @@ function expectVirtual(diffContext, type, jsxKey) {
       diffContext.$vCurrent$ && getInsertBefore(diffContext)
     );
     diffContext.$vNewNode$.key = jsxKey;
-    isDev15 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, type);
+    isDev14 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, type);
     return;
   }
   if (moveOrCreateKeyedNode(
@@ -27504,7 +27458,7 @@ function expectVirtual(diffContext, type, jsxKey) {
       diffContext.$vCurrent$ && getInsertBefore(diffContext)
     );
     diffContext.$vNewNode$.key = jsxKey;
-    isDev15 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, type);
+    isDev14 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, type);
   }
 }
 function expectComponent(diffContext, component) {
@@ -27617,7 +27571,7 @@ function insertNewComponent(diffContext, host, componentQRL, jsxProps) {
     diffContext.$vCurrent$ && getInsertBefore(diffContext)
   );
   const jsxNode = diffContext.$jsxValue$;
-  isDev15 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "C" /* Component */);
+  isDev14 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "C" /* Component */);
   vnode_setProp(diffContext.$vNewNode$, OnRenderProp, componentQRL);
   vnode_setProp(diffContext.$vNewNode$, ELEMENT_PROPS, jsxProps);
   diffContext.$vNewNode$.key = jsxNode.key;
@@ -27630,7 +27584,7 @@ function insertNewInlineComponent(diffContext) {
     diffContext.$vCurrent$ && getInsertBefore(diffContext)
   );
   const jsxNode = diffContext.$jsxValue$;
-  isDev15 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "I" /* InlineComponent */);
+  isDev14 && vnode_setProp(diffContext.$vNewNode$, DEBUG_TYPE, "I" /* InlineComponent */);
   vnode_setProp(diffContext.$vNewNode$, ELEMENT_PROPS, jsxNode.props);
   if (jsxNode.key) {
     diffContext.$vNewNode$.key = jsxNode.key;
@@ -28242,7 +28196,7 @@ var createMacroTask = (fn) => {
 };
 
 // packages/qwik/src/core/shared/cursor/cursor-walker.ts
-import { isBrowser as isBrowser2, isDev as isDev16, isServer as isServer7 } from "@qwik.dev/core/build";
+import { isBrowser as isBrowser2, isDev as isDev15, isServer as isServer7 } from "@qwik.dev/core/build";
 var DEBUG6 = false;
 var nextMicroTask = createMicroTask(processCursorQueue);
 var nextMacroTask = createMacroTask(processCursorQueue);
@@ -28279,7 +28233,7 @@ function walkCursor(cursor, options) {
     return;
   }
   const container = cursorData.container;
-  isDev16 && assertDefined(container, "Cursor container not found");
+  isDev15 && assertDefined(container, "Cursor container not found");
   if (!cursor.dirty) {
     finishWalk(container, cursor, cursorData, isRunningOnServer);
     return;
@@ -28357,7 +28311,7 @@ function walkCursor(cursor, options) {
       }
     }
   }
-  isDev16 && assertFalse(
+  isDev15 && assertFalse(
     !!(cursor.dirty & 127 /* DIRTY_MASK */ && !cursorData.position),
     "Cursor is still dirty and position is not set after walking"
   );
@@ -28595,9 +28549,9 @@ function addVNodeOperation(journal, operation) {
 }
 
 // packages/qwik/src/core/reactive-primitives/impl/wrapped-signal-impl.ts
-import { isDev as isDev17 } from "@qwik.dev/core/build";
-var _a5, _b3;
-var WrappedSignalImpl = class extends (_b3 = SignalImpl, _a5 = _EFFECT_BACK_REF, _b3) {
+import { isDev as isDev16 } from "@qwik.dev/core/build";
+var _a4, _b3;
+var WrappedSignalImpl = class extends (_b3 = SignalImpl, _a4 = _EFFECT_BACK_REF, _b3) {
   constructor(container, fn, args, fnStr, flags = 1 /* INVALID */ | 4 /* UNWRAP */) {
     super(container, NEEDS_COMPUTATION);
     __publicField(this, "$args$");
@@ -28607,7 +28561,7 @@ var WrappedSignalImpl = class extends (_b3 = SignalImpl, _a5 = _EFFECT_BACK_REF,
     __publicField(this, "$hostElement$");
     // important: don't use implemnets BackRef here
     // it causes v8 optimizations eager bailouts, because of not consistent class shape
-    __publicField(this, _a5);
+    __publicField(this, _a4);
     this.$args$ = args;
     this.$func$ = fn;
     this.$funcStr$ = fnStr;
@@ -28630,7 +28584,7 @@ var WrappedSignalImpl = class extends (_b3 = SignalImpl, _a5 = _EFFECT_BACK_REF,
   }
   get untrackedValue() {
     this.$computeIfNeeded$();
-    isDev17 && assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION, "Invalid state");
+    isDev16 && assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION, "Invalid state");
     return this.$untrackedValue$;
   }
   $computeIfNeeded$() {
@@ -28867,7 +28821,7 @@ function _chk(_, element) {
 var version = globalThis.QWIK_VERSION;
 
 // packages/qwik/src/core/shared/serdes/serialize.ts
-import { isDev as isDev18 } from "@qwik.dev/core/build";
+import { isDev as isDev17 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/ssr-const.ts
 var LT = "<";
@@ -29251,7 +29205,7 @@ var Serializer = class {
     } else if (value instanceof Error) {
       const out = [value.message];
       out.push(...Object.entries(value).flat());
-      if (isDev18) {
+      if (isDev17) {
         out.push("stack", value.stack);
       }
       this.output(15 /* Error */, out);
@@ -29705,11 +29659,15 @@ var allocate = (container, typeId, value) => {
         const [chunkId, symbolId, captureIds] = value.split("#");
         const chunk = container.$getObjectById$(chunkId);
         const symbol = container.$getObjectById$(symbolId);
-        qrl = createQRLWithBackChannel(chunk, symbol, captureIds || null);
+        qrl = createQRLWithBackChannel(
+          chunk,
+          symbol,
+          captureIds || null,
+          container
+        );
       } else {
-        qrl = createQRLWithBackChannel("", String(value), null);
+        qrl = createQRLWithBackChannel("", String(value), null, container);
       }
-      qrl.$container$ = container;
       return qrl;
     }
     case 20 /* Task */:
@@ -29803,6 +29761,17 @@ function retrieveVNodeOrDocument(container, value) {
 
 // packages/qwik/src/core/shared/serdes/inflate.ts
 var loading = Promise.resolve();
+var dangerousObjectKeys = /* @__PURE__ */ new Set([
+  "constructor",
+  "prototype",
+  "toString",
+  "valueOf",
+  "toJSON",
+  "then"
+]);
+var isSafeObjectKV = (key, value) => {
+  return typeof key === "string" && key !== "__proto__" && (typeof value !== "function" || !dangerousObjectKeys.has(key));
+};
 var inflate = (container, target, typeId, data) => {
   if (typeId === 0 /* Plain */) {
     return;
@@ -29821,6 +29790,9 @@ var inflate = (container, target, typeId, data) => {
       for (let i2 = 0; i2 < data.length; i2 += 2) {
         const key = data[i2];
         const value = data[i2 + 1];
+        if (!isSafeObjectKV(key, value)) {
+          continue;
+        }
         target[key] = value;
       }
       break;
@@ -30083,7 +30055,212 @@ function restoreEffectBackRefForEffectsMap(effectsMap, consumer) {
   }
 }
 
+// packages/qwik/src/core/shared/vnode/vnode.ts
+import { isDev as isDev18 } from "@qwik.dev/core/build";
+var _a5;
+_a5 = _EFFECT_BACK_REF;
+var VNode = class {
+  constructor(flags, parent, previousSibling, nextSibling, props) {
+    this.flags = flags;
+    this.parent = parent;
+    this.previousSibling = previousSibling;
+    this.nextSibling = nextSibling;
+    this.props = props;
+    __publicField(this, _a5);
+    __publicField(this, "slotParent", null);
+    __publicField(this, "dirty", 0 /* NONE */);
+    __publicField(this, "dirtyChildren", null);
+    __publicField(this, "nextDirtyChildIndex", 0);
+  }
+  // TODO: this creates debug issues
+  toString() {
+    if (isDev18) {
+      return vnode_toString.call(this);
+    }
+    return Object.prototype.toString.call(this);
+  }
+};
+
+// packages/qwik/src/core/shared/vnode/virtual-vnode.ts
+var VirtualVNode = class extends VNode {
+  constructor(key, flags, parent, previousSibling, nextSibling, props, firstChild, lastChild) {
+    super(flags, parent, previousSibling, nextSibling, props);
+    this.key = key;
+    this.firstChild = firstChild;
+    this.lastChild = lastChild;
+  }
+};
+
+// packages/qwik/src/core/shared/vnode/element-vnode.ts
+var ElementVNode = class extends VirtualVNode {
+  constructor(key, flags, parent, previousSibling, nextSibling, props, firstChild, lastChild, node, elementName) {
+    super(key, flags, parent, previousSibling, nextSibling, props, firstChild, lastChild);
+    this.node = node;
+    this.elementName = elementName;
+  }
+};
+
 // packages/qwik/src/core/shared/qrl/qrl-class.ts
+var LazyRef = class {
+  constructor($chunk$, $symbol$, $symbolFn$, $ref$, container) {
+    this.$chunk$ = $chunk$;
+    this.$symbol$ = $symbol$;
+    this.$symbolFn$ = $symbolFn$;
+    this.$ref$ = $ref$;
+    __publicField(this, "$container$");
+    // Don't allocate dev property immediately so that in prod we don't have this property
+    __publicField(this, "dev");
+    if ($ref$) {
+      this.$setRef$($ref$);
+    }
+    if (container && !$ref$ && typeof $chunk$ === "string" && !$symbolFn$) {
+      this.$container$ = container;
+    }
+    if (qDev) {
+      this.dev = null;
+    }
+    if (isBrowser3 && $chunk$) {
+      preload($chunk$, 0.8);
+    }
+  }
+  /** We don't read hash very often so let's not allocate a string for every QRL */
+  get $hash$() {
+    return getSymbolHash(this.$symbol$);
+  }
+  $setRef$(ref) {
+    this.$ref$ = ref;
+    if (isPromise(ref)) {
+      ref.then(
+        (r) => this.$ref$ = r,
+        (err) => {
+          console.error(`qrl ${this.$symbol$} failed to load`, err);
+          this.$ref$ = null;
+        }
+      );
+    }
+  }
+  /** Load the raw module export without capture binding. */
+  $load$() {
+    if (this.$ref$ != null) {
+      return this.$ref$;
+    }
+    if (this.$chunk$ === "") {
+      isDev19 && assertDefined(this.$container$, "Sync QRL must have container element");
+      const hash3 = this.$container$.$instanceHash$;
+      const doc2 = this.$container$.element?.ownerDocument || document;
+      const qFuncs2 = getQFuncs(doc2, hash3);
+      return this.$ref$ = qFuncs2[Number(this.$symbol$)];
+    }
+    if (isBrowser3 && this.$chunk$) {
+      preload(this.$chunk$, 1);
+    }
+    const symbol = this.$symbol$;
+    const importP = this.$symbolFn$ ? this.$symbolFn$().then((module) => module[symbol]) : getPlatform().importSymbol(
+      this.$container$?.element,
+      this.$chunk$,
+      symbol
+    );
+    this.$setRef$(importP);
+    return this.$ref$;
+  }
+};
+var getInstance = (instance) => {
+  return Object.prototype.hasOwnProperty.call(instance, "resolved") ? instance : Object.getPrototypeOf(instance);
+};
+var QRLClass = class _QRLClass extends Function {
+  constructor($lazy$, $captures$, container) {
+    super();
+    this.$lazy$ = $lazy$;
+    __publicField(this, "resolved");
+    // This is defined or undefined for the lifetime of the QRL, so we set it lazily
+    __publicField(this, "$captures$");
+    __publicField(this, "$container$");
+    if ($captures$) {
+      this.$captures$ = $captures$;
+      if (typeof $captures$ === "string") {
+        this.$container$ = container;
+      }
+      if (qDev) {
+        if ($captures$ && typeof $captures$ === "object") {
+          for (const item of $captures$) {
+            verifySerializable(item, "Captured variable in the closure can not be serialized");
+          }
+        }
+      }
+    }
+    if ($lazy$.$ref$ != null && typeof this.$captures$ !== "string" && !isPromise($lazy$.$ref$)) {
+      this.resolved = bindCaptures(this, $lazy$.$ref$);
+    }
+  }
+  w(captures) {
+    const newQrl = new _QRLClass(
+      this.$lazy$,
+      captures,
+      this.$captures$ ? this.$container$ : void 0
+    );
+    return makeQrlFn(newQrl);
+  }
+  s(ref) {
+    const qrl = getInstance(this);
+    qrl.$lazy$.$setRef$(ref);
+    qrl.resolved = bindCaptures(qrl, ref);
+  }
+  // --- Getter proxies for backward compat ---
+  get $chunk$() {
+    return this.$lazy$.$chunk$;
+  }
+  get $symbol$() {
+    return this.$lazy$.$symbol$;
+  }
+  get $hash$() {
+    return this.$lazy$.$hash$;
+  }
+  get dev() {
+    return this.$lazy$.dev;
+  }
+  $callFn$(withThis, ...args) {
+    if (this.resolved) {
+      return this.resolved.apply(withThis, args);
+    }
+    const ctx = tryGetInvokeContext();
+    return this.resolve(ctx?.$container$).then(
+      () => invokeApply.call(withThis, ctx, this.resolved, args)
+    );
+  }
+  async resolve(container) {
+    const qrl = getInstance(this);
+    return maybeThen($resolve$(qrl, container), () => qrl.resolved);
+  }
+  getSymbol() {
+    return this.$symbol$;
+  }
+  getHash() {
+    return this.$hash$;
+  }
+  getCaptured() {
+    const qrl = getInstance(this);
+    ensureQrlCaptures(qrl);
+    return qrl.$captures$;
+  }
+  getFn(currentCtx, beforeFn) {
+    const qrl = getInstance(this);
+    const bound = (...args) => {
+      if (!qrl.resolved) {
+        return qrl.resolve().then((fn) => {
+          if (qDev && !isFunction(fn)) {
+            throw qError(5 /* qrlIsNotFunction */);
+          }
+          return bound(...args);
+        });
+      }
+      if (beforeFn && beforeFn() === false) {
+        return void 0;
+      }
+      return invokeApply(currentCtx, qrl.resolved, args);
+    };
+    return bound;
+  }
+};
 var _captures = null;
 var setCaptures = (captures) => {
   _captures = captures;
@@ -30097,166 +30274,71 @@ var deserializeCaptures = (container, captures) => {
 };
 var ensureQrlCaptures = (qrl) => {
   _captures = qrl.$captures$;
+  const container = qrl.$container$;
   if (typeof _captures === "string") {
-    if (!qrl.$container$) {
+    if (!container) {
       throw qError(13 /* qrlMissingContainer */);
     }
     const prevLoading = loading;
-    _captures = qrl.$captures$ = deserializeCaptures(qrl.$container$, _captures);
+    _captures = qrl.$captures$ = deserializeCaptures(container, _captures);
     if (loading !== prevLoading) {
       return loading;
     }
   }
 };
-function bindFnToContext(qrl, currentCtx, beforeFn) {
-  const bound = (...args) => {
-    if (!qrl.resolved) {
-      return qrl.resolve().then((fn) => {
-        if (!isFunction(fn)) {
-          throw qError(5 /* qrlIsNotFunction */);
-        }
-        return bound(...args);
-      });
-    }
-    if (beforeFn && beforeFn() === false) {
-      return;
-    }
-    return invokeApply.call(this, currentCtx, qrl.resolved, args);
-  };
-  return bound;
-}
-var bindCaptures = (qrl, fn) => {
-  if (typeof fn !== "function" || !qrl.$captures$) {
-    return fn;
+var bindCaptures = (qrl, ref) => {
+  if (typeof ref !== "function" || !qrl.$captures$) {
+    return ref;
   }
-  return function withCaptures(...args) {
+  return function boundCaptures(...args) {
     ensureQrlCaptures(qrl);
-    return fn.apply(this, args);
+    return ref.apply(this, args);
   };
 };
-var makeResolveFunction = (qrl, symbolFn) => {
-  let symbolRef;
-  return async (container) => {
-    if (symbolRef != null) {
-      return symbolRef;
-    }
+var $resolve$ = (qrl, container) => {
+  const lazy = qrl.$lazy$;
+  const shouldDeserialize = typeof qrl.$captures$ === "string";
+  if (shouldDeserialize && !qrl.$container$) {
     if (container) {
       qrl.$container$ = container;
-    } else if (!qrl.$container$) {
-      const ctx = tryGetInvokeContext();
-      if (ctx?.$container$) {
-        qrl.$container$ = ctx.$container$;
-      }
-    }
-    if (qrl.$chunk$ === "") {
-      isDev19 && assertDefined(qrl.$container$, "Sync QRL must have container element");
-      const hash3 = qrl.$container$.$instanceHash$;
-      const doc2 = qrl.$container$.element?.ownerDocument || document;
-      const qFuncs2 = getQFuncs(doc2, hash3);
-      return qrl.resolved = symbolRef = qFuncs2[Number(qrl.$symbol$)];
-    }
-    if (isBrowser3 && qrl.$chunk$) {
-      preload(qrl.$chunk$, 1);
-    }
-    const start = now();
-    const symbol = qrl.$symbol$;
-    const importP = symbolFn ? symbolFn().then((module) => module[symbol]) : getPlatform().importSymbol(
-      qrl.$container$?.element,
-      qrl.$chunk$,
-      symbol
-    );
-    symbolRef = maybeThen(importP, (resolved) => {
-      if (!isDev19 && symbolFn) {
-        symbolFn[symbol] = resolved;
-      }
-      return symbolRef = qrl.resolved = bindCaptures(qrl, resolved);
-    });
-    if (isPromise(symbolRef)) {
-      const ctx = tryGetInvokeContext();
-      symbolRef.then(
-        () => emitUsedSymbol(
-          symbol,
-          ctx?.$hostElement$ instanceof ElementVNode ? ctx?.$hostElement$.node : void 0,
-          start
-        ),
-        (err) => {
-          console.error(`qrl ${symbol} failed to load`, err);
-          symbolRef = null;
-        }
-      );
-    }
-    if (qrl.$container$) {
-      await ensureQrlCaptures(qrl);
-    }
-    return symbolRef;
-  };
-};
-function getSymbol() {
-  return this.$symbol$;
-}
-function getHash() {
-  return this.$hash$;
-}
-function getCaptured() {
-  ensureQrlCaptures(this);
-  return this.$captures$;
-}
-var createQRL = (chunk, symbol, symbolRef, symbolFn, captures) => {
-  const origSymbolRef = symbolRef;
-  if (qDev && qSerialize) {
-    if (captures && typeof captures === "object") {
-      for (const item of captures) {
-        verifySerializable(item, "Captured variable in the closure can not be serialized");
-      }
+    } else {
+      qrl.$container$ = tryGetInvokeContext()?.$container$;
     }
   }
-  const qrl = async function qrlFn(...args) {
-    if (qrl.resolved) {
-      return qrl.resolved.apply(this, args);
-    }
-    const ctx = tryGetInvokeContext();
-    await qrl.resolve(ctx?.$container$);
-    return invokeApply.call(this, ctx, qrl.resolved, args);
-  };
-  if (symbolFn && symbol in symbolFn) {
-    symbolRef = symbolFn[symbol];
-  }
-  const resolve = symbolRef != null ? async () => symbolRef : makeResolveFunction(qrl, symbolFn);
-  const hash3 = getSymbolHash(symbol);
-  Object.assign(qrl, {
-    getSymbol,
-    getHash,
-    getCaptured,
-    // This can be called with other `this`
-    getFn: function(currentCtx, beforeFn) {
-      return bindFnToContext.call(this, qrl, currentCtx, beforeFn);
-    },
-    resolve,
-    resolved: void 0,
-    $chunk$: chunk,
-    $symbol$: symbol,
-    $hash$: hash3,
-    $captures$: captures,
-    $container$: null
+  if (qrl.resolved) {
+    return;
+  }
+  const start = now();
+  const ctx = tryGetInvokeContext();
+  const rawOrPromise = lazy.$load$();
+  const maybePromise = maybeThen(rawOrPromise, (raw) => {
+    qrl.resolved = bindCaptures(qrl, raw);
   });
-  if (qDev) {
-    qrl.dev = null;
-    qrl.$symbolRef$ = origSymbolRef;
-    seal(qrl);
-  }
-  if (symbolRef != null) {
-    symbolRef = maybeThen(
-      ensureQrlCaptures(qrl),
-      () => maybeThen(symbolRef, (resolved) => {
-        symbolRef = qrl.resolved = bindCaptures(qrl, resolved);
-        return symbolRef;
-      })
+  if (maybePromise) {
+    const symbol = lazy.$symbol$;
+    emitUsedSymbol(
+      symbol,
+      ctx?.$hostElement$ instanceof ElementVNode ? ctx?.$hostElement$.node : void 0,
+      start
     );
   }
-  if (isBrowser3 && chunk) {
-    preload(chunk, 0.8);
+  const capturedPromise = shouldDeserialize && qrl.$container$ && ensureQrlCaptures(qrl);
+  if (capturedPromise) {
+    return capturedPromise.then(() => maybePromise);
   }
-  return qrl;
+  return maybePromise;
+};
+var createQRL = (chunk, symbol, symbolRef, symbolFn, captures, container) => {
+  const lazy = new LazyRef(chunk, symbol, symbolFn, symbolRef, container);
+  const qrl = new QRLClass(lazy, captures, container);
+  return makeQrlFn(qrl);
+};
+var makeQrlFn = (qrl) => {
+  const qrlFn = async function(...args) {
+    return qrl.$callFn$(this, ...args);
+  };
+  Object.setPrototypeOf(qrlFn, qrl);
+  return qrlFn;
 };
 var EMITTED = /* @__PURE__ */ new Set();
 var emitUsedSymbol = (symbol, element, reqTime) => {
@@ -30758,12 +30840,14 @@ function processVNodeData(document2) {
         nextNode = null;
       } else if (nodeType === 64 /* COMMENT_ISLAND_END */) {
         nextNode = node;
+        let nextNodeType;
         do {
           nextNode = walker2.nextNode();
           if (!nextNode) {
             throw new Error(`Ignore block not closed!`);
           }
-        } while (getFastNodeType(nextNode) !== 32 /* COMMENT_IGNORE_END */);
+          nextNodeType = getFastNodeType(nextNode);
+        } while (nextNodeType !== 32 /* COMMENT_IGNORE_END */ && nextNodeType !== 65 /* COMMENT_ISLAND_START */);
         nextNode = null;
       } else if (nodeType === 9 /* COMMENT_SKIP_START */) {
         nextNode = node;
@@ -30958,8 +31042,7 @@ var DomContainer = class extends _SharedContainer {
     this.$stateData$[id] = vParent;
   }
   parseQRL(qrlStr) {
-    const qrl = parseQRL(qrlStr);
-    qrl.$container$ = this;
+    const qrl = parseQRL(qrlStr, this);
     return qrl;
   }
   handleError(err, host) {
@@ -32242,7 +32325,7 @@ var vnode_newElement = (element, elementName, key = null) => {
   isDev25 && assertEqual(fastNodeType(element), 1, "Expecting element node.");
   const vnode = new ElementVNode(
     key,
-    1 /* Element */ | 8 /* Inflated */ | -1 << 11 /* shift */,
+    1 /* Element */ | 8 /* Inflated */ | -1 << 12 /* shift */,
     // Flag
     null,
     null,
@@ -32260,7 +32343,7 @@ var vnode_newUnMaterializedElement = (element) => {
   isDev25 && assertEqual(fastNodeType(element), 1, "Expecting element node.");
   const vnode = new ElementVNode(
     null,
-    1 /* Element */ | -1 << 11 /* shift */,
+    1 /* Element */ | -1 << 12 /* shift */,
     // Flag
     null,
     null,
@@ -32277,7 +32360,7 @@ var vnode_newUnMaterializedElement = (element) => {
 var vnode_newSharedText = (previousTextNode, sharedTextNode, textContent) => {
   isDev25 && sharedTextNode && assertEqual(fastNodeType(sharedTextNode), 3, "Expecting text node.");
   const vnode = new TextVNode(
-    4 /* Text */ | -1 << 11 /* shift */,
+    4 /* Text */ | -1 << 12 /* shift */,
     // Flag
     null,
     // Parent
@@ -32293,7 +32376,7 @@ var vnode_newSharedText = (previousTextNode, sharedTextNode, textContent) => {
 };
 var vnode_newText = (textNode, textContent) => {
   const vnode = new TextVNode(
-    4 /* Text */ | 8 /* Inflated */ | -1 << 11 /* shift */,
+    4 /* Text */ | 8 /* Inflated */ | -1 << 12 /* shift */,
     // Flags
     null,
     // Parent
@@ -32316,7 +32399,7 @@ var vnode_newText = (textNode, textContent) => {
 var vnode_newVirtual = () => {
   const vnode = new VirtualVNode(
     null,
-    2 /* Virtual */ | -1 << 11 /* shift */,
+    2 /* Virtual */ | -1 << 12 /* shift */,
     // Flags
     null,
     null,
@@ -32480,8 +32563,7 @@ function registerQrlHandlers(attr, key, container, element) {
   const scopedKebabName = key.slice(2);
   const qrls = value.split("|");
   const handlers = qrls.map((qrl) => {
-    const handler = parseQRL(qrl);
-    handler.$container$ = container;
+    const handler = parseQRL(qrl, container);
     return handler;
   });
   (element._qDispatch || (element._qDispatch = {}))[scopedKebabName] = handlers;
@@ -32710,7 +32792,7 @@ var vnode_locate = (rootVNode, id) => {
 var vnode_getChildWithIdx = (vNode, childIdx) => {
   let child = vnode_getFirstChild(vNode);
   isDev25 && assertDefined(child, "Missing child.");
-  while (child.flags >>> 11 /* shift */ !== childIdx) {
+  while (child.flags >>> 12 /* shift */ !== childIdx) {
     child = child.nextSibling;
     isDev25 && assertDefined(child, "Missing child.");
   }
@@ -32882,8 +32964,9 @@ var vnode_insertVirtualBefore = (journal, parent, newChild, insertBefore) => {
   }
   vnode_unlinkFromOldParent(journal, newChildCurrentParent, parent, newChild);
   const parentIsDeleted = parent.flags & 32 /* Deleted */;
-  const domParentVNode = parentIsElement ? parent : vnode_getDomParentVNode(parent, false);
-  const parentNode = domParentVNode?.node;
+  const targetEl = !parentIsElement && parent.flags & 2048 /* HasTargetElement */ ? parent.props?.[QTargetElement] : null;
+  const domParentVNode = targetEl ? null : parentIsElement ? parent : vnode_getDomParentVNode(parent, false);
+  const parentNode = targetEl || domParentVNode?.node;
   const adjustedInsertBefore = vnode_findInsertBefore(journal, parent, insertBefore);
   const adjustedInsertBeforeNode = adjustedInsertBefore?.node ?? null;
   const isProjection = vnode_isProjection(newChild);
@@ -32986,8 +33069,13 @@ var vnode_insertBefore = (journal, parent, newChild, insertBefore) => {
   }
 };
 var vnode_getDomParent = (vnode, includeProjection) => {
-  vnode = vnode_getDomParentVNode(vnode, includeProjection);
-  return vnode && vnode.node;
+  while (vnode && !vnode_isElementVNode(vnode)) {
+    if (vnode.flags & 2048 /* HasTargetElement */) {
+      return vnode.props?.[QTargetElement];
+    }
+    vnode = vnode.parent || (includeProjection ? vnode.slotParent : null);
+  }
+  return vnode ? vnode.node : null;
 };
 var vnode_getDomParentVNode = (vnode, includeProjection) => {
   while (vnode && !vnode_isElementVNode(vnode)) {
@@ -33170,7 +33258,12 @@ var fastNextSibling = (node) => {
         if (nodeValue?.startsWith(QIgnore)) {
           return getNodeAfterCommentNode(node, QContainerIsland, _fastNextSibling, _fastFirstChild);
         } else if (node.nodeValue?.startsWith(QContainerIslandEnd)) {
-          return getNodeAfterCommentNode(node, QIgnoreEnd, _fastNextSibling, _fastFirstChild);
+          return getNodeAfterCommentNode(
+            node,
+            [QContainerIsland, QIgnoreEnd],
+            _fastNextSibling,
+            _fastFirstChild
+          );
         } else if (nodeValue?.startsWith(QContainerAttr)) {
           while (node && (node = _fastNextSibling.call(node))) {
             if (fastNodeType(node) === /* Node.COMMENT_NODE */
@@ -33185,8 +33278,22 @@ var fastNextSibling = (node) => {
   return node;
 };
 function getNodeAfterCommentNode(node, commentValue, nextSibling, firstChild) {
+  const isSingleValue = typeof commentValue === "string";
+  const length = commentValue.length;
   while (node) {
-    if (node.nodeValue?.startsWith(commentValue)) {
+    const nodeValue = node.nodeValue;
+    let isMatch;
+    if (isSingleValue) {
+      isMatch = nodeValue?.startsWith(commentValue);
+    } else {
+      for (let i = 0; i < length; i++) {
+        if (nodeValue?.startsWith(commentValue[i])) {
+          isMatch = true;
+          break;
+        }
+      }
+    }
+    if (isMatch) {
       node = nextSibling.call(node) || null;
       return node;
     }
@@ -33194,11 +33301,13 @@ function getNodeAfterCommentNode(node, commentValue, nextSibling, firstChild) {
     if (!nextNode) {
       nextNode = nextSibling.call(node);
     }
-    if (!nextNode) {
+    while (!nextNode) {
       nextNode = fastParentNode(node);
-      if (nextNode) {
-        nextNode = nextSibling.call(nextNode);
+      if (!nextNode) {
+        break;
       }
+      node = nextNode;
+      nextNode = nextSibling.call(nextNode);
     }
     node = nextNode;
   }
@@ -33211,6 +33320,13 @@ var fastFirstChild = (node) => {
     _fastFirstChild = fastGetter(node, "firstChild");
   }
   node = node && _fastFirstChild.call(node);
+  if (node && fastNodeType(node) === /* Node.COMMENT_NODE */
+  8 && node.nodeValue?.startsWith(QIgnore)) {
+    if (!_fastNextSibling) {
+      _fastNextSibling = fastGetter(node, "nextSibling");
+    }
+    return getNodeAfterCommentNode(node, QContainerIsland, _fastNextSibling, _fastFirstChild);
+  }
   while (node && !fastIsTextOrElement(node)) {
     node = fastNextSibling(node);
   }
@@ -33392,7 +33508,7 @@ function vnode_toString(depth = 20, offset = "", materialize2 = false, siblings
     if (vnode_isTextVNode(vnode)) {
       strings.push(qwikDebugToString(vnode_getText(vnode)));
     } else if (vnode_isVirtualVNode(vnode)) {
-      const idx = vnode.flags >>> 11 /* shift */;
+      const idx = vnode.flags >>> 12 /* shift */;
       const attrs = ["[" + String(idx) + "]"];
       if (vnode.dirty) {
         attrs.push(` dirty:${vnode.dirty}`);
@@ -33482,7 +33598,7 @@ function materializeFromVNodeData(vParent, vData, element, child) {
   let vLast = null;
   let previousTextNode = null;
   const addVNode = (node) => {
-    node.flags = node.flags & 2047 /* mask */ | idx << 11 /* shift */;
+    node.flags = node.flags & 4095 /* mask */ | idx << 12 /* shift */;
     idx++;
     vLast && (vLast.nextSibling = node);
     node.previousSibling = vLast;