@qwik.dev/core 2.0.0-beta.2 → 2.0.0-beta.4

package/dist/core.prod.cjs

@@ -1,13 +1,13 @@
 /**
  * @license
- * @qwik.dev/core 2.0.0-beta.2-dev+3ddc6c7
+ * @qwik.dev/core 2.0.0-beta.4-dev+9849dcf
  * 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
  */
 !function(global, factory) {
     "object" == typeof exports && "undefined" != typeof module ? factory(exports, require("@qwik.dev/core/build"), require("@qwik.dev/core/preloader")) : "function" == typeof define && define.amd ? define([ "exports", "@qwik.dev/core/build", "@qwik.dev/core/preloader" ], factory) : factory((global = "undefined" != typeof globalThis ? globalThis : global || self).qwikCore = {}, global.qwikBuild, global.qwikPreloader);
-}(this, (function(exports, build, preloader) {
+}(this, function(exports, build, preloader) {
     "use strict";
     const qDev = !1;
     const seal = () => {
@@ -22,10 +22,18 @@
     const createAndLogError = (asyncThrow, message, ...optionalParams) => {
         const err = message instanceof Error ? message : new Error(message);
         return console.error("%cQWIK ERROR", "", err.message, ...optionalParams, err.stack), 
-        asyncThrow && setTimeout((() => {
+        asyncThrow && setTimeout(() => {
             throw err;
-        }), 0), err;
+        }, 0), err;
     };
+    const isSerializableObject = v => {
+        const proto = Object.getPrototypeOf(v);
+        return proto === Object.prototype || proto === Array.prototype || null === proto;
+    };
+    const isObject = v => "object" == typeof v && null !== v;
+    const isArray = v => Array.isArray(v);
+    const isString = v => "string" == typeof v;
+    const isFunction = v => "function" == typeof v;
     const qError = (code, errorMessageArgs = []) => {
         const text = (code => `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`)(code, ...errorMessageArgs);
         return ((message, ...optionalParams) => createAndLogError(qDev, message, ...optionalParams))(text, ...errorMessageArgs);
@@ -65,18 +73,18 @@
             const urlDoc = toUrl(containerEl.ownerDocument, containerEl, url).toString();
             const urlCopy = new URL(urlDoc);
             urlCopy.hash = "";
-            return import(urlCopy.href).then((mod => mod[symbolName]));
+            return import(urlCopy.href).then(mod => mod[symbolName]);
         },
-        raf: fn => new Promise((resolve => {
-            requestAnimationFrame((() => {
+        raf: fn => new Promise(resolve => {
+            requestAnimationFrame(() => {
                 resolve(fn());
-            }));
-        })),
-        nextTick: fn => new Promise((resolve => {
-            setTimeout((() => {
+            });
+        }),
+        nextTick: fn => new Promise(resolve => {
+            setTimeout(() => {
                 resolve(fn());
-            }));
-        })),
+            });
+        }),
         chunkForSymbol: (symbolName, chunk) => [ symbolName, chunk ?? "_" ]
     });
     const toUrl = (doc, containerEl, url) => {
@@ -102,9 +110,9 @@
     const shouldNotError = reason => {
         throwErrorAndStop(reason);
     };
-    const delay = timeout => new Promise((resolve => {
+    const delay = timeout => new Promise(resolve => {
         setTimeout(resolve, timeout);
-    }));
+    });
     function retryOnPromise(fn, retryCount = 0) {
         const retryOrThrow = e => {
             if (isPromise(e) && retryCount < 100) {
@@ -114,7 +122,7 @@
         };
         try {
             const result = fn();
-            return isPromise(result) ? result.catch((e => retryOrThrow(e))) : result;
+            return isPromise(result) ? result.catch(e => retryOrThrow(e)) : result;
         } catch (e) {
             if (build.isDev && build.isServer && e instanceof ReferenceError && e.message.includes("window")) {
                 throw e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message, 
@@ -123,14 +131,6 @@
             return retryOrThrow(e);
         }
     }
-    const isSerializableObject = v => {
-        const proto = Object.getPrototypeOf(v);
-        return proto === Object.prototype || proto === Array.prototype || null === proto;
-    };
-    const isObject = v => !!v && "object" == typeof v;
-    const isArray = v => Array.isArray(v);
-    const isString = v => "string" == typeof v;
-    const isFunction = v => "function" == typeof v;
     function assertDefined() {
         qDev;
     }
@@ -163,7 +163,7 @@
             this.$untrackedValue$ = value;
         }
         get value() {
-            return setupSignalValueAccess(this, (() => this.$effects$ ||= new Set), (() => this.untrackedValue));
+            return setupSignalValueAccess(this, () => this.$effects$ ||= new Set, () => this.untrackedValue);
         }
         set value(value) {
             value !== this.$untrackedValue$ && (this.$untrackedValue$ = value, triggerEffects(this.$container$, this, this.$effects$));
@@ -172,7 +172,7 @@
             qDev;
         }
         toString() {
-            return build.isDev ? `[${this.constructor.name}${1 & this.$flags$ ? " INVALID" : ""} ${String(this.$untrackedValue$)}]` + (Array.from(this.$effects$ || []).map((e => "\n -> " + pad(qwikDebugToString(e[0]), "    "))).join("\n") || "") : this.constructor.name;
+            return build.isDev ? `[${this.constructor.name}${1 & this.$flags$ ? " INVALID" : ""} ${String(this.$untrackedValue$)}]` + (Array.from(this.$effects$ || []).map(e => "\n -> " + pad(qwikDebugToString(e[0]), "    ")).join("\n") || "") : this.constructor.name;
         }
         toJSON() {
             return {
@@ -211,11 +211,11 @@
             super(container, NEEDS_COMPUTATION), this.$args$ = args, this.$func$ = fn, this.$funcStr$ = fnStr, 
             this.$flags$ = flags;
         }
-        $invalidate$() {
+        invalidate() {
             this.$flags$ |= 1, this.$forceRunEffects$ = !1, this.$container$?.$scheduler$(7, this.$hostElement$, this, this.$effects$);
         }
         force() {
-            this.$flags$ |= 1, this.$forceRunEffects$ = !1, triggerEffects(this.$container$, this, this.$effects$);
+            this.$forceRunEffects$ = !0, this.$container$?.$scheduler$(7, this.$hostElement$, this, this.$effects$);
         }
         get untrackedValue() {
             const didChange = this.$computeIfNeeded$();
@@ -225,7 +225,7 @@
             if (!(1 & this.$flags$)) {
                 return !1;
             }
-            const untrackedValue = trackSignal((() => this.$func$(...this.$args$)), this, ".", this.$container$);
+            const untrackedValue = trackSignal(() => this.$func$(...this.$args$), this, ".", this.$container$);
             const didChange = untrackedValue !== this.$untrackedValue$;
             return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
         }
@@ -308,7 +308,7 @@
             $event$: event,
             $qrl$: void 0,
             $effectSubscriber$: void 0,
-            $locale$: locale || ("object" == typeof event && event && "locale" in event ? event.locale : void 0),
+            $locale$: locale || (event && isObject(event) && "locale" in event ? event.locale : void 0),
             $container$: void 0
         };
         return seal(), ctx;
@@ -326,7 +326,7 @@
         }
     };
     const trackSignalAndAssignHost = (value, host, property, container, data) => (value instanceof WrappedSignalImpl && value.$hostElement$ !== host && host && (value.$hostElement$ = host), 
-    trackSignal((() => value.value), host, property, container, data));
+    trackSignal(() => value.value, host, property, container, data));
     const useSequentialScope = () => {
         const iCtx = useInvokeContext();
         const host = iCtx.$hostElement$;
@@ -400,7 +400,7 @@
         set(1));
     };
     const ERROR_CONTEXT = /*#__PURE__*/ createContextId("qk-error");
-    const version = "2.0.0-beta.2-dev+3ddc6c7";
+    const version = "2.0.0-beta.4-dev+9849dcf";
     const EMPTY_ARRAY = [];
     const EMPTY_OBJ = {};
     Object.freeze(EMPTY_ARRAY), Object.freeze(EMPTY_OBJ);
@@ -424,7 +424,7 @@
                     {
                         const ref = "QWIK-SELF";
                         const frames = new Error(ref).stack.split("\n");
-                        const start = frames.findIndex((f => f.includes(ref)));
+                        const start = frames.findIndex(f => f.includes(ref));
                         match = frames[start + 2 + stackOffset].match(EXTRACT_FILE_NAME), chunk = match ? match[1] : "main";
                     }
                 }
@@ -469,6 +469,7 @@
     const _CONST_PROPS = Symbol("CONST");
     const _VAR_PROPS = Symbol("VAR");
     const _IMMUTABLE = Symbol("IMMUTABLE");
+    const _UNINITIALIZED = Symbol("UNINITIALIZED");
     const implicit$FirstArg = fn => function(first, ...rest) {
         return fn.call(null, dollar(first), ...rest);
     };
@@ -477,10 +478,10 @@
         $flags$;
         $forceRunEffects$=!1;
         [_EFFECT_BACK_REF]=null;
-        constructor(container, fn, flags = 1) {
+        constructor(container, fn, flags = 17) {
             super(container, NEEDS_COMPUTATION), this.$computeQrl$ = fn, this.$flags$ = flags;
         }
-        $invalidate$() {
+        invalidate() {
             this.$flags$ |= 1, this.$forceRunEffects$ = !1, this.$container$?.$scheduler$(7, null, this, this.$effects$);
         }
         force() {
@@ -520,7 +521,7 @@
     }
     class SerializerSignalImpl extends ComputedSignalImpl {
         constructor(container, argQrl) {
-            super(container, argQrl);
+            super(container, argQrl, 17);
         }
         $didInitialize$=!1;
         $computeIfNeeded$() {
@@ -533,7 +534,7 @@
             const {deserialize, initial} = arg;
             const update = arg.update;
             const currentValue = this.$untrackedValue$ === NEEDS_COMPUTATION ? initial : this.$untrackedValue$;
-            const untrackedValue = trackSignal((() => this.$didInitialize$ ? update?.(currentValue) : deserialize(currentValue)), this, ".", this.$container$);
+            const untrackedValue = trackSignal(() => this.$didInitialize$ ? update?.(currentValue) || currentValue : deserialize(currentValue), this, ".", this.$container$);
             const didChange = this.$didInitialize$ && "undefined" !== untrackedValue || untrackedValue !== this.$untrackedValue$;
             return this.$flags$ &= -2, this.$didInitialize$ = !0, didChange && (this.$untrackedValue$ = untrackedValue), 
             didChange;
@@ -585,7 +586,7 @@
             if ("toString" === prop && value === Object.prototype.toString) {
                 return this.toString;
             }
-            return 1 & this.$flags$ && "object" == typeof value && null !== value && !Object.isFrozen(value) && !isStore(value) && !Object.isFrozen(target) ? getOrCreateStore(value, this.$flags$, this.$container$) : value;
+            return 1 & this.$flags$ && isObject(value) && !Object.isFrozen(value) && !isStore(value) && !Object.isFrozen(target) ? getOrCreateStore(value, this.$flags$, this.$container$) : value;
         }
         set(target, prop, value) {
             if ("symbol" == typeof prop) {
@@ -665,7 +666,7 @@
     const trackFn = (target, container) => (obj, prop) => {
         const ctx = newInvokeContext();
         return ctx.$effectSubscriber$ = getSubscriber(target, ":"), ctx.$container$ = container || void 0, 
-        invoke(ctx, (() => {
+        invoke(ctx, () => {
             if (isFunction(obj)) {
                 return obj();
             }
@@ -680,20 +681,20 @@
                 obj;
             }
             throw qError(2);
-        }));
+        });
     };
     const cleanupFn = (target, handleError) => {
         let cleanupFns = null;
         return [ fn => {
-            "function" == typeof fn && (cleanupFns || (cleanupFns = [], target.$destroy$ = noSerialize((() => {
-                target.$destroy$ = null, cleanupFns.forEach((fn => {
+            "function" == typeof fn && (cleanupFns || (cleanupFns = [], target.$destroy$ = noSerialize(() => {
+                target.$destroy$ = null, cleanupFns.forEach(fn => {
                     try {
                         fn();
                     } catch (err) {
                         handleError(err);
                     }
-                }));
-            }))), cleanupFns.push(fn));
+                });
+            })), cleanupFns.push(fn));
         }, cleanupFns ?? [] ];
     };
     class AsyncComputedSignalImpl extends ComputedSignalImpl {
@@ -702,13 +703,13 @@
         $loadingEffects$=null;
         $errorEffects$=null;
         $destroy$;
-        $promiseValue$=null;
+        $promiseValue$=NEEDS_COMPUTATION;
         [_EFFECT_BACK_REF]=null;
         constructor(container, fn, flags = 1) {
             super(container, fn, flags);
         }
         get loading() {
-            return setupSignalValueAccess(this, (() => this.$loadingEffects$ ||= new Set), (() => this.untrackedLoading));
+            return setupSignalValueAccess(this, () => this.$loadingEffects$ ||= new Set, () => this.untrackedLoading);
         }
         set untrackedLoading(value) {
             value !== this.$untrackedLoading$ && (this.$untrackedLoading$ = value, this.$container$?.$scheduler$(7, null, this, this.$loadingEffects$));
@@ -717,7 +718,7 @@
             return this.$untrackedLoading$;
         }
         get error() {
-            return setupSignalValueAccess(this, (() => this.$errorEffects$ ||= new Set), (() => this.untrackedError));
+            return setupSignalValueAccess(this, () => this.$errorEffects$ ||= new Set, () => this.untrackedError);
         }
         set untrackedError(value) {
             value !== this.$untrackedError$ && (this.$untrackedError$ = value, this.$container$?.$scheduler$(7, null, this, this.$errorEffects$));
@@ -725,33 +726,38 @@
         get untrackedError() {
             return this.$untrackedError$;
         }
+        invalidate() {
+            super.invalidate(), this.$promiseValue$ = NEEDS_COMPUTATION;
+        }
         $computeIfNeeded$() {
             if (!(1 & this.$flags$)) {
                 return !1;
             }
             const computeQrl = this.$computeQrl$;
             throwIfQRLNotResolved(computeQrl);
-            const [cleanup] = cleanupFn(this, (err => this.$container$?.handleError(err, null)));
-            const untrackedValue = this.$promiseValue$ ?? computeQrl.getFn()({
+            const [cleanup] = cleanupFn(this, err => this.$container$?.handleError(err, null));
+            const untrackedValue = this.$promiseValue$ === NEEDS_COMPUTATION ? computeQrl.getFn()({
                 track: trackFn(this, this.$container$),
                 cleanup
-            });
+            }) : this.$promiseValue$;
             if (isPromise(untrackedValue)) {
-                throw this.untrackedLoading = !0, this.untrackedError = null, untrackedValue.then((promiseValue => {
+                throw this.untrackedLoading = !0, this.untrackedError = null, untrackedValue.then(promiseValue => {
                     this.$promiseValue$ = promiseValue, this.untrackedLoading = !1, this.untrackedError = null;
-                })).catch((err => {
-                    this.untrackedLoading = !1, this.untrackedError = err;
-                }));
+                }).catch(err => {
+                    this.$promiseValue$ = err, this.untrackedLoading = !1, this.untrackedError = err;
+                });
             }
-            this.$promiseValue$ = null, this.$flags$ &= -2;
+            this.$promiseValue$ = NEEDS_COMPUTATION, this.$flags$ &= -2;
             const didChange = untrackedValue !== this.$untrackedValue$;
             return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
         }
     }
-    const createComputedSignal = qrl => (throwIfQRLNotResolved(qrl), new ComputedSignalImpl(null, qrl));
-    const createSerializerSignal = arg => (throwIfQRLNotResolved(arg), new SerializerSignalImpl(null, arg));
+    const createComputedSignal = (qrl, options) => new ComputedSignalImpl(options?.container || null, qrl, getComputedSignalFlags(options?.serializationStrategy || "always"));
+    const createAsyncComputedSignal = (qrl, options) => new AsyncComputedSignalImpl(options?.container || null, qrl, getComputedSignalFlags(options?.serializationStrategy || "never"));
+    const createSerializerSignal = arg => new SerializerSignalImpl(null, arg);
     const createSignal = value => new SignalImpl(null, value);
     const createComputed$ = /*#__PURE__*/ implicit$FirstArg(createComputedSignal);
+    const createAsyncComputed$ = /*#__PURE__*/ implicit$FirstArg(createAsyncComputedSignal);
     const createSerializer$ = implicit$FirstArg(createSerializerSignal);
     const getValueProp = p0 => p0.value;
     const getProp = (p0, p1) => p0[p1];
@@ -863,6 +869,7 @@
         }
         return classes.join(" ");
     };
+    const fromCamelToKebabCaseWithDash = text => text.replace(/([A-Z])/g, "-$1").toLowerCase();
     function serializeAttribute(key, value, styleScopedId) {
         if (isClassAttr(key)) {
             const serializedClass = serializeClass(value);
@@ -881,7 +888,7 @@
                         for (const key in obj) {
                             if (Object.prototype.hasOwnProperty.call(obj, key)) {
                                 const value = obj[key];
-                                null != value && "function" != typeof value && (key.startsWith("--") ? chunks.push(key + ":" + value) : chunks.push(key.replace(/([A-Z])/g, "-$1").toLowerCase() + ":" + setValueForStyle(key, value)));
+                                null != value && "function" != typeof value && (key.startsWith("--") ? chunks.push(key + ":" + value) : chunks.push(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value)));
                             }
                         }
                         return chunks.join(";");
@@ -958,14 +965,14 @@
             const inlineComponent = componentQRL;
             componentFn = () => invokeApply(iCtx, inlineComponent, [ props || EMPTY_OBJ ]);
         }
-        const executeComponentWithPromiseExceptionRetry = (retryCount = 0) => safeCall((() => (isInlineComponent || (container.setHostProp(renderHost, "q:seqIdx", null), 
-        container.setHostProp(renderHost, ":onIdx", null), container.setHostProp(renderHost, "q:props", props)), 
-        vnode_isVNode(renderHost) && clearAllEffects(container, renderHost), componentFn(props))), (jsx => {
+        const executeComponentWithPromiseExceptionRetry = (retryCount = 0) => safeCall(() => (isInlineComponent || (container.setHostProp(renderHost, "q:seqIdx", null), 
+        container.setHostProp(renderHost, ":onIdx", null)), vnode_isVNode(renderHost) && clearAllEffects(container, renderHost), 
+        componentFn(props)), jsx => {
             const useOnEvents = container.getHostProp(renderHost, ":on");
             return useOnEvents ? function(jsx, useOnEvents) {
                 const jsxElement = findFirstStringJSX(jsx);
                 let jsxResult = jsx;
-                return maybeThen(jsxElement, (jsxElement => {
+                return maybeThen(jsxElement, jsxElement => {
                     let isInvisibleComponent = !1;
                     jsxElement || (isInvisibleComponent = !0);
                     for (const key in useOnEvents) {
@@ -986,14 +993,17 @@
                         }
                     }
                     return jsxResult;
-                }));
+                });
             }(jsx, useOnEvents) : jsx;
-        }), (err => {
+        }, err => {
             if (isPromise(err) && retryCount < 100) {
-                return err.then((() => executeComponentWithPromiseExceptionRetry(retryCount++)));
+                return err.then(() => executeComponentWithPromiseExceptionRetry(++retryCount));
+            }
+            if (retryCount >= 100) {
+                throw new Error("Max retry count of component execution reached");
             }
             throw err;
-        }));
+        });
         return executeComponentWithPromiseExceptionRetry();
     };
     function addUseOnEvent(jsxElement, key, value) {
@@ -1016,10 +1026,10 @@
                 queue.push(...jsx);
             } else {
                 if (isPromise(jsx)) {
-                    return maybeThen(jsx, (jsx => findFirstStringJSX(jsx)));
+                    return maybeThen(jsx, jsx => findFirstStringJSX(jsx));
                 }
                 if (isSignal(jsx)) {
-                    return findFirstStringJSX(untrack((() => jsx.value)));
+                    return findFirstStringJSX(untrack(() => jsx.value));
                 }
             }
         }
@@ -1056,7 +1066,12 @@
                 const value = stack.pop();
                 if (value instanceof ParentComponentData) {
                     options.currentStyleScoped = value.$scopedStyle$, options.parentComponentFrame = value.$componentFrame$;
-                } else if (value !== MaybeAsyncSignal) {
+                } else {
+                    if (value === MaybeAsyncSignal) {
+                        const trackFn = stack.pop();
+                        await retryOnPromise(() => stack.push(trackFn()));
+                        continue;
+                    }
                     if ("function" != typeof value) {
                         processJSXNode(ssr, enqueue, value, {
                             styleScoped: options.currentStyleScoped,
@@ -1069,9 +1084,6 @@
                         }
                         await value.apply(ssr);
                     }
-                } else {
-                    const trackFn = stack.pop();
-                    await retryOnPromise((() => stack.push(trackFn())));
                 }
             }
         })();
@@ -1093,22 +1105,22 @@
             } else if (isSignal(value)) {
                 ssr.openFragment(build.isDev ? [ DEBUG_TYPE, "S" ] : EMPTY_ARRAY);
                 const signalNode = ssr.getOrCreateLastNode();
-                enqueue(ssr.closeFragment), enqueue((() => trackSignalAndAssignHost(value, signalNode, ".", ssr))), 
+                enqueue(ssr.closeFragment), enqueue(() => trackSignalAndAssignHost(value, signalNode, ".", ssr)), 
                 enqueue(MaybeAsyncSignal);
             } else if (isPromise(value)) {
                 ssr.openFragment(build.isDev ? [ DEBUG_TYPE, "A" ] : EMPTY_ARRAY), enqueue(ssr.closeFragment), 
-                enqueue(value), enqueue(Promise), enqueue((() => ssr.commentNode("qkssr-f")));
+                enqueue(value), enqueue(Promise), enqueue(() => ssr.commentNode("qkssr-f"));
             } else if (function(value) {
                 return !!value[Symbol.asyncIterator];
             }(value)) {
-                enqueue((async () => {
+                enqueue(async () => {
                     for await (const chunk of value) {
                         await _walkJSX(ssr, chunk, {
                             currentStyleScoped: options.styleScoped,
                             parentComponentFrame: options.parentComponentFrame
                         }), ssr.commentNode("qkssr-f");
                     }
-                }));
+                });
             } else {
                 const jsx = value;
                 const type = jsx.type;
@@ -1229,10 +1241,10 @@
                 }
                 const eventValue = setEvent(serializationCtx, key, value);
                 eventValue && ssrAttrs.push(jsxEventToHtmlAttribute(key), eventValue);
-            } else {
-                isSignal(value) ? isClassAttr(key) ? ssrAttrs.push(key, [ value, styleScopedId ]) : ssrAttrs.push(key, value) : (isPreventDefault(key) && addPreventDefaultEventToSerializationContext(serializationCtx, key), 
-                value = serializeAttribute(key, value, styleScopedId), ssrAttrs.push(key, value));
+                continue;
             }
+            isSignal(value) ? isClassAttr(key) ? ssrAttrs.push(key, [ value, styleScopedId ]) : ssrAttrs.push(key, value) : (isPreventDefault(key) && addPreventDefaultEventToSerializationContext(serializationCtx, key), 
+            value = serializeAttribute(key, value, styleScopedId), ssrAttrs.push(key, value));
         }
         return null != key && ssrAttrs.push("q:key", key), ssrAttrs;
     }
@@ -1290,25 +1302,25 @@
         const task = new Task(10, i, iCtx.$hostElement$, qrl, void 0, null);
         set(task);
         const promise = iCtx.$container$.$scheduler$(3, task);
-        isPromise(promise) && promise.catch((() => {}));
+        isPromise(promise) && promise.catch(() => {});
     };
     const runTask = (task, container, host) => {
         task.$flags$ &= -9, cleanupTask(task);
         const iCtx = newInvokeContext(container.$locale$, host, void 0, "qTask");
         iCtx.$container$ = container;
-        const taskFn = task.$qrl$.getFn(iCtx, (() => clearAllEffects(container, task)));
+        const taskFn = task.$qrl$.getFn(iCtx, () => clearAllEffects(container, task));
         const track = trackFn(task, container);
-        const [cleanup] = cleanupFn(task, (reason => container.handleError(reason, host)));
+        const [cleanup] = cleanupFn(task, reason => container.handleError(reason, host));
         const taskApi = {
             track,
             cleanup
         };
-        return safeCall((() => taskFn(taskApi)), cleanup, (err => {
+        return safeCall(() => taskFn(taskApi), cleanup, err => {
             if (isPromise(err)) {
-                return err.then((() => runTask(task, container, host)));
+                return err.then(() => runTask(task, container, host));
             }
             throw err;
-        }));
+        });
     };
     const cleanupTask = task => {
         const destroy = task.$destroy$;
@@ -1348,11 +1360,11 @@
     };
     const _jsxSplit = (type, varProps, constProps, children, flags, key, dev) => {
         let sortedProps;
-        return sortedProps = varProps ? Object.fromEntries(untrack((() => Object.entries(varProps))).filter((entry => {
+        return sortedProps = varProps ? Object.fromEntries(untrack(() => Object.entries(varProps)).filter(entry => {
             const attr = entry[0];
             return "children" === attr ? (children ??= entry[1], !1) : "key" === attr ? (key = entry[1], 
             !1) : !constProps || !(attr in constProps) || /^on[A-Z].*\$$/.test(attr);
-        })).sort((([a], [b]) => a < b ? -1 : 1))) : "string" == typeof type ? EMPTY_OBJ : {}, 
+        }).sort(([a], [b]) => a < b ? -1 : 1)) : "string" == typeof type ? EMPTY_OBJ : {}, 
         constProps && "children" in constProps && (children = constProps.children, constProps.children = void 0), 
         _jsxSorted(type, sortedProps, constProps, children, flags, key, dev);
     };
@@ -1472,7 +1484,7 @@
     };
     const mapArray_set = (array, key, value, start) => {
         const indx = mapApp_findIndx(array, key, start);
-        indx >= 0 ? null == value ? array.splice(indx, 2) : array[indx + 1] = value : null != value && array.splice(~indx, 0, key, value);
+        indx >= 0 ? null == value ? array.splice(indx, 2) : array[indx + 1] = value : null != value && array.splice(-1 ^ indx, 0, key, value);
     };
     const mapArray_get = (array, key, start) => {
         const indx = mapApp_findIndx(array, key, start);
@@ -1620,7 +1632,7 @@
                 const jsxNode = asyncQueue.shift();
                 const vHostNode = asyncQueue.shift();
                 if (isPromise(jsxNode)) {
-                    return jsxNode.then((jsxNode => (diff(jsxNode, vHostNode), drainAsyncQueue())));
+                    return jsxNode.then(jsxNode => (diff(jsxNode, vHostNode), drainAsyncQueue()));
                 }
                 diff(jsxNode, vHostNode);
             }
@@ -1707,7 +1719,7 @@
         }
         function expectProjection() {
             const slotName = jsxValue.key;
-            vCurrent = vnode_getProp(vParent, slotName, (id => vnode_locate(container.rootVNode, id))), 
+            vCurrent = vnode_getProp(vParent, slotName, id => vnode_locate(container.rootVNode, id)), 
             vCurrent = vCurrent && 32 & vCurrent[0] ? null : vCurrent, null == vCurrent && (vNewNode = vnode_newVirtual(), 
             build.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P"), build.isDev && vnode_setProp(vNewNode, "q:code", "expectProjection"), 
             vnode_setProp(vNewNode, QSlot, slotName), vnode_setProp(vNewNode, "q:sparent", vParent), 
@@ -1773,43 +1785,43 @@
                             htmlEvent && vnode_setAttr(journal, vNewNode, htmlEvent, "");
                         }
                         needsQDispatchEventPatch = !0;
-                    } else {
-                        if ("ref" === key) {
-                            if (isSignal(value)) {
-                                value.value = element;
-                                continue;
-                            }
-                            if ("function" == typeof value) {
-                                value(element);
-                                continue;
-                            }
-                            if (null == value) {
-                                continue;
-                            }
-                            throw qError(15, [ currentFile ]);
-                        }
+                        continue;
+                    }
+                    if ("ref" === key) {
                         if (isSignal(value)) {
-                            const signalData = new SubscriptionData({
-                                $scopedStyleIdPrefix$: scopedStyleIdPrefix,
-                                $isConst$: !0
-                            });
-                            value = trackSignalAndAssignHost(value, vNewNode, key, container, signalData);
+                            value.value = element;
+                            continue;
                         }
-                        if ("dangerouslySetInnerHTML" !== key) {
-                            if ("textarea" !== elementName || "value" !== key) {
-                                value = serializeAttribute(key, value, scopedStyleIdPrefix), null != value && element.setAttribute(key, String(value));
-                            } else {
-                                if (value && "string" != typeof value) {
-                                    if (build.isDev) {
-                                        throw qError(23, [ currentFile, value ]);
-                                    }
-                                    continue;
+                        if ("function" == typeof value) {
+                            value(element);
+                            continue;
+                        }
+                        if (null == value) {
+                            continue;
+                        }
+                        throw qError(15, [ currentFile ]);
+                    }
+                    if (isSignal(value)) {
+                        const signalData = new SubscriptionData({
+                            $scopedStyleIdPrefix$: scopedStyleIdPrefix,
+                            $isConst$: !0
+                        });
+                        value = trackSignalAndAssignHost(value, vNewNode, key, container, signalData);
+                    }
+                    if ("dangerouslySetInnerHTML" !== key) {
+                        if ("textarea" !== elementName || "value" !== key) {
+                            value = serializeAttribute(key, value, scopedStyleIdPrefix), null != value && element.setAttribute(key, String(value));
+                        } else {
+                            if (value && "string" != typeof value) {
+                                if (build.isDev) {
+                                    throw qError(23, [ currentFile, value ]);
                                 }
-                                element.value = escapeHTML(value || "");
+                                continue;
                             }
-                        } else {
-                            element.innerHTML = value, element.setAttribute("q:container", "html");
+                            element.value = escapeHTML(value || "");
                         }
+                    } else {
+                        element.innerHTML = value, element.setAttribute("q:container", "html");
                     }
                 }
             }
@@ -1906,12 +1918,12 @@
                 const eventProp = ":" + scope.substring(1) + ":" + eventName;
                 const qrls = [ vnode_getProp(vNode, eventProp, null), vnode_getProp(vNode, HANDLER_PREFIX + eventProp, null) ];
                 let returnValue = !1;
-                return qrls.flat(2).forEach((qrl => {
+                return qrls.flat(2).forEach(qrl => {
                     if (qrl) {
                         const value = container.$scheduler$(2, vNode, qrl, [ event, element ]);
                         returnValue = returnValue || !0 === value;
                     }
-                })), returnValue;
+                }), returnValue;
             }));
         }
         function registerQwikLoaderEvent(eventName) {
@@ -1963,8 +1975,8 @@
                 host = vNewNode, shouldRender = !0) : (vNewNode = retrieveChildWithKey(null, lookupKey), 
                 vNewNode ? vnode_insertBefore(journal, vParent, vNewNode, vCurrent) : (insertNewComponent(host, componentQRL, jsxProps), 
                 shouldRender = !0), host = vNewNode), host) {
-                    const vNodeProps = vnode_getProp(host, "q:props", container.$getObjectById$);
-                    shouldRender = shouldRender || function(src, dst) {
+                    let vNodeProps = vnode_getProp(host, "q:props", container.$getObjectById$);
+                    const propsAreDifferent = function(src, dst) {
                         const srcEmpty = isPropsEmpty(src);
                         const dstEmpty = isPropsEmpty(dst);
                         if (srcEmpty && dstEmpty) {
@@ -1987,7 +1999,11 @@
                             }
                         }
                         return !1;
-                    }(jsxProps, vNodeProps), shouldRender && (host[0] &= -33, container.$scheduler$(6, host, componentQRL, jsxProps));
+                    }(jsxProps, vNodeProps);
+                    shouldRender = shouldRender || propsAreDifferent, shouldRender && (propsAreDifferent && (vNodeProps ? (vNodeProps[_CONST_PROPS] = jsxProps[_CONST_PROPS], 
+                    vNodeProps[_VAR_PROPS] = jsxProps[_VAR_PROPS]) : jsxProps && (vnode_setProp(host, "q:props", jsxProps), 
+                    vNodeProps = jsxProps)), vnode_setProp(host, "q:renderFn", componentQRL), host[0] &= -33, 
+                    container.$scheduler$(6, host, componentQRL, vNodeProps));
                 }
                 !function(children, host) {
                     const projectionChildren = Array.isArray(children) ? children : [ children ];
@@ -2195,11 +2211,11 @@
         task.$flags$ &= -9, cleanupTask(task);
         const iCtx = newInvokeContext(container.$locale$, host, void 0, "qResource");
         iCtx.$container$ = container;
-        const taskFn = task.$qrl$.getFn(iCtx, (() => clearAllEffects(container, task)));
+        const taskFn = task.$qrl$.getFn(iCtx, () => clearAllEffects(container, task));
         const resource = task.$state$;
         assertDefined();
         const track = trackFn(task, container);
-        const [cleanup, cleanups] = cleanupFn(task, (reason => container.handleError(reason, host)));
+        const [cleanup, cleanups] = cleanupFn(task, reason => container.handleError(reason, host));
         const resourceTarget = unwrapStore(resource);
         const opts = {
             track,
@@ -2217,38 +2233,38 @@
         resource.loading = !1, resource._state = "resolved", resource._resolved = value, 
         resource._error = void 0, resolve(value)) : (done = !0, resource.loading = !1, resource._state = "rejected", 
         resource._error = value, reject(value)), !0);
-        cleanups.push((() => {
-            if (!0 === untrack((() => resource.loading))) {
-                const value = untrack((() => resource._resolved));
+        cleanups.push(() => {
+            if (!0 === untrack(() => resource.loading)) {
+                const value = untrack(() => resource._resolved);
                 setState(!0, value);
             }
-        })), invoke(iCtx, (() => {
+        }), invoke(iCtx, () => {
             resource._state = "pending", resource.loading = !isServerPlatform();
-            (resource.value = new Promise(((r, re) => {
+            (resource.value = new Promise((r, re) => {
                 resolve = r, reject = re;
-            }))).catch(ignoreErrorToPreventNodeFromCrashing);
-        }));
-        const promise = safeCall((() => Promise.resolve(taskFn(opts))), (value => {
+            })).catch(ignoreErrorToPreventNodeFromCrashing);
+        });
+        const promise = safeCall(() => Promise.resolve(taskFn(opts)), value => {
             setState(!0, value);
-        }), (err => {
+        }, err => {
             if (isPromise(err)) {
-                return err.then((() => runResource(task, container, host)));
+                return err.then(() => runResource(task, container, host));
             }
             setState(!1, err);
-        }));
+        });
         const timeout = resourceTarget._timeout;
-        return timeout > 0 ? Promise.race([ promise, delay(timeout).then((() => {
+        return timeout > 0 ? Promise.race([ promise, delay(timeout).then(() => {
             setState(!1, new Error("timeout")) && cleanupTask(task);
-        })) ]) : promise;
+        }) ]) : promise;
     };
     const ignoreErrorToPreventNodeFromCrashing = () => {};
     const aVNodePath = [];
     const bVNodePath = [];
     const aSsrNodePath = [];
     const bSsrNodePath = [];
-    const getPromise = chore => chore.$promise$ ||= new Promise((resolve => {
+    const getPromise = chore => chore.$promise$ ||= new Promise(resolve => {
         chore.$resolve$ = resolve;
-    }));
+    });
     const createScheduler = (container, scheduleDrain, journalFlush) => {
         const choreQueue = [];
         const qrlRuns = [];
@@ -2297,11 +2313,11 @@
                     return sortedArray.splice(~idx, 0, value), value;
                 }
                 const existing = sortedArray[idx];
-                4 === existing.$type$ && (existing.$payload$ = value.$payload$);
+                existing.$payload$ !== value.$payload$ && (existing.$payload$ = value.$payload$);
                 existing.$executed$ && (existing.$executed$ = !1);
                 return existing;
             }(choreQueue, chore, container.rootVNode || null), !drainScheduled && runLater && (drainScheduled = !0, 
-            schedule(16), scheduleDrain()?.catch?.((() => {})));
+            schedule(16), scheduleDrain()?.catch?.(() => {}));
             return runLater ? getPromise(chore) : drainUpTo(chore, isServer);
         };
         function drainUpTo(runUptoChore, isServer) {
@@ -2311,9 +2327,9 @@
                     throw new Error("drainUpTo: max retries reached");
                 }
                 if (currentChore) {
-                    return getPromise(currentChore).then((() => drainUpTo(runUptoChore, isServer))).catch((e => {
+                    return getPromise(currentChore).then(() => drainUpTo(runUptoChore, isServer)).catch(e => {
                         container.handleError(e, currentChore?.$host$);
-                    }));
+                    });
                 }
                 const nextChore = choreQueue[0];
                 if (nextChore.$executed$) {
@@ -2321,10 +2337,9 @@
                         break;
                     }
                 } else {
-                    (chore = nextChore).$host$ && vnode_isVNode(chore.$host$) && 32 & chore.$host$[0] && 48 !== nextChore.$type$ ? choreQueue.shift() : executeChore(nextChore, isServer);
+                    vNodeAlreadyDeleted(nextChore) && 48 !== nextChore.$type$ ? choreQueue.shift() : executeChore(nextChore, isServer);
                 }
             }
-            var chore;
             return runUptoChore.$returnValue$;
         }
         function executeChore(chore, isServer) {
@@ -2342,27 +2357,27 @@
                     break;
 
                   case 6:
-                    returnValue = safeCall((() => executeComponent(container, host, host, chore.$target$, chore.$payload$)), (jsx => {
+                    returnValue = safeCall(() => executeComponent(container, host, host, chore.$target$, chore.$payload$), jsx => {
                         if (isServer) {
                             return jsx;
                         }
                         {
                             const styleScopedId = container.getHostProp(host, "q:sstyle");
-                            return retryOnPromise((() => vnode_diff(container, jsx, host, addComponentStylePrefix(styleScopedId))));
+                            return retryOnPromise(() => vnode_diff(container, jsx, host, addComponentStylePrefix(styleScopedId)));
                         }
-                    }), (err => container.handleError(err, host)));
+                    }, err => container.handleError(err, host));
                     break;
 
                   case 2:
                     {
                         const fn = chore.$target$.getFn();
-                        const result = retryOnPromise((() => fn(...chore.$payload$)));
+                        const result = retryOnPromise(() => fn(...chore.$payload$));
                         if (isPromise(result)) {
-                            const handled = result.finally((() => {
+                            const handled = result.finally(() => {
                                 qrlRuns.splice(qrlRuns.indexOf(handled), 1);
-                            })).catch((error => {
+                            }).catch(error => {
                                 container.handleError(error, chore.$host$);
-                            }));
+                            });
                             return qrlRuns.push(handled), chore.$returnValue$ = handled, chore.$resolve$?.(handled), 
                             currentChore = null, void (chore.$executed$ = !0);
                         }
@@ -2391,7 +2406,7 @@
                     {
                         const parentVirtualNode = chore.$target$;
                         let jsx = chore.$payload$;
-                        isSignal(jsx) && (jsx = jsx.value), returnValue = retryOnPromise((() => vnode_diff(container, jsx, parentVirtualNode, null)));
+                        isSignal(jsx) && (jsx = jsx.value), returnValue = retryOnPromise(() => vnode_diff(container, jsx, parentVirtualNode, null));
                     }
                     break;
 
@@ -2424,18 +2439,19 @@
                     {
                         const target = chore.$target$;
                         const effects = chore.$payload$;
-                        if (target instanceof ComputedSignalImpl || target instanceof WrappedSignalImpl) {
+                        const ctx = newInvokeContext();
+                        if (ctx.$container$ = container, target instanceof ComputedSignalImpl || target instanceof WrappedSignalImpl) {
                             const forceRunEffects = target.$forceRunEffects$;
-                            if (target.$forceRunEffects$ = !1, !target.$effects$?.size) {
+                            if (target.$forceRunEffects$ = !1, !effects?.size && !forceRunEffects) {
                                 break;
                             }
-                            returnValue = retryOnPromise((() => {
-                                (target.$computeIfNeeded$() || forceRunEffects) && triggerEffects(container, target, effects);
-                            }));
+                            returnValue = maybeThen(retryOnPromise(() => invoke.call(target, ctx, target.$computeIfNeeded$)), didChange => {
+                                if (didChange || forceRunEffects) {
+                                    return retryOnPromise(() => triggerEffects(container, target, effects));
+                                }
+                            });
                         } else {
-                            returnValue = retryOnPromise((() => {
-                                triggerEffects(container, target, effects);
-                            }));
+                            returnValue = retryOnPromise(() => triggerEffects(container, target, effects));
                         }
                     }
                 }
@@ -2446,7 +2462,7 @@
                 currentChore = null, chore.$executed$ = !0, error ? container.handleError(error, host) : (chore.$returnValue$ = value, 
                 chore.$resolve$?.(value));
             };
-            isPromise(returnValue) ? (chore.$promise$ = returnValue.then(after, (error => after(void 0, error))), 
+            isPromise(returnValue) ? (chore.$promise$ = returnValue.then(after, error => after(void 0, error)), 
             chore.$resolve$?.(chore.$promise$), chore.$resolve$ = void 0) : after(returnValue);
         }
         function choreComparator(a, b, rootVNode) {
@@ -2465,10 +2481,10 @@
                         let aDepth = -1;
                         let bDepth = -1;
                         for (;a; ) {
-                            a = (aVNodePath[++aDepth] = a)[1] || rootVNode && vnode_getProp(a, "q:sparent", (id => vnode_locate(rootVNode, id)));
+                            a = (aVNodePath[++aDepth] = a)[1] || rootVNode && vnode_getProp(a, "q:sparent", id => vnode_locate(rootVNode, id));
                         }
                         for (;b; ) {
-                            b = (bVNodePath[++bDepth] = b)[1] || rootVNode && vnode_getProp(b, "q:sparent", (id => vnode_locate(rootVNode, id)));
+                            b = (bVNodePath[++bDepth] = b)[1] || rootVNode && vnode_getProp(b, "q:sparent", id => vnode_locate(rootVNode, id));
                         }
                         for (;aDepth >= 0 && bDepth >= 0; ) {
                             if ((a = aVNodePath[aDepth]) !== (b = bVNodePath[bDepth])) {
@@ -2484,7 +2500,7 @@
                                         return -1;
                                     }
                                 } while (cursor);
-                                return rootVNode && vnode_getProp(b, "q:sparent", (id => vnode_locate(rootVNode, id))) ? -1 : 1;
+                                return rootVNode && vnode_getProp(b, "q:sparent", id => vnode_locate(rootVNode, id)) ? -1 : 1;
                             }
                             aDepth--, bDepth--;
                         }
@@ -2527,10 +2543,13 @@
                 return microTypeDiff;
             }
             const idxDiff = toNumber(a.$idx$) - toNumber(b.$idx$);
-            return 0 !== idxDiff ? idxDiff : a.$target$ !== b.$target$ || a.$payload$ !== b.$payload$ || b === currentChore ? 1 : 0;
+            return 0 !== idxDiff ? idxDiff : a.$target$ !== b.$target$ ? isQrl(a.$target$) && isQrl(b.$target$) && a.$target$.$hash$ === b.$target$.$hash$ ? 0 : 1 : b === currentChore ? 1 : 0;
         }
     };
     const toNumber = value => "number" == typeof value ? value : -1;
+    function vNodeAlreadyDeleted(chore) {
+        return !!(chore.$host$ && vnode_isVNode(chore.$host$) && 32 & chore.$host$[0]);
+    }
     class _SharedContainer {
         $version$;
         $scheduler$;
@@ -2590,7 +2609,7 @@
         $styleIds$=null;
         $renderCount$=0;
         constructor(element) {
-            if (super((() => this.scheduleRender()), (() => vnode_applyJournal(this.$journal$)), {}, element.getAttribute("q:locale")), 
+            if (super(() => this.scheduleRender(), () => vnode_applyJournal(this.$journal$), {}, element.getAttribute("q:locale")), 
             this.qContainer = element.getAttribute("q:container"), !this.qContainer) {
                 throw qError(25);
             }
@@ -2614,14 +2633,14 @@
                     };
                 })(prototype, "nodeType");
                 const attachVnodeDataAndRefs = element => {
-                    Array.from(element.querySelectorAll('script[type="qwik/vnode"]')).forEach((script => {
+                    Array.from(element.querySelectorAll('script[type="qwik/vnode"]')).forEach(script => {
                         script.setAttribute("type", "x-qwik/vnode");
                         const qContainerElement = script.closest("[q\\:container]");
                         qContainerElement.qVnodeData = script.textContent, qContainerElement.qVNodeRefs = new Map;
-                    })), element.querySelectorAll("[q\\:shadowroot]").forEach((parent => {
+                    }), element.querySelectorAll("[q\\:shadowroot]").forEach(parent => {
                         const shadowRoot = parent.shadowRoot;
                         shadowRoot && attachVnodeDataAndRefs(shadowRoot);
-                    }));
+                    });
                 };
                 attachVnodeDataAndRefs(document);
                 const getFastNodeType = node => {
@@ -2821,22 +2840,22 @@
             return vnode_getProp(vNode, name, getObjectById);
         }
         scheduleRender() {
-            return this.$renderCount$++, this.renderDone ||= getPlatform().nextTick((() => this.processChores())), 
-            this.renderDone.finally((() => emitEvent("qrender", {
+            return this.$renderCount$++, this.renderDone ||= getPlatform().nextTick(() => this.processChores()), 
+            this.renderDone.finally(() => emitEvent("qrender", {
                 instanceHash: this.$instanceHash$,
                 renderCount: this.$renderCount$
-            })));
+            }));
         }
         processChores() {
             let renderCount = this.$renderCount$;
             const result = this.$scheduler$(255);
             if (isPromise(result)) {
-                return result.then((async () => {
+                return result.then(async () => {
                     for (;renderCount !== this.$renderCount$; ) {
                         renderCount = this.$renderCount$, await this.$scheduler$(255);
                     }
                     this.renderDone = null;
-                }));
+                });
             }
             renderCount === this.$renderCount$ ? this.renderDone = null : this.processChores();
         }
@@ -2867,9 +2886,9 @@
                     return Array.from(scopedStyleIds).join(" ");
                 }(scopedStyleIds));
             }
-            if (null == this.$styleIds$ && (this.$styleIds$ = new Set, this.element.querySelectorAll("style[q\\:style]").forEach((style => {
+            if (null == this.$styleIds$ && (this.$styleIds$ = new Set, this.element.querySelectorAll("style[q\\:style]").forEach(style => {
                 this.$styleIds$.add(style.getAttribute("q:style"));
-            }))), !this.$styleIds$.has(styleId)) {
+            })), !this.$styleIds$.has(styleId)) {
                 this.$styleIds$.add(styleId);
                 const styleElement = this.document.createElement("style");
                 styleElement.setAttribute("q:style", styleId), styleElement.textContent = content, 
@@ -2931,7 +2950,7 @@
                     1 & consumer.$flags$ && (choreType = 32), container.$scheduler$(choreType, consumer);
                 } else if (consumer instanceof SignalImpl) {
                     consumer instanceof ComputedSignalImpl && (consumer.$computeQrl$.resolved || container.$scheduler$(1, null, consumer.$computeQrl$)), 
-                    consumer.$invalidate$();
+                    consumer.invalidate();
                 } else if (":" === property) {
                     const host = consumer;
                     const qrl = container.getHostProp(host, "q:renderFn");
@@ -2958,6 +2977,18 @@
             }
         }
     };
+    const getComputedSignalFlags = serializationStrategy => {
+        let flags = 1;
+        switch (serializationStrategy) {
+          case "never":
+            flags |= 8;
+            break;
+
+          case "always":
+            flags |= 16;
+        }
+        return flags;
+    };
     const stringifyPath = [];
     function qwikDebugToString(value) {
         if (null === value) {
@@ -3001,7 +3032,7 @@
         }
         return value;
     }
-    const pad = (text, prefix) => String(text).split("\n").map(((line, idx) => (idx ? prefix : "") + line)).join("\n");
+    const pad = (text, prefix) => String(text).split("\n").map((line, idx) => (idx ? prefix : "") + line).join("\n");
     const jsxToString = value => {
         if (isJSXNode(value)) {
             let str = "<" + value.type;
@@ -3010,9 +3041,9 @@
                     str += " " + key + "=" + qwikDebugToString(val);
                 }
                 const children = value.children;
-                null != children ? (str += ">", Array.isArray(children) ? children.forEach((child => {
+                null != children ? (str += ">", Array.isArray(children) ? children.forEach(child => {
                     str += jsxToString(child);
-                })) : str += jsxToString(children), str += "</" + value.type + ">") : str += "/>";
+                }) : str += jsxToString(children), str += "</" + value.type + ">") : str += "/>";
             }
             return str;
         }
@@ -3502,16 +3533,13 @@
                 let textIdx = 0;
                 let combinedText = null;
                 let container = null;
-                return processVNodeData(vData, ((peek, consumeValue, consume, nextToConsumeIdx) => {
+                return processVNodeData(vData, (peek, consumeValue, consume, getChar, nextToConsumeIdx) => {
                     if (isNumber(peek())) {
-                        for (;!isElement(child); ) {
+                        for (;!isElement(child) || isQStyleElement(child); ) {
                             if (!(child = fastNextSibling(child))) {
                                 throw qError(27, [ vData, peek(), nextToConsumeIdx ]);
                             }
                         }
-                        for (;isQStyleElement(child); ) {
-                            child = fastNextSibling(child);
-                        }
                         combinedText = null, previousTextNode = null;
                         let value = 0;
                         for (;isNumber(peek()); ) {
@@ -3531,7 +3559,9 @@
                     } else if (peek() === VNodeDataChar_PROPS) {
                         vnode_setAttr(null, vParent, "q:props", consumeValue());
                     } else if (peek() === VNodeDataChar_KEY) {
-                        vnode_setAttr(null, vParent, "q:key", consumeValue());
+                        let value;
+                        getChar(nextToConsumeIdx + 1) === VNodeDataChar_SEPARATOR ? (consume(), value = decodeURI(consumeValue()), 
+                        consume()) : value = consumeValue(), vnode_setAttr(null, vParent, "q:key", value);
                     } else if (peek() === VNodeDataChar_SEQ) {
                         vnode_setAttr(null, vParent, "q:seq", consumeValue());
                     } else if (peek() === VNodeDataChar_SEQ_IDX) {
@@ -3555,6 +3585,9 @@
                     } else if (peek() === VNodeDataChar_SLOT) {
                         vnode_setAttr(null, vParent, QSlot, consumeValue());
                     } else {
+                        for (;isQStyleElement(child); ) {
+                            child = fastNextSibling(child);
+                        }
                         const textNode = child && 3 === fastNodeType(child) ? child : null;
                         null === combinedText && (combinedText = textNode ? textNode.nodeValue : null, textIdx = 0);
                         let length = 0;
@@ -3570,7 +3603,7 @@
                             assertFalse(vnode_isVirtualVNode(vnode)), vnode;
                         })(previousTextNode, textNode, text)), textIdx += length;
                     }
-                })), vParent[5] = vLast, vFirst;
+                }), vParent[5] = vLast, vFirst;
             }(vNode, vNodeData, element, firstChild);
         }
         return materializeFromDOM(vNode, firstChild);
@@ -3679,7 +3712,7 @@
         }
         if (vParent[5] = vChild || null, vParent[4] = vFirstChild, vData) {
             let container = null;
-            processVNodeData(vData, ((peek, consumeValue) => {
+            processVNodeData(vData, (peek, consumeValue) => {
                 if (peek() === VNodeDataChar_ID) {
                     container || (container = getDomContainer(vParent[6]));
                     const id = consumeValue();
@@ -3688,7 +3721,7 @@
                     peek() === VNodeDataChar_BACK_REFS ? (container || (container = getDomContainer(vParent[6])), 
                     setEffectBackRefFromVNodeData(vParent, consumeValue(), container)) : consumeValue();
                 }
-            }));
+            });
         }
         return vFirstChild;
     };
@@ -3710,7 +3743,8 @@
         let nextToConsumeIdx = 0;
         let ch = 0;
         let peekCh = 0;
-        const peek = () => 0 !== peekCh ? peekCh : peekCh = nextToConsumeIdx < vData.length ? vData.charCodeAt(nextToConsumeIdx) : 0;
+        const getChar = idx => idx < vData.length ? vData.charCodeAt(idx) : 0;
+        const peek = () => 0 !== peekCh ? peekCh : peekCh = getChar(nextToConsumeIdx);
         const consume = () => (ch = peek(), peekCh = 0, nextToConsumeIdx++, ch);
         const consumeValue = () => {
             consume();
@@ -3721,7 +3755,7 @@
             return vData.substring(start, nextToConsumeIdx);
         };
         for (;0 !== peek(); ) {
-            callback(peek, consumeValue, consume, nextToConsumeIdx);
+            callback(peek, consumeValue, consume, getChar, nextToConsumeIdx);
         }
     };
     const vnode_getNextSibling = vnode => vnode[3];
@@ -3750,7 +3784,7 @@
                     journal && journal.push(2, vnode[6], key, value);
                 }
                 null == value ? props.splice(idx, 2) : props[idx + 1] = value;
-            } else if (null != value && (props.splice(~idx, 0, key, value), 1 & type)) {
+            } else if (null != value && (props.splice(-1 ^ idx, 0, key, value), 1 & type)) {
                 journal && journal.push(2, vnode[6], key, value);
             }
         }
@@ -3781,7 +3815,7 @@
         ensureElementOrVirtualVNode(vnode);
         const props = vnode_getProps(vnode);
         const idx = mapApp_findIndx(props, key, 0);
-        idx >= 0 ? props[idx + 1] = value : null != value && props.splice(~idx, 0, key, value);
+        idx >= 0 ? props[idx + 1] = value : null != value && props.splice(-1 ^ idx, 0, key, value);
     };
     const vnode_getProps = vnode => vnode[(vnode => {
         const type = 7 & vnode[0];
@@ -3813,12 +3847,12 @@
                 strings.push(qwikDebugToString(vnode_getText(vnode)));
             } else if (vnode_isVirtualVNode(vnode)) {
                 const attrs = [ "[" + String(vnode[0] >>> 8) + "]" ];
-                vnode_getAttrKeys(vnode).forEach((key => {
+                vnode_getAttrKeys(vnode).forEach(key => {
                     if (key !== DEBUG_TYPE) {
                         const value = vnode_getAttr(vnode, key);
                         attrs.push(" " + key + "=" + qwikDebugToString(value));
                     }
-                }));
+                });
                 const name = (colorize ? "" : "") + (VirtualTypeName[vnode_getAttr(vnode, DEBUG_TYPE) || "V"] || VirtualTypeName.V) + (colorize ? "" : "");
                 strings.push("<" + name + attrs.join("") + ">");
                 const child = vnode_getFirstChild(vnode);
@@ -3828,10 +3862,10 @@
                 const tag = vnode_getElementName(vnode);
                 const attrs = [];
                 const keys = vnode_getAttrKeys(vnode);
-                keys.forEach((key => {
+                keys.forEach(key => {
                     const value = vnode_getAttr(vnode, key);
                     attrs.push(" " + key + "=" + qwikDebugToString(value));
-                }));
+                });
                 const node = vnode_getNode(vnode);
                 if (node) {
                     const vnodeData = node.ownerDocument.qVNodeData?.get(node);
@@ -3875,7 +3909,7 @@
         let projectionDepth = 1;
         for (;projectionDepth--; ) {
             for (;vHost && (!vnode_isVirtualVNode(vHost) || null === vnode_getProp(vHost, "q:renderFn", null)); ) {
-                const qSlotParent = vnode_getProp(vHost, "q:sparent", (id => vnode_locate(rootVNode, id)));
+                const qSlotParent = vnode_getProp(vHost, "q:sparent", id => vnode_locate(rootVNode, id));
                 const vProjectionParent = vnode_isVirtualVNode(vHost) && qSlotParent;
                 vProjectionParent && projectionDepth++, vHost = vProjectionParent || vnode_getParent(vHost);
             }
@@ -3900,7 +3934,7 @@
     const deserializedProxyMap = new WeakMap;
     const SERIALIZER_PROXY_UNWRAP = Symbol("UNWRAP");
     const wrapDeserializerProxy = (container, data) => {
-        if (!Array.isArray(data) || vnode_isVNode(data) || "object" == typeof (value = data) && null !== value && SERIALIZER_PROXY_UNWRAP in value) {
+        if (!Array.isArray(data) || vnode_isVNode(data) || isObject(value = data) && SERIALIZER_PROXY_UNWRAP in value) {
             return data;
         }
         var value;
@@ -4048,7 +4082,7 @@
                 asyncComputed.$computeQrl$ = d[0], asyncComputed.$effects$ = new Set(d[1]), asyncComputed.$loadingEffects$ = new Set(d[2]), 
                 asyncComputed.$errorEffects$ = new Set(d[3]), asyncComputed.$untrackedLoading$ = d[4], 
                 asyncComputed.$untrackedError$ = d[5];
-                d.length > 6 ? asyncComputed.$untrackedValue$ = d[6] : asyncComputed.$flags$ |= 1;
+                d.length > 6 && (asyncComputed.$untrackedValue$ = d[6]), asyncComputed.$flags$ |= 1;
                 break;
             }
 
@@ -4147,8 +4181,8 @@
         }
         return target;
     };
-    const _constants = [ void 0, null, !0, !1, "", EMPTY_ARRAY, EMPTY_OBJ, NEEDS_COMPUTATION, STORE_ALL_PROPS, Slot, Fragment, NaN, 1 / 0, -1 / 0, Number.MAX_SAFE_INTEGER, Number.MAX_SAFE_INTEGER - 1, Number.MIN_SAFE_INTEGER ];
-    const _constantNames = [ "undefined", "null", "true", "false", "''", "EMPTY_ARRAY", "EMPTY_OBJ", "NEEDS_COMPUTATION", "STORE_ALL_PROPS", "Slot", "Fragment", "NaN", "Infinity", "-Infinity", "MAX_SAFE_INTEGER", "MAX_SAFE_INTEGER-1", "MIN_SAFE_INTEGER" ];
+    const _constants = [ void 0, null, !0, !1, "", EMPTY_ARRAY, EMPTY_OBJ, NEEDS_COMPUTATION, STORE_ALL_PROPS, _UNINITIALIZED, Slot, Fragment, NaN, 1 / 0, -1 / 0, Number.MAX_SAFE_INTEGER, Number.MAX_SAFE_INTEGER - 1, Number.MIN_SAFE_INTEGER ];
+    const _constantNames = [ "undefined", "null", "true", "false", "''", "EMPTY_ARRAY", "EMPTY_OBJ", "NEEDS_COMPUTATION", "STORE_ALL_PROPS", "_UNINITIALIZED", "Slot", "Fragment", "NaN", "Infinity", "-Infinity", "MAX_SAFE_INTEGER", "MAX_SAFE_INTEGER-1", "MIN_SAFE_INTEGER" ];
     const allocate = (container, typeId, value) => {
         if (void 0 === value) {
             return typeId;
@@ -4161,7 +4195,8 @@
             if (!container.$forwardRefs$) {
                 throw qError(18, [ "forward ref" ]);
             }
-            return container.$getObjectById$(container.$forwardRefs$[value]);
+            const rootRef = container.$forwardRefs$[value];
+            return -1 === rootRef ? _UNINITIALIZED : container.$getObjectById$(rootRef);
 
           case 2:
           case 4:
@@ -4246,10 +4281,10 @@
           case 16:
             let resolve;
             let reject;
-            const promise = new Promise(((res, rej) => {
+            const promise = new Promise((res, rej) => {
                 resolve = res, reject = rej;
-            }));
-            return resolvers.set(promise, [ resolve, reject ]), promise.catch((() => {})), promise;
+            });
+            return resolvers.set(promise, [ resolve, reject ]), promise.catch(() => {}), promise;
 
           case 19:
             const encodedLength = value.length;
@@ -4285,7 +4320,7 @@
         const captureEnd = qrl.indexOf("]", captureStart);
         const chunk = qrl.slice(0, hashIdx > -1 ? hashIdx : captureStart);
         const symbol = captureStart > -1 ? qrl.slice(hashIdx + 1, captureStart) : qrl.slice(hashIdx + 1);
-        const captureIds = captureStart > -1 && captureEnd > -1 ? qrl.slice(captureStart + 1, captureEnd).split(" ").filter((v => v.length)).map((s => parseInt(s, 10))) : null;
+        const captureIds = captureStart > -1 && captureEnd > -1 ? qrl.slice(captureStart + 1, captureEnd).split(" ").filter(v => v.length).map(s => parseInt(s, 10)) : null;
         let qrlRef = null;
         if (chunk === QRL_RUNTIME_CHUNK) {
             const backChannel = globalThis.__qrl_back_channel__;
@@ -4295,7 +4330,7 @@
     }
     function inflateQRL(container, qrl) {
         const captureIds = qrl.$capture$;
-        return qrl.$captureRef$ = captureIds ? captureIds.map((id => container.$getObjectById$(id))) : null, 
+        return qrl.$captureRef$ = captureIds ? captureIds.map(id => container.$getObjectById$(id)) : null, 
         container.element && qrl.$setContainer$(container.element), qrl;
     }
     let isDomRef = () => !1;
@@ -4308,12 +4343,12 @@
             };
         }
         const seenObjsMap = new Map;
-        const rootsPathMap = new Map;
+        const objectPathStringCache = new Map;
         const syncFnMap = new Map;
         const syncFns = [];
         const roots = [];
         const $addRootPath$ = obj => {
-            const rootPath = rootsPathMap.get(obj);
+            const rootPath = objectPathStringCache.get(obj);
             if (rootPath) {
                 return rootPath;
             }
@@ -4327,19 +4362,21 @@
                 current = seenObjsMap.get(current.$parent$);
             }
             const pathStr = path.length > 1 ? path.join(" ") : path.length ? path[0] : seen.$index$;
-            return rootsPathMap.set(obj, pathStr), pathStr;
+            return objectPathStringCache.set(obj, pathStr), pathStr;
         };
         const isSsrNode = NodeConstructor ? obj => obj instanceof NodeConstructor : () => !1;
         return isDomRef = DomRefConstructor ? obj => obj instanceof DomRefConstructor : () => !1, 
         {
             async $serialize$() {
                 return await async function(serializationContext) {
-                    const {$writer$, $isSsrNode$, $isDomRef$, $storeProxyMap$, $addRoot$, $pathMap$, $wasSeen$} = serializationContext;
+                    const {$writer$, $isSsrNode$, $isDomRef$, $storeProxyMap$, $addRoot$, $objectPathStringCache$, $wasSeen$} = serializationContext;
                     let depth = 0;
+                    let rootIdx = 0;
                     const forwardRefs = [];
                     let forwardRefsId = 0;
                     const promises = new Set;
                     const preloadQrls = new Set;
+                    const s11nWeakRefs = new Map;
                     let parent = null;
                     const isRootObject = () => 0 === depth;
                     const outputArray = (value, writeFn) => {
@@ -4362,29 +4399,41 @@
                             }
                             $writer$.write(0 === lastIdx ? s : s.slice(lastIdx));
                         } else {
-                            depth++, outputArray(value, ((valueItem, idx) => {
+                            depth++, outputArray(value, (valueItem, idx) => {
                                 !function(serializationContext, obj, parent, index) {
                                     const {$wasSeen$, $seen$, $addRoot$} = serializationContext;
                                     if (!function(obj) {
-                                        return "object" == typeof obj && null !== obj || "string" == typeof obj && obj.length > 1;
+                                        return isObject(obj) || "string" == typeof obj && obj.length > 1;
                                     }(obj) && !frameworkType(obj)) {
                                         return;
                                     }
                                     const seen = $wasSeen$(obj);
                                     void 0 === seen ? $seen$(obj, parent, index) : $addRoot$(obj, parent);
                                 }(serializationContext, valueItem, parent, idx), writeValue(valueItem);
-                            })), depth--;
+                            }), depth--;
                         }
                     };
                     const addPreloadQrl = qrl => {
-                        preloadQrls.add(qrl), serializationContext.$addRoot$(qrl, null);
+                        preloadQrls.add(qrl), serializationContext.$addRoot$(qrl);
                     };
-                    const outputRootRef = (value, rootDepth = 0) => {
+                    const outputAsRootRef = (value, rootDepth = 0) => {
                         const seen = $wasSeen$(value);
-                        const rootRefPath = $pathMap$.get(value);
-                        return rootDepth === depth && seen && null !== seen.$parent$ && rootRefPath ? (output(0, rootRefPath), 
-                        !0) : !!(depth > rootDepth && seen && -1 !== seen.$rootIndex$) && (output(0, seen.$rootIndex$), 
-                        !0);
+                        const rootRefPath = $objectPathStringCache$.get(value);
+                        if (rootDepth === depth && seen && null !== seen.$parent$ && rootRefPath) {
+                            return output(0, rootRefPath), !0;
+                        }
+                        if (depth > rootDepth && seen && -1 !== seen.$rootIndex$) {
+                            return output(0, seen.$rootIndex$), !0;
+                        }
+                        if (s11nWeakRefs.has(value)) {
+                            const forwardRefId = s11nWeakRefs.get(value);
+                            if (rootDepth !== depth) {
+                                const rootRef = $addRoot$(value);
+                                return output(0, rootRef), forwardRefs[forwardRefId] = rootRef, !0;
+                            }
+                            forwardRefs[forwardRefId] = rootIdx;
+                        }
+                        return !1;
                     };
                     const writeValue = value => {
                         if (fastSkipSerialize(value)) {
@@ -4395,11 +4444,11 @@
                             output(3, value ? 2 : 3);
                         } else if ("function" == typeof value) {
                             if (value === Slot) {
-                                output(3, 9);
-                            } else if (value === Fragment) {
                                 output(3, 10);
+                            } else if (value === Fragment) {
+                                output(3, 11);
                             } else if (isQrl(value)) {
-                                if (!outputRootRef(value)) {
+                                if (!outputAsRootRef(value)) {
                                     const qrl = qrlToString(serializationContext, value);
                                     const type = preloadQrls.has(value) ? 21 : 20;
                                     if (isRootObject()) {
@@ -4419,7 +4468,7 @@
                                 }
                             }
                         } else if ("number" == typeof value) {
-                            Number.isNaN(value) ? output(3, 11) : Number.isFinite(value) ? value === Number.MAX_SAFE_INTEGER ? output(3, 14) : value === Number.MAX_SAFE_INTEGER - 1 ? output(3, 15) : value === Number.MIN_SAFE_INTEGER ? output(3, 16) : output(4, value) : output(3, value < 0 ? 13 : 12);
+                            Number.isNaN(value) ? output(3, 12) : Number.isFinite(value) ? value === Number.MAX_SAFE_INTEGER ? output(3, 15) : value === Number.MAX_SAFE_INTEGER - 1 ? output(3, 16) : value === Number.MIN_SAFE_INTEGER ? output(3, 17) : output(4, value) : output(3, value < 0 ? 14 : 13);
                         } else if ("object" == typeof value) {
                             if (value === EMPTY_ARRAY) {
                                 output(3, 5);
@@ -4433,21 +4482,23 @@
                                 parent = value, writeObjectValue(value), parent = oldParent, depth--;
                             }
                         } else if ("string" == typeof value) {
-                            0 === value.length ? output(3, 4) : outputRootRef(value) || output(5, value);
+                            0 === value.length ? output(3, 4) : outputAsRootRef(value) || output(5, value);
                         } else if (void 0 === value) {
                             output(3, 0);
                         } else if (value === NEEDS_COMPUTATION) {
                             output(3, 7);
+                        } else if (value === STORE_ALL_PROPS) {
+                            output(3, 8);
                         } else {
-                            if (value !== STORE_ALL_PROPS) {
+                            if (value !== _UNINITIALIZED) {
                                 throw qError(20, [ typeof value ]);
                             }
-                            output(3, 8);
+                            output(3, 9);
                         }
                     };
                     const writeObjectValue = value => {
                         var obj;
-                        if (!outputRootRef(value, 1)) {
+                        if (!outputAsRootRef(value, 1)) {
                             if (isPropsProxy(value)) {
                                 const varProps = value[_VAR_PROPS];
                                 const constProps = value[_CONST_PROPS];
@@ -4460,7 +4511,7 @@
                                     return "__brand" in value && "resource" === value.__brand;
                                 }(value)) {
                                     serializationContext.$resources$.add(value);
-                                    const forwardRefId = $resolvePromise$(value.value, $addRoot$, ((resolved, resolvedValue) => new PromiseResult(23, resolved, resolvedValue, getStoreHandler(value).$effects$)));
+                                    const forwardRefId = $resolvePromise$(value.value, $addRoot$, (resolved, resolvedValue) => new PromiseResult(23, resolved, resolvedValue, getStoreHandler(value).$effects$));
                                     output(1, forwardRefId);
                                 } else {
                                     const storeHandler = getStoreHandler(value);
@@ -4481,10 +4532,10 @@
                                     }
                                     output(Array.isArray(storeTarget) ? 31 : 30, out);
                                 }
-                            } else if ("object" == typeof (obj = value) && null !== obj && "function" == typeof obj[SerializerSymbol]) {
+                            } else if (isObject(obj = value) && "function" == typeof obj[SerializerSymbol]) {
                                 const result = value[SerializerSymbol](value);
                                 if (isPromise(result)) {
-                                    const forwardRef = $resolvePromise$(result, $addRoot$, ((resolved, resolvedValue) => new PromiseResult(29, resolved, resolvedValue, null, null)));
+                                    const forwardRef = $resolvePromise$(result, $addRoot$, (resolved, resolvedValue) => new PromiseResult(29, resolved, resolvedValue, null, null));
                                     output(1, forwardRef);
                                 } else {
                                     depth--, writeValue(result), depth++;
@@ -4508,29 +4559,32 @@
                                 if (value instanceof SerializerSignalImpl) {
                                     addPreloadQrl(value.$computeQrl$);
                                     const forwardRefId = $resolvePromise$(function(signal, value) {
-                                        return new Promise((resolve => {
-                                            signal.$computeQrl$.resolve().then((arg => {
+                                        return new Promise(resolve => {
+                                            signal.$computeQrl$.resolve().then(arg => {
                                                 let data;
                                                 arg.serialize ? data = arg.serialize(value) : SerializerSymbol in value && (data = value[SerializerSymbol](value)), 
                                                 void 0 === data && (data = NEEDS_COMPUTATION), resolve(data);
-                                            }));
-                                        }));
-                                    }(value, value.$untrackedValue$), $addRoot$, ((resolved, resolvedValue) => new PromiseResult(29, resolved, resolvedValue, value.$effects$, value.$computeQrl$)));
+                                            });
+                                        });
+                                    }(value, value.$untrackedValue$), $addRoot$, (resolved, resolvedValue) => new PromiseResult(29, resolved, resolvedValue, value.$effects$, value.$computeQrl$));
                                     return void output(1, forwardRefId);
                                 }
-                                const v = value instanceof ComputedSignalImpl && (1 & value.$flags$ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
                                 if (value instanceof WrappedSignalImpl) {
                                     output(26, [ ...serializeWrappingFn(serializationContext, value), filterEffectBackRefs(value[_EFFECT_BACK_REF]), value.$flags$, value.$hostElement$, ...value.$effects$ || [] ]);
-                                } else if (value instanceof AsyncComputedSignalImpl) {
-                                    addPreloadQrl(value.$computeQrl$);
-                                    const out = [ value.$computeQrl$, value.$effects$, value.$loadingEffects$, value.$errorEffects$, value.$untrackedLoading$, value.$untrackedError$ ];
-                                    v !== NEEDS_COMPUTATION && out.push(v), output(28, out);
                                 } else if (value instanceof ComputedSignalImpl) {
+                                    let v = value.$untrackedValue$;
+                                    const shouldAlwaysSerialize = 16 & value.$flags$;
+                                    const shouldNeverSerialize = 8 & value.$flags$;
+                                    const isInvalid = 1 & value.$flags$;
+                                    const isSkippable = fastSkipSerialize(value.$untrackedValue$);
+                                    shouldAlwaysSerialize ? v = value.$untrackedValue$ : (shouldNeverSerialize || isInvalid || isSkippable) && (v = NEEDS_COMPUTATION), 
                                     addPreloadQrl(value.$computeQrl$);
                                     const out = [ value.$computeQrl$, value.$effects$ ];
-                                    v !== NEEDS_COMPUTATION && out.push(v), output(27, out);
+                                    const isAsync = value instanceof AsyncComputedSignalImpl;
+                                    isAsync && out.push(value.$loadingEffects$, value.$errorEffects$, value.$untrackedLoading$, value.$untrackedError$), 
+                                    v !== NEEDS_COMPUTATION && out.push(v), output(isAsync ? 28 : 27, out);
                                 } else {
-                                    output(25, [ v, ...value.$effects$ || [] ]);
+                                    output(25, [ value.$untrackedValue$, ...value.$effects$ || [] ]);
                                 }
                             } else if (value instanceof URL) {
                                 output(7, value.href);
@@ -4545,14 +4599,14 @@
                                 const rootIndex = $addRoot$(value);
                                 serializationContext.$setProp$(value, "q:id", String(rootIndex)), output(10, value.id);
                                 const vNodeData = value.vnodeData;
-                                if (vNodeData && (discoverValuesForVNodeData(vNodeData, (vNodeDataValue => $addRoot$(vNodeDataValue))), 
+                                if (vNodeData && (discoverValuesForVNodeData(vNodeData, vNodeDataValue => $addRoot$(vNodeDataValue)), 
                                 vNodeData[0] |= 16), value.children) {
                                     for (const child of value.children) {
                                         const childVNodeData = child.vnodeData;
                                         if (childVNodeData) {
                                             for (const value of childVNodeData) {
                                                 if (isSsrAttrs(value)) {
-                                                    const backRefKeyIndex = value.findIndex((v => "q:brefs" === v));
+                                                    const backRefKeyIndex = value.findIndex(v => "q:brefs" === v);
                                                     -1 !== backRefKeyIndex && $addRoot$(value[backRefKeyIndex + 1]);
                                                 }
                                             }
@@ -4562,9 +4616,9 @@
                                 }
                             } else if ("undefined" != typeof FormData && value instanceof FormData) {
                                 const array = [];
-                                value.forEach(((value, key) => {
+                                value.forEach((value, key) => {
                                     array.push(key, "string" == typeof value ? value : value.name);
-                                })), output(32, array);
+                                }), output(32, array);
                             } else if (value instanceof URLSearchParams) {
                                 output(13, value.toString());
                             } else if (value instanceof Set) {
@@ -4584,7 +4638,7 @@
                                 }
                                 output(22, out);
                             } else if (isPromise(value)) {
-                                const forwardRefId = $resolvePromise$(value, $addRoot$, ((resolved, resolvedValue) => new PromiseResult(16, resolved, resolvedValue)));
+                                const forwardRefId = $resolvePromise$(value, $addRoot$, (resolved, resolvedValue) => new PromiseResult(16, resolved, resolvedValue));
                                 output(1, forwardRefId);
                             } else if (value instanceof PromiseResult) {
                                 if (23 === value.$type$) {
@@ -4608,6 +4662,9 @@
                                 }
                                 const out = btoa(buf).replace(/=+$/, "");
                                 output(19, out);
+                            } else if (value instanceof SerializationWeakRef) {
+                                const forwardRefId = forwardRefsId++;
+                                s11nWeakRefs.set(value.$obj$, forwardRefId), forwardRefs[forwardRefId] = -1, output(1, forwardRefId);
                             } else {
                                 if (!vnode_isVNode(value)) {
                                     throw qError(20, [ typeof value ]);
@@ -4618,32 +4675,31 @@
                     };
                     function $resolvePromise$(promise, $addRoot$, classCreator) {
                         const forwardRefId = forwardRefsId++;
-                        return promise.then((resolvedValue => {
+                        return promise.then(resolvedValue => {
                             promises.delete(promise), forwardRefs[forwardRefId] = $addRoot$(classCreator(!0, resolvedValue));
-                        })).catch((err => {
+                        }).catch(err => {
                             promises.delete(promise), forwardRefs[forwardRefId] = $addRoot$(classCreator(!1, err));
-                        })), promises.add(promise), forwardRefId;
+                        }), promises.add(promise), forwardRefId;
                     }
                     const outputRoots = async () => {
                         $writer$.write("[");
-                        let lastRootsLength = 0;
                         let rootsLength = serializationContext.$roots$.length;
-                        for (;lastRootsLength < rootsLength || promises.size; ) {
-                            0 !== lastRootsLength && $writer$.write(",");
+                        for (;rootIdx < rootsLength || promises.size; ) {
+                            0 !== rootIdx && $writer$.write(",");
                             let separator = !1;
-                            for (let i = lastRootsLength; i < rootsLength; i++) {
-                                separator ? $writer$.write(",") : separator = !0, writeValue(serializationContext.$roots$[i]);
+                            for (;rootIdx < rootsLength; rootIdx++) {
+                                separator ? $writer$.write(",") : separator = !0, writeValue(serializationContext.$roots$[rootIdx]);
                             }
                             if (promises.size) {
                                 try {
                                     await Promise.race(promises);
                                 } catch {}
                             }
-                            lastRootsLength = rootsLength, rootsLength = serializationContext.$roots$.length;
+                            rootsLength = serializationContext.$roots$.length;
                         }
-                        forwardRefs.length && ($writer$.write(","), $writer$.write("2,"), outputArray(forwardRefs, (value => {
+                        forwardRefs.length && ($writer$.write(","), $writer$.write("2,"), outputArray(forwardRefs, value => {
                             $writer$.write(String(value));
-                        }))), $writer$.write("]");
+                        })), $writer$.write("]");
                     };
                     await outputRoots();
                 }(this);
@@ -4703,7 +4759,7 @@
             $storeProxyMap$: storeProxyMap,
             $getProp$: getProp,
             $setProp$: setProp,
-            $pathMap$: rootsPathMap
+            $objectPathStringCache$: objectPathStringCache
         };
     };
     const isSsrAttrs = value => Array.isArray(value) && value.length > 0;
@@ -4712,7 +4768,7 @@
             if (isSsrAttrs(value)) {
                 for (let i = 1; i < value.length; i += 2) {
                     const attrValue = value[i];
-                    "string" == typeof attrValue || "q:props" === value[i - 1] && 0 === Object.keys(attrValue).length || callback(attrValue);
+                    null == attrValue || "string" == typeof attrValue || "q:props" === value[i - 1] && 0 === Object.keys(attrValue).length || callback(attrValue);
                 }
             }
         }
@@ -4728,6 +4784,12 @@
             this.$qrl$ = $qrl$;
         }
     }
+    class SerializationWeakRef {
+        $obj$;
+        constructor($obj$) {
+            this.$obj$ = $obj$;
+        }
+    }
     function filterEffectBackRefs(effectBackRef) {
         let effectBackRefToSerialize = null;
         if (effectBackRef) {
@@ -4802,6 +4864,7 @@
         container.$state$ = state, element && (container.element = element), container;
     }
     function preprocessState(data, container) {
+        const isRootDeepRef = (type, value) => 0 === type && "string" == typeof value;
         const isForwardRefsMap = type => 2 === type;
         const isPreloadQrlType = type => 21 === type;
         const processRootRef = index => {
@@ -4822,12 +4885,11 @@
             data[index + 1] = object;
         };
         for (let i = 0; i < data.length; i += 2) {
-            value = data[i + 1], 0 === data[i] && "string" == typeof value ? processRootRef(i) : isForwardRefsMap(data[i]) ? container.$forwardRefs$ = data[i + 1] : isPreloadQrlType(data[i]) && (container.$initialQRLsIndexes$ ||= [], 
+            isRootDeepRef(data[i], data[i + 1]) ? processRootRef(i) : isForwardRefsMap(data[i]) ? container.$forwardRefs$ = data[i + 1] : isPreloadQrlType(data[i]) && (container.$initialQRLsIndexes$ ||= [], 
             container.$initialQRLsIndexes$.push(i / 2));
         }
-        var value;
     }
-    const frameworkType = obj => "object" == typeof obj && null !== obj && (obj instanceof SignalImpl || obj instanceof Task || isJSXNode(obj)) || isQrl(obj);
+    const frameworkType = obj => isObject(obj) && (obj instanceof SignalImpl || obj instanceof Task || isJSXNode(obj)) || isQrl(obj);
     const canSerialize = (value, seen = new WeakSet) => {
         if (null == value || "string" == typeof value || "number" == typeof value || "boolean" == typeof value || "bigint" == typeof value) {
             return !0;
@@ -4840,7 +4902,7 @@
             const proto = Object.getPrototypeOf(value);
             if (isStore(value) && (value = getStoreTarget(value)), proto == Object.prototype) {
                 for (const key in value) {
-                    if (!canSerialize(untrack((() => value[key])), seen)) {
+                    if (!canSerialize(untrack(() => value[key]), seen)) {
                         return !1;
                     }
                 }
@@ -4896,25 +4958,29 @@
             if (isDomRef?.(value)) {
                 return !0;
             }
-        } else if ("function" == typeof value && (isQrl(value) || isQwikComponent(value))) {
+        } else if ("function" == typeof value) {
+            if (isQrl(value) || isQwikComponent(value)) {
+                return !0;
+            }
+        } else if (value === _UNINITIALIZED) {
             return !0;
         }
         return !1;
     };
     const QRL_RUNTIME_CHUNK = "mock-chunk";
-    const _typeIdNames = [ "RootRef", "ForwardRef", "ForwardRefs", "Constant", "Number", "String", "Array", "URL", "Date", "Regex", "VNode", "RefVNode", "BigInt", "URLSearchParams", "Error", "Object", "Promise", "Set", "Map", "Uint8Array", "QRL", "PreloadQRL", "Task", "Resource", "Component", "Signal", "WrappedSignal", "ComputedSignal", "AsyncComputedSignal", "SerializerSignal", "Store", "StoreArray", "FormData", "JSXNode", "PropsProxy", "EffectData" ];
+    const _typeIdNames = [ "RootRef", "ForwardRef", "ForwardRefs", "Constant", "Number", "String", "Array", "URL", "Date", "Regex", "VNode", "RefVNode", "BigInt", "URLSearchParams", "Error", "Object", "Promise", "Set", "Map", "Uint8Array", "QRL", "PreloadQRL", "Task", "Resource", "Component", "Signal", "WrappedSignal", "ComputedSignal", "AsyncComputedSignal", "SerializerSignal", "Store", "StoreArray", "FormData", "JSXNode", "PropsProxy", "SubscriptionData" ];
     const printRaw = (value, prefix) => {
         let result = vnode_isVNode(value) ? vnode_toString.call(value, 1, "", !0).replaceAll(/\n.*/gm, "") : "function" == typeof value ? String(value) : ((obj, indent) => {
             const seen = new WeakSet;
-            return JSON.stringify(obj, ((key, value) => {
-                if ("object" == typeof value && null !== value) {
+            return JSON.stringify(obj, (_, value) => {
+                if (isObject(value)) {
                     if (seen.has(value)) {
                         return `[Circular ${value.constructor.name}]`;
                     }
                     seen.add(value);
                 }
                 return value;
-            }), indent);
+            }, indent);
         })(value, 2);
         return result.length > 500 && (result = result.slice(0, 500) + '"...'), result = result.replace(/\n/g, "\n" + prefix), 
         result.includes("\n") ? result = `\n${prefix}${result}` : result;
@@ -4932,11 +4998,11 @@
             }
             const key = state[i];
             let value = state[++i];
-            void 0 === key ? (hasRaw = !0, out.push(`${RED}[raw${"object" == typeof value && value ? ` ${value.constructor.name}` : ""}]${RESET} ${printRaw(value, `${prefix}  `)}`)) : (3 === key ? value = constantToName(value) : "string" == typeof value ? (value = JSON.stringify(value), 
+            void 0 === key ? (hasRaw = !0, out.push(`${RED}[raw${isObject(value) ? ` ${value.constructor.name}` : ""}]${RESET} ${printRaw(value, `${prefix}  `)}`)) : (3 === key ? value = constantToName(value) : "string" == typeof value ? (value = JSON.stringify(value), 
             value.length > 120 && (value = value.slice(0, 120) + '"...')) : 2 === key ? value = `[\n${prefix}  ${value.join(`\n${prefix}  `)}\n${prefix}]` : Array.isArray(value) && (value = value.length ? `[\n${dumpState(value, color, `${prefix}  `)}\n${prefix}]` : "[]"), 
             out.push(`${RED}${typeIdToName(key)}${RESET} ${value}`));
         }
-        const result = out.map(((v, i) => `${prefix}${isRoot ? `${i} ` : ""}${v}`)).join("\n");
+        const result = out.map((v, i) => `${prefix}${isRoot ? `${i} ` : ""}${v}`).join("\n");
         if (isRoot) {
             const count = hasRaw ? "" : `(${JSON.stringify(state).length} chars)`;
             return hasRaw = !1, `\n${result}\n${count}`;
@@ -4978,12 +5044,12 @@
                 }
                 if (isArray(unwrapped)) {
                     let expectIndex = 0;
-                    return unwrapped.forEach(((v, i) => {
+                    return unwrapped.forEach((v, i) => {
                         if (i !== expectIndex) {
                             throw qError(3, [ unwrapped ]);
                         }
                         _verifySerializable(v, seen, ctx + "[" + i + "]"), expectIndex = i + 1;
-                    })), value;
+                    }), value;
                 }
                 if (isSerializableObject(unwrapped)) {
                     for (const [key, item] of Object.entries(unwrapped)) {
@@ -5011,13 +5077,13 @@
         return value;
     };
     const noSerializeSet = /*#__PURE__*/ new WeakSet;
-    const weakSerializeSet = /*#__PURE__*/ new WeakSet;
     const shouldSerialize = obj => !isObject(obj) && !isFunction(obj) || !noSerializeSet.has(obj);
-    const fastSkipSerialize = obj => obj && ("object" == typeof obj || "function" == typeof obj) && (NoSerializeSymbol in obj || noSerializeSet.has(obj));
-    const noSerialize = input => (("object" == typeof input && null !== input || "function" == typeof input) && noSerializeSet.add(input), 
+    const fastSkipSerialize = obj => obj && (isObject(obj) || "function" == typeof obj) && (NoSerializeSymbol in obj || noSerializeSet.has(obj));
+    const noSerialize = input => ((isObject(input) && null !== input || "function" == typeof input) && noSerializeSet.add(input), 
     input);
     const NoSerializeSymbol = Symbol("noSerialize");
     const SerializerSymbol = Symbol("serialize");
+    const resolvedSymbol = Symbol("resolved");
     const createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef) => {
         let _containerEl;
         const qrl = async function(...args) {
@@ -5028,12 +5094,12 @@
         function bindFnToContext(currentCtx, beforeFn) {
             const bound = (...args) => {
                 if (!qrl.resolved) {
-                    return retryOnPromise((() => qrl.resolve())).then((fn => {
+                    return retryOnPromise(() => qrl.resolve()).then(fn => {
                         if (!isFunction(fn)) {
                             throw qError(5);
                         }
                         return bound(...args);
-                    }));
+                    });
                 }
                 if (beforeFn && !1 === beforeFn()) {
                     return;
@@ -5067,7 +5133,8 @@
             return context = newInvokeContext(), context.$qrl$ = qrl, context.$event$ = this, 
             invoke.call(this, context, fn, ...args);
         };
-        const resolve = async containerEl => {
+        symbolFn && resolvedSymbol in symbolFn && (symbolRef = symbolFn[resolvedSymbol]);
+        const resolve = symbolRef ? async () => symbolRef : async containerEl => {
             if (null !== symbolRef) {
                 return symbolRef;
             }
@@ -5081,14 +5148,17 @@
             const start = now();
             const ctx = tryGetInvokeContext();
             if (null !== symbolFn) {
-                symbolRef = symbolFn().then((module => qrl.resolved = wrapFn(symbolRef = module[symbol])));
+                symbolRef = symbolFn().then(module => {
+                    const resolved = wrapFn(symbolRef = module[symbol]);
+                    return symbolFn[resolvedSymbol] = resolved, qrl.resolved = resolved, resolved;
+                });
             } else {
                 const imported = getPlatform().importSymbol(_containerEl, chunk, symbol);
-                symbolRef = maybeThen(imported, (ref => qrl.resolved = wrapFn(symbolRef = ref)));
+                symbolRef = maybeThen(imported, ref => qrl.resolved = wrapFn(symbolRef = ref));
             }
-            return "object" == typeof symbolRef && isPromise(symbolRef) && symbolRef.then((() => emitUsedSymbol(symbol, ctx?.$element$, start)), (err => {
+            return isPromise(symbolRef) && symbolRef.then(() => emitUsedSymbol(symbol, ctx?.$element$, start), err => {
                 console.error(`qrl ${symbol} failed to load`, err), symbolRef = null;
-            })), symbolRef;
+            }), symbolRef;
         };
         const createOrReuseInvocationContext = invoke => null == invoke ? newInvokeContext() : isArray(invoke) ? newInvokeContextFromTuple(invoke) : invoke;
         const hash = getSymbolHash(symbol);
@@ -5097,7 +5167,6 @@
             getHash: () => hash,
             getCaptured: () => captureRef,
             resolve,
-            $resolveLazy$: containerEl => null !== symbolRef ? symbolRef : resolve(containerEl),
             $setContainer$: setContainer,
             $chunk$: chunk,
             $symbol$: symbol,
@@ -5107,7 +5176,7 @@
             $captureRef$: captureRef,
             dev: null,
             resolved: void 0
-        }), symbolRef && (symbolRef = maybeThen(symbolRef, (resolved => qrl.resolved = wrapFn(symbolRef = resolved)))), 
+        }), symbolRef && (symbolRef = maybeThen(symbolRef, resolved => qrl.resolved = wrapFn(symbolRef = resolved))), 
         build.isDev && Object.defineProperty(qrl, "_devOnlySymbolRef", {
             get: () => symbolRef
         }), build.isBrowser && symbol && preloader.p(symbol, .8), qrl;
@@ -5275,7 +5344,7 @@
     const STRINGS_COMMENTS = [ [ ANY, 39, 14 ], [ ANY, 34, 15 ], [ ANY, 47, 16, "*" ] ];
     const STATE_MACHINE = [ [ [ ANY, 42, starSelector ], [ ANY, OPEN_BRACKET, 7 ], [ ANY, COLON, pseudoElement, ":", "before", "after", "first-letter", "first-line" ], [ ANY, COLON, pseudoGlobal, "global" ], [ ANY, COLON, 3, "has", "host-context", "not", "where", "is", "matches", "any" ], [ ANY, COLON, 4 ], [ ANY, IDENT, 1 ], [ ANY, DOT, 1 ], [ ANY, HASH, 1 ], [ ANY, 64, atRuleSelector, "keyframe" ], [ ANY, 64, atRuleBlock, "media", "supports", "container" ], [ ANY, 64, atRuleInert ], [ ANY, 123, 13 ], [ 47, 42, 16 ], [ ANY, 59, EXIT ], [ ANY, 125, EXIT ], [ ANY, CLOSE_PARENTHESIS, EXIT ], ...STRINGS_COMMENTS ], [ [ ANY, NOT_IDENT, EXIT_INSERT_SCOPE ] ], [ [ ANY, NOT_IDENT, EXIT_INSERT_SCOPE ] ], [ [ ANY, 40, rule ], [ ANY, NOT_IDENT, EXIT_INSERT_SCOPE ] ], [ [ ANY, 40, 8 ], [ ANY, NOT_IDENT, EXIT_INSERT_SCOPE ] ], [ [ ANY, 40, rule ], [ ANY, NOT_IDENT, EXIT ] ], [ [ ANY, NOT_IDENT, EXIT ] ], [ [ ANY, 93, EXIT_INSERT_SCOPE ], [ ANY, 39, 14 ], [ ANY, 34, 15 ] ], [ [ ANY, CLOSE_PARENTHESIS, EXIT ], ...STRINGS_COMMENTS ], [ [ ANY, 125, EXIT ], ...STRINGS_COMMENTS ], [ [ ANY, 125, EXIT ], [ WHITESPACE, IDENT, 1 ], [ ANY, COLON, pseudoGlobal, "global" ], [ ANY, 123, 13 ], ...STRINGS_COMMENTS ], [ [ ANY, 123, rule ], [ ANY, 59, EXIT ], ...STRINGS_COMMENTS ], [ [ ANY, 59, EXIT ], [ ANY, 123, 9 ], ...STRINGS_COMMENTS ], [ [ ANY, 125, EXIT ], [ ANY, 123, 13 ], [ ANY, 40, 8 ], ...STRINGS_COMMENTS ], [ [ ANY, 39, EXIT ] ], [ [ ANY, 34, EXIT ] ], [ [ 42, 47, EXIT ] ] ];
     const useStylesQrl = styles => ({
-        styleId: _useStyles(styles, (str => str), !1)
+        styleId: _useStyles(styles, str => str, !1)
     });
     const useStyles$ = /*#__PURE__*/ implicit$FirstArg(useStylesQrl);
     const useStylesScopedQrl = styles => ({
@@ -5291,13 +5360,10 @@
         const styleId = (index = i, assertQrl(qStyles = styleQrl), `${hashCode(qStyles.$hash$)}-${index}`);
         var qStyles, index;
         const host = iCtx.$hostElement$;
-        set(styleId);
-        const value = styleQrl.$resolveLazy$(iCtx.$element$);
-        if (isPromise(value)) {
-            throw value.then((val => iCtx.$container$.$appendStyle$(transform(val, styleId), styleId, host, scoped))), 
-            value;
+        if (set(styleId), !styleQrl.resolved) {
+            throw styleQrl.resolve().then(val => iCtx.$container$.$appendStyle$(transform(val, styleId), styleId, host, scoped));
         }
-        return iCtx.$container$.$appendStyle$(transform(value, styleId), styleId, host, scoped), 
+        return iCtx.$container$.$appendStyle$(transform(styleQrl.resolved, styleId), styleId, host, scoped), 
         styleId;
     };
     const useOn = (event, eventQrl) => {
@@ -5317,7 +5383,7 @@
     };
     const _useOn = (eventName, eventQrl) => {
         const {isAdded, addEvent} = useOnEventsSequentialScope();
-        isAdded || eventQrl && (Array.isArray(eventName) ? eventName.forEach((event => addEvent(event, eventQrl))) : addEvent(eventName, eventQrl));
+        isAdded || eventQrl && (Array.isArray(eventName) ? eventName.forEach(event => addEvent(event, eventQrl)) : addEvent(eventName, eventQrl));
     };
     const useOnEventsSequentialScope = () => {
         const iCtx = useInvokeContext();
@@ -5343,18 +5409,18 @@
         const {val, set} = useSequentialScope();
         return null != val ? val : set(value = isFunction(value) && !isQwikComponent(value) ? value() : value);
     };
-    const useComputedCommon = (qrl, Class) => {
+    const useComputedCommon = (qrl, createFn, options) => {
         const {val, set} = useSequentialScope();
         if (val) {
             return val;
         }
         assertQrl(qrl);
-        const signal = new Class(null, qrl);
+        const signal = createFn(qrl, options);
         return set(signal), throwIfQRLNotResolved(qrl), signal;
     };
-    const useComputedQrl = qrl => useComputedCommon(qrl, ComputedSignalImpl);
+    const useComputedQrl = (qrl, options) => useComputedCommon(qrl, createComputedSignal, options);
     const useComputed$ = implicit$FirstArg(useComputedQrl);
-    const useSerializerQrl = qrl => useComputedCommon(qrl, SerializerSignalImpl);
+    const useSerializerQrl = qrl => useComputedCommon(qrl, createSerializerSignal);
     const useSerializer$ = implicit$FirstArg(useSerializerQrl);
     const useVisibleTaskQrl = (qrl, opts) => {
         const {val, set, i, iCtx} = useSequentialScope();
@@ -5364,7 +5430,7 @@
         }
         assertQrl(qrl);
         const task = new Task(1, i, iCtx.$hostElement$, qrl, void 0, null);
-        set(task), useRunTask(task, eagerness), isServerPlatform() || (qrl.$resolveLazy$(iCtx.$element$), 
+        set(task), useRunTask(task, eagerness), isServerPlatform() || (qrl.resolve(iCtx.$element$), 
         iCtx.$container$.$scheduler$(32, task));
     };
     const useRunTask = (task, eagerness) => {
@@ -5373,14 +5439,14 @@
     const getTaskHandlerQrl = task => createQRL(null, "_task", scheduleTask, null, null, [ task ]);
     const useTask$ = /*#__PURE__*/ implicit$FirstArg(useTaskQrl);
     const useVisibleTask$ = /*#__PURE__*/ implicit$FirstArg(useVisibleTaskQrl);
-    const useAsyncComputedQrl = qrl => useComputedCommon(qrl, AsyncComputedSignalImpl);
+    const useAsyncComputedQrl = (qrl, options) => useComputedCommon(qrl, createAsyncComputedSignal, options);
     const useAsyncComputed$ = implicit$FirstArg(useAsyncComputedQrl);
     const PREFETCH_CODE = /*#__PURE__*/ (c => {
-        "getRegistrations" in c && c.getRegistrations().then((registrations => {
-            registrations.forEach((registration => {
+        "getRegistrations" in c && c.getRegistrations().then(registrations => {
+            registrations.forEach(registration => {
                 registration.active && registration.active.scriptURL.endsWith("_URL_") && registration.unregister().catch(console.error);
-            }));
-        }));
+            });
+        });
     }).toString();
     Object.defineProperty(exports, "isBrowser", {
         enumerable: !0,
@@ -5430,7 +5496,7 @@
                     return Promise.resolve(resource._error).then(useBindInvokeContext(props.onRejected));
                 }
                 {
-                    const resolvedValue = untrack((() => resource._resolved));
+                    const resolvedValue = untrack(() => resource._resolved);
                     if (void 0 !== resolvedValue) {
                         return Promise.resolve(resolvedValue).then(useBindInvokeContext(props.onResolved));
                     }
@@ -5439,7 +5505,14 @@
             const value = resource.value;
             return value ? value.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : Promise.resolve(void 0);
         }
-        return isPromise(resource) ? resource.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : isSignal(resource) ? Promise.resolve(resource.value).then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : Promise.resolve(resource).then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected));
+        if (isPromise(resource)) {
+            return resource.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected));
+        }
+        if (isSignal(resource)) {
+            const value = retryOnPromise(() => resource.value);
+            return (isPromise(value) ? value : Promise.resolve(value)).then(useBindInvokeContext(props.onResolved));
+        }
+        return Promise.resolve(resource).then(useBindInvokeContext(props.onResolved));
     }(props), 0, null), exports.SSRComment = SSRComment, exports.SSRRaw = SSRRaw, exports.SSRStream = SSRStream, 
     exports.SSRStreamBlock = props => [ jsx(SSRComment, {
         data: "qkssr-pu"
@@ -5449,7 +5522,7 @@
     exports.Slot = Slot, exports._CONST_PROPS = _CONST_PROPS, exports._DomContainer = DomContainer, 
     exports._EFFECT_BACK_REF = _EFFECT_BACK_REF, exports._EMPTY_ARRAY = EMPTY_ARRAY, 
     exports._IMMUTABLE = _IMMUTABLE, exports._SharedContainer = _SharedContainer, exports._SubscriptionData = SubscriptionData, 
-    exports._VAR_PROPS = _VAR_PROPS, exports._deserialize = function(rawStateData, element) {
+    exports._UNINITIALIZED = _UNINITIALIZED, exports._VAR_PROPS = _VAR_PROPS, exports._deserialize = function(rawStateData, element) {
         if (null == rawStateData) {
             return [];
         }
@@ -5465,7 +5538,12 @@
         }
         return output;
     }, exports._dumpState = dumpState, exports._fnSignal = (fn, args, fnStr) => new WrappedSignalImpl(null, fn, args, fnStr || null), 
-    exports._getContextElement = () => {
+    exports._getContextContainer = () => {
+        const iCtx = tryGetInvokeContext();
+        if (iCtx) {
+            return iCtx.$container$;
+        }
+    }, exports._getContextElement = () => {
         const iCtx = tryGetInvokeContext();
         if (iCtx) {
             const hostElement = iCtx.$hostElement$;
@@ -5511,13 +5589,14 @@
             omit.includes(key) || (varPropsTarget[key] = varProps[key]);
         }
         return createPropsProxy(varPropsTarget, constPropsTarget);
-    }, exports._run = queueQRL, exports._serialize = async function(data) {
-        const serializationContext = createSerializationContext(null, null, (() => ""), (() => ""), (() => {}), new WeakMap);
+    }, exports._run = queueQRL, exports._serializationWeakRef = obj => new SerializationWeakRef(obj), 
+    exports._serialize = async function(data) {
+        const serializationContext = createSerializationContext(null, null, () => "", () => "", () => {}, new WeakMap);
         for (const root of data) {
             serializationContext.$addRoot$(root);
         }
         return await serializationContext.$serialize$(), serializationContext.$writer$.toString();
-    }, exports._task = scheduleTask, exports._verifySerializable = verifySerializable, 
+    }, exports._task = scheduleTask, exports._useInvokeContext = useInvokeContext, exports._verifySerializable = verifySerializable, 
     exports._vnode_toString = vnode_toString, exports._waitUntilRendered = elm => {
         const containerEl = _getQContainerElement(elm);
         if (!containerEl) {
@@ -5525,14 +5604,11 @@
         }
         const container = containerEl.qContainer;
         return container?.renderDone ?? Promise.resolve();
-    }, exports._walkJSX = _walkJSX, exports._weakSerialize = input => (weakSerializeSet.add(input), 
-    input), exports._wrapProp = _wrapProp, exports._wrapSignal = (obj, prop) => {
+    }, exports._walkJSX = _walkJSX, exports._wrapProp = _wrapProp, exports._wrapSignal = (obj, prop) => {
         const r = _wrapProp(obj, prop);
         return r === _IMMUTABLE ? obj[prop] : r;
-    }, exports._wrapStore = (obj, prop) => {
-        const value = getStoreTarget(obj)[prop];
-        return isSignal(value) ? value : new WrappedSignalImpl(null, getProp, [ obj, prop ], null, 1);
     }, exports.component$ = onMount => componentQrl(dollar(onMount)), exports.componentQrl = componentQrl, 
+    exports.createAsyncComputed$ = createAsyncComputed$, exports.createAsyncComputedQrl = createAsyncComputedSignal, 
     exports.createComputed$ = createComputed$, exports.createComputedQrl = createComputedSignal, 
     exports.createContextId = createContextId, exports.createElement = h, exports.createSerializer$ = createSerializer$, 
     exports.createSerializerQrl = createSerializerSignal, exports.createSignal = createSignal, 
@@ -5555,10 +5631,10 @@
         return qrl.dev = opts, qrl;
     }, exports.isSignal = isSignal, exports.jsx = jsx, exports.jsxDEV = (type, props, key, _isStatic, opts) => {
         const processed = null == key ? null : String(key);
-        const children = untrack((() => {
+        const children = untrack(() => {
             const c = props.children;
             return "string" == typeof type && delete props.children, c;
-        }));
+        });
         isString(type) && "className" in props && (props.class = props.className, delete props.className);
         const node = new JSXNodeImpl(type, props, null, children, 0, processed);
         return node.dev = {
@@ -5630,10 +5706,10 @@
     exports.useSerializerQrl = useSerializerQrl, exports.useServerData = function(key, defaultValue) {
         const ctx = tryGetInvokeContext();
         return ctx?.$container$?.$serverData$[key] ?? defaultValue;
-    }, exports.useSignal = initialState => useConstant((() => {
+    }, exports.useSignal = initialState => useConstant(() => {
         const value = isFunction(initialState) && !isQwikComponent(initialState) ? invoke(void 0, initialState) : initialState;
         return createSignal(value);
-    })), exports.useStore = useStore, exports.useStyles$ = useStyles$, exports.useStylesQrl = useStylesQrl, 
+    }), exports.useStore = useStore, exports.useStyles$ = useStyles$, exports.useStylesQrl = useStylesQrl, 
     exports.useStylesScoped$ = useStylesScoped$, exports.useStylesScopedQrl = useStylesScopedQrl, 
     exports.useTask$ = useTask$, exports.useTaskQrl = useTaskQrl, exports.useVisibleTask$ = useVisibleTask$, 
     exports.useVisibleTaskQrl = useVisibleTaskQrl, exports.version = version, exports.withLocale = function(locale, fn) {
@@ -5644,4 +5720,4 @@
             _locale = previousLang;
         }
     };
-}));
+});