@qwik.dev/core 2.0.0-alpha.7 → 2.0.0-alpha.8

package/dist/testing/index.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/testing 2.0.0-alpha.7-dev+a26598a
+ * @qwik.dev/core/testing 2.0.0-alpha.8-dev+66037b5
  * 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
@@ -22439,8 +22439,7 @@ var VirtualTypeName = {
 var OnRenderProp = "q:renderFn";
 var ComponentStylesPrefixContent = "\u26A1\uFE0F";
 var QSlot = "q:slot";
-var QSlotParent = ":";
-var QSlotRef = "q:sref";
+var QSlotParent = "q:sparent";
 var QSlotS = "q:s";
 var QStyle = "q:style";
 var QStyleSelector = "style[q\\:style]";
@@ -23018,7 +23017,7 @@ var DEBUG = false;
 var log = (...args) => console.log("STORE", ...args.map(qwikDebugToString));
 var STORE_TARGET = Symbol("store.target");
 var STORE_HANDLER = Symbol("store.handler");
-var STORE_ARRAY_PROP = Symbol("store.array");
+var STORE_ALL_PROPS = Symbol("store.all");
 var getStoreHandler = (value) => {
   return value[STORE_HANDLER];
 };
@@ -23080,7 +23079,12 @@ var StoreHandler = class {
       }
       const effectSubscriber = ctx.$effectSubscriber$;
       if (effectSubscriber) {
-        addEffect(target, Array.isArray(target) ? STORE_ARRAY_PROP : prop, this, effectSubscriber);
+        addStoreEffect(
+          target,
+          Array.isArray(target) ? STORE_ALL_PROPS : prop,
+          this,
+          effectSubscriber
+        );
       }
     }
     if (prop === "toString" && value === Object.prototype.toString) {
@@ -23127,9 +23131,9 @@ var StoreHandler = class {
       if (ctx) {
         const effectSubscriber = ctx.$effectSubscriber$;
         if (effectSubscriber) {
-          addEffect(
+          addStoreEffect(
             target,
-            Array.isArray(target) ? STORE_ARRAY_PROP : prop,
+            Array.isArray(target) ? STORE_ALL_PROPS : prop,
             this,
             effectSubscriber
           );
@@ -23142,7 +23146,7 @@ var StoreHandler = class {
     const ctx = tryGetInvokeContext();
     const effectSubscriber = ctx == null ? void 0 : ctx.$effectSubscriber$;
     if (effectSubscriber) {
-      addEffect(target, STORE_ARRAY_PROP, this, effectSubscriber);
+      addStoreEffect(target, STORE_ALL_PROPS, this, effectSubscriber);
     }
     return Reflect.ownKeys(target);
   }
@@ -23160,7 +23164,7 @@ var StoreHandler = class {
     };
   }
 };
-function addEffect(target, prop, store, effectSubscription) {
+function addStoreEffect(target, prop, store, effectSubscription) {
   var _a;
   const effectsMap = store.$effects$ ||= /* @__PURE__ */ new Map();
   let effects = effectsMap.get(prop);
@@ -23195,7 +23199,7 @@ function getEffects(target, prop, storeEffects) {
       effectsToTrigger = storeEffects.get(prop);
     }
   }
-  const storeArrayValue = storeEffects == null ? void 0 : storeEffects.get(STORE_ARRAY_PROP);
+  const storeArrayValue = storeEffects == null ? void 0 : storeEffects.get(STORE_ALL_PROPS);
   if (storeArrayValue) {
     effectsToTrigger ||= /* @__PURE__ */ new Set();
     for (const effect of storeArrayValue) {
@@ -23339,6 +23343,14 @@ var runTask = (task, container, host) => {
         return obj[prop];
       } else if (isSignal(obj)) {
         return obj.value;
+      } else if (isStore(obj)) {
+        addStoreEffect(
+          getStoreTarget(obj),
+          STORE_ALL_PROPS,
+          getStoreHandler(obj),
+          ctx.$effectSubscriber$
+        );
+        return obj;
       } else {
         throw qError(2 /* trackObjectWithoutProp */);
       }
@@ -23408,13 +23420,13 @@ var isTask = (value) => {
 var import_build7 = require("@qwik.dev/core/build");
 
 // packages/qwik/src/core/client/util-mapArray.ts
-var mapApp_findIndx = (elementVNode, key, start) => {
+var mapApp_findIndx = (array, key, start) => {
   assertTrue(start % 2 === 0, "Expecting even number.");
   let bottom = start >> 1;
-  let top = elementVNode.length - 2 >> 1;
+  let top = array.length - 2 >> 1;
   while (bottom <= top) {
     const mid = bottom + (top - bottom >> 1);
-    const midKey = elementVNode[mid << 1];
+    const midKey = array[mid << 1];
     if (midKey === key) {
       return mid << 1;
     }
@@ -23426,36 +23438,39 @@ var mapApp_findIndx = (elementVNode, key, start) => {
   }
   return bottom << 1 ^ -1;
 };
-var mapArray_set = (elementVNode, key, value, start) => {
-  const indx = mapApp_findIndx(elementVNode, key, start);
+var mapArray_set = (array, key, value, start) => {
+  const indx = mapApp_findIndx(array, key, start);
   if (indx >= 0) {
     if (value == null) {
-      elementVNode.splice(indx, 2);
+      array.splice(indx, 2);
     } else {
-      elementVNode[indx + 1] = value;
+      array[indx + 1] = value;
     }
   } else if (value != null) {
-    elementVNode.splice(indx ^ -1, 0, key, value);
+    array.splice(indx ^ -1, 0, key, value);
   }
 };
-var mapApp_remove = (elementVNode, key, start) => {
-  const indx = mapApp_findIndx(elementVNode, key, start);
+var mapApp_remove = (array, key, start) => {
+  const indx = mapApp_findIndx(array, key, start);
   let value = null;
   if (indx >= 0) {
-    value = elementVNode[indx + 1];
-    elementVNode.splice(indx, 2);
+    value = array[indx + 1];
+    array.splice(indx, 2);
     return value;
   }
   return value;
 };
-var mapArray_get = (elementVNode, key, start) => {
-  const indx = mapApp_findIndx(elementVNode, key, start);
+var mapArray_get = (array, key, start) => {
+  const indx = mapApp_findIndx(array, key, start);
   if (indx >= 0) {
-    return elementVNode[indx + 1];
+    return array[indx + 1];
   } else {
     return null;
   }
 };
+var mapArray_has = (array, key, start) => {
+  return mapApp_findIndx(array, key, start) >= 0;
+};
 
 // packages/qwik/src/core/client/vnode-namespace.ts
 var import_build5 = require("@qwik.dev/core/build");
@@ -23807,9 +23822,6 @@ var _IMMUTABLE = Symbol("IMMUTABLE");
 function isSlotProp(prop) {
   return !prop.startsWith("q:") && !prop.startsWith(NON_SERIALIZABLE_MARKER_PREFIX);
 }
-function isParentSlotProp(prop) {
-  return prop.startsWith(QSlotParent);
-}
 
 // packages/qwik/src/core/shared/utils/character-escaping.ts
 function escapeHTML(html) {
@@ -24078,6 +24090,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       slotName,
       (id) => vnode_locate(container.rootVNode, id)
     );
+    vCurrent = vCurrent && vCurrent[0 /* flags */] & 32 /* Deleted */ ? null : vCurrent;
     if (vCurrent == null) {
       vNewNode = vnode_newVirtual();
       import_build7.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
@@ -24112,6 +24125,11 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       return false;
     } else if (vProjectedNode === vCurrent) {
     } else {
+      const parent = vnode_getParent(vProjectedNode);
+      const isAlreadyProjected = !!parent && !(vnode_isElementVNode(parent) && vnode_getElementName(parent) === QTemplate);
+      if (isAlreadyProjected && vParent !== parent) {
+        vnode_remove(journal, parent, vProjectedNode, false);
+      }
       vnode_insertBefore(
         journal,
         vParent,
@@ -24167,8 +24185,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       while (vCurrent) {
         const toRemove = vCurrent;
         advanceToNextSibling();
-        cleanup(container, toRemove);
         if (vParent === vnode_getParent(toRemove)) {
+          cleanup(container, toRemove);
           vnode_remove(journal, vParent, toRemove, true);
         }
       }
@@ -24533,10 +24551,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         shouldRender = true;
       } else if (!hashesAreEqual) {
         insertNewComponent(host, componentQRL, jsxProps);
-        if (vNewNode) {
-          host = vNewNode;
-          shouldRender = true;
-        }
+        host = vNewNode;
+        shouldRender = true;
       }
       if (host) {
         const vNodeProps = vnode_getProp(host, ELEMENT_PROPS, container.$getObjectById$);
@@ -24551,6 +24567,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       const lookupKey = jsxNode2.key;
       const vNodeLookupKey = getKey(host);
       const lookupKeysAreEqual = lookupKey === vNodeLookupKey;
+      const vNodeComponentHash = getComponentHash(host, container.$getObjectById$);
       if (!lookupKeysAreEqual) {
         vNewNode = retrieveChildWithKey(null, lookupKey);
         if (vNewNode) {
@@ -24559,6 +24576,9 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           insertNewInlineComponent();
         }
         host = vNewNode;
+      } else if (vNodeComponentHash != null) {
+        insertNewInlineComponent();
+        host = vNewNode;
       }
       if (host) {
         let componentHost = host;
@@ -24673,6 +24693,7 @@ function removePropsKeys(keys, propKeys) {
 function cleanup(container, vNode) {
   let vCursor = vNode;
   if (vnode_isTextVNode(vNode)) {
+    markVNodeAsDeleted(vCursor);
     return;
   }
   let vParent = null;
@@ -24703,7 +24724,7 @@ function cleanup(container, vNode) {
         const attrs = vnode_getProps(vCursor);
         for (let i = 0; i < attrs.length; i = i + 2) {
           const key = attrs[i];
-          if (!isParentSlotProp(key) && isSlotProp(key)) {
+          if (isSlotProp(key)) {
             const value = attrs[i + 1];
             if (value) {
               attrs[i + 1] = null;
@@ -24718,7 +24739,7 @@ function cleanup(container, vNode) {
           }
         }
       }
-      const isProjection = type & 2 /* Virtual */ && vnode_getProp(vCursor, QSlot, null) !== null;
+      const isProjection = vnode_isProjection(vCursor);
       if (!isProjection) {
         const vFirstChild = vnode_getFirstChild(vCursor);
         if (vFirstChild) {
@@ -24732,6 +24753,8 @@ function cleanup(container, vNode) {
           return;
         }
       }
+    } else if (type & 4 /* Text */) {
+      markVNodeAsDeleted(vCursor);
     }
     if (vCursor === vNode) {
       return;
@@ -25447,7 +25470,7 @@ var Signal = class {
     }
   }
   toString() {
-    return `[${this.constructor.name}${this.$invalid$ ? " INVALID" : ""} ${String(this.$untrackedValue$)}]` + (Array.from(this.$effects$ || []).map((e) => "\n -> " + pad(qwikDebugToString(e[0]), "    ")).join("\n") || "");
+    return `[${this.constructor.name}${this.$flags$ & 1 /* INVALID */ ? " INVALID" : ""} ${String(this.$untrackedValue$)}]` + (Array.from(this.$effects$ || []).map((e) => "\n -> " + pad(qwikDebugToString(e[0]), "    ")).join("\n") || "");
   }
   toJSON() {
     return { value: this.$untrackedValue$ };
@@ -25537,17 +25560,17 @@ var ComputedSignal = class extends Signal {
    * resolve the QRL during the mark dirty phase so that any call to it will be synchronous). )
    */
   $computeQrl$;
-  // We need a separate flag to know when the computation needs running because
-  // we need the old value to know if effects need running after computation
-  $invalid$ = true;
+  $flags$;
   $forceRunEffects$ = false;
-  constructor(container, fn) {
+  [_EFFECT_BACK_REF] = null;
+  constructor(container, fn, flags = 1 /* INVALID */) {
     super(container, NEEDS_COMPUTATION);
     this.$computeQrl$ = fn;
+    this.$flags$ = flags;
   }
   $invalidate$() {
     var _a;
-    this.$invalid$ = true;
+    this.$flags$ |= 1 /* INVALID */;
     this.$forceRunEffects$ = false;
     (_a = this.$container$) == null ? void 0 : _a.$scheduler$(7 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */, null, this);
   }
@@ -25556,7 +25579,7 @@ var ComputedSignal = class extends Signal {
    * remained the same object
    */
   force() {
-    this.$invalid$ = true;
+    this.$flags$ |= 1 /* INVALID */;
     this.$forceRunEffects$ = false;
     triggerEffects(this.$container$, this, this.$effects$);
   }
@@ -25569,7 +25592,7 @@ var ComputedSignal = class extends Signal {
     return this.$untrackedValue$;
   }
   $computeIfNeeded$() {
-    if (!this.$invalid$) {
+    if (!(this.$flags$ & 1 /* INVALID */)) {
       return false;
     }
     const computeQrl = this.$computeQrl$;
@@ -25586,7 +25609,7 @@ var ComputedSignal = class extends Signal {
         ]);
       }
       DEBUG3 && log2("Signal.$compute$", untrackedValue);
-      this.$invalid$ = false;
+      this.$flags$ &= ~1 /* INVALID */;
       const didChange = untrackedValue !== this.$untrackedValue$;
       if (didChange) {
         this.$untrackedValue$ = untrackedValue;
@@ -25610,21 +25633,20 @@ var WrappedSignal = class extends Signal {
   $args$;
   $func$;
   $funcStr$;
-  // We need a separate flag to know when the computation needs running because
-  // we need the old value to know if effects need running after computation
-  $invalid$ = true;
+  $flags$;
   $hostElement$ = null;
   $forceRunEffects$ = false;
   [_EFFECT_BACK_REF] = null;
-  constructor(container, fn, args, fnStr) {
+  constructor(container, fn, args, fnStr, flags = 1 /* INVALID */ | 2 /* UNWRAP */) {
     super(container, NEEDS_COMPUTATION);
     this.$args$ = args;
     this.$func$ = fn;
     this.$funcStr$ = fnStr;
+    this.$flags$ = flags;
   }
   $invalidate$() {
     var _a;
-    this.$invalid$ = true;
+    this.$flags$ |= 1 /* INVALID */;
     this.$forceRunEffects$ = false;
     (_a = this.$container$) == null ? void 0 : _a.$scheduler$(
       7 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */,
@@ -25637,7 +25659,7 @@ var WrappedSignal = class extends Signal {
    * remained the same object
    */
   force() {
-    this.$invalid$ = true;
+    this.$flags$ |= 1 /* INVALID */;
     this.$forceRunEffects$ = false;
     triggerEffects(this.$container$, this, this.$effects$);
   }
@@ -25650,7 +25672,7 @@ var WrappedSignal = class extends Signal {
     return this.$untrackedValue$;
   }
   $computeIfNeeded$() {
-    if (!this.$invalid$) {
+    if (!(this.$flags$ & 1 /* INVALID */)) {
       return false;
     }
     const untrackedValue = trackSignal(
@@ -25832,7 +25854,7 @@ var PropsProxyHandler = class {
       return this.$children$;
     }
     const value = this.$constProps$ && prop in this.$constProps$ ? this.$constProps$[prop] : this.$varProps$[prop];
-    return value instanceof WrappedSignal ? value.value : value;
+    return value instanceof WrappedSignal && value.$flags$ & 2 /* UNWRAP */ ? value.value : value;
   }
   set(_, prop, value) {
     if (prop === _CONST_PROPS) {
@@ -26185,13 +26207,13 @@ var VNodeDataChar = {
     /* ****** */
     ">"
   ),
-  SLOT_REF: (
-    /* *********** */
+  SLOT_PARENT: (
+    /* ******** */
     63
   ),
-  // `?` - `q:sref` - Slot reference.
-  SLOT_REF_CHAR: (
-    /* *** */
+  // `?` - `q:sparent` - Slot parent.
+  SLOT_PARENT_CHAR: (
+    /*  */
     "?"
   ),
   KEY: (
@@ -26395,6 +26417,11 @@ var vnode_isVirtualVNode = (vNode) => {
   const flag = vNode[0 /* flags */];
   return (flag & 2 /* Virtual */) === 2 /* Virtual */;
 };
+var vnode_isProjection = (vNode) => {
+  assertDefined(vNode, "Missing vNode");
+  const flag = vNode[0 /* flags */];
+  return (flag & 2 /* Virtual */) === 2 /* Virtual */ && vnode_getProp(vNode, QSlot, null) !== null;
+};
 var ensureTextVNode = (vNode) => {
   assertTrue(vnode_isTextVNode(vNode), "Expecting TextVNode was: " + vnode_getNodeTypeName(vNode));
   return vNode;
@@ -26460,7 +26487,9 @@ function vnode_walkVNode(vNode, callback) {
   }
   let vParent = null;
   do {
-    callback == null ? void 0 : callback(vCursor, vParent);
+    if (callback == null ? void 0 : callback(vCursor, vParent)) {
+      return;
+    }
     const vFirstChild = vnode_getFirstChild(vCursor);
     if (vFirstChild) {
       vCursor = vFirstChild;
@@ -26737,7 +26766,7 @@ var vnode_applyJournal = (journal) => {
         if (isBooleanAttr(element, key)) {
           element[key] = parseBoolean(value);
         } else if (key === "value" && key in element) {
-          element.value = escapeHTML(String(value));
+          element.value = String(value);
         } else if (key === dangerouslySetInnerHTML) {
           element.innerHTML = value;
         } else {
@@ -27417,8 +27446,6 @@ function materializeFromVNodeData(vParent, vData, element, child) {
       import_build8.isDev && vnode_setAttr(null, vParent, ELEMENT_ID, id);
     } else if (peek() === VNodeDataChar.PROPS) {
       vnode_setAttr(null, vParent, ELEMENT_PROPS, consumeValue());
-    } else if (peek() === VNodeDataChar.SLOT_REF) {
-      vnode_setAttr(null, vParent, QSlotRef, consumeValue());
     } else if (peek() === VNodeDataChar.KEY) {
       vnode_setAttr(null, vParent, ELEMENT_KEY, consumeValue());
     } else if (peek() === VNodeDataChar.SEQ) {
@@ -27430,6 +27457,8 @@ function materializeFromVNodeData(vParent, vData, element, child) {
         container = getDomContainer(element);
       }
       setEffectBackRefFromVNodeData(vParent, consumeValue(), container);
+    } else if (peek() === VNodeDataChar.SLOT_PARENT) {
+      vnode_setProp(vParent, QSlotParent, consumeValue());
     } else if (peek() === VNodeDataChar.CONTEXT) {
       vnode_setAttr(null, vParent, QCtxAttr, consumeValue());
     } else if (peek() === VNodeDataChar.OPEN) {
@@ -27988,7 +28017,7 @@ var DomContainer = class extends _SharedContainer {
       () => this.scheduleRender(),
       () => vnode_applyJournal(this.$journal$),
       {},
-      element.getAttribute("q:locale")
+      element.getAttribute(QLocaleAttr)
     );
     this.qContainer = element.getAttribute(QContainerAttr);
     if (!this.qContainer) {
@@ -28370,8 +28399,9 @@ var inflate = (container, target, typeId, data) => {
       signal.$args$ = d[1];
       signal[_EFFECT_BACK_REF] = d[2];
       signal.$untrackedValue$ = d[3];
-      signal.$hostElement$ = d[4];
-      signal.$effects$ = new Set(d.slice(5));
+      signal.$flags$ = d[4];
+      signal.$hostElement$ = d[5];
+      signal.$effects$ = new Set(d.slice(6));
       break;
     }
     case 24 /* ComputedSignal */: {
@@ -28382,7 +28412,7 @@ var inflate = (container, target, typeId, data) => {
       if (d.length === 3) {
         computed.$untrackedValue$ = d[2];
       } else {
-        computed.$invalid$ = true;
+        computed.$flags$ |= 1 /* INVALID */;
         computed.$computeQrl$.resolve();
         (_a = container.$scheduler$) == null ? void 0 : _a.call(
           container,
@@ -28486,7 +28516,7 @@ var _constants = [
   EMPTY_ARRAY,
   EMPTY_OBJ,
   NEEDS_COMPUTATION,
-  STORE_ARRAY_PROP,
+  STORE_ALL_PROPS,
   Slot,
   Fragment,
   NaN,
@@ -28505,7 +28535,7 @@ var _constantNames = [
   "EMPTY_ARRAY",
   "EMPTY_OBJ",
   "NEEDS_COMPUTATION",
-  "STORE_ARRAY_PROP",
+  "STORE_ALL_PROPS",
   "Slot",
   "Fragment",
   "NaN",
@@ -28758,12 +28788,12 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
           discoveredValues.push(k, v);
         });
       } else if (obj instanceof Signal) {
-        const v = obj instanceof WrappedSignal ? obj.untrackedValue : obj instanceof ComputedSignal && (obj.$invalid$ || fastSkipSerialize(obj)) ? NEEDS_COMPUTATION : obj.$untrackedValue$;
+        const v = obj instanceof WrappedSignal ? obj.untrackedValue : obj instanceof ComputedSignal && (obj.$flags$ & 1 /* INVALID */ || fastSkipSerialize(obj)) ? NEEDS_COMPUTATION : obj.$untrackedValue$;
         if (v !== NEEDS_COMPUTATION) {
           discoveredValues.push(v);
         }
         if (obj.$effects$) {
-          discoveredValues.push(...obj.$effects$);
+          discoveredValues.push(obj.$effects$);
         }
         if (obj instanceof WrappedSignal) {
           discoverEffectBackRefs(obj[_EFFECT_BACK_REF], discoveredValues);
@@ -28774,6 +28804,7 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
             discoveredValues.push(obj.$hostElement$);
           }
         } else if (obj instanceof ComputedSignal) {
+          discoverEffectBackRefs(obj[_EFFECT_BACK_REF], discoveredValues);
           discoveredValues.push(obj.$computeQrl$);
         }
       } else if (obj instanceof Task) {
@@ -28856,17 +28887,7 @@ var discoverValuesForVNodeData = (vnodeData, discoveredValues) => {
 };
 var discoverEffectBackRefs = (effectsBackRefs, discoveredValues) => {
   if (effectsBackRefs) {
-    let hasBackRefs = false;
-    for (const [, effect] of effectsBackRefs) {
-      const backRefs = effect[2 /* BACK_REF */];
-      if (backRefs) {
-        hasBackRefs = true;
-        break;
-      }
-    }
-    if (hasBackRefs) {
-      discoveredValues.push(effectsBackRefs);
-    }
+    discoveredValues.push(effectsBackRefs);
   }
 };
 var promiseResults = /* @__PURE__ */ new WeakMap();
@@ -28978,8 +28999,8 @@ function serialize(serializationContext) {
       output(1 /* Constant */, 0 /* Undefined */);
     } else if (value === NEEDS_COMPUTATION) {
       output(1 /* Constant */, 7 /* NEEDS_COMPUTATION */);
-    } else if (value === STORE_ARRAY_PROP) {
-      output(1 /* Constant */, 8 /* STORE_ARRAY_PROP */);
+    } else if (value === STORE_ALL_PROPS) {
+      output(1 /* Constant */, 8 /* STORE_ALL_PROPS */);
     } else {
       throw qError(37 /* serializeErrorUnknownType */, [typeof value]);
     }
@@ -29045,12 +29066,13 @@ function serialize(serializationContext) {
       value.$ssrNode$.vnodeData[0] |= 16 /* SERIALIZE */;
       output(9 /* RefVNode */, value.$ssrNode$.id);
     } else if (value instanceof Signal) {
-      const v = value instanceof ComputedSignal && (value.$invalid$ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
+      const v = value instanceof ComputedSignal && (value.$flags$ & 1 /* INVALID */ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
       if (value instanceof WrappedSignal) {
         output(23 /* WrappedSignal */, [
           ...serializeWrappingFn(serializationContext, value),
           filterEffectBackRefs(value[_EFFECT_BACK_REF]),
           v,
+          value.$flags$,
           value.$hostElement$,
           ...value.$effects$ || []
         ]);
@@ -31145,14 +31167,12 @@ var SsrComponentFrame = class {
     return QDefaultSlot;
   }
   hasSlot(slotName) {
-    return mapArray_get(this.slots, slotName, 0) !== null;
+    return mapArray_has(this.slots, slotName, 0);
   }
   consumeChildrenForSlot(projectionNode, slotName) {
     const children = mapApp_remove(this.slots, slotName, 0);
-    if (children !== null) {
-      this.componentNode.setProp(slotName, projectionNode.id);
-      projectionNode.setProp(QSlotParent, this.componentNode.id);
-    }
+    this.componentNode.setProp(slotName, projectionNode.id);
+    projectionNode.setProp(QSlotParent, this.componentNode.id);
     return children;
   }
   releaseUnclaimedProjections(unclaimedProjections) {
@@ -32057,9 +32077,6 @@ var SSRContainer = class extends import_core6._SharedContainer {
           case ELEMENT_PROPS:
             write(VNodeDataChar.PROPS_CHAR);
             break;
-          case QSlotRef:
-            write(VNodeDataChar.SLOT_REF_CHAR);
-            break;
           case ELEMENT_KEY:
             write(VNodeDataChar.KEY_CHAR);
             break;
@@ -32072,6 +32089,9 @@ var SSRContainer = class extends import_core6._SharedContainer {
           case QBackRefs:
             write(VNodeDataChar.BACK_REFS_CHAR);
             break;
+          case QSlotParent:
+            write(VNodeDataChar.SLOT_PARENT_CHAR);
+            break;
           // Skipping `\` character for now because it is used for escaping.
           case QCtxAttr:
             write(VNodeDataChar.CONTEXT_CHAR);