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

package/dist/insights/index.qwik.cjs

@@ -10,7 +10,7 @@ var isServer = !isBrowser;
 var isDev = false;
 /**
  * @license
- * @qwik.dev/core 2.0.0-alpha.8-dev+66037b5
+ * @qwik.dev/core 2.0.0-alpha.9-dev+56ed5bd
  * 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
@@ -35,10 +35,6 @@ function assertTrue() {
 function assertFalse() {
 }
 const codeToText = (code) => `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`;
-var QError;
-!function(QError2) {
-  QError2[QError2.stringifyClassOrStyle = 0] = "stringifyClassOrStyle", QError2[QError2.schedulerNotFound = 1] = "schedulerNotFound", QError2[QError2.trackObjectWithoutProp = 2] = "trackObjectWithoutProp", QError2[QError2.verifySerializable = 3] = "verifySerializable", QError2[QError2.UNUSED_4 = 4] = "UNUSED_4", QError2[QError2.cannotRenderOverExistingContainer = 5] = "cannotRenderOverExistingContainer", QError2[QError2.UNUSED_6 = 6] = "UNUSED_6", QError2[QError2.UNUSED_7 = 7] = "UNUSED_7", QError2[QError2.UNUSED_8 = 8] = "UNUSED_8", QError2[QError2.UNUSED_9 = 9] = "UNUSED_9", QError2[QError2.qrlIsNotFunction = 10] = "qrlIsNotFunction", QError2[QError2.dynamicImportFailed = 11] = "dynamicImportFailed", QError2[QError2.unknownTypeArgument = 12] = "unknownTypeArgument", QError2[QError2.notFoundContext = 13] = "notFoundContext", QError2[QError2.useMethodOutsideContext = 14] = "useMethodOutsideContext", QError2[QError2.UNUSED_15 = 15] = "UNUSED_15", QError2[QError2.UNUSED_16 = 16] = "UNUSED_16", QError2[QError2.UNUSED_17 = 17] = "UNUSED_17", QError2[QError2.UNUSED_18 = 18] = "UNUSED_18", QError2[QError2.UNUSED_19 = 19] = "UNUSED_19", QError2[QError2.useInvokeContext = 20] = "useInvokeContext", QError2[QError2.UNUSED_21 = 21] = "UNUSED_21", QError2[QError2.UNUSED_22 = 22] = "UNUSED_22", QError2[QError2.UNUSED_23 = 23] = "UNUSED_23", QError2[QError2.UNUSED_24 = 24] = "UNUSED_24", QError2[QError2.UNUSED_25 = 25] = "UNUSED_25", QError2[QError2.UNUSED_26 = 26] = "UNUSED_26", QError2[QError2.UNUSED_27 = 27] = "UNUSED_27", QError2[QError2.invalidContext = 28] = "invalidContext", QError2[QError2.tagError = 29] = "tagError", QError2[QError2.qrlMissingContainer = 30] = "qrlMissingContainer", QError2[QError2.qrlMissingChunk = 31] = "qrlMissingChunk", QError2[QError2.invalidRefValue = 32] = "invalidRefValue", QError2[QError2.serializeErrorNotImplemented = 33] = "serializeErrorNotImplemented", QError2[QError2.serializeErrorExpectedVNode = 34] = "serializeErrorExpectedVNode", QError2[QError2.serializeErrorCannotAllocate = 35] = "serializeErrorCannotAllocate", QError2[QError2.serializeErrorMissingRootId = 36] = "serializeErrorMissingRootId", QError2[QError2.serializeErrorUnknownType = 37] = "serializeErrorUnknownType", QError2[QError2.serializeErrorUnvisited = 38] = "serializeErrorUnvisited", QError2[QError2.serializeErrorMissingChunk = 39] = "serializeErrorMissingChunk", QError2[QError2.wrongTextareaValue = 40] = "wrongTextareaValue", QError2[QError2.containerNotFound = 41] = "containerNotFound", QError2[QError2.elementWithoutContainer = 42] = "elementWithoutContainer", QError2[QError2.invalidVNodeType = 43] = "invalidVNodeType", QError2[QError2.materializeVNodeDataError = 44] = "materializeVNodeDataError", QError2[QError2.cannotCoerceSignal = 45] = "cannotCoerceSignal", QError2[QError2.computedNotSync = 46] = "computedNotSync", QError2[QError2.computedReadOnly = 47] = "computedReadOnly", QError2[QError2.wrappedReadOnly = 48] = "wrappedReadOnly", QError2[QError2.unsafeAttr = 49] = "unsafeAttr";
-}(QError || (QError = {}));
 const qError = (code, errorMessageArgs = []) => {
   const text = codeToText(code, ...errorMessageArgs);
   return logErrorAndStop(text, ...errorMessageArgs);
@@ -49,23 +45,6 @@ const getSymbolHash = (symbolName) => {
   const index = symbolName.lastIndexOf("_");
   return index > -1 ? symbolName.slice(index + 1) : symbolName;
 };
-var VirtualType;
-!function(VirtualType2) {
-  VirtualType2.Virtual = "V", VirtualType2.Fragment = "F", VirtualType2.WrappedSignal = "S", VirtualType2.Awaited = "A", VirtualType2.Component = "C", VirtualType2.InlineComponent = "I", VirtualType2.Projection = "P";
-}(VirtualType || (VirtualType = {}));
-({
-  [VirtualType.Virtual]: "\x1B[34mVirtual\x1B[0m",
-  [VirtualType.Fragment]: "\x1B[34mFragment\x1B[0m",
-  [VirtualType.WrappedSignal]: "\x1B[34mSignal\x1B[0m",
-  [VirtualType.Awaited]: "\x1B[34mAwaited\x1B[0m",
-  [VirtualType.Component]: "\x1B[34mComponent\x1B[0m",
-  [VirtualType.InlineComponent]: "\x1B[34mInlineComponent\x1B[0m",
-  [VirtualType.Projection]: "\x1B[34mProjection\x1B[0m"
-});
-var QContainerValue;
-!function(QContainerValue2) {
-  QContainerValue2.PAUSED = "paused", QContainerValue2.RESUMED = "resumed", QContainerValue2.HTML = "html", QContainerValue2.TEXT = "text";
-}(QContainerValue || (QContainerValue = {}));
 const QSlot = "q:slot";
 const QSlotS = "q:s";
 const QStyle = "q:style";
@@ -77,7 +56,7 @@ const QContainerIslandEnd = "/" + QContainerIsland;
 const QIgnore = "q:ignore";
 const QIgnoreEnd = "/q:ignore";
 const QTemplate = "q:template";
-const QContainerSelector = "[q\\:container]:not([q\\:container=" + QContainerValue.HTML + "]):not([q\\:container=" + QContainerValue.TEXT + "])";
+const QContainerSelector = "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])";
 const HTML_NS = "http://www.w3.org/1999/xhtml";
 const SVG_NS = "http://www.w3.org/2000/svg";
 const MATH_NS = "http://www.w3.org/1998/Math/MathML";
@@ -93,10 +72,10 @@ const createPlatform = () => ({
       }
     }
     if (!url) {
-      throw qError(QError.qrlMissingChunk, [symbolName]);
+      throw qError(31, [symbolName]);
     }
     if (!containerEl) {
-      throw qError(QError.qrlMissingContainer, [url, symbolName]);
+      throw qError(30, [url, symbolName]);
     }
     const urlDoc = toUrl(containerEl.ownerDocument, containerEl, url).toString();
     const urlCopy = new URL(urlDoc);
@@ -160,276 +139,400 @@ const isSerializableObject = (v) => {
 const isArray = (v) => Array.isArray(v);
 const isString = (v) => "string" == typeof v;
 const isFunction = (v) => "function" == typeof v;
-var VNodeDataFlag;
-!function(VNodeDataFlag2) {
-  VNodeDataFlag2[VNodeDataFlag2.NONE = 0] = "NONE", VNodeDataFlag2[VNodeDataFlag2.TEXT_DATA = 1] = "TEXT_DATA", VNodeDataFlag2[VNodeDataFlag2.VIRTUAL_NODE = 2] = "VIRTUAL_NODE", VNodeDataFlag2[VNodeDataFlag2.ELEMENT_NODE = 4] = "ELEMENT_NODE", VNodeDataFlag2[VNodeDataFlag2.REFERENCE = 8] = "REFERENCE", VNodeDataFlag2[VNodeDataFlag2.SERIALIZE = 16] = "SERIALIZE";
-}(VNodeDataFlag || (VNodeDataFlag = {}));
-const isQrl = (value) => "function" == typeof value && "function" == typeof value.getSymbol;
 const EMPTY_ARRAY = [];
 const EMPTY_OBJ = {};
 Object.freeze(EMPTY_ARRAY), Object.freeze(EMPTY_OBJ);
-var ChoreType;
-!function(ChoreType2) {
-  ChoreType2[ChoreType2.MACRO = 240] = "MACRO", ChoreType2[ChoreType2.MICRO = 15] = "MICRO", ChoreType2[ChoreType2.QRL_RESOLVE = 1] = "QRL_RESOLVE", ChoreType2[ChoreType2.RUN_QRL = 2] = "RUN_QRL", ChoreType2[ChoreType2.TASK = 3] = "TASK", ChoreType2[ChoreType2.NODE_DIFF = 4] = "NODE_DIFF", ChoreType2[ChoreType2.NODE_PROP = 5] = "NODE_PROP", ChoreType2[ChoreType2.COMPONENT = 6] = "COMPONENT", ChoreType2[ChoreType2.RECOMPUTE_AND_SCHEDULE_EFFECTS = 7] = "RECOMPUTE_AND_SCHEDULE_EFFECTS", ChoreType2[ChoreType2.JOURNAL_FLUSH = 16] = "JOURNAL_FLUSH", ChoreType2[ChoreType2.VISIBLE = 32] = "VISIBLE", ChoreType2[ChoreType2.CLEANUP_VISIBLE = 48] = "CLEANUP_VISIBLE", ChoreType2[ChoreType2.WAIT_FOR_ALL = 255] = "WAIT_FOR_ALL";
-}(ChoreType || (ChoreType = {}));
-const Slot = (props) => _jsxSorted(Virtual, null, {
-  [QSlotS]: ""
-}, props.children, 0, props.name ?? "");
-const SkipRender = Symbol("skip render");
-const SSRRaw = () => null;
-const SSRComment = () => null;
 const isJsxPropertyAnEventName = (name) => (name.startsWith("on") || name.startsWith("window:on") || name.startsWith("document:on")) && name.endsWith("$");
 const isHtmlAttributeAnEventName = (name) => name.startsWith("on:") || name.startsWith("on-window:") || name.startsWith("on-document:");
-const getEventNameFromJsxProp = (name) => {
-  if (name.endsWith("$")) {
-    let idx = -1;
-    if (name.startsWith("on") ? idx = 2 : name.startsWith("window:on") ? idx = 9 : name.startsWith("document:on") && (idx = 11), -1 != idx) {
-      const isCaseSensitive = isDashAt(name, idx) && !isDashAt(name, idx + 1);
-      isCaseSensitive && idx++;
-      let lastIdx = idx;
-      let eventName = "";
-      for (; ; ) {
-        idx = name.indexOf("-", lastIdx);
-        const chunk = name.substring(lastIdx, -1 === idx ? name.length - 1 : idx);
-        if (eventName += isCaseSensitive ? chunk : chunk.toLowerCase(), -1 == idx) {
-          return eventName;
-        }
-        isDashAt(name, idx + 1) ? (eventName += "-", idx++) : (eventName += name.charAt(idx + 1).toUpperCase(), idx++), lastIdx = idx + 1;
-      }
-    }
-  }
-  return null;
-};
-const getEventNameScopeFromJsxProp = (name) => {
-  const index = name.indexOf(":");
-  return -1 !== index ? name.substring(0, index) : "";
-};
-const isDashAt = (name, idx) => 45 === name.charCodeAt(idx);
-const convertEventNameFromJsxPropToHtmlAttr = (name) => {
-  if (name.endsWith("$")) {
-    let prefix = null;
-    if (name.startsWith("on") ? prefix = "on:" : name.startsWith("window:on") ? prefix = "on-window:" : name.startsWith("document:on") && (prefix = "on-document:"), null !== prefix) {
-      const eventName = getEventNameFromJsxProp(name);
+function jsxEventToHtmlAttribute(jsxEvent) {
+  if (jsxEvent.endsWith("$")) {
+    const [prefix, idx] = getEventScopeDataFromJsxEvent(jsxEvent);
+    if (-1 !== idx) {
+      const eventName = getEventNameFromJsxEvent(jsxEvent);
       return prefix + fromCamelToKebabCase(eventName);
     }
   }
   return null;
-};
-const fromCamelToKebabCase = (text) => text.replace(/([A-Z-])/g, "-$1").toLowerCase();
-function isPreventDefault(key) {
-  return key.startsWith("preventdefault:");
-}
-function getFileLocationFromJsx(jsxDev) {
-  if (!jsxDev) {
-    return null;
-  }
-  const sanitizedFileName = jsxDev.fileName?.replace(/\\/g, "/");
-  return sanitizedFileName ? `${sanitizedFileName}:${jsxDev.lineNumber}:${jsxDev.columnNumber}` : null;
 }
-const styleContent = (styleId) => "⚡️" + styleId;
-function hasClassAttr(props) {
-  for (const key in props) {
-    if (Object.prototype.hasOwnProperty.call(props, key) && isClassAttr(key)) {
-      return true;
+function getEventNameFromJsxEvent(jsxEvent) {
+  if (jsxEvent.endsWith("$")) {
+    const [, idx] = getEventScopeDataFromJsxEvent(jsxEvent);
+    if (-1 != idx) {
+      return jsxEventToEventName(jsxEvent, idx);
     }
   }
-  return false;
-}
-function isClassAttr(key) {
-  return "class" === key || "className" === key;
+  return null;
 }
-function convertScopedStyleIdsToArray(scopedStyleIds) {
-  return scopedStyleIds?.split(" ") ?? null;
+function jsxEventToEventName(jsxEvent, startIdx = 0) {
+  let lastIdx = startIdx;
+  const isCaseSensitive = isDash(jsxEvent.charCodeAt(startIdx));
+  isCaseSensitive && lastIdx++;
+  let eventName = "";
+  const chunk = jsxEvent.substring(lastIdx, jsxEvent.length - 1);
+  return "DOMContentLoaded" === chunk ? "DOMContentLoaded" : (eventName += isCaseSensitive ? chunk : chunk.toLowerCase(), eventName);
 }
-function convertStyleIdsToString(scopedStyleIds) {
-  return Array.from(scopedStyleIds).join(" ");
+function getEventScopeDataFromJsxEvent(eventName) {
+  let prefix = null;
+  let idx = -1;
+  return eventName.startsWith("on") ? (prefix = "on:", idx = 2) : eventName.startsWith("window:on") ? (prefix = "on-window:", idx = 9) : eventName.startsWith("document:on") && (prefix = "on-document:", idx = 11), [prefix, idx];
 }
-const addComponentStylePrefix = (styleId) => {
-  if (styleId) {
-    let idx = 0;
-    do {
-      styleId = styleId.substring(0, idx) + styleContent(styleId.substring(idx));
-    } while (0 !== (idx = styleId.indexOf(" ", idx) + 1));
-  }
-  return styleId || null;
-};
-const unitlessNumbers = /* @__PURE__ */ new Set(["animationIterationCount", "aspectRatio", "borderImageOutset", "borderImageSlice", "borderImageWidth", "boxFlex", "boxFlexGroup", "boxOrdinalGroup", "columnCount", "columns", "flex", "flexGrow", "flexShrink", "gridArea", "gridRow", "gridRowEnd", "gridRowStart", "gridColumn", "gridColumnEnd", "gridColumnStart", "fontWeight", "lineClamp", "lineHeight", "opacity", "order", "orphans", "scale", "tabSize", "widows", "zIndex", "zoom", "MozAnimationIterationCount", "MozBoxFlex", "msFlex", "msFlexPositive", "WebkitAnimationIterationCount", "WebkitBoxFlex", "WebkitBoxOrdinalGroup", "WebkitColumnCount", "WebkitColumns", "WebkitFlex", "WebkitFlexGrow", "WebkitFlexShrink", "WebkitLineClamp"]);
-const isUnitlessNumber = (name) => unitlessNumbers.has(name);
-const serializeClass = (obj) => {
-  if (!obj) {
-    return "";
-  }
-  if (isString(obj)) {
-    return obj.trim();
-  }
-  const classes = [];
-  if (isArray(obj)) {
-    for (const o of obj) {
-      const classList = serializeClass(o);
-      classList && classes.push(classList);
-    }
-  } else {
-    for (const [key, value] of Object.entries(obj)) {
-      value && classes.push(key.trim());
-    }
-  }
-  return classes.join(" ");
-};
-const fromCamelToKebabCaseWithDash = (text) => text.replace(/([A-Z])/g, "-$1").toLowerCase();
-const stringifyStyle = (obj) => {
-  if (null == obj) {
-    return "";
-  }
-  if ("object" == typeof obj) {
-    if (isArray(obj)) {
-      throw qError(QError.stringifyClassOrStyle, [obj, "style"]);
-    }
-    {
-      const chunks = [];
-      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(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value)));
-        }
-      }
-      return chunks.join(";");
-    }
-  }
-  return String(obj);
+const isDash = (charCode) => 45 === charCode;
+const getEventNameScopeFromJsxEvent = (name) => {
+  const index = name.indexOf(":");
+  return -1 !== index ? name.substring(0, index) : "";
 };
-const serializeBooleanOrNumberAttribute = (value) => null != value ? String(value) : null;
-function serializeAttribute(key, value, styleScopedId) {
-  if (isClassAttr(key)) {
-    const serializedClass = serializeClass(value);
-    value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
-  } else {
-    "style" === key ? value = stringifyStyle(value) : isEnumeratedBooleanAttribute(key) || "number" == typeof value ? value = serializeBooleanOrNumberAttribute(value) : false === value || null == value ? value = null : true === value && isPreventDefault(key) && (value = "");
-  }
-  return value;
-}
-function isEnumeratedBooleanAttribute(key) {
-  return isAriaAttribute(key) || ["spellcheck", "draggable", "contenteditable"].includes(key);
+function isPreventDefault(key) {
+  return key.startsWith("preventdefault:");
 }
-const setValueForStyle = (styleName, value) => "number" != typeof value || 0 === value || isUnitlessNumber(styleName) ? value : value + "px";
-function isAriaAttribute(prop) {
-  return prop.startsWith("aria-");
+const fromCamelToKebabCase = (text) => text.replace(/([A-Z-])/g, "-$1").toLowerCase();
+const createContextId = (name) => /* @__PURE__ */ Object.freeze({
+  id: fromCamelToKebabCase(name)
+});
+const ERROR_CONTEXT = /* @__PURE__ */ createContextId("qk-error");
+const version = "2.0.0-alpha.9-dev+56ed5bd";
+const Slot = (props) => _jsxSorted(Virtual, null, {
+  [QSlotS]: ""
+}, props.children, 0, props.name ?? "");
+const SkipRender = Symbol("skip render");
+const SSRRaw = () => null;
+const SSRComment = () => null;
+const NEEDS_COMPUTATION = Symbol("invalid");
+const _EFFECT_BACK_REF = Symbol("backRef");
+function getSubscriber(effect, prop, data) {
+  effect[_EFFECT_BACK_REF] || (isServer && isSsrNode(effect) ? effect.setProp("q:brefs", /* @__PURE__ */ new Map()) : effect[_EFFECT_BACK_REF] = /* @__PURE__ */ new Map());
+  const subMap = effect[_EFFECT_BACK_REF];
+  let sub = subMap.get(prop);
+  return sub || (sub = [effect, prop], subMap.set(prop, sub)), data && (sub[3] = data), sub;
 }
-const STORE_TARGET = Symbol("store.target");
-const STORE_HANDLER = Symbol("store.handler");
-const STORE_ALL_PROPS = Symbol("store.all");
-var StoreFlags;
-!function(StoreFlags2) {
-  StoreFlags2[StoreFlags2.NONE = 0] = "NONE", StoreFlags2[StoreFlags2.RECURSIVE = 1] = "RECURSIVE", StoreFlags2[StoreFlags2.IMMUTABLE = 2] = "IMMUTABLE";
-}(StoreFlags || (StoreFlags = {}));
-const getStoreHandler = (value) => value[STORE_HANDLER];
-const getStoreTarget = (value) => value?.[STORE_TARGET] || null;
-const unwrapStore = (value) => getStoreTarget(value) || value;
-const isStore = (value) => STORE_TARGET in value;
-function createStore(container, obj, flags) {
-  return new Proxy(obj, new StoreHandler(flags, container || null));
+function isSsrNode(value) {
+  return "__brand__" in value && "currentComponentNode" in value;
 }
-const getOrCreateStore = (obj, flags, container) => {
-  if (isSerializableObject(obj) && container) {
-    let store = container.$storeProxyMap$.get(obj);
-    return store || (store = createStore(container, obj, flags), container.$storeProxyMap$.set(obj, store)), store;
+const throwIfQRLNotResolved = (qrl2) => {
+  if (!qrl2.resolved) {
+    throw qrl2.resolve();
   }
-  return obj;
 };
-class StoreHandler {
-  constructor($flags$, $container$) {
-    __publicField(this, "$flags$");
-    __publicField(this, "$container$");
+const isSignal = (value) => value instanceof SignalImpl;
+class SubscriptionData {
+  constructor(data) {
+    __publicField(this, "data");
+    this.data = data;
+  }
+}
+class SignalImpl {
+  constructor(container, value) {
+    __publicField(this, "$untrackedValue$");
     __publicField(this, "$effects$", null);
-    this.$flags$ = $flags$, this.$container$ = $container$;
+    __publicField(this, "$container$", null);
+    this.$container$ = container, this.$untrackedValue$ = value;
   }
-  toString() {
-    return "[Store]";
+  get untrackedValue() {
+    return this.$untrackedValue$;
   }
-  get(target, prop) {
-    if ("symbol" == typeof prop) {
-      return prop === STORE_TARGET ? target : prop === STORE_HANDLER ? this : target[prop];
-    }
+  set untrackedValue(value) {
+    this.$untrackedValue$ = value;
+  }
+  get value() {
     const ctx = tryGetInvokeContext();
-    const value = target[prop];
     if (ctx) {
       if (null === this.$container$) {
         if (!ctx.$container$) {
-          return value;
+          return this.untrackedValue;
         }
         this.$container$ = ctx.$container$;
       } else {
         assertTrue(!ctx.$container$ || ctx.$container$ === this.$container$);
       }
       const effectSubscriber = ctx.$effectSubscriber$;
-      effectSubscriber && addStoreEffect(target, Array.isArray(target) ? STORE_ALL_PROPS : prop, this, effectSubscriber);
-    }
-    if ("toString" === prop && value === Object.prototype.toString) {
-      return this.toString;
-    }
-    return this.$flags$ & StoreFlags.RECURSIVE && "object" == typeof value && null !== value && !Object.isFrozen(value) && !isStore(value) && !Object.isFrozen(target) ? getOrCreateStore(value, this.$flags$, this.$container$) : value;
-  }
-  set(target, prop, value) {
-    if ("symbol" == typeof prop) {
-      return target[prop] = value, true;
-    }
-    const newValue = this.$flags$ & StoreFlags.RECURSIVE ? unwrapStore(value) : value;
-    if (prop in target) {
-      newValue !== target[prop] && setNewValueAndTriggerEffects(prop, newValue, target, this);
-    } else {
-      setNewValueAndTriggerEffects(prop, newValue, target, this);
+      if (effectSubscriber) {
+        const effects = this.$effects$ || (this.$effects$ = /* @__PURE__ */ new Set());
+        ensureContainsSubscription(effects, effectSubscriber), ensureContainsBackRef(effectSubscriber, this), addQrlToSerializationCtx(effectSubscriber, this.$container$);
+      }
     }
-    return true;
+    return this.untrackedValue;
   }
-  deleteProperty(target, prop) {
-    return "string" == typeof prop && delete target[prop] && (triggerEffects(this.$container$, this, getEffects(target, prop, this.$effects$)), true);
+  set value(value) {
+    value !== this.$untrackedValue$ && (this.$untrackedValue$ = value, triggerEffects(this.$container$, this, this.$effects$));
   }
-  has(target, prop) {
-    if (prop === STORE_TARGET) {
-      return true;
-    }
-    if ("string" == typeof prop) {
-      const ctx = tryGetInvokeContext();
-      if (ctx) {
-        const effectSubscriber = ctx.$effectSubscriber$;
-        effectSubscriber && addStoreEffect(target, Array.isArray(target) ? STORE_ALL_PROPS : prop, this, effectSubscriber);
-      }
-    }
-    return Object.prototype.hasOwnProperty.call(target, prop);
+  valueOf() {
   }
-  ownKeys(target) {
-    const ctx = tryGetInvokeContext();
-    const effectSubscriber = ctx?.$effectSubscriber$;
-    return effectSubscriber && addStoreEffect(target, STORE_ALL_PROPS, this, effectSubscriber), Reflect.ownKeys(target);
+  toString() {
+    return this.constructor.name;
   }
-  getOwnPropertyDescriptor(target, prop) {
-    const descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
-    return Array.isArray(target) || "symbol" == typeof prop || descriptor && !descriptor.configurable ? descriptor : {
-      enumerable: true,
-      configurable: true
+  toJSON() {
+    return {
+      value: this.$untrackedValue$
     };
   }
 }
-function addStoreEffect(target, prop, store, effectSubscription) {
-  const effectsMap = store.$effects$ || (store.$effects$ = /* @__PURE__ */ new Map());
-  let effects = effectsMap.get(prop);
-  effects || (effects = /* @__PURE__ */ new Set(), effectsMap.set(prop, effects)), ensureContainsSubscription(effects, effectSubscription), ensureContainsBackRef(effectSubscription, target), addQrlToSerializationCtx(effectSubscription, store.$container$);
-}
-function setNewValueAndTriggerEffects(prop, value, target, currentStore) {
-  target[prop] = value, triggerEffects(currentStore.$container$, currentStore, getEffects(target, prop, currentStore.$effects$));
-}
-function getEffects(target, prop, storeEffects) {
-  let effectsToTrigger;
-  if (storeEffects) {
-    if (Array.isArray(target)) {
-      for (const effects of storeEffects.values()) {
-        effectsToTrigger || (effectsToTrigger = /* @__PURE__ */ new Set());
-        for (const effect of effects) {
-          effectsToTrigger.add(effect);
-        }
-      }
-    } else {
-      effectsToTrigger = storeEffects.get(prop);
-    }
+const ensureContainsSubscription = (array, effectSubscription) => {
+  array.add(effectSubscription);
+};
+const ensureContainsBackRef = (array, value) => {
+  array[2] || (array[2] = /* @__PURE__ */ new Set()), array[2].add(value);
+};
+const addQrlToSerializationCtx = (effectSubscriber, container) => {
+  if (container && !isDomContainer(container)) {
+    const effect = effectSubscriber[0];
+    const property = effectSubscriber[1];
+    let qrl2 = null;
+    isTask(effect) ? qrl2 = effect.$qrl$ : effect instanceof ComputedSignalImpl ? qrl2 = effect.$computeQrl$ : ":" === property && (qrl2 = container.getHostProp(effect, "q:renderFn")), qrl2 && container.serializationCtx.$eventQrls$.add(qrl2);
+  }
+};
+const triggerEffects = (container, signal, effects) => {
+  const isBrowser2 = isDomContainer(container);
+  if (effects) {
+    const scheduleEffect = (effectSubscription) => {
+      const consumer = effectSubscription[0];
+      const property = effectSubscription[1];
+      if (isTask(consumer)) {
+        consumer.$flags$ |= 8;
+        let choreType = 3;
+        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$();
+      } else if (":" === property) {
+        const host = consumer;
+        const qrl2 = container.getHostProp(host, "q:renderFn");
+        const props = container.getHostProp(host, "q:props");
+        container.$scheduler$(6, host, qrl2, props);
+      } else if (isBrowser2) {
+        if ("." === property) {
+          container.$scheduler$(4, consumer, consumer, signal);
+        } else {
+          const effectData = effectSubscription[3];
+          if (effectData instanceof SubscriptionData) {
+            const payload = {
+              ...effectData.data,
+              $value$: signal
+            };
+            container.$scheduler$(5, consumer, property, payload);
+          }
+        }
+      }
+    };
+    for (const effect of effects) {
+      scheduleEffect(effect);
+    }
+  }
+};
+class ComputedSignalImpl extends (_b = SignalImpl, _a = _EFFECT_BACK_REF, _b) {
+  constructor(container, fn, flags = 1) {
+    super(container, NEEDS_COMPUTATION);
+    __publicField(this, "$computeQrl$");
+    __publicField(this, "$flags$");
+    __publicField(this, "$forceRunEffects$", false);
+    __publicField(this, _a, null);
+    this.$computeQrl$ = fn, this.$flags$ = flags;
+  }
+  $invalidate$() {
+    this.$flags$ |= 1, this.$forceRunEffects$ = false, this.$container$?.$scheduler$(7, null, this);
+  }
+  force() {
+    this.$forceRunEffects$ = true, this.$container$?.$scheduler$(7, null, this);
+  }
+  get untrackedValue() {
+    const didChange = this.$computeIfNeeded$();
+    return didChange && (this.$forceRunEffects$ = didChange), assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION), this.$untrackedValue$;
+  }
+  $computeIfNeeded$() {
+    if (!(1 & this.$flags$)) {
+      return false;
+    }
+    const computeQrl = this.$computeQrl$;
+    throwIfQRLNotResolved(computeQrl);
+    const ctx = tryGetInvokeContext();
+    const previousEffectSubscription = ctx?.$effectSubscriber$;
+    ctx && (ctx.$effectSubscriber$ = getSubscriber(this, "."));
+    try {
+      const untrackedValue = computeQrl.getFn(ctx)();
+      if (isPromise(untrackedValue)) {
+        throw qError(46, [computeQrl.dev ? computeQrl.dev.file : "", computeQrl.$hash$]);
+      }
+      this.$flags$ &= -2;
+      const didChange = untrackedValue !== this.$untrackedValue$;
+      return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
+    } finally {
+      ctx && (ctx.$effectSubscriber$ = previousEffectSubscription);
+    }
+  }
+  set value(_) {
+    throw qError(47);
+  }
+  get value() {
+    return super.value;
+  }
+}
+class WrappedSignal extends (_d = SignalImpl, _c = _EFFECT_BACK_REF, _d) {
+  constructor(container, fn, args, fnStr, flags = 3) {
+    super(container, NEEDS_COMPUTATION);
+    __publicField(this, "$args$");
+    __publicField(this, "$func$");
+    __publicField(this, "$funcStr$");
+    __publicField(this, "$flags$");
+    __publicField(this, "$hostElement$", null);
+    __publicField(this, "$forceRunEffects$", false);
+    __publicField(this, _c, null);
+    this.$args$ = args, this.$func$ = fn, this.$funcStr$ = fnStr, this.$flags$ = flags;
+  }
+  $invalidate$() {
+    this.$flags$ |= 1, this.$forceRunEffects$ = false, this.$container$?.$scheduler$(7, this.$hostElement$, this);
+  }
+  force() {
+    this.$flags$ |= 1, this.$forceRunEffects$ = false, triggerEffects(this.$container$, this, this.$effects$);
+  }
+  get untrackedValue() {
+    const didChange = this.$computeIfNeeded$();
+    return didChange && (this.$forceRunEffects$ = didChange), assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION), this.$untrackedValue$;
+  }
+  $computeIfNeeded$() {
+    if (!(1 & this.$flags$)) {
+      return false;
+    }
+    const untrackedValue = trackSignal(() => this.$func$(...this.$args$), this, ".", this.$container$);
+    const didChange = untrackedValue !== this.$untrackedValue$;
+    return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
+  }
+  set value(_) {
+    throw qError(48);
+  }
+  get value() {
+    return super.value;
+  }
+}
+class SerializerSignalImpl extends ComputedSignalImpl {
+  constructor(container, argQrl) {
+    super(container, argQrl);
+    __publicField(this, "$didInitialize$", false);
+  }
+  $computeIfNeeded$() {
+    if (!(1 & this.$flags$)) {
+      return false;
+    }
+    throwIfQRLNotResolved(this.$computeQrl$);
+    let arg = this.$computeQrl$.resolved;
+    "function" == typeof arg && (arg = arg());
+    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 didChange = this.$didInitialize$ && "undefined" !== untrackedValue || untrackedValue !== this.$untrackedValue$;
+    return this.$flags$ &= -2, this.$didInitialize$ = true, didChange && (this.$untrackedValue$ = untrackedValue), didChange;
+  }
+}
+const isSerializerObj = (obj) => "object" == typeof obj && null !== obj && "function" == typeof obj[SerializerSymbol];
+const STORE_TARGET = Symbol("store.target");
+const STORE_HANDLER = Symbol("store.handler");
+const STORE_ALL_PROPS = Symbol("store.all");
+const getStoreHandler = (value) => value[STORE_HANDLER];
+const getStoreTarget = (value) => value?.[STORE_TARGET] || null;
+const unwrapStore = (value) => getStoreTarget(value) || value;
+const isStore = (value) => STORE_TARGET in value;
+function createStore(container, obj, flags) {
+  return new Proxy(obj, new StoreHandler(flags, container || null));
+}
+const getOrCreateStore = (obj, flags, container) => {
+  if (isSerializableObject(obj) && container) {
+    let store = container.$storeProxyMap$.get(obj);
+    return store || (store = createStore(container, obj, flags), container.$storeProxyMap$.set(obj, store)), store;
+  }
+  return obj;
+};
+class StoreHandler {
+  constructor($flags$, $container$) {
+    __publicField(this, "$flags$");
+    __publicField(this, "$container$");
+    __publicField(this, "$effects$", null);
+    this.$flags$ = $flags$, this.$container$ = $container$;
+  }
+  toString() {
+    return "[Store]";
+  }
+  get(target, prop) {
+    if ("symbol" == typeof prop) {
+      return prop === STORE_TARGET ? target : prop === STORE_HANDLER ? this : target[prop];
+    }
+    const ctx = tryGetInvokeContext();
+    const value = target[prop];
+    if (ctx) {
+      if (null === this.$container$) {
+        if (!ctx.$container$) {
+          return value;
+        }
+        this.$container$ = ctx.$container$;
+      } else {
+        assertTrue(!ctx.$container$ || ctx.$container$ === this.$container$);
+      }
+      const effectSubscriber = ctx.$effectSubscriber$;
+      effectSubscriber && addStoreEffect(target, Array.isArray(target) ? STORE_ALL_PROPS : prop, this, effectSubscriber);
+    }
+    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;
+  }
+  set(target, prop, value) {
+    if ("symbol" == typeof prop) {
+      return target[prop] = value, true;
+    }
+    const newValue = 1 & this.$flags$ ? unwrapStore(value) : value;
+    if (prop in target) {
+      newValue !== target[prop] && setNewValueAndTriggerEffects(prop, newValue, target, this);
+    } else {
+      setNewValueAndTriggerEffects(prop, newValue, target, this);
+    }
+    return true;
+  }
+  deleteProperty(target, prop) {
+    return "string" == typeof prop && delete target[prop] && (triggerEffects(this.$container$, this, getEffects(target, prop, this.$effects$)), true);
+  }
+  has(target, prop) {
+    if (prop === STORE_TARGET) {
+      return true;
+    }
+    if ("string" == typeof prop) {
+      const ctx = tryGetInvokeContext();
+      if (ctx) {
+        const effectSubscriber = ctx.$effectSubscriber$;
+        effectSubscriber && addStoreEffect(target, Array.isArray(target) ? STORE_ALL_PROPS : prop, this, effectSubscriber);
+      }
+    }
+    return Object.prototype.hasOwnProperty.call(target, prop);
+  }
+  ownKeys(target) {
+    const ctx = tryGetInvokeContext();
+    const effectSubscriber = ctx?.$effectSubscriber$;
+    return effectSubscriber && addStoreEffect(target, STORE_ALL_PROPS, this, effectSubscriber), Reflect.ownKeys(target);
+  }
+  getOwnPropertyDescriptor(target, prop) {
+    const descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
+    return Array.isArray(target) || "symbol" == typeof prop || descriptor && !descriptor.configurable ? descriptor : {
+      enumerable: true,
+      configurable: true
+    };
+  }
+}
+function addStoreEffect(target, prop, store, effectSubscription) {
+  const effectsMap = store.$effects$ || (store.$effects$ = /* @__PURE__ */ new Map());
+  let effects = effectsMap.get(prop);
+  effects || (effects = /* @__PURE__ */ new Set(), effectsMap.set(prop, effects)), ensureContainsSubscription(effects, effectSubscription), ensureContainsBackRef(effectSubscription, target), addQrlToSerializationCtx(effectSubscription, store.$container$);
+}
+function setNewValueAndTriggerEffects(prop, value, target, currentStore) {
+  target[prop] = value, triggerEffects(currentStore.$container$, currentStore, getEffects(target, prop, currentStore.$effects$));
+}
+function getEffects(target, prop, storeEffects) {
+  let effectsToTrigger;
+  if (storeEffects) {
+    if (Array.isArray(target)) {
+      for (const effects of storeEffects.values()) {
+        effectsToTrigger || (effectsToTrigger = /* @__PURE__ */ new Set());
+        for (const effect of effects) {
+          effectsToTrigger.add(effect);
+        }
+      }
+    } else {
+      effectsToTrigger = storeEffects.get(prop);
+    }
   }
   const storeArrayValue = storeEffects?.get(STORE_ALL_PROPS);
   if (storeArrayValue) {
@@ -440,12 +543,10 @@ function getEffects(target, prop, storeEffects) {
   }
   return effectsToTrigger || null;
 }
-const NEEDS_COMPUTATION = Symbol("invalid");
-const _EFFECT_BACK_REF = Symbol("backRef");
-_a = _EFFECT_BACK_REF;
+_e = _EFFECT_BACK_REF;
 class BackRef {
   constructor() {
-    __publicField(this, _a, null);
+    __publicField(this, _e, null);
   }
 }
 function clearAllEffects(container, consumer) {
@@ -453,12 +554,12 @@ function clearAllEffects(container, consumer) {
   const effects = consumer[_EFFECT_BACK_REF];
   if (effects) {
     for (const [, effect] of effects) {
-      const backRefs = effect[EffectSubscriptionProp.BACK_REF];
+      const backRefs = effect[2];
       if (!backRefs) {
         return;
       }
       for (const producer of backRefs) {
-        if (producer instanceof Signal) {
+        if (producer instanceof SignalImpl) {
           clearSignal(container, producer, effect);
         } else if (container.$storeProxyMap$.has(producer)) {
           const target = container.$storeProxyMap$.get(producer);
@@ -480,21 +581,8 @@ function clearStore(producer, effect) {
     }
   }
 }
-function getSubscriber(effect, prop, data) {
-  effect[_EFFECT_BACK_REF] || (isServer && isSsrNode(effect) ? effect.setProp("q:brefs", /* @__PURE__ */ new Map()) : effect[_EFFECT_BACK_REF] = /* @__PURE__ */ new Map());
-  const subMap = effect[_EFFECT_BACK_REF];
-  let sub = subMap.get(prop);
-  return sub || (sub = [effect, prop], subMap.set(prop, sub)), data && (sub[EffectSubscriptionProp.DATA] = data), sub;
-}
-function isSsrNode(value) {
-  return "__brand__" in value && "currentComponentNode" in value;
-}
-var TaskFlags;
-!function(TaskFlags2) {
-  TaskFlags2[TaskFlags2.VISIBLE_TASK = 1] = "VISIBLE_TASK", TaskFlags2[TaskFlags2.TASK = 2] = "TASK", TaskFlags2[TaskFlags2.RESOURCE = 4] = "RESOURCE", TaskFlags2[TaskFlags2.DIRTY = 8] = "DIRTY";
-}(TaskFlags || (TaskFlags = {}));
 const runTask = (task, container, host) => {
-  task.$flags$ &= ~TaskFlags.DIRTY, cleanupTask(task);
+  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));
@@ -513,7 +601,7 @@ const runTask = (task, container, host) => {
   const taskApi = {
     track: (obj, prop) => {
       const ctx = newInvokeContext();
-      return ctx.$effectSubscriber$ = getSubscriber(task, EffectProperty.COMPONENT), ctx.$container$ = container, invoke(ctx, () => {
+      return ctx.$effectSubscriber$ = getSubscriber(task, ":"), ctx.$container$ = container, invoke(ctx, () => {
         if (isFunction(obj)) {
           return obj();
         }
@@ -526,7 +614,7 @@ const runTask = (task, container, host) => {
         if (isStore(obj)) {
           return addStoreEffect(getStoreTarget(obj), STORE_ALL_PROPS, getStoreHandler(obj), ctx.$effectSubscriber$), obj;
         }
-        throw qError(QError.trackObjectWithoutProp);
+        throw qError(2);
       });
     },
     cleanup: cleanup2
@@ -562,25 +650,33 @@ class Task extends BackRef {
   }
 }
 const isTask = (value) => value instanceof Task;
-var VNodeFlags;
-var VNodeFlagsIndex;
-var VNodeProps;
-var ElementVNodeProps;
-var TextVNodeProps;
-var VirtualVNodeProps;
-!function(VNodeFlags2) {
-  VNodeFlags2[VNodeFlags2.Element = 1] = "Element", VNodeFlags2[VNodeFlags2.Virtual = 2] = "Virtual", VNodeFlags2[VNodeFlags2.ELEMENT_OR_VIRTUAL_MASK = 3] = "ELEMENT_OR_VIRTUAL_MASK", VNodeFlags2[VNodeFlags2.ELEMENT_OR_TEXT_MASK = 5] = "ELEMENT_OR_TEXT_MASK", VNodeFlags2[VNodeFlags2.TYPE_MASK = 7] = "TYPE_MASK", VNodeFlags2[VNodeFlags2.INFLATED_TYPE_MASK = 15] = "INFLATED_TYPE_MASK", VNodeFlags2[VNodeFlags2.Text = 4] = "Text", VNodeFlags2[VNodeFlags2.Inflated = 8] = "Inflated", VNodeFlags2[VNodeFlags2.Resolved = 16] = "Resolved", VNodeFlags2[VNodeFlags2.Deleted = 32] = "Deleted", VNodeFlags2[VNodeFlags2.NAMESPACE_MASK = 192] = "NAMESPACE_MASK", VNodeFlags2[VNodeFlags2.NEGATED_NAMESPACE_MASK = -193] = "NEGATED_NAMESPACE_MASK", VNodeFlags2[VNodeFlags2.NS_html = 0] = "NS_html", VNodeFlags2[VNodeFlags2.NS_svg = 64] = "NS_svg", VNodeFlags2[VNodeFlags2.NS_math = 128] = "NS_math";
-}(VNodeFlags || (VNodeFlags = {})), function(VNodeFlagsIndex2) {
-  VNodeFlagsIndex2[VNodeFlagsIndex2.mask = -256] = "mask", VNodeFlagsIndex2[VNodeFlagsIndex2.negated_mask = 255] = "negated_mask", VNodeFlagsIndex2[VNodeFlagsIndex2.shift = 8] = "shift";
-}(VNodeFlagsIndex || (VNodeFlagsIndex = {})), function(VNodeProps2) {
-  VNodeProps2[VNodeProps2.flags = 0] = "flags", VNodeProps2[VNodeProps2.parent = 1] = "parent", VNodeProps2[VNodeProps2.previousSibling = 2] = "previousSibling", VNodeProps2[VNodeProps2.nextSibling = 3] = "nextSibling";
-}(VNodeProps || (VNodeProps = {})), function(ElementVNodeProps2) {
-  ElementVNodeProps2[ElementVNodeProps2.firstChild = 4] = "firstChild", ElementVNodeProps2[ElementVNodeProps2.lastChild = 5] = "lastChild", ElementVNodeProps2[ElementVNodeProps2.element = 6] = "element", ElementVNodeProps2[ElementVNodeProps2.elementName = 7] = "elementName", ElementVNodeProps2[ElementVNodeProps2.PROPS_OFFSET = 8] = "PROPS_OFFSET";
-}(ElementVNodeProps || (ElementVNodeProps = {})), function(TextVNodeProps2) {
-  TextVNodeProps2[TextVNodeProps2.node = 4] = "node", TextVNodeProps2[TextVNodeProps2.text = 5] = "text";
-}(TextVNodeProps || (TextVNodeProps = {})), function(VirtualVNodeProps2) {
-  VirtualVNodeProps2[VirtualVNodeProps2.firstChild = 4] = "firstChild", VirtualVNodeProps2[VirtualVNodeProps2.lastChild = 5] = "lastChild", VirtualVNodeProps2[VirtualVNodeProps2.PROPS_OFFSET = 6] = "PROPS_OFFSET";
-}(VirtualVNodeProps || (VirtualVNodeProps = {}));
+const styleContent = (styleId) => "⚡️" + styleId;
+function hasClassAttr(props) {
+  for (const key in props) {
+    if (Object.prototype.hasOwnProperty.call(props, key) && isClassAttr(key)) {
+      return true;
+    }
+  }
+  return false;
+}
+function isClassAttr(key) {
+  return "class" === key || "className" === key;
+}
+function convertScopedStyleIdsToArray(scopedStyleIds) {
+  return scopedStyleIds?.split(" ") ?? null;
+}
+function convertStyleIdsToString(scopedStyleIds) {
+  return Array.from(scopedStyleIds).join(" ");
+}
+const addComponentStylePrefix = (styleId) => {
+  if (styleId) {
+    let idx = 0;
+    do {
+      styleId = styleId.substring(0, idx) + styleContent(styleId.substring(idx));
+    } while (0 !== (idx = styleId.indexOf(" ", idx) + 1));
+  }
+  return styleId || null;
+};
 const mapApp_findIndx = (array, key, start) => {
   let bottom = start >> 1;
   let top = array.length - 2 >> 1;
@@ -605,15 +701,15 @@ const mapArray_get = (array, key, start) => {
 const isForeignObjectElement = (elementName) => "foreignObject" === elementName;
 const isSvgElement = (elementName) => "svg" === elementName || isForeignObjectElement(elementName);
 const isMathElement = (elementName) => "math" === elementName;
-const vnode_isDefaultNamespace = (vnode) => !(vnode[VNodeProps.flags] & VNodeFlags.NAMESPACE_MASK);
+const vnode_isDefaultNamespace = (vnode) => !(192 & vnode[0]);
 const vnode_getElementNamespaceFlags = (element) => {
   switch (fastNamespaceURI(element)) {
     case SVG_NS:
-      return VNodeFlags.NS_svg;
+      return 64;
     case MATH_NS:
-      return VNodeFlags.NS_math;
+      return 128;
     default:
-      return VNodeFlags.NS_html;
+      return 0;
   }
 };
 function vnode_getDomChildrenWithCorrectNamespacesToInsert(journal, domParentVNode, newChild) {
@@ -626,11 +722,11 @@ function vnode_getDomChildrenWithCorrectNamespacesToInsert(journal, domParentVNo
     for (let i = 0; i < children.length; i++) {
       const childVNode = children[i];
       if (vnode_isTextVNode(childVNode)) {
-        domChildren.push(childVNode[TextVNodeProps.node]);
+        domChildren.push(childVNode[4]);
         continue;
       }
-      if ((childVNode[VNodeProps.flags] & VNodeFlags.NAMESPACE_MASK) == (domParentVNode[VNodeProps.flags] & VNodeFlags.NAMESPACE_MASK)) {
-        domChildren.push(childVNode[ElementVNodeProps.element]);
+      if ((192 & childVNode[0]) == (192 & domParentVNode[0])) {
+        domChildren.push(childVNode[6]);
         continue;
       }
       const newChildElement = vnode_cloneElementWithNamespace(childVNode, domParentVNode, elementNamespace, elementNamespaceFlag);
@@ -658,7 +754,7 @@ function vnode_cloneElementWithNamespace(elementVNode, parentVNode, namespace, n
     let childElement = null;
     let newChildElement = null;
     if (vnode_isElementVNode(vCursor)) {
-      childElement = vCursor[ElementVNodeProps.element];
+      childElement = vCursor[6];
       const childElementTag = vnode_getElementName(vCursor);
       const vCursorParent = vnode_getParent(vCursor);
       const vCursorDomParent = null == rootElement ? parentVNode : vCursorParent && vnode_getDomParentVNode(vCursorParent);
@@ -668,7 +764,7 @@ function vnode_cloneElementWithNamespace(elementVNode, parentVNode, namespace, n
       }
       newChildElement = cloneElementWithNamespace(childElement, childElementTag, namespace), childElement.remove(), null == rootElement && (rootElement = newChildElement), parentElement && parentElement.appendChild(newChildElement);
       const vFirstChild = vnode_getFirstChild(vCursor);
-      if (vCursor[ElementVNodeProps.element] = newChildElement, vCursor[VNodeProps.flags] &= VNodeFlags.NEGATED_NAMESPACE_MASK, vCursor[VNodeProps.flags] |= namespaceFlag, vFirstChild) {
+      if (vCursor[6] = newChildElement, vCursor[0] &= -193, vCursor[0] |= namespaceFlag, vFirstChild) {
         vCursor = vFirstChild, parentElement = newChildElement;
         continue;
       }
@@ -708,23 +804,23 @@ function vnode_cloneElementWithNamespace(elementVNode, parentVNode, namespace, n
   return rootElement;
 }
 function isSvg(tagOrVNode) {
-  return "string" == typeof tagOrVNode ? isSvgElement(tagOrVNode) : !!(tagOrVNode[VNodeProps.flags] & VNodeFlags.NS_svg);
+  return "string" == typeof tagOrVNode ? isSvgElement(tagOrVNode) : !!(64 & tagOrVNode[0]);
 }
 function isMath(tagOrVNode) {
-  return "string" == typeof tagOrVNode ? isMathElement(tagOrVNode) : !!(tagOrVNode[VNodeProps.flags] & VNodeFlags.NS_math);
+  return "string" == typeof tagOrVNode ? isMathElement(tagOrVNode) : !!(128 & tagOrVNode[0]);
 }
 function getNewElementNamespaceData(domParentVNode, tagOrVNode) {
   const parentIsDefaultNamespace = !domParentVNode || !!vnode_getElementName(domParentVNode) && vnode_isDefaultNamespace(domParentVNode);
   const parentIsForeignObject = !parentIsDefaultNamespace && isForeignObjectElement(vnode_getElementName(domParentVNode));
   let elementNamespace = HTML_NS;
-  let elementNamespaceFlag = VNodeFlags.NS_html;
+  let elementNamespaceFlag = 0;
   const isElementVNodeOrString = "string" == typeof tagOrVNode || vnode_isElementVNode(tagOrVNode);
   if (isElementVNodeOrString && isSvg(tagOrVNode)) {
-    elementNamespace = SVG_NS, elementNamespaceFlag = VNodeFlags.NS_svg;
+    elementNamespace = SVG_NS, elementNamespaceFlag = 64;
   } else if (isElementVNodeOrString && isMath(tagOrVNode)) {
-    elementNamespace = MATH_NS, elementNamespaceFlag = VNodeFlags.NS_math;
+    elementNamespace = MATH_NS, elementNamespaceFlag = 128;
   } else if (domParentVNode && !parentIsForeignObject && !parentIsDefaultNamespace) {
-    elementNamespace = !!(domParentVNode[VNodeProps.flags] & VNodeFlags.NS_svg) ? SVG_NS : !!(domParentVNode[VNodeProps.flags] & VNodeFlags.NS_math) ? MATH_NS : HTML_NS, elementNamespaceFlag = domParentVNode[VNodeProps.flags] & VNodeFlags.NAMESPACE_MASK;
+    elementNamespace = !!(64 & domParentVNode[0]) ? SVG_NS : !!(128 & domParentVNode[0]) ? MATH_NS : HTML_NS, elementNamespaceFlag = 192 & domParentVNode[0];
   }
   return {
     elementNamespace,
@@ -734,7 +830,7 @@ function getNewElementNamespaceData(domParentVNode, tagOrVNode) {
 const executeComponent = (container, renderHost, subscriptionHost, componentQRL, props) => {
   const iCtx = newInvokeContext(container.$locale$, subscriptionHost || void 0, void 0, "qRender");
   let componentFn;
-  subscriptionHost && (iCtx.$effectSubscriber$ = getSubscriber(subscriptionHost, EffectProperty.COMPONENT), iCtx.$container$ = container), container.ensureProjectionResolved(renderHost);
+  subscriptionHost && (iCtx.$effectSubscriber$ = getSubscriber(subscriptionHost, ":"), iCtx.$container$ = container), container.ensureProjectionResolved(renderHost);
   let isInlineComponent = false;
   if (null === componentQRL && assertDefined(componentQRL = container.getHostProp(renderHost, "q:renderFn")), isQrl$1(componentQRL)) {
     (props = props || container.getHostProp(renderHost, "q:props") || EMPTY_OBJ).children && delete props.children, componentFn = componentQRL.getFn(iCtx);
@@ -853,16 +949,84 @@ function escapeHTML(html) {
   }
   return 0 === lastIdx ? html : escapedHTML + html.substring(lastIdx);
 }
-const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
-  let journal = container.$journal$;
-  const stack2 = [];
-  const asyncQueue = [];
-  let vParent = null;
-  let vCurrent = null;
-  let vNewNode = null;
-  let vSiblings = null;
-  let vSiblingsIdx = -1;
-  let jsxChildren = null;
+const unitlessNumbers = /* @__PURE__ */ new Set(["animationIterationCount", "aspectRatio", "borderImageOutset", "borderImageSlice", "borderImageWidth", "boxFlex", "boxFlexGroup", "boxOrdinalGroup", "columnCount", "columns", "flex", "flexGrow", "flexShrink", "gridArea", "gridRow", "gridRowEnd", "gridRowStart", "gridColumn", "gridColumnEnd", "gridColumnStart", "fontWeight", "lineClamp", "lineHeight", "opacity", "order", "orphans", "scale", "tabSize", "widows", "zIndex", "zoom", "MozAnimationIterationCount", "MozBoxFlex", "msFlex", "msFlexPositive", "WebkitAnimationIterationCount", "WebkitBoxFlex", "WebkitBoxOrdinalGroup", "WebkitColumnCount", "WebkitColumns", "WebkitFlex", "WebkitFlexGrow", "WebkitFlexShrink", "WebkitLineClamp"]);
+const isUnitlessNumber = (name) => unitlessNumbers.has(name);
+const serializeClass = (obj) => {
+  if (!obj) {
+    return "";
+  }
+  if (isString(obj)) {
+    return obj.trim();
+  }
+  const classes = [];
+  if (isArray(obj)) {
+    for (const o of obj) {
+      const classList = serializeClass(o);
+      classList && classes.push(classList);
+    }
+  } else {
+    for (const [key, value] of Object.entries(obj)) {
+      value && classes.push(key.trim());
+    }
+  }
+  return classes.join(" ");
+};
+const fromCamelToKebabCaseWithDash = (text) => text.replace(/([A-Z])/g, "-$1").toLowerCase();
+const stringifyStyle = (obj) => {
+  if (null == obj) {
+    return "";
+  }
+  if ("object" == typeof obj) {
+    if (isArray(obj)) {
+      throw qError(0, [obj, "style"]);
+    }
+    {
+      const chunks = [];
+      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(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value)));
+        }
+      }
+      return chunks.join(";");
+    }
+  }
+  return String(obj);
+};
+const serializeBooleanOrNumberAttribute = (value) => null != value ? String(value) : null;
+function serializeAttribute(key, value, styleScopedId) {
+  if (isClassAttr(key)) {
+    const serializedClass = serializeClass(value);
+    value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
+  } else {
+    "style" === key ? value = stringifyStyle(value) : isEnumeratedBooleanAttribute(key) || "number" == typeof value ? value = serializeBooleanOrNumberAttribute(value) : false === value || null == value ? value = null : true === value && isPreventDefault(key) && (value = "");
+  }
+  return value;
+}
+function isEnumeratedBooleanAttribute(key) {
+  return isAriaAttribute(key) || ["spellcheck", "draggable", "contenteditable"].includes(key);
+}
+const setValueForStyle = (styleName, value) => "number" != typeof value || 0 === value || isUnitlessNumber(styleName) ? value : value + "px";
+function isAriaAttribute(prop) {
+  return prop.startsWith("aria-");
+}
+function getFileLocationFromJsx(jsxDev) {
+  if (!jsxDev) {
+    return null;
+  }
+  const sanitizedFileName = jsxDev.fileName?.replace(/\\/g, "/");
+  return sanitizedFileName ? `${sanitizedFileName}:${jsxDev.lineNumber}:${jsxDev.columnNumber}` : null;
+}
+const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
+  let journal = container.$journal$;
+  const stack2 = [];
+  const asyncQueue = [];
+  let vParent = null;
+  let vCurrent = null;
+  let vNewNode = null;
+  let vSiblings = null;
+  let vSiblingsArray = null;
+  let jsxChildren = null;
   let jsxValue = null;
   let jsxIdx = 0;
   let jsxCount = 0;
@@ -888,12 +1052,12 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           if (Array.isArray(jsxValue)) {
             descend(jsxValue, false);
           } else if (isSignal(jsxValue)) {
-            vCurrent && clearAllEffects(container, vCurrent), expectVirtual(VirtualType.WrappedSignal, null), descend(trackSignalAndAssignHost(jsxValue, vNewNode || vCurrent, EffectProperty.VNODE, container), true);
+            vCurrent && clearAllEffects(container, vCurrent), expectVirtual("S", null), descend(trackSignalAndAssignHost(jsxValue, vNewNode || vCurrent, ".", container), true);
           } else if (isPromise(jsxValue)) {
-            expectVirtual(VirtualType.Awaited, null), asyncQueue.push(jsxValue, vNewNode || vCurrent);
+            expectVirtual("A", null), asyncQueue.push(jsxValue, vNewNode || vCurrent);
           } else if (isJSXNode(jsxValue)) {
             const type = jsxValue.type;
-            "string" == typeof type ? (expectNoMoreTextNodes(), expectElement(jsxValue, type), descend(jsxValue.children, true)) : "function" == typeof type && (type === Fragment ? (expectNoMoreTextNodes(), expectVirtual(VirtualType.Fragment, jsxValue.key), descend(jsxValue.children, true)) : type === Slot ? (expectNoMoreTextNodes(), expectSlot() || descend(jsxValue.children, true)) : type === Projection ? (expectProjection(), descend(jsxValue.children, true)) : type === SSRComment || type === SSRRaw ? expectNoMore() : (expectNoMoreTextNodes(), expectComponent(type)));
+            "string" == typeof type ? (expectNoMoreTextNodes(), expectElement(jsxValue, type), descend(jsxValue.children, true)) : "function" == typeof type && (type === Fragment ? (expectNoMoreTextNodes(), expectVirtual("F", jsxValue.key), descend(jsxValue.children, true)) : type === Slot ? (expectNoMoreTextNodes(), expectSlot() || descend(jsxValue.children, true)) : type === Projection ? (expectProjection(), descend(jsxValue.children, true)) : type === SSRComment || type === SSRRaw ? expectNoMore() : (expectNoMoreTextNodes(), expectComponent(type)));
           }
         } else {
           jsxValue === SkipRender ? journal = [] : expectText("");
@@ -916,17 +1080,13 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     }
   }
   function peekNextSibling() {
-    if (null !== vSiblings) {
-      const idx = vSiblingsIdx + SiblingsArray.NextVNode;
-      return idx < vSiblings.length ? vSiblings[idx] : null;
-    }
     return vCurrent ? vnode_getNextSibling(vCurrent) : null;
   }
   function advanceToNextSibling() {
-    vCurrent = peekNextSibling(), null !== vSiblings && (vSiblingsIdx += SiblingsArray.Size);
+    vCurrent = peekNextSibling();
   }
   function descend(children, descendVNode) {
-    null != children ? (stackPush(children, descendVNode), descendVNode && (vSiblings = null, vSiblingsIdx = -1, vParent = vNewNode || vCurrent, vCurrent = vnode_getFirstChild(vParent), vNewNode = null), shouldAdvance = false) : function() {
+    null != children ? (stackPush(children, descendVNode), descendVNode && (vSiblings = null, vSiblingsArray = null, vParent = vNewNode || vCurrent, vCurrent = vnode_getFirstChild(vParent), vNewNode = null), shouldAdvance = false) : function() {
       const vFirstChild = vCurrent && vnode_getFirstChild(vCurrent);
       if (null !== vFirstChild) {
         let vChild = vFirstChild;
@@ -938,24 +1098,17 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     }();
   }
   function ascend() {
-    stack2.pop() && (vSiblingsIdx = stack2.pop(), vSiblings = stack2.pop(), vNewNode = stack2.pop(), vCurrent = stack2.pop(), vParent = stack2.pop()), jsxValue = stack2.pop(), jsxCount = stack2.pop(), jsxIdx = stack2.pop(), jsxChildren = stack2.pop(), advance();
+    stack2.pop() && (vSiblings = stack2.pop(), vSiblingsArray = stack2.pop(), vNewNode = stack2.pop(), vCurrent = stack2.pop(), vParent = stack2.pop()), jsxValue = stack2.pop(), jsxCount = stack2.pop(), jsxIdx = stack2.pop(), jsxChildren = stack2.pop(), advance();
   }
   function stackPush(children, descendVNode) {
-    stack2.push(jsxChildren, jsxIdx, jsxCount, jsxValue), descendVNode && stack2.push(vParent, vCurrent, vNewNode, vSiblings, vSiblingsIdx), stack2.push(descendVNode), Array.isArray(children) ? (jsxIdx = 0, jsxCount = children.length, jsxChildren = children, jsxValue = jsxCount > 0 ? children[0] : null) : void 0 === children ? (jsxIdx = 0, jsxValue = null, jsxChildren = null, jsxCount = 0) : (jsxIdx = 0, jsxValue = children, jsxChildren = null, jsxCount = 1);
+    stack2.push(jsxChildren, jsxIdx, jsxCount, jsxValue), descendVNode && stack2.push(vParent, vCurrent, vNewNode, vSiblingsArray, vSiblings), stack2.push(descendVNode), Array.isArray(children) ? (jsxIdx = 0, jsxCount = children.length, jsxChildren = children, jsxValue = jsxCount > 0 ? children[0] : null) : void 0 === children ? (jsxIdx = 0, jsxValue = null, jsxChildren = null, jsxCount = 0) : (jsxIdx = 0, jsxValue = children, jsxChildren = null, jsxCount = 1);
   }
   function getInsertBefore() {
-    if (vNewNode) {
-      return vCurrent;
-    }
-    if (null !== vSiblings) {
-      const nextIdx = vSiblingsIdx + SiblingsArray.NextVNode;
-      return nextIdx < vSiblings.length ? vSiblings[nextIdx] : null;
-    }
-    return peekNextSibling();
+    return vNewNode ? vCurrent : peekNextSibling();
   }
   function expectProjection() {
     const slotName = jsxValue.key;
-    vCurrent = vnode_getProp(vParent, slotName, (id) => vnode_locate(container.rootVNode, id)), vCurrent = vCurrent && vCurrent[VNodeProps.flags] & VNodeFlags.Deleted ? null : vCurrent, null == vCurrent && (vNewNode = vnode_newVirtual(), vnode_setProp(vNewNode, QSlot, slotName), vnode_setProp(vNewNode, "q:sparent", vParent), vnode_setProp(vParent, slotName, vNewNode));
+    vCurrent = vnode_getProp(vParent, slotName, (id) => vnode_locate(container.rootVNode, id)), vCurrent = vCurrent && 32 & vCurrent[0] ? null : vCurrent, null == vCurrent && (vNewNode = vnode_newVirtual(), vnode_setProp(vNewNode, QSlot, slotName), vnode_setProp(vNewNode, "q:sparent", vParent), vnode_setProp(vParent, slotName, vNewNode));
   }
   function expectSlot() {
     const vHost = vnode_getProjectionParentComponent(vParent, container.rootVNode);
@@ -965,21 +1118,13 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       if (constProps && "object" == typeof constProps && "name" in constProps) {
         const constValue = constProps.name;
         if (vHost2 && constValue instanceof WrappedSignal) {
-          return trackSignalAndAssignHost(constValue, vHost2, EffectProperty.COMPONENT, container);
+          return trackSignalAndAssignHost(constValue, vHost2, ":", container);
         }
       }
       return directGetPropsProxyProp(jsxNode2, "name") || "";
     }(vHost);
     const vProjectedNode = vHost ? vnode_getProp(vHost, slotNameKey, null) : null;
-    if (null == vProjectedNode) {
-      return vnode_insertBefore(journal, vParent, vNewNode = vnode_newVirtual(), vCurrent && getInsertBefore()), vnode_setProp(vNewNode, QSlot, slotNameKey), vHost && vnode_setProp(vHost, slotNameKey, vNewNode), false;
-    }
-    if (vProjectedNode === vCurrent) ;
-    else {
-      const parent = vnode_getParent(vProjectedNode);
-      !(!parent || vnode_isElementVNode(parent) && vnode_getElementName(parent) === QTemplate) && vParent !== parent && vnode_remove(journal, parent, vProjectedNode, false), vnode_insertBefore(journal, vParent, vNewNode = vProjectedNode, vCurrent && getInsertBefore()), vnode_setProp(vNewNode, QSlot, slotNameKey), vHost && vnode_setProp(vHost, slotNameKey, vNewNode);
-    }
-    return true;
+    return null == vProjectedNode ? (vnode_insertBefore(journal, vParent, vNewNode = vnode_newVirtual(), vCurrent && getInsertBefore()), vnode_setProp(vNewNode, QSlot, slotNameKey), vHost && vnode_setProp(vHost, slotNameKey, vNewNode), false) : (vProjectedNode === vCurrent || (vnode_insertBefore(journal, vParent, vNewNode = vProjectedNode, vCurrent && getInsertBefore()), vnode_setProp(vNewNode, QSlot, slotNameKey), vHost && vnode_setProp(vHost, slotNameKey, vNewNode), isDev), true);
   }
   function expectNoMore() {
     if (null !== vCurrent) {
@@ -1001,7 +1146,7 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       const domParentVNode = vnode_getDomParentVNode(vParent);
       const { elementNamespace, elementNamespaceFlag } = getNewElementNamespaceData(domParentVNode, elementName2);
       const element2 = container.document.createElementNS(elementNamespace, elementName2);
-      return vNewNode = vnode_newElement(element2, elementName2), vNewNode[VNodeProps.flags] |= elementNamespaceFlag, element2;
+      return vNewNode = vnode_newElement(element2, elementName2), vNewNode[0] |= elementNamespaceFlag, element2;
     }(elementName);
     const { constProps } = jsx2;
     let needsQDispatchEventPatch = false;
@@ -1009,10 +1154,10 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       for (const key2 in constProps) {
         let value = constProps[key2];
         if (isJsxPropertyAnEventName(key2)) {
-          const eventName = getEventNameFromJsxProp(key2);
-          const scope = getEventNameScopeFromJsxProp(key2);
+          const eventName = getEventNameFromJsxEvent(key2);
+          const scope = getEventNameScopeFromJsxEvent(key2);
           if (eventName && (vnode_setProp(vNewNode, HANDLER_PREFIX + ":" + scope + ":" + eventName, value), registerQwikLoaderEvent(eventName)), scope) {
-            const htmlEvent = convertEventNameFromJsxPropToHtmlAttr(key2);
+            const htmlEvent = jsxEventToHtmlAttribute(key2);
             htmlEvent && vnode_setAttr(journal, vNewNode, htmlEvent, "");
           }
           needsQDispatchEventPatch = true;
@@ -1029,7 +1174,7 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
             if (null == value) {
               continue;
             }
-            throw qError(QError.invalidRefValue, [currentFile]);
+            throw qError(32, [currentFile]);
           }
           if (isSignal(value)) {
             const signalData = new SubscriptionData({
@@ -1048,7 +1193,7 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
               element.value = escapeHTML(value || "");
             }
           } else {
-            element.innerHTML = value, element.setAttribute("q:container", QContainerValue.HTML);
+            element.innerHTML = value, element.setAttribute("q:container", "html");
           }
         }
       }
@@ -1062,7 +1207,7 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     const jsxKey = jsx2.key;
     let needsQDispatchEventPatch = false;
     const currentFile = getFileLocationFromJsx(jsx2.dev);
-    isSameElementName && jsxKey === getKey(vCurrent) || (vNewNode = retrieveChildWithKey(elementName, jsxKey), null === vNewNode ? needsQDispatchEventPatch = createNewElement(jsx2, elementName) : (vnode_insertBefore(journal, vParent, vNewNode, vCurrent), vCurrent = vNewNode, vNewNode = null, null !== vSiblings && (vSiblingsIdx -= SiblingsArray.Size)));
+    isSameElementName && jsxKey === getKey(vCurrent) || (vNewNode = retrieveChildWithKey(elementName, jsxKey), null === vNewNode ? needsQDispatchEventPatch = createNewElement(jsx2, elementName) : (vnode_insertBefore(journal, vParent, vNewNode, vCurrent), vCurrent = vNewNode, vNewNode = null));
     const jsxAttrs = [];
     const props = jsx2.varProps;
     for (const key in props) {
@@ -1071,7 +1216,8 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     }
     null !== jsxKey && mapArray_set(jsxAttrs, "q:key", jsxKey, 0);
     const vNode = vNewNode || vCurrent;
-    if (needsQDispatchEventPatch = function(vnode, srcAttrs, currentFile2) {
+    const element = vNode[6];
+    element.vNode = new WeakRef(vNode), needsQDispatchEventPatch = function(vnode, srcAttrs, currentFile2) {
       vnode_ensureElementInflated(vnode);
       const dstAttrs = vnode_getProps(vnode);
       let srcIdx = 0;
@@ -1086,17 +1232,14 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           vnode_setProp(vnode, key, value);
         } else {
           if ("ref" === key) {
-            const element = vnode_getNode(vnode);
+            const element2 = vnode_getNode(vnode);
             if (isSignal(value)) {
-              return void (value.value = element);
+              return void (value.value = element2);
             }
             if ("function" == typeof value) {
-              return void value(element);
-            }
-            if (null == value) {
-              return;
+              return void value(element2);
             }
-            throw qError(QError.invalidRefValue, [currentFile2]);
+            throw qError(32, [currentFile2]);
           }
           if (isSignal(value)) {
             const signalData = new SubscriptionData({
@@ -1105,14 +1248,14 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
             });
             value = trackSignalAndAssignHost(value, vnode, key, container, signalData);
           }
-          vnode_setAttr(journal, vnode, key, serializeAttribute(key, value, scopedStyleIdPrefix)), null === value && (dstLength = dstAttrs.length);
+          vnode_setAttr(journal, vnode, key, null !== value ? serializeAttribute(key, value, scopedStyleIdPrefix) : null), null === value && (dstLength = dstAttrs.length);
         }
       };
       const recordJsxEvent = (key, value) => {
-        const eventName = getEventNameFromJsxProp(key);
-        const scope = getEventNameScopeFromJsxProp(key);
+        const eventName = getEventNameFromJsxEvent(key);
+        const scope = getEventNameScopeFromJsxEvent(key);
         if (eventName && (record(":" + scope + ":" + eventName, value), registerQwikLoaderEvent(eventName)), scope) {
-          const htmlEvent = convertEventNameFromJsxPropToHtmlAttr(key);
+          const htmlEvent = jsxEventToHtmlAttribute(key);
           htmlEvent && record(htmlEvent, "");
         }
       };
@@ -1120,32 +1263,29 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         if (dstKey?.startsWith(HANDLER_PREFIX) || dstKey?.startsWith("q:")) {
           dstIdx++, dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
         } else if (null == srcKey) {
-          dstKey && isHtmlAttributeAnEventName(dstKey) ? (patchEventDispatch = true, dstIdx++) : (record(dstKey, null), dstIdx--), dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
+          dstKey && isHtmlAttributeAnEventName(dstKey) ? dstIdx++ : (record(dstKey, null), dstIdx--), dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
         } else if (null == dstKey) {
           isJsxPropertyAnEventName(srcKey) ? (patchEventDispatch = true, recordJsxEvent(srcKey, srcAttrs[srcIdx])) : record(srcKey, srcAttrs[srcIdx]), srcIdx++, srcKey = srcIdx < srcLength ? srcAttrs[srcIdx++] : null, dstIdx++, dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
         } else if (srcKey == dstKey) {
           const srcValue = srcAttrs[srcIdx++];
           srcValue !== dstAttrs[dstIdx++] && record(dstKey, srcValue), srcKey = srcIdx < srcLength ? srcAttrs[srcIdx++] : null, dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
         } else {
-          srcKey < dstKey ? (isJsxPropertyAnEventName(srcKey) ? (patchEventDispatch = true, recordJsxEvent(srcKey, srcAttrs[srcIdx])) : record(srcKey, srcAttrs[srcIdx]), srcIdx++, srcKey = srcIdx < srcLength ? srcAttrs[srcIdx++] : null, dstIdx++, dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null) : (isHtmlAttributeAnEventName(dstKey) ? (patchEventDispatch = true, dstIdx++) : (record(dstKey, null), dstIdx--), dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null);
+          srcKey < dstKey ? (isJsxPropertyAnEventName(srcKey) ? (patchEventDispatch = true, recordJsxEvent(srcKey, srcAttrs[srcIdx])) : record(srcKey, srcAttrs[srcIdx]), srcIdx++, srcKey = srcIdx < srcLength ? srcAttrs[srcIdx++] : null, dstIdx++, dstLength = dstAttrs.length, dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null) : (isHtmlAttributeAnEventName(dstKey) ? (patchEventDispatch = true, dstIdx++) : (record(dstKey, null), dstIdx--), dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null);
         }
       }
       return patchEventDispatch;
-    }(vNode, jsxAttrs, currentFile) || needsQDispatchEventPatch, needsQDispatchEventPatch) {
-      const element = vnode_getNode(vNode);
-      element.qDispatchEvent || (element.qDispatchEvent = (event, scope) => {
-        const eventName = event.type;
-        const eventProp = ":" + scope.substring(1) + ":" + eventName;
-        const qrls = [vnode_getProp(vNode, eventProp, null), vnode_getProp(vNode, HANDLER_PREFIX + eventProp, null)];
-        let returnValue = false;
-        return qrls.flat(2).forEach((qrl2) => {
-          if (qrl2) {
-            const value = container.$scheduler$(ChoreType.RUN_QRL, vNode, qrl2, [event, element]);
-            returnValue = returnValue || true === value;
-          }
-        }), returnValue;
-      });
-    }
+    }(vNode, jsxAttrs, currentFile) || needsQDispatchEventPatch, needsQDispatchEventPatch && (element.qDispatchEvent || (element.qDispatchEvent = (event, scope) => {
+      const eventName = event.type;
+      const eventProp = ":" + scope.substring(1) + ":" + eventName;
+      const qrls = [vnode_getProp(vNode, eventProp, null), vnode_getProp(vNode, HANDLER_PREFIX + eventProp, null)];
+      let returnValue = false;
+      return qrls.flat(2).forEach((qrl2) => {
+        if (qrl2) {
+          const value = container.$scheduler$(2, vNode, qrl2, [event, element]);
+          returnValue = returnValue || true === value;
+        }
+      }), returnValue;
+    }));
   }
   function registerQwikLoaderEvent(eventName) {
     const window2 = container.document.defaultView;
@@ -1153,26 +1293,29 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
   }
   function retrieveChildWithKey(nodeName, key) {
     let vNodeWithKey = null;
-    if (-1 === vSiblingsIdx) {
-      vSiblings = [], vSiblingsIdx = 0;
+    if (null === vSiblings) {
+      vSiblings = /* @__PURE__ */ new Map(), vSiblingsArray = [];
       let vNode = vCurrent;
       for (; vNode; ) {
         const name = vnode_isElementVNode(vNode) ? vnode_getElementName(vNode) : null;
         const vKey = getKey(vNode) || getComponentHash(vNode, container.$getObjectById$);
-        null === vNodeWithKey && vKey == key && name == nodeName ? vNodeWithKey = vNode : vSiblings.push(name, vKey, vNode), vNode = vnode_getNextSibling(vNode);
+        null === vNodeWithKey && vKey == key && name == nodeName ? vNodeWithKey = vNode : null === vKey ? vSiblingsArray.push(name, vNode) : vSiblings.set(name + ":" + vKey, vNode), vNode = vnode_getNextSibling(vNode);
       }
-    } else {
-      for (let idx = vSiblingsIdx; idx < vSiblings.length; idx += SiblingsArray.Size) {
-        if (vSiblings[idx + SiblingsArray.Key] === key && vSiblings[idx + SiblingsArray.Name] === nodeName) {
-          vNodeWithKey = vSiblings[idx + SiblingsArray.VNode], vSiblings?.splice(idx, SiblingsArray.Size);
+    } else if (null === key) {
+      for (let i = 0; i < vSiblingsArray.length; i += 2) {
+        if (vSiblingsArray[i] === nodeName) {
+          vNodeWithKey = vSiblingsArray[i + 1], vSiblingsArray.splice(i, 2);
           break;
         }
       }
+    } else {
+      const vSibling = vSiblings.get(nodeName + ":" + key);
+      vSibling && (vNodeWithKey = vSibling, vSiblings.delete(nodeName + ":" + key));
     }
     return vNodeWithKey;
   }
   function expectVirtual(type, jsxKey) {
-    vCurrent && vnode_isVirtualVNode(vCurrent) && getKey(vCurrent) === jsxKey || (null === jsxKey || (vNewNode = retrieveChildWithKey(null, jsxKey), null == vNewNode) ? (vnode_insertBefore(journal, vParent, vNewNode = vnode_newVirtual(), vCurrent && getInsertBefore()), vnode_setProp(vNewNode, "q:key", jsxKey), isDev) : vnode_insertBefore(journal, vParent, vNewNode, vCurrent && getInsertBefore()));
+    vCurrent && vnode_isVirtualVNode(vCurrent) && getKey(vCurrent) === jsxKey && jsxKey || (null === jsxKey || (vNewNode = retrieveChildWithKey(null, jsxKey), null == vNewNode) ? (vnode_insertBefore(journal, vParent, vNewNode = vnode_newVirtual(), vCurrent && getInsertBefore()), vnode_setProp(vNewNode, "q:key", jsxKey), isDev) : vnode_insertBefore(journal, vParent, vNewNode, vCurrent && getInsertBefore()));
   }
   function expectComponent(component) {
     const componentMeta = component[SERIALIZABLE_STATE];
@@ -1185,9 +1328,9 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       const componentHash = componentQRL.$hash$;
       const vNodeComponentHash = getComponentHash(host, container.$getObjectById$);
       const lookupKey = jsxNode2.key || componentHash;
-      if (lookupKey === (getKey(host) || vNodeComponentHash) ? componentHash === vNodeComponentHash || (insertNewComponent(host, componentQRL, jsxProps), host = vNewNode, shouldRender = true) : (vNewNode = retrieveChildWithKey(null, lookupKey), vNewNode ? vnode_insertBefore(journal, vParent, vNewNode, vCurrent) : insertNewComponent(host, componentQRL, jsxProps), host = vNewNode, shouldRender = true), host) {
+      if (lookupKey === (getKey(host) || vNodeComponentHash) ? componentHash === vNodeComponentHash && jsxNode2.key || (insertNewComponent(host, componentQRL, jsxProps), host = vNewNode, shouldRender = true) : (vNewNode = retrieveChildWithKey(null, lookupKey), vNewNode ? vnode_insertBefore(journal, vParent, vNewNode, vCurrent) : insertNewComponent(host, componentQRL, jsxProps), host = vNewNode, shouldRender = true), host) {
         const vNodeProps = vnode_getProp(host, "q:props", container.$getObjectById$);
-        shouldRender = shouldRender || propsDiffer(jsxProps, vNodeProps), shouldRender && (host[VNodeProps.flags] &= ~VNodeFlags.Deleted, container.$scheduler$(ChoreType.COMPONENT, host, componentQRL, jsxProps));
+        shouldRender = shouldRender || propsDiffer(jsxProps, vNodeProps), shouldRender && (host[0] &= -33, container.$scheduler$(6, host, componentQRL, jsxProps));
       }
       !function(children, host2) {
         const projectionChildren = Array.isArray(children) ? children : [children];
@@ -1295,21 +1438,21 @@ function cleanup(container, vNode) {
   }
   let vParent = null;
   for (; ; ) {
-    const type = vCursor[VNodeProps.flags];
-    if (type & VNodeFlags.ELEMENT_OR_VIRTUAL_MASK) {
-      if (clearAllEffects(container, vCursor), markVNodeAsDeleted(vCursor), type & VNodeFlags.Virtual) {
+    const type = vCursor[0];
+    if (3 & type) {
+      if (clearAllEffects(container, vCursor), markVNodeAsDeleted(vCursor), 2 & type) {
         const seq = container.getHostProp(vCursor, "q:seq");
         if (seq) {
           for (let i = 0; i < seq.length; i++) {
             const obj = seq[i];
             if (isTask(obj)) {
               const task = obj;
-              clearAllEffects(container, task), task.$flags$ & TaskFlags.VISIBLE_TASK ? container.$scheduler$(ChoreType.CLEANUP_VISIBLE, task) : cleanupTask(task);
+              clearAllEffects(container, task), 1 & task.$flags$ ? container.$scheduler$(48, task) : cleanupTask(task);
             }
           }
         }
       }
-      if (type & VNodeFlags.Virtual && null !== vnode_getProp(vCursor, "q:renderFn", null)) {
+      if (2 & type && null !== vnode_getProp(vCursor, "q:renderFn", null)) {
         const attrs = vnode_getProps(vCursor);
         for (let i = 0; i < attrs.length; i += 2) {
           if (isSlotProp(attrs[i])) {
@@ -1341,7 +1484,7 @@ function cleanup(container, vNode) {
         }
       }
     } else {
-      type & VNodeFlags.Text && markVNodeAsDeleted(vCursor);
+      4 & type && markVNodeAsDeleted(vCursor);
     }
     if (vCursor === vNode) {
       return;
@@ -1370,17 +1513,13 @@ function cleanup(container, vNode) {
 function cleanupStaleUnclaimedProjection(journal, projection) {
   const projectionParent = vnode_getParent(projection);
   if (projectionParent) {
-    projectionParent[VNodeProps.flags] & VNodeFlags.Element && vnode_getElementName(projectionParent) === QTemplate && vnode_remove(journal, projectionParent, projection, true);
+    1 & projectionParent[0] && vnode_getElementName(projectionParent) === QTemplate && vnode_remove(journal, projectionParent, projection, true);
   }
 }
 function markVNodeAsDeleted(vCursor) {
-  vCursor[VNodeProps.flags] |= VNodeFlags.Deleted;
+  vCursor[0] |= 32;
 }
 const HANDLER_PREFIX = ":";
-var SiblingsArray;
-!function(SiblingsArray2) {
-  SiblingsArray2[SiblingsArray2.Name = 0] = "Name", SiblingsArray2[SiblingsArray2.Key = 1] = "Key", SiblingsArray2[SiblingsArray2.VNode = 2] = "VNode", SiblingsArray2[SiblingsArray2.Size = 3] = "Size", SiblingsArray2[SiblingsArray2.NextVNode = 5] = "NextVNode";
-}(SiblingsArray || (SiblingsArray = {}));
 const _createResourceReturn = (opts) => ({
   __brand: "resource",
   value: void 0,
@@ -1393,10 +1532,10 @@ const _createResourceReturn = (opts) => ({
 });
 const createResourceReturn = (container, opts, initialPromise) => {
   const result = _createResourceReturn();
-  return result.value = initialPromise, createStore(container, result, StoreFlags.RECURSIVE);
+  return result.value = initialPromise, createStore(container, result, 1);
 };
 const runResource = (task, container, host) => {
-  task.$flags$ &= ~TaskFlags.DIRTY, cleanupTask(task);
+  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));
@@ -1415,7 +1554,7 @@ const runResource = (task, container, host) => {
   const opts = {
     track: (obj, prop) => {
       const ctx = newInvokeContext();
-      return ctx.$effectSubscriber$ = getSubscriber(task, EffectProperty.COMPONENT), ctx.$container$ = container, invoke(ctx, () => isFunction(obj) ? obj() : prop ? obj[prop] : isSignal(obj) ? obj.value : obj);
+      return ctx.$effectSubscriber$ = getSubscriber(task, ":"), ctx.$container$ = container, invoke(ctx, () => isFunction(obj) ? obj() : prop ? obj[prop] : isSignal(obj) ? obj.value : obj);
     },
     cleanup(fn) {
       "function" == typeof fn && cleanups.push(fn);
@@ -1465,10 +1604,10 @@ const vnode_documentPosition = (a2, b, rootVNode) => {
   let aDepth = -1;
   let bDepth = -1;
   for (; a2; ) {
-    a2 = (aVNodePath[++aDepth] = a2)[VNodeProps.parent] || rootVNode && vnode_getProp(a2, "q:sparent", (id) => vnode_locate(rootVNode, id));
+    a2 = (aVNodePath[++aDepth] = a2)[1] || rootVNode && vnode_getProp(a2, "q:sparent", (id) => vnode_locate(rootVNode, id));
   }
   for (; b; ) {
-    b = (bVNodePath[++bDepth] = b)[VNodeProps.parent] || 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 ((a2 = aVNodePath[aDepth]) !== (b = bVNodePath[bDepth])) {
@@ -1522,14 +1661,14 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
   let drainScheduled = false;
   return function schedule(type, hostOrTask = null, targetOrQrl = null, payload = null) {
     const isServer3 = !isDomContainer(container);
-    const isComponentSsr = isServer3 && type === ChoreType.COMPONENT;
-    const runLater = type !== ChoreType.WAIT_FOR_ALL && !isComponentSsr && type !== ChoreType.RUN_QRL;
-    const isTask2 = type === ChoreType.TASK || type === ChoreType.VISIBLE || type === ChoreType.CLEANUP_VISIBLE;
-    const isClientOnly = type === ChoreType.JOURNAL_FLUSH || type === ChoreType.NODE_DIFF || type === ChoreType.NODE_PROP;
+    const isComponentSsr = isServer3 && 6 === type;
+    const runLater = 255 !== type && !isComponentSsr && 2 !== type;
+    const isTask2 = 3 === type || 32 === type || 48 === type;
+    const isClientOnly = 16 === type || 4 === type || 5 === type;
     if (isServer3 && isClientOnly) {
       return;
     }
-    isTask2 && (hostOrTask.$flags$ |= TaskFlags.DIRTY);
+    isTask2 && (hostOrTask.$flags$ |= 8);
     let chore = {
       $type$: type,
       $idx$: isTask2 ? hostOrTask.$index$ : "string" == typeof targetOrQrl ? targetOrQrl : 0,
@@ -1563,10 +1702,10 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
         return sortedArray.splice(~idx, 0, value), value;
       }
       const existing = sortedArray[idx];
-      existing.$type$ === ChoreType.NODE_DIFF && (existing.$payload$ = value.$payload$);
+      4 === existing.$type$ && (existing.$payload$ = value.$payload$);
       existing.$executed$ && (existing.$executed$ = false);
       return existing;
-    }(choreQueue, chore, container.rootVNode || null), !drainScheduled && runLater && (drainScheduled = true, schedule(ChoreType.JOURNAL_FLUSH), scheduleDrain()?.catch?.(() => {
+    }(choreQueue, chore, container.rootVNode || null), !drainScheduled && runLater && (drainScheduled = true, schedule(16), scheduleDrain()?.catch?.(() => {
     }));
     return runLater ? getPromise(chore) : drainUpTo(chore, isServer3);
   };
@@ -1587,7 +1726,7 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
           break;
         }
       } else {
-        vNodeAlreadyDeleted(nextChore) && nextChore.$type$ !== ChoreType.CLEANUP_VISIBLE ? choreQueue.shift() : executeChore(nextChore, isServer3);
+        vNodeAlreadyDeleted(nextChore) && 48 !== nextChore.$type$ ? choreQueue.shift() : executeChore(nextChore, isServer3);
       }
     }
     return runUptoChore.$returnValue$;
@@ -1598,13 +1737,13 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
     let returnValue = null;
     try {
       switch (chore.$type$) {
-        case ChoreType.WAIT_FOR_ALL:
+        case 255:
           isServer3 && (drainScheduled = false);
           break;
-        case ChoreType.JOURNAL_FLUSH:
+        case 16:
           returnValue = journalFlush(), drainScheduled = false;
           break;
-        case ChoreType.COMPONENT:
+        case 6:
           returnValue = safeCall(() => executeComponent(container, host, host, chore.$target$, chore.$payload$), (jsx2) => {
             if (isServer3) {
               return jsx2;
@@ -1615,7 +1754,7 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
             }
           }, (err) => container.handleError(err, host));
           break;
-        case ChoreType.RUN_QRL:
+        case 2:
           {
             const fn = chore.$target$.getFn();
             const result = retryOnPromise(() => fn(...chore.$payload$));
@@ -1630,11 +1769,11 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
             returnValue = null;
           }
           break;
-        case ChoreType.TASK:
-        case ChoreType.VISIBLE:
+        case 3:
+        case 32:
           {
             const payload = chore.$payload$;
-            if (payload.$flags$ & TaskFlags.RESOURCE) {
+            if (4 & payload.$flags$) {
               const result = runResource(payload, container, host);
               returnValue = isServer3 ? result : null;
             } else {
@@ -1642,17 +1781,17 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
             }
           }
           break;
-        case ChoreType.CLEANUP_VISIBLE:
+        case 48:
           cleanupTask(chore.$payload$);
           break;
-        case ChoreType.NODE_DIFF:
+        case 4:
           {
             const parentVirtualNode = chore.$target$;
             let jsx2 = chore.$payload$;
             isSignal(jsx2) && (jsx2 = jsx2.value), returnValue = retryOnPromise(() => vnode_diff(container, jsx2, parentVirtualNode, null));
           }
           break;
-        case ChoreType.NODE_PROP:
+        case 5:
           {
             const virtualNode = chore.$host$;
             const payload = chore.$payload$;
@@ -1663,19 +1802,19 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
             const property = chore.$idx$;
             const serializedValue = serializeAttribute(property, value, payload.$scopedStyleIdPrefix$);
             if (isConst) {
-              journal.push(VNodeJournalOpCode.SetAttribute, virtualNode[ElementVNodeProps.element], property, serializedValue);
+              journal.push(2, virtualNode[6], property, serializedValue);
             } else {
               vnode_setAttr(journal, virtualNode, property, serializedValue);
             }
           }
           break;
-        case ChoreType.QRL_RESOLVE:
+        case 1:
           {
             const target = chore.$target$;
             returnValue = target.resolved ? null : target.resolve();
           }
           break;
-        case ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS: {
+        case 7: {
           const target = chore.$target$;
           const forceRunEffects = target.$forceRunEffects$;
           if (target.$forceRunEffects$ = false, !target.$effects$?.size) {
@@ -1695,7 +1834,7 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
     isPromise(returnValue) ? (chore.$promise$ = returnValue.then(after, (error) => after(void 0, error)), chore.$resolve$?.(chore.$promise$), chore.$resolve$ = void 0) : after(returnValue);
   }
   function choreComparator(a2, b, rootVNode) {
-    const macroTypeDiff = (a2.$type$ & ChoreType.MACRO) - (b.$type$ & ChoreType.MACRO);
+    const macroTypeDiff = (240 & a2.$type$) - (240 & b.$type$);
     if (0 !== macroTypeDiff) {
       return macroTypeDiff;
     }
@@ -1718,7 +1857,7 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
         }
       }
     }
-    const microTypeDiff = (a2.$type$ & ChoreType.MICRO) - (b.$type$ & ChoreType.MICRO);
+    const microTypeDiff = (15 & a2.$type$) - (15 & b.$type$);
     if (0 !== microTypeDiff) {
       return microTypeDiff;
     }
@@ -1728,217 +1867,8 @@ const createScheduler = (container, scheduleDrain, journalFlush) => {
 };
 const toNumber = (value) => "number" == typeof value ? value : -1;
 function vNodeAlreadyDeleted(chore) {
-  return !!(chore.$host$ && vnode_isVNode(chore.$host$) && chore.$host$[VNodeProps.flags] & VNodeFlags.Deleted);
-}
-var SignalFlags;
-var WrappedSignalFlags;
-!function(SignalFlags2) {
-  SignalFlags2[SignalFlags2.INVALID = 1] = "INVALID";
-}(SignalFlags || (SignalFlags = {})), function(WrappedSignalFlags2) {
-  WrappedSignalFlags2[WrappedSignalFlags2.UNWRAP = 2] = "UNWRAP";
-}(WrappedSignalFlags || (WrappedSignalFlags = {}));
-const throwIfQRLNotResolved = (qrl2) => {
-  if (!qrl2.resolved) {
-    throw qrl2.resolve();
-  }
-};
-const isSignal = (value) => value instanceof Signal;
-class SubscriptionData {
-  constructor(data) {
-    __publicField(this, "data");
-    this.data = data;
-  }
-}
-var EffectSubscriptionProp;
-var EffectProperty;
-!function(EffectSubscriptionProp2) {
-  EffectSubscriptionProp2[EffectSubscriptionProp2.CONSUMER = 0] = "CONSUMER", EffectSubscriptionProp2[EffectSubscriptionProp2.PROPERTY = 1] = "PROPERTY", EffectSubscriptionProp2[EffectSubscriptionProp2.BACK_REF = 2] = "BACK_REF", EffectSubscriptionProp2[EffectSubscriptionProp2.DATA = 3] = "DATA";
-}(EffectSubscriptionProp || (EffectSubscriptionProp = {})), function(EffectProperty2) {
-  EffectProperty2.COMPONENT = ":", EffectProperty2.VNODE = ".";
-}(EffectProperty || (EffectProperty = {}));
-class Signal {
-  constructor(container, value) {
-    __publicField(this, "$untrackedValue$");
-    __publicField(this, "$effects$", null);
-    __publicField(this, "$container$", null);
-    this.$container$ = container, this.$untrackedValue$ = value;
-  }
-  get untrackedValue() {
-    return this.$untrackedValue$;
-  }
-  set untrackedValue(value) {
-    this.$untrackedValue$ = value;
-  }
-  get value() {
-    const ctx = tryGetInvokeContext();
-    if (ctx) {
-      if (null === this.$container$) {
-        if (!ctx.$container$) {
-          return this.untrackedValue;
-        }
-        this.$container$ = ctx.$container$;
-      } else {
-        assertTrue(!ctx.$container$ || ctx.$container$ === this.$container$);
-      }
-      const effectSubscriber = ctx.$effectSubscriber$;
-      if (effectSubscriber) {
-        const effects = this.$effects$ || (this.$effects$ = /* @__PURE__ */ new Set());
-        ensureContainsSubscription(effects, effectSubscriber), ensureContainsBackRef(effectSubscriber, this), addQrlToSerializationCtx(effectSubscriber, this.$container$);
-      }
-    }
-    return this.untrackedValue;
-  }
-  set value(value) {
-    value !== this.$untrackedValue$ && (this.$untrackedValue$ = value, triggerEffects(this.$container$, this, this.$effects$));
-  }
-  valueOf() {
-  }
-  toString() {
-    return `[${this.constructor.name}${this.$flags$ & SignalFlags.INVALID ? " INVALID" : ""} ${String(this.$untrackedValue$)}]` + (Array.from(this.$effects$ || []).map((e) => "\n -> " + pad(qwikDebugToString(e[0]), "    ")).join("\n") || "");
-  }
-  toJSON() {
-    return {
-      value: this.$untrackedValue$
-    };
-  }
-}
-const ensureContainsSubscription = (array, effectSubscription) => {
-  array.add(effectSubscription);
-};
-const ensureContainsBackRef = (array, value) => {
-  var _a2;
-  array[_a2 = EffectSubscriptionProp.BACK_REF] || (array[_a2] = /* @__PURE__ */ new Set()), array[EffectSubscriptionProp.BACK_REF].add(value);
-};
-const addQrlToSerializationCtx = (effectSubscriber, container) => {
-  if (container && !isDomContainer(container)) {
-    const effect = effectSubscriber[EffectSubscriptionProp.CONSUMER];
-    const property = effectSubscriber[EffectSubscriptionProp.PROPERTY];
-    let qrl2 = null;
-    isTask(effect) ? qrl2 = effect.$qrl$ : effect instanceof ComputedSignal ? qrl2 = effect.$computeQrl$ : property === EffectProperty.COMPONENT && (qrl2 = container.getHostProp(effect, "q:renderFn")), qrl2 && container.serializationCtx.$eventQrls$.add(qrl2);
-  }
-};
-const triggerEffects = (container, signal, effects) => {
-  const isBrowser2 = isDomContainer(container);
-  if (effects) {
-    const scheduleEffect = (effectSubscription) => {
-      const consumer = effectSubscription[EffectSubscriptionProp.CONSUMER];
-      const property = effectSubscription[EffectSubscriptionProp.PROPERTY];
-      if (isTask(consumer)) {
-        consumer.$flags$ |= TaskFlags.DIRTY;
-        let choreType = ChoreType.TASK;
-        consumer.$flags$ & TaskFlags.VISIBLE_TASK && (choreType = ChoreType.VISIBLE), container.$scheduler$(choreType, consumer);
-      } else if (consumer instanceof Signal) {
-        consumer instanceof ComputedSignal && (consumer.$computeQrl$.resolved || container.$scheduler$(ChoreType.QRL_RESOLVE, null, consumer.$computeQrl$)), consumer.$invalidate$();
-      } else if (property === EffectProperty.COMPONENT) {
-        const host = consumer;
-        const qrl2 = container.getHostProp(host, "q:renderFn");
-        const props = container.getHostProp(host, "q:props");
-        container.$scheduler$(ChoreType.COMPONENT, host, qrl2, props);
-      } else if (isBrowser2) {
-        if (property === EffectProperty.VNODE) {
-          container.$scheduler$(ChoreType.NODE_DIFF, consumer, consumer, signal);
-        } else {
-          const effectData = effectSubscription[EffectSubscriptionProp.DATA];
-          if (effectData instanceof SubscriptionData) {
-            const payload = {
-              ...effectData.data,
-              $value$: signal
-            };
-            container.$scheduler$(ChoreType.NODE_PROP, consumer, property, payload);
-          }
-        }
-      }
-    };
-    for (const effect of effects) {
-      scheduleEffect(effect);
-    }
-  }
-};
-class ComputedSignal extends (_c = Signal, _b = _EFFECT_BACK_REF, _c) {
-  constructor(container, fn, flags = SignalFlags.INVALID) {
-    super(container, NEEDS_COMPUTATION);
-    __publicField(this, "$computeQrl$");
-    __publicField(this, "$flags$");
-    __publicField(this, "$forceRunEffects$", false);
-    __publicField(this, _b, null);
-    this.$computeQrl$ = fn, this.$flags$ = flags;
-  }
-  $invalidate$() {
-    this.$flags$ |= SignalFlags.INVALID, this.$forceRunEffects$ = false, this.$container$?.$scheduler$(ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS, null, this);
-  }
-  force() {
-    this.$flags$ |= SignalFlags.INVALID, this.$forceRunEffects$ = false, triggerEffects(this.$container$, this, this.$effects$);
-  }
-  get untrackedValue() {
-    const didChange = this.$computeIfNeeded$();
-    return didChange && (this.$forceRunEffects$ = didChange), assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION), this.$untrackedValue$;
-  }
-  $computeIfNeeded$() {
-    if (!(this.$flags$ & SignalFlags.INVALID)) {
-      return false;
-    }
-    const computeQrl = this.$computeQrl$;
-    throwIfQRLNotResolved(computeQrl);
-    const ctx = tryGetInvokeContext();
-    const previousEffectSubscription = ctx?.$effectSubscriber$;
-    ctx && (ctx.$effectSubscriber$ = getSubscriber(this, EffectProperty.VNODE));
-    try {
-      const untrackedValue = computeQrl.getFn(ctx)();
-      if (isPromise(untrackedValue)) {
-        throw qError(QError.computedNotSync, [computeQrl.dev ? computeQrl.dev.file : "", computeQrl.$hash$]);
-      }
-      this.$flags$ &= ~SignalFlags.INVALID;
-      const didChange = untrackedValue !== this.$untrackedValue$;
-      return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
-    } finally {
-      ctx && (ctx.$effectSubscriber$ = previousEffectSubscription);
-    }
-  }
-  get value() {
-    return super.value;
-  }
-  set value(_) {
-    throw qError(QError.computedReadOnly);
-  }
-}
-class WrappedSignal extends (_e = Signal, _d = _EFFECT_BACK_REF, _e) {
-  constructor(container, fn, args, fnStr, flags = SignalFlags.INVALID | WrappedSignalFlags.UNWRAP) {
-    super(container, NEEDS_COMPUTATION);
-    __publicField(this, "$args$");
-    __publicField(this, "$func$");
-    __publicField(this, "$funcStr$");
-    __publicField(this, "$flags$");
-    __publicField(this, "$hostElement$", null);
-    __publicField(this, "$forceRunEffects$", false);
-    __publicField(this, _d, null);
-    this.$args$ = args, this.$func$ = fn, this.$funcStr$ = fnStr, this.$flags$ = flags;
-  }
-  $invalidate$() {
-    this.$flags$ |= SignalFlags.INVALID, this.$forceRunEffects$ = false, this.$container$?.$scheduler$(ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS, this.$hostElement$, this);
-  }
-  force() {
-    this.$flags$ |= SignalFlags.INVALID, this.$forceRunEffects$ = false, triggerEffects(this.$container$, this, this.$effects$);
-  }
-  get untrackedValue() {
-    const didChange = this.$computeIfNeeded$();
-    return didChange && (this.$forceRunEffects$ = didChange), assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION), this.$untrackedValue$;
-  }
-  $computeIfNeeded$() {
-    if (!(this.$flags$ & SignalFlags.INVALID)) {
-      return false;
-    }
-    const untrackedValue = trackSignal(() => this.$func$(...this.$args$), this, EffectProperty.VNODE, this.$container$);
-    const didChange = untrackedValue !== this.$untrackedValue$;
-    return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
-  }
-  get value() {
-    return super.value;
-  }
-  set value(_) {
-    throw qError(QError.wrappedReadOnly);
-  }
+  return !!(chore.$host$ && vnode_isVNode(chore.$host$) && 32 & chore.$host$[0]);
 }
-const version = "2.0.0-alpha.8-dev+66037b5";
 class _SharedContainer {
   constructor(scheduleDrain, journalFlush, serverData, locale) {
     __publicField(this, "$version$");
@@ -1949,6 +1879,7 @@ class _SharedContainer {
     __publicField(this, "$serverData$");
     __publicField(this, "$currentUniqueId$", 0);
     __publicField(this, "$instanceHash$", null);
+    __publicField(this, "$buildBase$", null);
     this.$serverData$ = serverData, this.$locale$ = locale, this.$version$ = version, this.$storeProxyMap$ = /* @__PURE__ */ new WeakMap(), this.$getObjectById$ = () => {
       throw Error("Not implemented");
     }, this.$scheduler$ = createScheduler(this, scheduleDrain, journalFlush);
@@ -1960,155 +1891,6 @@ class _SharedContainer {
     return createSerializationContext(NodeConstructor, DomRefConstructor, symbolToChunkResolver, this.getHostProp.bind(this), this.setHostProp.bind(this), this.$storeProxyMap$, writer, prepVNodeData);
   }
 }
-const _jsxSorted = (type, varProps, constProps, children, flags, key) => {
-  const processed = null == key ? null : String(key);
-  const node = new JSXNodeImpl(type, varProps || {}, constProps || null, children, flags, processed);
-  return node;
-};
-const _jsxSplit = (type, varProps, constProps, children, flags, key, dev) => {
-  let sortedProps;
-  return sortedProps = varProps ? Object.fromEntries(untrack(() => Object.entries(varProps)).filter((entry) => {
-    const attr = entry[0];
-    return "children" === attr ? (children ?? (children = entry[1]), false) : "key" === attr ? (key = entry[1], false) : !constProps;
-  }).sort(([a2], [b]) => a2 < b ? -1 : 1)) : "string" == typeof type ? EMPTY_OBJ : {}, _jsxSorted(type, sortedProps, constProps, children, flags, key);
-};
-const jsx = (type, props, key) => _jsxSplit(type, props, null, null, 0, null);
-const isPropsProxy = (obj) => obj && void 0 !== obj[_VAR_PROPS];
-class JSXNodeImpl {
-  constructor(type, varProps, constProps, children, flags, key = null) {
-    __publicField(this, "type");
-    __publicField(this, "varProps");
-    __publicField(this, "constProps");
-    __publicField(this, "children");
-    __publicField(this, "flags");
-    __publicField(this, "key");
-    __publicField(this, "dev");
-    __publicField(this, "_proxy", null);
-    this.type = type, this.varProps = varProps, this.constProps = constProps, this.children = children, this.flags = flags, this.key = key;
-  }
-  get props() {
-    return this._proxy || (this._proxy = createPropsProxy(this.varProps, this.constProps, this.children)), this._proxy;
-  }
-}
-const Virtual = (props) => props.children;
-const isJSXNode = (n) => n instanceof JSXNodeImpl;
-const Fragment = (props) => props.children;
-function createPropsProxy(varProps, constProps, children) {
-  return new Proxy({}, new PropsProxyHandler(varProps, constProps, children));
-}
-class PropsProxyHandler {
-  constructor($varProps$, $constProps$, $children$) {
-    __publicField(this, "$varProps$");
-    __publicField(this, "$constProps$");
-    __publicField(this, "$children$");
-    this.$varProps$ = $varProps$, this.$constProps$ = $constProps$, this.$children$ = $children$;
-  }
-  get(_, prop) {
-    if (prop === _CONST_PROPS) {
-      return this.$constProps$;
-    }
-    if (prop === _VAR_PROPS) {
-      return this.$varProps$;
-    }
-    if (null != this.$children$ && "children" === prop) {
-      return this.$children$;
-    }
-    const value = this.$constProps$ && prop in this.$constProps$ ? this.$constProps$[prop] : this.$varProps$[prop];
-    return value instanceof WrappedSignal && value.$flags$ & WrappedSignalFlags.UNWRAP ? value.value : value;
-  }
-  set(_, prop, value) {
-    return prop === _CONST_PROPS ? (this.$constProps$ = value, true) : prop === _VAR_PROPS ? (this.$varProps$ = value, true) : (this.$constProps$ && prop in this.$constProps$ ? this.$constProps$[prop] = value : this.$varProps$[prop] = value, true);
-  }
-  deleteProperty(_, prop) {
-    if ("string" != typeof prop) {
-      return false;
-    }
-    let didDelete = delete this.$varProps$[prop];
-    return this.$constProps$ && (didDelete = delete this.$constProps$[prop] || didDelete), null != this.$children$ && "children" === prop && (this.$children$ = null), didDelete;
-  }
-  has(_, prop) {
-    return "children" === prop && null != this.$children$ || prop === _CONST_PROPS || prop === _VAR_PROPS || prop in this.$varProps$ || !!this.$constProps$ && prop in this.$constProps$;
-  }
-  getOwnPropertyDescriptor(target, p) {
-    return {
-      configurable: true,
-      enumerable: true,
-      value: "children" === p && null != this.$children$ ? this.$children$ : this.$constProps$ && p in this.$constProps$ ? this.$constProps$[p] : this.$varProps$[p]
-    };
-  }
-  ownKeys() {
-    const out = Object.keys(this.$varProps$);
-    if (null != this.$children$ && -1 === out.indexOf("children") && out.push("children"), this.$constProps$) {
-      for (const key in this.$constProps$) {
-        -1 === out.indexOf(key) && out.push(key);
-      }
-    }
-    return out;
-  }
-}
-const directGetPropsProxyProp = (jsx2, prop) => jsx2.constProps && prop in jsx2.constProps ? jsx2.constProps[prop] : jsx2.varProps[prop];
-const stringifyPath = [];
-function qwikDebugToString(value) {
-  if (null === value) {
-    return "null";
-  }
-  if (void 0 === value) {
-    return "undefined";
-  }
-  if ("string" == typeof value) {
-    return '"' + value + '"';
-  }
-  if ("number" == typeof value || "boolean" == typeof value) {
-    return String(value);
-  }
-  if (isTask(value)) {
-    return `Task(${qwikDebugToString(value.$qrl$)})`;
-  }
-  if (isQrl(value)) {
-    return `Qrl(${value.$symbol$})`;
-  }
-  if ("object" == typeof value || "function" == typeof value) {
-    if (stringifyPath.includes(value)) {
-      return "*";
-    }
-    try {
-      if (stringifyPath.push(value), Array.isArray(value)) {
-        return vnode_isVNode(value) ? "(" + vnode_getProp(value, "q:type", null) + ")" : value.map(qwikDebugToString);
-      }
-      if (isSignal(value)) {
-        return value instanceof WrappedSignal ? "WrappedSignal" : value instanceof ComputedSignal ? "ComputedSignal" : "Signal";
-      }
-      if (isStore(value)) {
-        return "Store";
-      }
-      if (isJSXNode(value)) {
-        return jsxToString(value);
-      }
-    } finally {
-      stringifyPath.pop();
-    }
-  }
-  return value;
-}
-const pad = (text, prefix) => String(text).split("\n").map((line, idx) => (idx ? prefix : "") + line).join("\n");
-const jsxToString = (value) => {
-  if (isJSXNode(value)) {
-    let type = value.type;
-    "function" == typeof type && (type = type.name || "Component");
-    let str = "<" + value.type;
-    if (value.props) {
-      for (const [key, val] of Object.entries(value.props)) {
-        str += " " + key + "=" + qwikDebugToString(val);
-      }
-      const children = value.children;
-      null != children ? (str += ">", Array.isArray(children) ? children.forEach((child) => {
-        str += jsxToString(child);
-      }) : str += jsxToString(children), str += "</" + value.type + ">") : str += "/>";
-    }
-    return str;
-  }
-  return String(value);
-};
 const VNodeDataSeparator = {
   REFERENCE_CH: "~",
   REFERENCE: 126,
@@ -2173,1132 +1955,1216 @@ const VNodeDataChar = {
   SLOT: 126,
   SLOT_CHAR: "~"
 };
-const mergeMaps = (map1, map2) => {
-  for (const [k, v] of map2) {
-    map1.set(k, v);
-  }
-  return map1;
-};
-var VNodeJournalOpCode;
-!function(VNodeJournalOpCode2) {
-  VNodeJournalOpCode2[VNodeJournalOpCode2.SetText = 1] = "SetText", VNodeJournalOpCode2[VNodeJournalOpCode2.SetAttribute = 2] = "SetAttribute", VNodeJournalOpCode2[VNodeJournalOpCode2.HoistStyles = 3] = "HoistStyles", VNodeJournalOpCode2[VNodeJournalOpCode2.Remove = 4] = "Remove", VNodeJournalOpCode2[VNodeJournalOpCode2.Insert = 5] = "Insert";
-}(VNodeJournalOpCode || (VNodeJournalOpCode = {}));
-const vnode_newElement = (element, elementName) => {
-  assertEqual(fastNodeType(element));
-  const vnode = VNodeArray.createElement(VNodeFlags.Element | VNodeFlags.Inflated | -1 << VNodeFlagsIndex.shift, null, null, null, null, null, element, elementName);
-  return assertTrue(vnode_isElementVNode(vnode)), assertFalse(vnode_isTextVNode(vnode)), assertFalse(vnode_isVirtualVNode(vnode)), vnode;
-};
-const vnode_newUnMaterializedElement = (element) => {
-  assertEqual(fastNodeType(element));
-  const vnode = VNodeArray.createElement(VNodeFlags.Element | -1 << VNodeFlagsIndex.shift, null, null, null, void 0, void 0, element, void 0);
-  return assertTrue(vnode_isElementVNode(vnode)), assertFalse(vnode_isTextVNode(vnode)), assertFalse(vnode_isVirtualVNode(vnode)), vnode;
-};
-const vnode_newSharedText = (previousTextNode, sharedTextNode, textContent) => {
-  sharedTextNode && assertEqual(fastNodeType(sharedTextNode));
-  const vnode = VNodeArray.createText(VNodeFlags.Text | -1 << VNodeFlagsIndex.shift, null, previousTextNode, null, sharedTextNode, textContent);
-  return assertFalse(vnode_isElementVNode(vnode)), assertTrue(vnode_isTextVNode(vnode)), assertFalse(vnode_isVirtualVNode(vnode)), vnode;
-};
-const vnode_newText = (textNode, textContent) => {
-  const vnode = VNodeArray.createText(VNodeFlags.Text | VNodeFlags.Inflated | -1 << VNodeFlagsIndex.shift, null, null, null, textNode, textContent);
-  return assertEqual(fastNodeType(textNode)), assertFalse(vnode_isElementVNode(vnode)), assertTrue(vnode_isTextVNode(vnode)), assertFalse(vnode_isVirtualVNode(vnode)), vnode;
-};
-const vnode_newVirtual = () => {
-  const vnode = VNodeArray.createVirtual(VNodeFlags.Virtual | -1 << VNodeFlagsIndex.shift, null, null, null, null, null);
-  return assertFalse(vnode_isElementVNode(vnode)), assertFalse(vnode_isTextVNode(vnode)), assertTrue(vnode_isVirtualVNode(vnode)), vnode;
-};
-const vnode_isVNode = (vNode) => vNode instanceof VNodeArray;
-const vnode_isElementVNode = (vNode) => {
-  return (vNode[VNodeProps.flags] & VNodeFlags.Element) === VNodeFlags.Element;
-};
-const vnode_isElementOrTextVNode = (vNode) => {
-  return !!(vNode[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_TEXT_MASK);
-};
-const vnode_isTextVNode = (vNode) => {
-  return (vNode[VNodeProps.flags] & VNodeFlags.Text) === VNodeFlags.Text;
-};
-const vnode_isVirtualVNode = (vNode) => {
-  return (vNode[VNodeProps.flags] & VNodeFlags.Virtual) === VNodeFlags.Virtual;
-};
-const vnode_isProjection = (vNode) => {
-  return (vNode[VNodeProps.flags] & VNodeFlags.Virtual) === VNodeFlags.Virtual && null !== vnode_getProp(vNode, QSlot, null);
-};
-const ensureTextVNode = (vNode) => (assertTrue(vnode_isTextVNode(vNode), "Expecting TextVNode was: " + vnode_getNodeTypeName(vNode)), vNode);
-const ensureElementOrVirtualVNode = (vNode) => {
-  assertTrue(!!(vNode[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_VIRTUAL_MASK), "Expecting ElementVNode or VirtualVNode was: " + vnode_getNodeTypeName(vNode));
-};
-const ensureElementVNode = (vNode) => (assertTrue(vnode_isElementVNode(vNode), "Expecting ElementVNode was: " + vnode_getNodeTypeName(vNode)), vNode);
-const vnode_getNodeTypeName = (vNode) => {
-  if (vNode) {
-    switch (vNode[VNodeProps.flags] & VNodeFlags.TYPE_MASK) {
-      case VNodeFlags.Element:
-        return "Element";
-      case VNodeFlags.Virtual:
-        return "Virtual";
-      case VNodeFlags.Text:
-        return "Text";
+function processVNodeData$1(document2) {
+  const vNodeDataMap = document2.qVNodeData || (document2.qVNodeData = /* @__PURE__ */ new WeakMap());
+  const prototype = document2.body;
+  const getAttribute = prototype.getAttribute;
+  const hasAttribute = prototype.hasAttribute;
+  const getNodeType = ((prototype2, name) => {
+    let getter;
+    for (; prototype2 && !(getter = Object.getOwnPropertyDescriptor(prototype2, name)?.get); ) {
+      prototype2 = Object.getPrototypeOf(prototype2);
     }
-  }
-  return "<unknown>";
-};
-const vnode_ensureElementInflated = (vnode) => {
-  if ((vnode[VNodeProps.flags] & VNodeFlags.INFLATED_TYPE_MASK) === VNodeFlags.Element) {
-    const elementVNode = vnode;
-    elementVNode[VNodeProps.flags] ^= VNodeFlags.Inflated;
-    const element = elementVNode[ElementVNodeProps.element];
-    const attributes = element.attributes;
-    const props = vnode_getProps(elementVNode);
-    for (let idx = 0; idx < attributes.length; idx++) {
-      const attr = attributes[idx];
-      const key = attr.name;
-      if (":" === key || !key) {
-        break;
-      }
-      if (key.startsWith("q:container")) {
-        attr.value === QContainerValue.HTML ? mapArray_set(props, dangerouslySetInnerHTML, element.innerHTML, 0) : attr.value === QContainerValue.TEXT && "value" in element && mapArray_set(props, "value", element.value, 0);
-      } else if (!key.startsWith("on:")) {
-        mapArray_set(props, key, attr.value, 0);
+    return getter || function() {
+      return this[name];
+    };
+  })(prototype, "nodeType");
+  const attachVnodeDataAndRefs = (element) => {
+    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 = /* @__PURE__ */ new Map();
+    }), element.querySelectorAll("[q\\:shadowroot]").forEach((parent) => {
+      const shadowRoot = parent.shadowRoot;
+      shadowRoot && attachVnodeDataAndRefs(shadowRoot);
+    });
+  };
+  attachVnodeDataAndRefs(document2);
+  const getFastNodeType = (node) => {
+    const nodeType = getNodeType.call(node);
+    if (1 === nodeType) {
+      if (null === getAttribute.call(node, "q:container")) {
+        if (hasAttribute.call(node, "q:shadowroot")) {
+          return 6;
+        }
+        return hasAttribute.call(node, ":") ? 2 : 0;
       }
+      return 3;
     }
-  }
-};
-function vnode_walkVNode(vNode) {
-  let vCursor = vNode;
-  if (vnode_isTextVNode(vNode)) {
-    return;
-  }
-  let vParent = null;
-  for (; ; ) {
-    const vFirstChild = vnode_getFirstChild(vCursor);
-    if (vFirstChild) {
-      vCursor = vFirstChild;
-      continue;
-    }
-    if (vCursor === vNode) {
-      return;
-    }
-    const vNextSibling = vnode_getNextSibling(vCursor);
-    if (vNextSibling) {
-      vCursor = vNextSibling;
-    } else {
-      for (vParent = vnode_getParent(vCursor); vParent; ) {
-        if (vParent === vNode) {
-          return;
-        }
-        const vNextParentSibling = vnode_getNextSibling(vParent);
-        if (vNextParentSibling) {
-          vCursor = vNextParentSibling;
-          break;
-        }
-        vParent = vnode_getParent(vParent);
+    if (8 === nodeType) {
+      const nodeValue = node.nodeValue || "";
+      if (nodeValue.startsWith("q:container-island")) {
+        return 65;
       }
-      if (null == vParent) {
-        return;
+      if (nodeValue.startsWith("q:ignore")) {
+        return 16;
       }
-    }
-  }
-}
-function vnode_getDOMChildNodes(journal, root, isVNode = false, childNodes = []) {
-  if (vnode_isElementOrTextVNode(root)) {
-    return vnode_isTextVNode(root) && vnode_ensureTextInflated(journal, root), childNodes.push(isVNode ? root : vnode_getNode(root)), childNodes;
-  }
-  let vNode = vnode_getFirstChild(root);
-  for (; vNode; ) {
-    vnode_isElementVNode(vNode) ? childNodes.push(isVNode ? vNode : vnode_getNode(vNode)) : vnode_isTextVNode(vNode) ? (vnode_ensureTextInflated(journal, vNode), childNodes.push(isVNode ? vNode : vnode_getNode(vNode))) : vnode_getDOMChildNodes(journal, vNode, !!isVNode, childNodes), vNode = vnode_getNextSibling(vNode);
-  }
-  return childNodes;
-}
-const vnode_getDomSibling = (vNode, nextDirection, descend) => {
-  const childProp = nextDirection ? VirtualVNodeProps.firstChild : VirtualVNodeProps.lastChild;
-  const siblingProp = nextDirection ? VNodeProps.nextSibling : VNodeProps.previousSibling;
-  let cursor = vNode;
-  for (; descend && cursor && vnode_isVirtualVNode(cursor); ) {
-    const child = cursor[childProp];
-    if (!child) {
-      break;
-    }
-    if (child[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_TEXT_MASK) {
-      return child;
-    }
-    cursor = child;
-  }
-  for (; cursor; ) {
-    let sibling = cursor[siblingProp];
-    if (sibling && sibling[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_TEXT_MASK) {
-      return sibling;
-    }
-    if (!sibling) {
-      let virtual = cursor[VNodeProps.parent];
-      if (virtual && !vnode_isVirtualVNode(virtual)) {
-        return null;
+      if (nodeValue.startsWith("q:container")) {
+        return 5;
       }
-      for (; virtual && !(sibling = virtual[siblingProp]); ) {
-        if (virtual = virtual[VNodeProps.parent], virtual && !vnode_isVirtualVNode(virtual)) {
-          return null;
-        }
+      if (nodeValue.startsWith("/q:container-island")) {
+        return 128;
       }
-      if (!sibling) {
-        return null;
+      if (nodeValue.startsWith("/q:ignore")) {
+        return 32;
       }
-      if (vnode_isTextVNode(sibling) && virtual && vnode_isElementVNode(virtual)) {
-        return null;
+      if (nodeValue.startsWith("/q:container")) {
+        return 8;
       }
     }
-    for (; sibling; ) {
-      if (cursor = sibling, cursor[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_TEXT_MASK && vnode_getNode(cursor)) {
-        return cursor;
+    return 0;
+  };
+  const isSeparator = (ch) => VNodeDataSeparator.ADVANCE_1 <= ch && ch <= VNodeDataSeparator.ADVANCE_8192;
+  const findVDataSectionEnd = (vData, start, end) => {
+    let depth = 0;
+    for (; start < end; ) {
+      const ch = vData.charCodeAt(start);
+      if (0 === depth && isSeparator(ch)) {
+        break;
       }
-      sibling = cursor[childProp];
+      ch === VNodeDataChar.OPEN ? depth++ : ch === VNodeDataChar.CLOSE && depth--, start++;
     }
-  }
-  return null;
-};
-const vnode_ensureInflatedIfText = (journal, vNode) => {
-  vnode_isTextVNode(vNode) && vnode_ensureTextInflated(journal, vNode);
-};
-const vnode_ensureTextInflated = (journal, vnode) => {
-  const textVNode = ensureTextVNode(vnode);
-  if (!(textVNode[VNodeProps.flags] & VNodeFlags.Inflated)) {
-    const parentNode = vnode_getDomParent(vnode);
-    const sharedTextNode = textVNode[TextVNodeProps.node];
-    const doc = parentNode.ownerDocument;
-    let cursor = vnode_getDomSibling(vnode, false, true);
-    const insertBeforeNode = sharedTextNode || vnode_getDomSibling(vnode, true, true)?.[ElementVNodeProps.element] || null;
-    let lastPreviousTextNode = insertBeforeNode;
-    for (; cursor && vnode_isTextVNode(cursor); ) {
-      if (!(cursor[VNodeProps.flags] & VNodeFlags.Inflated)) {
-        const textNode = doc.createTextNode(cursor[TextVNodeProps.text]);
-        journal.push(VNodeJournalOpCode.Insert, parentNode, lastPreviousTextNode, textNode), lastPreviousTextNode = textNode, cursor[TextVNodeProps.node] = textNode, cursor[VNodeProps.flags] |= VNodeFlags.Inflated;
-      }
-      cursor = vnode_getDomSibling(cursor, false, true);
+    return start;
+  };
+  const nextSibling = (node) => {
+    for (; node && (node = node.nextSibling) && 0 === getFastNodeType(node); ) {
     }
-    for (cursor = vnode; cursor && vnode_isTextVNode(cursor); ) {
-      const next = vnode_getDomSibling(cursor, true, true);
-      const isLastNode = !next || !vnode_isTextVNode(next);
-      if (!(cursor[VNodeProps.flags] & VNodeFlags.Inflated)) {
-        if (isLastNode && sharedTextNode) {
-          journal.push(VNodeJournalOpCode.SetText, sharedTextNode, cursor[TextVNodeProps.text]);
-        } else {
-          const textNode = doc.createTextNode(cursor[TextVNodeProps.text]);
-          journal.push(VNodeJournalOpCode.Insert, parentNode, insertBeforeNode, textNode), cursor[TextVNodeProps.node] = textNode;
+    return node;
+  };
+  const firstChild = (node) => {
+    for (; node && (node = node.firstChild) && 0 === getFastNodeType(node); ) {
+    }
+    return node;
+  };
+  const walkContainer = (walker2, containerNode, node, exitNode, vData, qVNodeRefs) => {
+    const vData_length = vData.length;
+    let elementIdx = 0;
+    let vNodeElementIndex = -1;
+    let vData_start = 0;
+    let vData_end = 0;
+    let ch = 0;
+    let needsToStoreRef = -1;
+    let nextNode = null;
+    const howManyElementsToSkip = () => {
+      let elementsToSkip = 0;
+      for (; isSeparator(ch = vData.charCodeAt(vData_start)) && (elementsToSkip += 1 << ch - VNodeDataSeparator.ADVANCE_1, vData_start++, !(vData_start >= vData_length)); ) {
+      }
+      return elementsToSkip;
+    };
+    do {
+      if (node === exitNode) {
+        return;
+      }
+      nextNode = null;
+      const nodeType = node == containerNode ? 2 : getFastNodeType(node);
+      if (3 === nodeType) {
+        const container = node;
+        let cursor = node;
+        for (; cursor && !(nextNode = nextSibling(cursor)); ) {
+          cursor = cursor.parentNode;
         }
-        cursor[VNodeProps.flags] |= VNodeFlags.Inflated;
+        walkContainer(walker2, container, node, nextNode, container.qVnodeData || "", container.qVNodeRefs);
+      } else if (16 === nodeType) {
+        let islandNode = node;
+        do {
+          if (islandNode = walker2.nextNode(), !islandNode) {
+            throw new Error(`Island inside <!--${node?.nodeValue}--> not found!`);
+          }
+        } while (65 !== getFastNodeType(islandNode));
+        nextNode = null;
+      } else if (128 === nodeType) {
+        nextNode = node;
+        do {
+          if (nextNode = walker2.nextNode(), !nextNode) {
+            throw new Error("Ignore block not closed!");
+          }
+        } while (32 !== getFastNodeType(nextNode));
+        nextNode = null;
+      } else if (5 === nodeType) {
+        nextNode = node;
+        do {
+          if (nextNode = nextSibling(nextNode), !nextNode) {
+            throw new Error(`<!--${node?.nodeValue}--> not closed!`);
+          }
+        } while (8 !== getFastNodeType(nextNode));
+        walkContainer(walker2, node, node, nextNode, "", null);
+      } else if (6 === nodeType) {
+        nextNode = nextSibling(node);
+        const shadowRootContainer = node;
+        const shadowRoot = shadowRootContainer?.shadowRoot;
+        shadowRoot && walkContainer(document2.createTreeWalker(shadowRoot, 129), null, firstChild(shadowRoot), null, "", null);
       }
-      cursor = next;
-    }
+      if (!(2 & ~nodeType)) {
+        if (vNodeElementIndex < elementIdx) {
+          if (-1 === vNodeElementIndex && (vNodeElementIndex = 0), vData_start = vData_end, vData_start < vData_length) {
+            vNodeElementIndex += howManyElementsToSkip();
+            ch === VNodeDataSeparator.REFERENCE && (needsToStoreRef = vNodeElementIndex, vData_start++, ch = vData_start < vData_length ? vData.charCodeAt(vData_end) : VNodeDataSeparator.ADVANCE_1), vData_end = findVDataSectionEnd(vData, vData_start, vData_length);
+          } else {
+            vNodeElementIndex = Number.MAX_SAFE_INTEGER;
+          }
+        }
+        if (elementIdx === vNodeElementIndex) {
+          needsToStoreRef === elementIdx && qVNodeRefs.set(elementIdx, node);
+          const instructions = vData.substring(vData_start, vData_end);
+          vNodeDataMap.set(node, instructions);
+        }
+        elementIdx++;
+      }
+    } while (node = nextNode || walker2.nextNode());
+  };
+  const walker = document2.createTreeWalker(document2, 129);
+  walkContainer(walker, null, walker.firstChild(), null, "", null);
+}
+function getDomContainer(element) {
+  const qContainerElement = _getQContainerElement(element);
+  if (!qContainerElement) {
+    throw qError(41);
   }
-};
-const vnode_locate = (rootVNode, id) => {
-  ensureElementVNode(rootVNode);
-  let vNode = rootVNode;
-  const containerElement = rootVNode[ElementVNodeProps.element];
-  const { qVNodeRefs } = containerElement;
-  let elementOffset = -1;
-  let refElement;
-  if ("string" == typeof id ? (elementOffset = parseInt(id), refElement = qVNodeRefs.get(elementOffset)) : refElement = id, vnode_isVNode(refElement)) {
-    vNode = refElement;
-  } else {
-    assertTrue(containerElement.contains(refElement));
-    let parent = refElement;
-    const elementPath = [refElement];
-    for (; parent && parent !== containerElement; ) {
-      parent = parent.parentElement, elementPath.push(parent);
+  return getDomContainerFromQContainerElement(qContainerElement);
+}
+function getDomContainerFromQContainerElement(qContainerElement) {
+  let container = qContainerElement.qContainer;
+  return container || (container = new DomContainer(qContainerElement)), container;
+}
+function _getQContainerElement(element) {
+  return (Array.isArray(element) ? vnode_getDomParent(element) : element).closest(QContainerSelector);
+}
+const isDomContainer = (container) => container instanceof DomContainer;
+class DomContainer extends _SharedContainer {
+  constructor(element) {
+    super(() => this.scheduleRender(), () => vnode_applyJournal(this.$journal$), {}, element.getAttribute("q:locale"));
+    __publicField(this, "element");
+    __publicField(this, "qContainer");
+    __publicField(this, "qManifestHash");
+    __publicField(this, "rootVNode");
+    __publicField(this, "document");
+    __publicField(this, "$journal$");
+    __publicField(this, "renderDone", null);
+    __publicField(this, "$rawStateData$");
+    __publicField(this, "$storeProxyMap$", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "$qFuncs$");
+    __publicField(this, "$instanceHash$");
+    __publicField(this, "vNodeLocate", (id) => vnode_locate(this.rootVNode, id));
+    __publicField(this, "$stateData$");
+    __publicField(this, "$styleIds$", null);
+    __publicField(this, "$renderCount$", 0);
+    __publicField(this, "$getObjectById$", (id) => ("string" == typeof id && (id = parseFloat(id)), assertTrue(id < this.$rawStateData$.length / 2, `Invalid reference: ${id} >= ${this.$rawStateData$.length / 2}`), this.$stateData$[id]));
+    if (this.qContainer = element.getAttribute("q:container"), !this.qContainer) {
+      throw qError(42);
     }
-    for (let i = elementPath.length - 2; i >= 0; i--) {
-      vNode = vnode_getVNodeForChildNode(vNode, elementPath[i]);
+    this.$journal$ = [3, element.ownerDocument], this.document = element.ownerDocument, this.element = element, this.$buildBase$ = element.getAttribute("q:base"), this.$instanceHash$ = element.getAttribute("q:instance"), this.qManifestHash = element.getAttribute("q:manifest-hash"), this.rootVNode = vnode_newUnMaterializedElement(this.element), this.$rawStateData$ = [], this.$stateData$ = [];
+    const document2 = this.element.ownerDocument;
+    document2.qVNodeData || processVNodeData$1(document2), this.$qFuncs$ = getQFuncs(document2, this.$instanceHash$) || EMPTY_ARRAY, this.$setServerData$(), element.setAttribute("q:container", "resumed"), element.qContainer = this;
+    const qwikStates = element.querySelectorAll('script[type="qwik/state"]');
+    if (0 !== qwikStates.length) {
+      this.$rawStateData$ = JSON.parse(qwikStates[qwikStates.length - 1].textContent), this.$stateData$ = wrapDeserializerProxy(this, this.$rawStateData$);
     }
-    -1 != elementOffset && qVNodeRefs.set(elementOffset, vNode);
   }
-  if ("string" == typeof id) {
-    const idLength = id.length;
-    let idx = indexOfAlphanumeric(id, idLength);
-    let childIdx = 0;
-    for (; idx < idLength; ) {
-      const ch = id.charCodeAt(idx);
-      childIdx *= 26, ch >= 97 ? childIdx += ch - 97 : (childIdx += ch - 65, vNode = vnode_getChildWithIdx(vNode, childIdx), childIdx = 0), idx++;
-    }
+  $setRawState$(id, vParent) {
+    this.$stateData$[id] = vParent;
   }
-  return vNode;
-};
-const vnode_getChildWithIdx = (vNode, childIdx) => {
-  let child = vnode_getFirstChild(vNode);
-  for (assertDefined(); child[VNodeProps.flags] >>> VNodeFlagsIndex.shift !== childIdx; ) {
-    child = vnode_getNextSibling(child);
+  parseQRL(qrl2) {
+    return inflateQRL(this, parseQRL(qrl2));
   }
-  return child;
-};
-const vNodeStack = [];
-const vnode_getVNodeForChildNode = (vNode, childElement) => {
-  ensureElementVNode(vNode);
-  let child = vnode_getFirstChild(vNode);
-  for (assertDefined(); child && child[ElementVNodeProps.element] !== childElement; ) {
-    if (vnode_isVirtualVNode(child)) {
-      const next = vnode_getNextSibling(child);
-      const firstChild = vnode_getFirstChild(child);
-      firstChild ? (next && vNodeStack.push(next), child = firstChild) : child = next || (vNodeStack.length ? vNodeStack.pop() : null);
-    } else {
-      const next = vnode_getNextSibling(child);
-      child = next || (next || vNodeStack.pop());
+  handleError(err, host) {
+    const errorStore = host && this.resolveContext(host, ERROR_CONTEXT);
+    if (!errorStore) {
+      throw err;
     }
+    errorStore.error = err;
   }
-  for (; vNodeStack.length; ) {
-    vNodeStack.pop();
+  setContext(host, context, value) {
+    let ctx = this.getHostProp(host, "q:ctx");
+    ctx || this.setHostProp(host, "q:ctx", ctx = []), mapArray_set(ctx, context.id, value, 0);
   }
-  return ensureElementVNode(child), assertEqual(child[ElementVNodeProps.element]), child;
-};
-const indexOfAlphanumeric = (id, length) => {
-  let idx = 0;
-  for (; idx < length; ) {
-    if (!(id.charCodeAt(idx) <= 57)) {
-      return idx;
+  resolveContext(host, contextId) {
+    for (; host; ) {
+      const ctx = this.getHostProp(host, "q:ctx");
+      if (ctx) {
+        const value = mapArray_get(ctx, contextId.id, 0);
+        if (value) {
+          return value;
+        }
+      }
+      host = this.getParentHost(host);
     }
-    idx++;
   }
-  return length;
-};
-const parseBoolean = (value) => "false" !== value && Boolean(value);
-const isBooleanAttr = (element, key) => ("allowfullscreen" == key || "async" == key || "autofocus" == key || "autoplay" == key || "checked" == key || "controls" == key || "default" == key || "defer" == key || "disabled" == key || "formnovalidate" == key || "inert" == key || "ismap" == key || "itemscope" == key || "loop" == key || "multiple" == key || "muted" == key || "nomodule" == key || "novalidate" == key || "open" == key || "playsinline" == key || "readonly" == key || "required" == key || "reversed" == key || "selected" == key) && key in element;
-const vnode_applyJournal = (journal) => {
-  let idx = 0;
-  const length = journal.length;
-  for (; idx < length; ) {
-    switch (journal[idx++]) {
-      case VNodeJournalOpCode.SetText:
-        journal[idx++].nodeValue = journal[idx++];
-        break;
-      case VNodeJournalOpCode.SetAttribute:
-        const element = journal[idx++];
-        let key = journal[idx++];
-        "className" === key && (key = "class");
-        const value = journal[idx++];
-        isBooleanAttr(element, key) ? element[key] = parseBoolean(value) : "value" === key && key in element ? element.value = String(value) : key === dangerouslySetInnerHTML ? element.innerHTML = value : null == value || false === value ? element.removeAttribute(key) : element.setAttribute(key, String(value));
-        break;
-      case VNodeJournalOpCode.HoistStyles:
-        const document2 = journal[idx++];
-        const head = document2.head;
-        const styles = document2.querySelectorAll(QStylesAllSelector);
-        for (let i = 0; i < styles.length; i++) {
-          head.appendChild(styles[i]);
-        }
-        break;
-      case VNodeJournalOpCode.Remove:
-        const removeParent = journal[idx++];
-        let nodeToRemove;
-        for (; idx < length && "number" != typeof (nodeToRemove = journal[idx]); ) {
-          removeParent.removeChild(nodeToRemove), idx++;
-        }
-        break;
-      case VNodeJournalOpCode.Insert:
-        const insertParent = journal[idx++];
-        const insertBefore = journal[idx++];
-        let newChild;
-        for (; idx < length && "number" != typeof (newChild = journal[idx]); ) {
-          insertParent.insertBefore(newChild, insertBefore), idx++;
+  getParentHost(host) {
+    let vNode = vnode_getParent(host);
+    for (; vNode; ) {
+      if (vnode_isVirtualVNode(vNode)) {
+        if (null !== vnode_getProp(vNode, "q:renderFn", null)) {
+          return vNode;
         }
+        vNode = vnode_getParent(vNode) || vnode_getProp(vNode, "q:sparent", this.vNodeLocate);
+      } else {
+        vNode = vnode_getParent(vNode);
+      }
     }
+    return null;
   }
-  journal.length = 0;
-};
-const vnode_insertBefore = (journal, parent, newChild, insertBefore) => {
-  ensureElementOrVirtualVNode(parent), vnode_isElementVNode(parent) && ensureMaterialized(parent), newChild === insertBefore && (insertBefore = null);
-  let adjustedInsertBefore = null;
-  null == insertBefore ? vnode_isVirtualVNode(parent) && (adjustedInsertBefore = vnode_getDomSibling(parent, true, false)) : adjustedInsertBefore = vnode_isVirtualVNode(insertBefore) ? vnode_getDomSibling(insertBefore, true, true) : insertBefore, adjustedInsertBefore && vnode_ensureInflatedIfText(journal, adjustedInsertBefore);
-  const domParentVNode = vnode_getDomParentVNode(parent);
-  const parentNode = domParentVNode && domParentVNode[ElementVNodeProps.element];
-  if (parentNode) {
-    const domChildren = vnode_getDomChildrenWithCorrectNamespacesToInsert(journal, domParentVNode, newChild);
-    domChildren.length && journal.push(VNodeJournalOpCode.Insert, parentNode, vnode_getNode(adjustedInsertBefore), ...domChildren);
-  }
-  const newChildCurrentParent = newChild[VNodeProps.parent];
-  newChildCurrentParent && (newChild[VNodeProps.previousSibling] || newChild[VNodeProps.nextSibling] || vnode_isElementVNode(newChildCurrentParent) && newChildCurrentParent !== parent) && vnode_remove(journal, newChildCurrentParent, newChild, false);
-  const vNext = insertBefore;
-  const vPrevious = vNext ? vNext[VNodeProps.previousSibling] : parent[ElementVNodeProps.lastChild];
-  vNext ? vNext[VNodeProps.previousSibling] = newChild : parent[ElementVNodeProps.lastChild] = newChild, vPrevious ? vPrevious[VNodeProps.nextSibling] = newChild : parent[ElementVNodeProps.firstChild] = newChild, newChild[VNodeProps.previousSibling] = vPrevious, newChild[VNodeProps.nextSibling] = vNext, newChild[VNodeProps.parent] = parent;
-};
-const vnode_getDomParent = (vnode) => (vnode = vnode_getDomParentVNode(vnode)) && vnode[ElementVNodeProps.element];
-const vnode_getDomParentVNode = (vnode) => {
-  for (; vnode && !vnode_isElementVNode(vnode); ) {
-    vnode = vnode[VNodeProps.parent];
+  setHostProp(host, name, value) {
+    vnode_setProp(host, name, value);
   }
-  return vnode;
-};
-const vnode_remove = (journal, vParent, vToRemove, removeDOM) => {
-  assertEqual(vParent, vnode_getParent(vToRemove)), vnode_isTextVNode(vToRemove) && vnode_ensureTextInflated(journal, vToRemove);
-  const vPrevious = vToRemove[VNodeProps.previousSibling];
-  const vNext = vToRemove[VNodeProps.nextSibling];
-  if (vPrevious ? vPrevious[VNodeProps.nextSibling] = vNext : vParent[ElementVNodeProps.firstChild] = vNext, vNext ? vNext[VNodeProps.previousSibling] = vPrevious : vParent[ElementVNodeProps.lastChild] = vPrevious, vToRemove[VNodeProps.previousSibling] = null, vToRemove[VNodeProps.nextSibling] = null, removeDOM) {
-    const domParent = vnode_getDomParent(vParent);
-    if (vnode_getAttr(vParent, dangerouslySetInnerHTML)) {
-      return;
+  getHostProp(host, name) {
+    const vNode = host;
+    let getObjectById2 = null;
+    switch (name) {
+      case "q:seq":
+      case "q:props":
+      case "q:renderFn":
+      case "q:ctx":
+      case "q:brefs":
+        getObjectById2 = this.$getObjectById$;
+        break;
+      case "q:seqIdx":
+      case ":onIdx":
+        getObjectById2 = parseInt;
     }
-    const children = vnode_getDOMChildNodes(journal, vToRemove);
-    domParent && children.length && journal.push(VNodeJournalOpCode.Remove, domParent, ...children);
+    return vnode_getProp(vNode, name, getObjectById2);
   }
-};
-const vnode_truncate = (journal, vParent, vDelete) => {
-  const parent = vnode_getDomParent(vParent);
-  const children = vnode_getDOMChildNodes(journal, vDelete);
-  parent && children.length && journal.push(VNodeJournalOpCode.Remove, parent, ...children);
-  const vPrevious = vDelete[VNodeProps.previousSibling];
-  vPrevious ? vPrevious[VNodeProps.nextSibling] = null : vParent[ElementVNodeProps.firstChild] = null, vParent[ElementVNodeProps.lastChild] = vPrevious;
-};
-const vnode_getElementName = (vnode) => {
-  const elementVNode = ensureElementVNode(vnode);
-  let elementName = elementVNode[ElementVNodeProps.elementName];
-  if (void 0 === elementName) {
-    const element = elementVNode[ElementVNodeProps.element];
-    const nodeName = fastNodeName(element);
-    elementName = elementVNode[ElementVNodeProps.elementName] = nodeName, elementVNode[VNodeProps.flags] |= vnode_getElementNamespaceFlags(element);
+  scheduleRender() {
+    return this.$renderCount$++, this.renderDone || (this.renderDone = getPlatform().nextTick(() => this.processChores())), this.renderDone.finally(() => emitEvent("qrender", {
+      instanceHash: this.$instanceHash$,
+      renderCount: this.$renderCount$
+    }));
   }
-  return elementName;
-};
-const vnode_getText = (vnode) => {
-  const textVNode = ensureTextVNode(vnode);
-  let text = textVNode[TextVNodeProps.text];
-  return void 0 === text && (text = textVNode[TextVNodeProps.text] = textVNode[TextVNodeProps.node].nodeValue), text;
-};
-const vnode_setText = (journal, textVNode, text) => {
-  vnode_ensureTextInflated(journal, textVNode);
-  journal.push(VNodeJournalOpCode.SetText, textVNode[TextVNodeProps.node], textVNode[TextVNodeProps.text] = text);
-};
-const vnode_getFirstChild = (vnode) => {
-  if (vnode_isTextVNode(vnode)) {
-    return null;
+  processChores() {
+    let renderCount = this.$renderCount$;
+    const result = this.$scheduler$(255);
+    if (isPromise(result)) {
+      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();
   }
-  let vFirstChild = vnode[ElementVNodeProps.firstChild];
-  return void 0 === vFirstChild && (vFirstChild = ensureMaterialized(vnode)), vFirstChild;
-};
-const vnode_materialize = (vNode) => {
-  const element = vNode[ElementVNodeProps.element];
-  const firstChild = fastFirstChild(element);
-  const vNodeData = element.ownerDocument?.qVNodeData?.get(element);
-  return materialize(vNode, element, firstChild, vNodeData);
-};
-const materialize = (vNode, element, firstChild, vNodeData) => {
-  if (vNodeData) {
-    if (vNodeData.charCodeAt(0) === VNodeDataChar.SEPARATOR) {
-      const elementVNodeDataStartIdx = 1;
-      let elementVNodeDataEndIdx = 1;
-      for (; vNodeData.charCodeAt(elementVNodeDataEndIdx) !== VNodeDataChar.SEPARATOR; ) {
-        elementVNodeDataEndIdx++;
-      }
-      const elementVNodeData = vNodeData.substring(elementVNodeDataStartIdx, elementVNodeDataEndIdx);
-      vNodeData = vNodeData.substring(elementVNodeDataEndIdx + 1);
-      const vFirstChild = materializeFromDOM(vNode, firstChild, elementVNodeData);
-      if (!vNodeData) {
-        return vFirstChild;
+  ensureProjectionResolved(vNode) {
+    if (!(16 & vNode[0])) {
+      vNode[0] |= 16;
+      const props = vnode_getProps(vNode);
+      for (let i = 0; i < props.length; i += 2) {
+        if (isSlotProp(props[i])) {
+          const value = props[i + 1];
+          "string" == typeof value && (props[i + 1] = this.vNodeLocate(value));
+        }
       }
     }
-    return materializeFromVNodeData(vNode, vNodeData, element, firstChild);
   }
-  return materializeFromDOM(vNode, firstChild);
-};
-const ensureMaterialized = (vnode) => {
-  const vParent = ensureElementVNode(vnode);
-  let vFirstChild = vParent[ElementVNodeProps.firstChild];
-  if (void 0 === vFirstChild) {
-    vFirstChild = vParent[VNodeProps.parent] && shouldIgnoreChildren(vParent[ElementVNodeProps.element]) ? vParent[ElementVNodeProps.firstChild] = vParent[ElementVNodeProps.lastChild] = null : vnode_materialize(vParent);
+  getSyncFn(id) {
+    const fn = this.$qFuncs$[id];
+    return fn;
   }
-  return assertTrue(void 0 !== vParent[ElementVNodeProps.firstChild]), assertTrue(void 0 !== vParent[ElementVNodeProps.lastChild]), vFirstChild;
-};
-let _fastHasAttribute = null;
-const shouldIgnoreChildren = (node) => (_fastHasAttribute || (_fastHasAttribute = node.hasAttribute), _fastHasAttribute.call(node, "q:container"));
-let _fastNodeType = null;
-const fastNodeType = (node) => (_fastNodeType || (_fastNodeType = fastGetter(node, "nodeType")), _fastNodeType.call(node));
-const fastIsTextOrElement = (node) => {
-  const type = fastNodeType(node);
-  return 3 === type || 1 === type;
-};
-let _fastNextSibling = null;
-const fastNextSibling = (node) => {
-  for (_fastNextSibling || (_fastNextSibling = fastGetter(node, "nextSibling")), _fastFirstChild || (_fastFirstChild = fastGetter(node, "firstChild")); node; ) {
-    if (null !== (node = _fastNextSibling.call(node))) {
-      const type = fastNodeType(node);
-      if (3 === type || 1 === type) {
-        break;
-      }
-      if (8 === type) {
-        const nodeValue = node.nodeValue;
-        if (nodeValue?.startsWith(QIgnore)) {
-          return getNodeAfterCommentNode(node, QContainerIsland, _fastNextSibling, _fastFirstChild);
-        }
-        if (node.nodeValue?.startsWith(QContainerIslandEnd)) {
-          return getNodeAfterCommentNode(node, QIgnoreEnd, _fastNextSibling, _fastFirstChild);
-        }
-        if (nodeValue?.startsWith("q:container")) {
-          for (; node && (node = _fastNextSibling.call(node)) && (8 !== fastNodeType(node) || !node.nodeValue?.startsWith("/q:container")); ) {
-          }
-        }
-      }
+  $appendStyle$(content, styleId, host, scoped) {
+    if (scoped) {
+      const scopedStyleIdsString = this.getHostProp(host, "q:sstyle");
+      const scopedStyleIds = new Set(convertScopedStyleIdsToArray(scopedStyleIdsString));
+      scopedStyleIds.add(styleId), this.setHostProp(host, "q:sstyle", convertStyleIdsToString(scopedStyleIds));
+    }
+    if (null == this.$styleIds$ && (this.$styleIds$ = /* @__PURE__ */ new Set(), this.element.querySelectorAll(QStyleSelector).forEach((style) => {
+      this.$styleIds$.add(style.getAttribute(QStyle));
+    })), !this.$styleIds$.has(styleId)) {
+      this.$styleIds$.add(styleId);
+      const styleElement = this.document.createElement("style");
+      styleElement.setAttribute(QStyle, styleId), styleElement.textContent = content, this.$journal$.push(5, this.document.head, null, styleElement);
     }
   }
-  return node;
-};
-function getNodeAfterCommentNode(node, commentValue, nextSibling, firstChild) {
-  for (; node; ) {
-    if (node.nodeValue?.startsWith(commentValue)) {
-      return node = nextSibling.call(node) || null;
+  $setServerData$() {
+    const containerAttributes = {};
+    const attrs = this.element.attributes;
+    if (attrs) {
+      for (let index = 0; index < attrs.length; index++) {
+        const attr = attrs[index];
+        ":" !== attr.name && (containerAttributes[attr.name] = attr.value);
+      }
     }
-    let nextNode = firstChild.call(node);
-    nextNode || (nextNode = nextSibling.call(node)), nextNode || (nextNode = fastParentNode(node), nextNode && (nextNode = nextSibling.call(nextNode))), node = nextNode;
+    this.$serverData$ = {
+      containerAttributes
+    };
   }
-  return null;
 }
-let _fastParentNode = null;
-const fastParentNode = (node) => (_fastParentNode || (_fastParentNode = fastGetter(node, "parentNode")), _fastParentNode.call(node));
-let _fastFirstChild = null;
-const fastFirstChild = (node) => {
-  for (_fastFirstChild || (_fastFirstChild = fastGetter(node, "firstChild")), node = node && _fastFirstChild.call(node); node && !fastIsTextOrElement(node); ) {
-    node = fastNextSibling(node);
+let _context;
+const tryGetInvokeContext = () => {
+  if (!_context) {
+    const context = "undefined" != typeof document && document && document.__q_context__;
+    if (!context) {
+      return;
+    }
+    return isArray(context) ? document.__q_context__ = newInvokeContextFromTuple(context) : context;
   }
-  return node;
+  return _context;
 };
-let _fastNamespaceURI = null;
-const fastNamespaceURI = (element) => (_fastNamespaceURI || (_fastNamespaceURI = fastGetter(element, "namespaceURI")), _fastNamespaceURI.call(element));
-let _fastNodeName = null;
-const fastNodeName = (element) => (_fastNodeName || (_fastNodeName = fastGetter(element, "nodeName")), _fastNodeName.call(element));
-const fastGetter = (prototype, name) => {
-  let getter;
-  for (; prototype && !(getter = Object.getOwnPropertyDescriptor(prototype, name)?.get); ) {
-    prototype = Object.getPrototypeOf(prototype);
+function invoke(context, fn, ...args) {
+  return invokeApply.call(this, context, fn, args);
+}
+function invokeApply(context, fn, args) {
+  const previousContext = _context;
+  let returnValue;
+  try {
+    _context = context, returnValue = fn.apply(this, args);
+  } finally {
+    _context = previousContext;
   }
-  return getter || function() {
-    return this[name];
-  };
+  return returnValue;
+}
+const newInvokeContextFromTuple = ([element, event, url]) => {
+  const domContainer = getDomContainer(element);
+  const hostElement = vnode_locate(domContainer.rootVNode, element);
+  const locale = domContainer.$locale$;
+  return newInvokeContext(locale, hostElement, element, event, url);
 };
-const isQStyleElement = (node) => isElement(node) && "STYLE" === node.nodeName && (node.hasAttribute("q:sstyle") || node.hasAttribute(QStyle));
-const materializeFromDOM = (vParent, firstChild, vData) => {
-  let vFirstChild = null;
-  const skipStyleElements = () => {
-    for (; isQStyleElement(child); ) {
-      child = fastNextSibling(child);
-    }
+const newInvokeContext = (locale, hostElement, element, event, url) => {
+  const ctx = {
+    $url$: url,
+    $i$: 0,
+    $hostElement$: hostElement,
+    $element$: element,
+    $event$: event,
+    $qrl$: void 0,
+    $effectSubscriber$: void 0,
+    $locale$: locale || ("object" == typeof event && event && "locale" in event ? event.locale : void 0),
+    $container$: void 0
   };
-  let child = firstChild;
-  skipStyleElements();
-  let vChild = null;
-  for (; child; ) {
-    const nodeType = fastNodeType(child);
-    let vNextChild = null;
-    3 === nodeType ? vNextChild = vnode_newText(child, child.textContent ?? void 0) : 1 === nodeType && (vNextChild = vnode_newUnMaterializedElement(child)), vNextChild && (vNextChild[VNodeProps.parent] = vParent, vChild && (vChild[VNodeProps.nextSibling] = vNextChild), vNextChild[VNodeProps.previousSibling] = vChild, vChild = vNextChild), vFirstChild || (vParent[ElementVNodeProps.firstChild] = vFirstChild = vChild), child = fastNextSibling(child), skipStyleElements();
-  }
-  if (vParent[ElementVNodeProps.lastChild] = vChild || null, vParent[ElementVNodeProps.firstChild] = vFirstChild, vData) {
-    let container = null;
-    processVNodeData$1(vData, (peek, consumeValue) => {
-      if (peek() === VNodeDataChar.ID) {
-        container || (container = getDomContainer(vParent[ElementVNodeProps.element]));
-        const id = consumeValue();
-        container.$setRawState$(parseInt(id), vParent);
-      } else {
-        peek() === VNodeDataChar.BACK_REFS ? (container || (container = getDomContainer(vParent[ElementVNodeProps.element])), setEffectBackRefFromVNodeData(vParent, consumeValue(), container)) : consumeValue();
-      }
-    });
-  }
-  return vFirstChild;
+  return ctx;
 };
-function setEffectBackRefFromVNodeData(vParent, value, container) {
-  const deserializedSubMap = container.$getObjectById$(value);
-  if (vParent[_EFFECT_BACK_REF]) {
-    mergeMaps(vParent[_EFFECT_BACK_REF], deserializedSubMap);
-  } else {
-    Object.defineProperty(vParent, _EFFECT_BACK_REF, {
-      value: deserializedSubMap
-    });
-  }
-}
-const processVNodeData$1 = (vData, callback) => {
-  let nextToConsumeIdx = 0;
-  let ch = 0;
-  let peekCh = 0;
-  const peek = () => 0 !== peekCh ? peekCh : peekCh = nextToConsumeIdx < vData.length ? vData.charCodeAt(nextToConsumeIdx) : 0;
-  const consume = () => (ch = peek(), peekCh = 0, nextToConsumeIdx++, ch);
-  const consumeValue = () => {
-    consume();
-    const start = nextToConsumeIdx;
-    for (; peek() <= 58 && 0 !== peekCh || 95 === peekCh || peekCh >= 65 && peekCh <= 90 || peekCh >= 97 && peekCh <= 122; ) {
-      consume();
-    }
-    return vData.substring(start, nextToConsumeIdx);
-  };
-  for (; 0 !== peek(); ) {
-    callback(peek, consumeValue, consume, nextToConsumeIdx);
-  }
-};
-const vnode_getNextSibling = (vnode) => vnode[VNodeProps.nextSibling];
-const vnode_getPreviousSibling = (vnode) => vnode[VNodeProps.previousSibling];
-const vnode_setAttr = (journal, vnode, key, value) => {
-  const type = vnode[VNodeProps.flags];
-  if (type & VNodeFlags.ELEMENT_OR_VIRTUAL_MASK) {
-    vnode_ensureElementInflated(vnode);
-    const props = vnode_getProps(vnode);
-    const idx = mapApp_findIndx(props, key, 0);
-    if (idx >= 0) {
-      if (props[idx + 1] != value && type & VNodeFlags.Element) {
-        journal && journal.push(VNodeJournalOpCode.SetAttribute, vnode[ElementVNodeProps.element], key, value);
-      }
-      null == value ? props.splice(idx, 2) : props[idx + 1] = value;
-    } else if (null != value && (props.splice(~idx, 0, key, value), type & VNodeFlags.Element)) {
-      journal && journal.push(VNodeJournalOpCode.SetAttribute, vnode[ElementVNodeProps.element], key, value);
-    }
-  }
-};
-const vnode_getAttr = (vnode, key) => {
-  if (vnode[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_VIRTUAL_MASK) {
-    vnode_ensureElementInflated(vnode);
-    const props = vnode_getProps(vnode);
-    return mapArray_get(props, key, 0);
+const untrack = (fn) => invoke(void 0, fn);
+const trackInvocation = /* @__PURE__ */ newInvokeContext(void 0, void 0, void 0, "qRender");
+const trackSignal = (fn, subscriber, property, container, data) => {
+  const previousSubscriber = trackInvocation.$effectSubscriber$;
+  const previousContainer = trackInvocation.$container$;
+  try {
+    return trackInvocation.$effectSubscriber$ = getSubscriber(subscriber, property, data), trackInvocation.$container$ = container, invoke(trackInvocation, fn);
+  } finally {
+    trackInvocation.$effectSubscriber$ = previousSubscriber, trackInvocation.$container$ = previousContainer;
   }
-  return null;
 };
-const vnode_getProp = (vnode, key, getObject) => {
-  const type = vnode[VNodeProps.flags];
-  if (type & VNodeFlags.ELEMENT_OR_VIRTUAL_MASK) {
-    type & VNodeFlags.Element && vnode_ensureElementInflated(vnode);
-    const props = vnode_getProps(vnode);
-    const idx = mapApp_findIndx(props, key, 0);
-    if (idx >= 0) {
-      let value = props[idx + 1];
-      return "string" == typeof value && getObject && (props[idx + 1] = value = getObject(value)), value;
-    }
-  }
-  return null;
+const trackSignalAndAssignHost = (value, host, property, container, data) => (value instanceof WrappedSignal && value.$hostElement$ !== host && host && (value.$hostElement$ = host), trackSignal(() => value.value, host, property, container, data));
+const _jsxSorted = (type, varProps, constProps, children, flags, key) => {
+  const processed = null == key ? null : String(key);
+  const node = new JSXNodeImpl(type, varProps || {}, constProps || null, children, flags, processed);
+  return node;
 };
-const vnode_setProp = (vnode, key, value) => {
-  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);
+const _jsxSplit = (type, varProps, constProps, children, flags, key, dev) => {
+  let sortedProps;
+  return sortedProps = varProps ? Object.fromEntries(untrack(() => Object.entries(varProps)).filter((entry) => {
+    const attr = entry[0];
+    return "children" === attr ? (children ?? (children = entry[1]), false) : "key" === attr ? (key = entry[1], false) : !constProps;
+  }).sort(([a2], [b]) => a2 < b ? -1 : 1)) : "string" == typeof type ? EMPTY_OBJ : {}, _jsxSorted(type, sortedProps, constProps, children, flags, key);
 };
-const vnode_getPropStartIndex = (vnode) => {
-  const type = vnode[VNodeProps.flags] & VNodeFlags.TYPE_MASK;
-  if (type === VNodeFlags.Element) {
-    return ElementVNodeProps.PROPS_OFFSET;
+const jsx = (type, props, key) => _jsxSplit(type, props, null, null, 0, null);
+const isPropsProxy = (obj) => obj && void 0 !== obj[_VAR_PROPS];
+class JSXNodeImpl {
+  constructor(type, varProps, constProps, children, flags, key = null) {
+    __publicField(this, "type");
+    __publicField(this, "varProps");
+    __publicField(this, "constProps");
+    __publicField(this, "children");
+    __publicField(this, "flags");
+    __publicField(this, "key");
+    __publicField(this, "dev");
+    __publicField(this, "_proxy", null);
+    this.type = type, this.varProps = varProps, this.constProps = constProps, this.children = children, this.flags = flags, this.key = key;
   }
-  if (type === VNodeFlags.Virtual) {
-    return VirtualVNodeProps.PROPS_OFFSET;
+  get props() {
+    return this._proxy || (this._proxy = createPropsProxy(this.varProps, this.constProps, this.children)), this._proxy;
   }
-  throw qError(QError.invalidVNodeType, [type]);
-};
-const vnode_getProps = (vnode) => vnode[vnode_getPropStartIndex(vnode)];
-const vnode_getParent = (vnode) => vnode[VNodeProps.parent] || null;
-const vnode_getNode = (vnode) => null === vnode || vnode_isVirtualVNode(vnode) ? null : vnode_isElementVNode(vnode) ? vnode[ElementVNodeProps.element] : (assertTrue(vnode_isTextVNode(vnode)), vnode[TextVNodeProps.node]);
-const isNumber = (ch) => 48 <= ch && ch <= 57;
-const isLowercase = (ch) => 97 <= ch && ch <= 122;
-const stack = [];
-function materializeFromVNodeData(vParent, vData, element, child) {
-  let idx = 0;
-  let vFirst = null;
-  let vLast = null;
-  let previousTextNode = null;
-  const addVNode = (node) => {
-    node[VNodeProps.flags] = node[VNodeProps.flags] & VNodeFlagsIndex.negated_mask | idx << VNodeFlagsIndex.shift, idx++, vLast && (vLast[VNodeProps.nextSibling] = node), node[VNodeProps.previousSibling] = vLast, node[VNodeProps.parent] = vParent, vFirst || (vParent[ElementVNodeProps.firstChild] = vFirst = node), vLast = node;
-  };
-  let textIdx = 0;
-  let combinedText = null;
-  let container = null;
-  return processVNodeData$1(vData, (peek, consumeValue, consume, nextToConsumeIdx) => {
-    if (isNumber(peek())) {
-      for (; !isElement(child); ) {
-        if (!(child = fastNextSibling(child))) {
-          throw qError(QError.materializeVNodeDataError, [vData, peek(), nextToConsumeIdx]);
-        }
-      }
-      for (; isQStyleElement(child); ) {
-        child = fastNextSibling(child);
-      }
-      combinedText = null, previousTextNode = null;
-      let value = 0;
-      for (; isNumber(peek()); ) {
-        value *= 10, value += consume() - 48;
-      }
-      for (; value--; ) {
-        addVNode(vnode_newUnMaterializedElement(child)), child = fastNextSibling(child);
-      }
-    } else if (peek() === VNodeDataChar.SCOPED_STYLE) {
-      vnode_setAttr(null, vParent, "q:sstyle", consumeValue());
-    } else if (peek() === VNodeDataChar.RENDER_FN) {
-      vnode_setAttr(null, vParent, "q:renderFn", consumeValue());
-    } else if (peek() === VNodeDataChar.ID) {
-      container || (container = getDomContainer(element));
-      const id = consumeValue();
-      container.$setRawState$(parseInt(id), vParent);
-    } else if (peek() === VNodeDataChar.PROPS) {
-      vnode_setAttr(null, vParent, "q:props", consumeValue());
-    } else if (peek() === VNodeDataChar.KEY) {
-      vnode_setAttr(null, vParent, "q:key", consumeValue());
-    } else if (peek() === VNodeDataChar.SEQ) {
-      vnode_setAttr(null, vParent, "q:seq", consumeValue());
-    } else if (peek() === VNodeDataChar.SEQ_IDX) {
-      vnode_setAttr(null, vParent, "q:seqIdx", consumeValue());
-    } else if (peek() === VNodeDataChar.BACK_REFS) {
-      container || (container = getDomContainer(element)), setEffectBackRefFromVNodeData(vParent, consumeValue(), container);
-    } else if (peek() === VNodeDataChar.SLOT_PARENT) {
-      vnode_setProp(vParent, "q:sparent", consumeValue());
-    } else if (peek() === VNodeDataChar.CONTEXT) {
-      vnode_setAttr(null, vParent, "q:ctx", consumeValue());
-    } else if (peek() === VNodeDataChar.OPEN) {
-      consume(), addVNode(vnode_newVirtual()), stack.push(vParent, vFirst, vLast, previousTextNode, idx), idx = 0, vParent = vLast, vFirst = vLast = null;
-    } else if (peek() === VNodeDataChar.SEPARATOR) {
-      const key = consumeValue();
-      const value = consumeValue();
-      vnode_setAttr(null, vParent, key, value);
-    } else if (peek() === VNodeDataChar.CLOSE) {
-      consume(), vParent[ElementVNodeProps.lastChild] = vLast, idx = stack.pop(), previousTextNode = stack.pop(), vLast = stack.pop(), vFirst = stack.pop(), vParent = stack.pop();
-    } else if (peek() === VNodeDataChar.SLOT) {
-      vnode_setAttr(null, vParent, QSlot, consumeValue());
-    } else {
-      const textNode = child && 3 === fastNodeType(child) ? child : null;
-      null === combinedText && (combinedText = textNode ? textNode.nodeValue : null, textIdx = 0);
-      let length = 0;
-      for (; isLowercase(peek()); ) {
-        length += consume() - 97, length *= 26;
-      }
-      length += consume() - 65;
-      const text = null === combinedText ? "" : combinedText.substring(textIdx, textIdx + length);
-      addVNode(previousTextNode = vnode_newSharedText(previousTextNode, textNode, text)), textIdx += length;
-    }
-  }), vParent[ElementVNodeProps.lastChild] = vLast, vFirst;
 }
-const vnode_getType = (vnode) => {
-  const type = vnode[VNodeProps.flags];
-  if (type & VNodeFlags.Element) {
-    return 1;
-  }
-  if (type & VNodeFlags.Virtual) {
-    return 11;
-  }
-  if (type & VNodeFlags.Text) {
-    return 3;
+const Virtual = (props) => props.children;
+const isJSXNode = (n) => n instanceof JSXNodeImpl;
+const Fragment = (props) => props.children;
+function createPropsProxy(varProps, constProps, children) {
+  return new Proxy({}, new PropsProxyHandler(varProps, constProps, children));
+}
+class PropsProxyHandler {
+  constructor($varProps$, $constProps$, $children$) {
+    __publicField(this, "$varProps$");
+    __publicField(this, "$constProps$");
+    __publicField(this, "$children$");
+    this.$varProps$ = $varProps$, this.$constProps$ = $constProps$, this.$children$ = $children$;
   }
-  throw qError(QError.invalidVNodeType, [type]);
-};
-const isElement = (node) => node && "object" == typeof node && 1 === fastNodeType(node);
-const vnode_getProjectionParentComponent = (vHost, rootVNode) => {
-  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 vProjectionParent = vnode_isVirtualVNode(vHost) && qSlotParent;
-      vProjectionParent && projectionDepth++, vHost = vProjectionParent || vnode_getParent(vHost);
+  get(_, prop) {
+    if (prop === _CONST_PROPS) {
+      return this.$constProps$;
     }
-    projectionDepth > 0 && (vHost = vnode_getParent(vHost));
+    if (prop === _VAR_PROPS) {
+      return this.$varProps$;
+    }
+    if (null != this.$children$ && "children" === prop) {
+      return this.$children$;
+    }
+    const value = this.$constProps$ && prop in this.$constProps$ ? this.$constProps$[prop] : this.$varProps$[prop];
+    return value instanceof WrappedSignal && 2 & value.$flags$ ? value.value : value;
   }
-  return vHost;
-};
-const VNodeArray = class VNode extends Array {
-  static createElement(flags, parent, previousSibling, nextSibling, firstChild, lastChild, element, elementName) {
-    return new VNode(flags, parent, previousSibling, nextSibling, firstChild, lastChild, element, elementName, []);
+  set(_, prop, value) {
+    return prop === _CONST_PROPS ? (this.$constProps$ = value, true) : prop === _VAR_PROPS ? (this.$varProps$ = value, true) : (this.$constProps$ && prop in this.$constProps$ ? this.$constProps$[prop] = value : this.$varProps$[prop] = value, true);
   }
-  static createText(flags, parent, previousSibling, nextSibling, textNode, text) {
-    return new VNode(flags, parent, previousSibling, nextSibling, textNode, text);
+  deleteProperty(_, prop) {
+    if ("string" != typeof prop) {
+      return false;
+    }
+    let didDelete = delete this.$varProps$[prop];
+    return this.$constProps$ && (didDelete = delete this.$constProps$[prop] || didDelete), null != this.$children$ && "children" === prop && (this.$children$ = null), didDelete;
   }
-  static createVirtual(flags, parent, previousSibling, nextSibling, firstChild, lastChild) {
-    return new VNode(flags, parent, previousSibling, nextSibling, firstChild, lastChild, []);
+  has(_, prop) {
+    return "children" === prop && null != this.$children$ || prop === _CONST_PROPS || prop === _VAR_PROPS || prop in this.$varProps$ || !!this.$constProps$ && prop in this.$constProps$;
   }
-  constructor(flags, parent, previousSibling, nextSibling, ...rest) {
-    super(flags, parent, previousSibling, nextSibling, ...rest);
+  getOwnPropertyDescriptor(_, p) {
+    return {
+      configurable: true,
+      enumerable: true,
+      value: "children" === p && null != this.$children$ ? this.$children$ : this.$constProps$ && p in this.$constProps$ ? this.$constProps$[p] : this.$varProps$[p]
+    };
   }
-};
-let _context;
-const tryGetInvokeContext = () => {
-  if (!_context) {
-    const context = "undefined" != typeof document && document && document.__q_context__;
-    if (!context) {
-      return;
+  ownKeys() {
+    const out = Object.keys(this.$varProps$);
+    if (null != this.$children$ && -1 === out.indexOf("children") && out.push("children"), this.$constProps$) {
+      for (const key in this.$constProps$) {
+        -1 === out.indexOf(key) && out.push(key);
+      }
     }
-    return isArray(context) ? document.__q_context__ = newInvokeContextFromTuple(context) : context;
+    return out;
   }
-  return _context;
-};
-function invoke(context, fn, ...args) {
-  return invokeApply.call(this, context, fn, args);
 }
-function invokeApply(context, fn, args) {
-  const previousContext = _context;
-  let returnValue;
-  try {
-    _context = context, returnValue = fn.apply(this, args);
-  } finally {
-    _context = previousContext;
+const directGetPropsProxyProp = (jsx2, prop) => jsx2.constProps && prop in jsx2.constProps ? jsx2.constProps[prop] : jsx2.varProps[prop];
+const mergeMaps = (map1, map2) => {
+  for (const [k, v] of map2) {
+    map1.set(k, v);
   }
-  return returnValue;
-}
-const newInvokeContextFromTuple = ([element, event, url]) => {
-  const domContainer = getDomContainer(element);
-  const container = domContainer.element;
-  const vNode = container ? vnode_locate(domContainer.rootVNode, element) : void 0;
-  const locale = container?.getAttribute("q:locale") || void 0;
-  return newInvokeContext(locale, vNode, element, event, url);
+  return map1;
 };
-const newInvokeContext = (locale, hostElement, element, event, url) => {
-  const ctx = {
-    $url$: url,
-    $i$: 0,
-    $hostElement$: hostElement,
-    $element$: element,
-    $event$: event,
-    $qrl$: void 0,
-    $effectSubscriber$: void 0,
-    $locale$: locale || ("object" == typeof event && event && "locale" in event ? event.locale : void 0),
-    $container$: void 0
-  };
-  return ctx;
+const vnode_newElement = (element, elementName) => {
+  assertEqual(fastNodeType(element));
+  const vnode = VNodeArray.createElement(-247, null, null, null, null, null, element, elementName);
+  return assertTrue(vnode_isElementVNode(vnode)), assertFalse(vnode_isTextVNode(vnode)), assertFalse(vnode_isVirtualVNode(vnode)), element.vNode = new WeakRef(vnode), vnode;
 };
-const untrack = (fn) => invoke(void 0, fn);
-const trackInvocation = /* @__PURE__ */ newInvokeContext(void 0, void 0, void 0, "qRender");
-const trackSignal = (fn, subscriber, property, container, data) => {
-  const previousSubscriber = trackInvocation.$effectSubscriber$;
-  const previousContainer = trackInvocation.$container$;
-  try {
-    return trackInvocation.$effectSubscriber$ = getSubscriber(subscriber, property, data), trackInvocation.$container$ = container, invoke(trackInvocation, fn);
-  } finally {
-    trackInvocation.$effectSubscriber$ = previousSubscriber, trackInvocation.$container$ = previousContainer;
+const vnode_newUnMaterializedElement = (element) => {
+  assertEqual(fastNodeType(element));
+  const vnode = VNodeArray.createElement(-255, null, null, null, void 0, void 0, element, void 0);
+  return assertTrue(vnode_isElementVNode(vnode)), assertFalse(vnode_isTextVNode(vnode)), assertFalse(vnode_isVirtualVNode(vnode)), element.vNode = new WeakRef(vnode), vnode;
+};
+const vnode_newSharedText = (previousTextNode, sharedTextNode, textContent) => {
+  sharedTextNode && assertEqual(fastNodeType(sharedTextNode));
+  const vnode = VNodeArray.createText(-252, null, previousTextNode, null, sharedTextNode, textContent);
+  return assertFalse(vnode_isElementVNode(vnode)), assertTrue(vnode_isTextVNode(vnode)), assertFalse(vnode_isVirtualVNode(vnode)), vnode;
+};
+const vnode_newText = (textNode, textContent) => {
+  const vnode = VNodeArray.createText(-244, null, null, null, textNode, textContent);
+  return assertEqual(fastNodeType(textNode)), assertFalse(vnode_isElementVNode(vnode)), assertTrue(vnode_isTextVNode(vnode)), assertFalse(vnode_isVirtualVNode(vnode)), vnode;
+};
+const vnode_newVirtual = () => {
+  const vnode = VNodeArray.createVirtual(-254, null, null, null, null, null);
+  return assertFalse(vnode_isElementVNode(vnode)), assertFalse(vnode_isTextVNode(vnode)), assertTrue(vnode_isVirtualVNode(vnode)), vnode;
+};
+const vnode_isVNode = (vNode) => vNode instanceof VNodeArray;
+const vnode_isElementVNode = (vNode) => {
+  return !(1 & ~vNode[0]);
+};
+const vnode_isElementOrTextVNode = (vNode) => {
+  return !!(5 & vNode[0]);
+};
+const vnode_isTextVNode = (vNode) => {
+  return !(4 & ~vNode[0]);
+};
+const vnode_isVirtualVNode = (vNode) => {
+  return !(2 & ~vNode[0]);
+};
+const vnode_isProjection = (vNode) => {
+  return !(2 & ~vNode[0]) && null !== vnode_getProp(vNode, QSlot, null);
+};
+const ensureTextVNode = (vNode) => (assertTrue(vnode_isTextVNode(vNode), "Expecting TextVNode was: " + vnode_getNodeTypeName(vNode)), vNode);
+const ensureElementOrVirtualVNode = (vNode) => {
+  assertTrue(!!(3 & vNode[0]), "Expecting ElementVNode or VirtualVNode was: " + vnode_getNodeTypeName(vNode));
+};
+const ensureElementVNode = (vNode) => (assertTrue(vnode_isElementVNode(vNode), "Expecting ElementVNode was: " + vnode_getNodeTypeName(vNode)), vNode);
+const vnode_getNodeTypeName = (vNode) => {
+  if (vNode) {
+    switch (7 & vNode[0]) {
+      case 1:
+        return "Element";
+      case 2:
+        return "Virtual";
+      case 4:
+        return "Text";
+    }
   }
+  return "<unknown>";
 };
-const trackSignalAndAssignHost = (value, host, property, container, data) => (value instanceof WrappedSignal && value.$hostElement$ !== host && host && (value.$hostElement$ = host), trackSignal(() => value.value, host, property, container, data));
-const createContextId = (name) => /* @__PURE__ */ Object.freeze({
-  id: fromCamelToKebabCase(name)
-});
-const ERROR_CONTEXT = /* @__PURE__ */ createContextId("qk-error");
-function processVNodeData(document2) {
-  const vNodeDataMap = document2.qVNodeData || (document2.qVNodeData = /* @__PURE__ */ new WeakMap());
-  const prototype = document2.body;
-  const getAttribute = prototype.getAttribute;
-  const hasAttribute = prototype.hasAttribute;
-  const getNodeType = ((prototype2, name) => {
-    let getter;
-    for (; prototype2 && !(getter = Object.getOwnPropertyDescriptor(prototype2, name)?.get); ) {
-      prototype2 = Object.getPrototypeOf(prototype2);
+const vnode_ensureElementInflated = (vnode) => {
+  if (1 == (15 & vnode[0])) {
+    const elementVNode = vnode;
+    elementVNode[0] ^= 8;
+    const element = elementVNode[6];
+    const attributes = element.attributes;
+    const props = vnode_getProps(elementVNode);
+    for (let idx = 0; idx < attributes.length; idx++) {
+      const attr = attributes[idx];
+      const key = attr.name;
+      if (":" === key || !key) {
+        break;
+      }
+      if (key.startsWith("q:container")) {
+        "html" === attr.value ? mapArray_set(props, dangerouslySetInnerHTML, element.innerHTML, 0) : "text" === attr.value && "value" in element && mapArray_set(props, "value", element.value, 0);
+      } else if (!key.startsWith("on:")) {
+        mapArray_set(props, key, attr.value, 0);
+      }
     }
-    return getter || function() {
-      return this[name];
-    };
-  })(prototype, "nodeType");
-  const attachVnodeDataAndRefs = (element) => {
-    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 = /* @__PURE__ */ new Map();
-    }), element.querySelectorAll("[q\\:shadowroot]").forEach((parent) => {
-      const shadowRoot = parent.shadowRoot;
-      shadowRoot && attachVnodeDataAndRefs(shadowRoot);
-    });
-  };
-  let NodeType;
-  attachVnodeDataAndRefs(document2), function(NodeType2) {
-    NodeType2[NodeType2.CONTAINER_MASK = 1] = "CONTAINER_MASK", NodeType2[NodeType2.ELEMENT = 2] = "ELEMENT", NodeType2[NodeType2.ELEMENT_CONTAINER = 3] = "ELEMENT_CONTAINER", NodeType2[NodeType2.ELEMENT_SHADOW_ROOT = 6] = "ELEMENT_SHADOW_ROOT", NodeType2[NodeType2.COMMENT_SKIP_START = 5] = "COMMENT_SKIP_START", NodeType2[NodeType2.COMMENT_SKIP_END = 8] = "COMMENT_SKIP_END", NodeType2[NodeType2.COMMENT_IGNORE_START = 16] = "COMMENT_IGNORE_START", NodeType2[NodeType2.COMMENT_IGNORE_END = 32] = "COMMENT_IGNORE_END", NodeType2[NodeType2.COMMENT_ISLAND_START = 65] = "COMMENT_ISLAND_START", NodeType2[NodeType2.COMMENT_ISLAND_END = 128] = "COMMENT_ISLAND_END", NodeType2[NodeType2.OTHER = 0] = "OTHER";
-  }(NodeType || (NodeType = {}));
-  const getFastNodeType = (node) => {
-    const nodeType = getNodeType.call(node);
-    if (1 === nodeType) {
-      if (null === getAttribute.call(node, "q:container")) {
-        if (hasAttribute.call(node, "q:shadowroot")) {
-          return NodeType.ELEMENT_SHADOW_ROOT;
+  }
+};
+function vnode_walkVNode(vNode) {
+  let vCursor = vNode;
+  if (vnode_isTextVNode(vNode)) {
+    return;
+  }
+  let vParent = null;
+  for (; ; ) {
+    const vFirstChild = vnode_getFirstChild(vCursor);
+    if (vFirstChild) {
+      vCursor = vFirstChild;
+      continue;
+    }
+    if (vCursor === vNode) {
+      return;
+    }
+    const vNextSibling = vnode_getNextSibling(vCursor);
+    if (vNextSibling) {
+      vCursor = vNextSibling;
+    } else {
+      for (vParent = vnode_getParent(vCursor); vParent; ) {
+        if (vParent === vNode) {
+          return;
+        }
+        const vNextParentSibling = vnode_getNextSibling(vParent);
+        if (vNextParentSibling) {
+          vCursor = vNextParentSibling;
+          break;
         }
-        return hasAttribute.call(node, ":") ? NodeType.ELEMENT : NodeType.OTHER;
+        vParent = vnode_getParent(vParent);
+      }
+      if (null == vParent) {
+        return;
       }
-      return NodeType.ELEMENT_CONTAINER;
     }
-    if (8 === nodeType) {
-      const nodeValue = node.nodeValue || "";
-      if (nodeValue.startsWith("q:container-island")) {
-        return NodeType.COMMENT_ISLAND_START;
+  }
+}
+function vnode_getDOMChildNodes(journal, root, isVNode = false, childNodes = []) {
+  if (vnode_isElementOrTextVNode(root)) {
+    return vnode_isTextVNode(root) && vnode_ensureTextInflated(journal, root), childNodes.push(isVNode ? root : vnode_getNode(root)), childNodes;
+  }
+  let vNode = vnode_getFirstChild(root);
+  for (; vNode; ) {
+    vnode_isElementVNode(vNode) ? childNodes.push(isVNode ? vNode : vnode_getNode(vNode)) : vnode_isTextVNode(vNode) ? (vnode_ensureTextInflated(journal, vNode), childNodes.push(isVNode ? vNode : vnode_getNode(vNode))) : vnode_getDOMChildNodes(journal, vNode, !!isVNode, childNodes), vNode = vnode_getNextSibling(vNode);
+  }
+  return childNodes;
+}
+const vnode_getDomSibling = (vNode, nextDirection, descend) => {
+  const childProp = nextDirection ? 4 : 5;
+  const siblingProp = nextDirection ? 3 : 2;
+  let cursor = vNode;
+  for (; descend && cursor && vnode_isVirtualVNode(cursor); ) {
+    const child = cursor[childProp];
+    if (!child) {
+      break;
+    }
+    if (5 & child[0]) {
+      return child;
+    }
+    cursor = child;
+  }
+  for (; cursor; ) {
+    let sibling = cursor[siblingProp];
+    if (sibling && 5 & sibling[0]) {
+      return sibling;
+    }
+    if (!sibling) {
+      let virtual = cursor[1];
+      if (virtual && !vnode_isVirtualVNode(virtual)) {
+        return null;
       }
-      if (nodeValue.startsWith("q:ignore")) {
-        return NodeType.COMMENT_IGNORE_START;
+      for (; virtual && !(sibling = virtual[siblingProp]); ) {
+        if (virtual = virtual[1], virtual && !vnode_isVirtualVNode(virtual)) {
+          return null;
+        }
       }
-      if (nodeValue.startsWith("q:container")) {
-        return NodeType.COMMENT_SKIP_START;
+      if (!sibling) {
+        return null;
       }
-      if (nodeValue.startsWith("/q:container-island")) {
-        return NodeType.COMMENT_ISLAND_END;
+      if (vnode_isTextVNode(sibling) && virtual && vnode_isElementVNode(virtual)) {
+        return null;
       }
-      if (nodeValue.startsWith("/q:ignore")) {
-        return NodeType.COMMENT_IGNORE_END;
+    }
+    for (; sibling; ) {
+      if (cursor = sibling, 5 & cursor[0] && vnode_getNode(cursor)) {
+        return cursor;
       }
-      if (nodeValue.startsWith("/q:container")) {
-        return NodeType.COMMENT_SKIP_END;
+      sibling = cursor[childProp];
+    }
+  }
+  return null;
+};
+const vnode_ensureInflatedIfText = (journal, vNode) => {
+  vnode_isTextVNode(vNode) && vnode_ensureTextInflated(journal, vNode);
+};
+const vnode_ensureTextInflated = (journal, vnode) => {
+  const textVNode = ensureTextVNode(vnode);
+  if (!(8 & textVNode[0])) {
+    const parentNode = vnode_getDomParent(vnode);
+    const sharedTextNode = textVNode[4];
+    const doc = parentNode.ownerDocument;
+    let cursor = vnode_getDomSibling(vnode, false, true);
+    const insertBeforeNode = sharedTextNode || vnode_getDomSibling(vnode, true, true)?.[6] || null;
+    let lastPreviousTextNode = insertBeforeNode;
+    for (; cursor && vnode_isTextVNode(cursor); ) {
+      if (!(8 & cursor[0])) {
+        const textNode = doc.createTextNode(cursor[5]);
+        journal.push(5, parentNode, lastPreviousTextNode, textNode), lastPreviousTextNode = textNode, cursor[4] = textNode, cursor[0] |= 8;
       }
+      cursor = vnode_getDomSibling(cursor, false, true);
     }
-    return NodeType.OTHER;
-  };
-  const isSeparator = (ch) => VNodeDataSeparator.ADVANCE_1 <= ch && ch <= VNodeDataSeparator.ADVANCE_8192;
-  const findVDataSectionEnd = (vData, start, end) => {
-    let depth = 0;
-    for (; start < end; ) {
-      const ch = vData.charCodeAt(start);
-      if (0 === depth && isSeparator(ch)) {
-        break;
+    for (cursor = vnode; cursor && vnode_isTextVNode(cursor); ) {
+      const next = vnode_getDomSibling(cursor, true, true);
+      const isLastNode = !next || !vnode_isTextVNode(next);
+      if (!(8 & cursor[0])) {
+        if (isLastNode && sharedTextNode) {
+          journal.push(1, sharedTextNode, cursor[5]);
+        } else {
+          const textNode = doc.createTextNode(cursor[5]);
+          journal.push(5, parentNode, insertBeforeNode, textNode), cursor[4] = textNode;
+        }
+        cursor[0] |= 8;
       }
-      ch === VNodeDataChar.OPEN ? depth++ : ch === VNodeDataChar.CLOSE && depth--, start++;
+      cursor = next;
     }
-    return start;
-  };
-  const nextSibling = (node) => {
-    for (; node && (node = node.nextSibling) && getFastNodeType(node) === NodeType.OTHER; ) {
+  }
+};
+const vnode_locate = (rootVNode, id) => {
+  ensureElementVNode(rootVNode);
+  let vNode = rootVNode;
+  const containerElement = rootVNode[6];
+  const { qVNodeRefs } = containerElement;
+  let elementOffset = -1;
+  let refElement;
+  if ("string" == typeof id) {
+    elementOffset = parseInt(id), refElement = qVNodeRefs.get(elementOffset);
+  } else {
+    refElement = id;
+    const vNode2 = refElement.vNode?.deref();
+    if (vNode2) {
+      return vNode2;
     }
-    return node;
-  };
-  const firstChild = (node) => {
-    for (; node && (node = node.firstChild) && getFastNodeType(node) === NodeType.OTHER; ) {
+  }
+  if (vnode_isVNode(refElement)) {
+    vNode = refElement;
+  } else {
+    assertTrue(containerElement.contains(refElement));
+    let parent = refElement;
+    const elementPath = [refElement];
+    for (; parent && parent !== containerElement; ) {
+      parent = parent.parentElement, elementPath.push(parent);
     }
-    return node;
-  };
-  const walkContainer = (walker2, containerNode, node, exitNode, vData, qVNodeRefs) => {
-    const vData_length = vData.length;
-    let elementIdx = 0;
-    let vNodeElementIndex = -1;
-    let vData_start = 0;
-    let vData_end = 0;
-    let ch = 0;
-    let needsToStoreRef = -1;
-    let nextNode = null;
-    const howManyElementsToSkip = () => {
-      let elementsToSkip = 0;
-      for (; isSeparator(ch = vData.charCodeAt(vData_start)) && (elementsToSkip += 1 << ch - VNodeDataSeparator.ADVANCE_1, vData_start++, !(vData_start >= vData_length)); ) {
-      }
-      return elementsToSkip;
-    };
-    do {
-      if (node === exitNode) {
-        return;
-      }
-      nextNode = null;
-      const nodeType = node == containerNode ? NodeType.ELEMENT : getFastNodeType(node);
-      if (nodeType === NodeType.ELEMENT_CONTAINER) {
-        const container = node;
-        let cursor = node;
-        for (; cursor && !(nextNode = nextSibling(cursor)); ) {
-          cursor = cursor.parentNode;
+    for (let i = elementPath.length - 2; i >= 0; i--) {
+      vNode = vnode_getVNodeForChildNode(vNode, elementPath[i]);
+    }
+    -1 != elementOffset && qVNodeRefs.set(elementOffset, vNode);
+  }
+  if ("string" == typeof id) {
+    const idLength = id.length;
+    let idx = indexOfAlphanumeric(id, idLength);
+    let childIdx = 0;
+    for (; idx < idLength; ) {
+      const ch = id.charCodeAt(idx);
+      childIdx *= 26, ch >= 97 ? childIdx += ch - 97 : (childIdx += ch - 65, vNode = vnode_getChildWithIdx(vNode, childIdx), childIdx = 0), idx++;
+    }
+  }
+  return vNode;
+};
+const vnode_getChildWithIdx = (vNode, childIdx) => {
+  let child = vnode_getFirstChild(vNode);
+  for (assertDefined(); child[0] >>> 8 !== childIdx; ) {
+    child = vnode_getNextSibling(child);
+  }
+  return child;
+};
+const vNodeStack = [];
+const vnode_getVNodeForChildNode = (vNode, childElement) => {
+  ensureElementVNode(vNode);
+  let child = vnode_getFirstChild(vNode);
+  for (assertDefined(); child && child[6] !== childElement; ) {
+    if (vnode_isVirtualVNode(child)) {
+      const next = vnode_getNextSibling(child);
+      const firstChild = vnode_getFirstChild(child);
+      firstChild ? (next && vNodeStack.push(next), child = firstChild) : child = next || (vNodeStack.length ? vNodeStack.pop() : null);
+    } else {
+      const next = vnode_getNextSibling(child);
+      child = next || (next || vNodeStack.pop());
+    }
+  }
+  for (; vNodeStack.length; ) {
+    vNodeStack.pop();
+  }
+  return ensureElementVNode(child), assertEqual(child[6]), child;
+};
+const indexOfAlphanumeric = (id, length) => {
+  let idx = 0;
+  for (; idx < length; ) {
+    if (!(id.charCodeAt(idx) <= 57)) {
+      return idx;
+    }
+    idx++;
+  }
+  return length;
+};
+const parseBoolean = (value) => "false" !== value && Boolean(value);
+const isBooleanAttr = (element, key) => ("allowfullscreen" == key || "async" == key || "autofocus" == key || "autoplay" == key || "checked" == key || "controls" == key || "default" == key || "defer" == key || "disabled" == key || "formnovalidate" == key || "inert" == key || "ismap" == key || "itemscope" == key || "loop" == key || "multiple" == key || "muted" == key || "nomodule" == key || "novalidate" == key || "open" == key || "playsinline" == key || "readonly" == key || "required" == key || "reversed" == key || "selected" == key) && key in element;
+const vnode_applyJournal = (journal) => {
+  let idx = 0;
+  const length = journal.length;
+  for (; idx < length; ) {
+    switch (journal[idx++]) {
+      case 1:
+        journal[idx++].nodeValue = journal[idx++];
+        break;
+      case 2:
+        const element = journal[idx++];
+        let key = journal[idx++];
+        "className" === key && (key = "class");
+        const value = journal[idx++];
+        isBooleanAttr(element, key) ? element[key] = parseBoolean(value) : "value" === key && key in element ? element.value = String(value) : key === dangerouslySetInnerHTML ? (element.innerHTML = value, element.setAttribute("q:container", "html")) : null == value || false === value ? element.removeAttribute(key) : element.setAttribute(key, String(value));
+        break;
+      case 3:
+        const document2 = journal[idx++];
+        const head = document2.head;
+        const styles = document2.querySelectorAll(QStylesAllSelector);
+        for (let i = 0; i < styles.length; i++) {
+          head.appendChild(styles[i]);
         }
-        walkContainer(walker2, container, node, nextNode, container.qVnodeData || "", container.qVNodeRefs);
-      } else if (nodeType === NodeType.COMMENT_IGNORE_START) {
-        let islandNode = node;
-        do {
-          if (islandNode = walker2.nextNode(), !islandNode) {
-            throw new Error(`Island inside <!--${node?.nodeValue}--> not found!`);
-          }
-        } while (getFastNodeType(islandNode) !== NodeType.COMMENT_ISLAND_START);
-        nextNode = null;
-      } else if (nodeType === NodeType.COMMENT_ISLAND_END) {
-        nextNode = node;
-        do {
-          if (nextNode = walker2.nextNode(), !nextNode) {
-            throw new Error("Ignore block not closed!");
-          }
-        } while (getFastNodeType(nextNode) !== NodeType.COMMENT_IGNORE_END);
-        nextNode = null;
-      } else if (nodeType === NodeType.COMMENT_SKIP_START) {
-        nextNode = node;
-        do {
-          if (nextNode = nextSibling(nextNode), !nextNode) {
-            throw new Error(`<!--${node?.nodeValue}--> not closed!`);
-          }
-        } while (getFastNodeType(nextNode) !== NodeType.COMMENT_SKIP_END);
-        walkContainer(walker2, node, node, nextNode, "", null);
-      } else if (nodeType === NodeType.ELEMENT_SHADOW_ROOT) {
-        nextNode = nextSibling(node);
-        const shadowRootContainer = node;
-        const shadowRoot = shadowRootContainer?.shadowRoot;
-        shadowRoot && walkContainer(document2.createTreeWalker(shadowRoot, 129), null, firstChild(shadowRoot), null, "", null);
-      }
-      if ((nodeType & NodeType.ELEMENT) === NodeType.ELEMENT) {
-        if (vNodeElementIndex < elementIdx) {
-          if (-1 === vNodeElementIndex && (vNodeElementIndex = 0), vData_start = vData_end, vData_start < vData_length) {
-            vNodeElementIndex += howManyElementsToSkip();
-            ch === VNodeDataSeparator.REFERENCE && (needsToStoreRef = vNodeElementIndex, vData_start++, ch = vData_start < vData_length ? vData.charCodeAt(vData_end) : VNodeDataSeparator.ADVANCE_1), vData_end = findVDataSectionEnd(vData, vData_start, vData_length);
-          } else {
-            vNodeElementIndex = Number.MAX_SAFE_INTEGER;
-          }
+        break;
+      case 4:
+        const removeParent = journal[idx++];
+        let nodeToRemove;
+        for (; idx < length && "number" != typeof (nodeToRemove = journal[idx]); ) {
+          removeParent.removeChild(nodeToRemove), idx++;
         }
-        if (elementIdx === vNodeElementIndex) {
-          needsToStoreRef === elementIdx && qVNodeRefs.set(elementIdx, node);
-          const instructions = vData.substring(vData_start, vData_end);
-          vNodeDataMap.set(node, instructions);
+        break;
+      case 5:
+        const insertParent = journal[idx++];
+        const insertBefore = journal[idx++];
+        let newChild;
+        for (; idx < length && "number" != typeof (newChild = journal[idx]); ) {
+          insertParent.insertBefore(newChild, insertBefore), idx++;
         }
-        elementIdx++;
+    }
+  }
+  journal.length = 0;
+};
+const vnode_insertBefore = (journal, parent, newChild, insertBefore) => {
+  ensureElementOrVirtualVNode(parent), vnode_isElementVNode(parent) && ensureMaterialized(parent);
+  const newChildCurrentParent = newChild[1];
+  if (newChild === insertBefore) {
+    if (newChildCurrentParent) {
+      return;
+    }
+    insertBefore = null;
+  }
+  newChildCurrentParent && (newChild[2] || newChild[3] || newChildCurrentParent !== parent) && vnode_remove(journal, newChildCurrentParent, newChild, false);
+  let adjustedInsertBefore = null;
+  null == insertBefore ? vnode_isVirtualVNode(parent) && (adjustedInsertBefore = vnode_getDomSibling(parent, true, false)) : adjustedInsertBefore = vnode_isVirtualVNode(insertBefore) ? vnode_getDomSibling(insertBefore, true, true) : insertBefore, adjustedInsertBefore && vnode_ensureInflatedIfText(journal, adjustedInsertBefore);
+  const domParentVNode = vnode_getDomParentVNode(parent);
+  const parentNode = domParentVNode && domParentVNode[6];
+  if (parentNode) {
+    const domChildren = vnode_getDomChildrenWithCorrectNamespacesToInsert(journal, domParentVNode, newChild);
+    domChildren.length && journal.push(5, parentNode, vnode_getNode(adjustedInsertBefore), ...domChildren);
+  }
+  const vNext = insertBefore;
+  const vPrevious = vNext ? vNext[2] : parent[5];
+  vNext ? vNext[2] = newChild : parent[5] = newChild, vPrevious ? vPrevious[3] = newChild : parent[4] = newChild, newChild[2] = vPrevious, newChild[3] = vNext, newChild[1] = parent;
+};
+const vnode_getDomParent = (vnode) => (vnode = vnode_getDomParentVNode(vnode)) && vnode[6];
+const vnode_getDomParentVNode = (vnode) => {
+  for (; vnode && !vnode_isElementVNode(vnode); ) {
+    vnode = vnode[1];
+  }
+  return vnode;
+};
+const vnode_remove = (journal, vParent, vToRemove, removeDOM) => {
+  if (assertEqual(vParent, vnode_getParent(vToRemove)), vnode_isTextVNode(vToRemove) && vnode_ensureTextInflated(journal, vToRemove), removeDOM) {
+    const domParent = vnode_getDomParent(vParent);
+    if (vnode_getAttr(vParent, dangerouslySetInnerHTML)) {
+      return;
+    }
+    const children = vnode_getDOMChildNodes(journal, vToRemove);
+    domParent && children.length && journal.push(4, domParent, ...children);
+  }
+  const vPrevious = vToRemove[2];
+  const vNext = vToRemove[3];
+  vPrevious ? vPrevious[3] = vNext : vParent[4] = vNext, vNext ? vNext[2] = vPrevious : vParent[5] = vPrevious, vToRemove[2] = null, vToRemove[3] = null;
+};
+const vnode_truncate = (journal, vParent, vDelete) => {
+  const parent = vnode_getDomParent(vParent);
+  const children = vnode_getDOMChildNodes(journal, vDelete);
+  parent && children.length && journal.push(4, parent, ...children);
+  const vPrevious = vDelete[2];
+  vPrevious ? vPrevious[3] = null : vParent[4] = null, vParent[5] = vPrevious;
+};
+const vnode_getElementName = (vnode) => {
+  const elementVNode = ensureElementVNode(vnode);
+  let elementName = elementVNode[7];
+  if (void 0 === elementName) {
+    const element = elementVNode[6];
+    const nodeName = fastNodeName(element).toLowerCase();
+    elementName = elementVNode[7] = nodeName, elementVNode[0] |= vnode_getElementNamespaceFlags(element);
+  }
+  return elementName;
+};
+const vnode_getText = (vnode) => {
+  const textVNode = ensureTextVNode(vnode);
+  let text = textVNode[5];
+  return void 0 === text && (text = textVNode[5] = textVNode[4].nodeValue), text;
+};
+const vnode_setText = (journal, textVNode, text) => {
+  vnode_ensureTextInflated(journal, textVNode);
+  journal.push(1, textVNode[4], textVNode[5] = text);
+};
+const vnode_getFirstChild = (vnode) => {
+  if (vnode_isTextVNode(vnode)) {
+    return null;
+  }
+  let vFirstChild = vnode[4];
+  return void 0 === vFirstChild && (vFirstChild = ensureMaterialized(vnode)), vFirstChild;
+};
+const vnode_materialize = (vNode) => {
+  const element = vNode[6];
+  const firstChild = fastFirstChild(element);
+  const vNodeData = element.ownerDocument?.qVNodeData?.get(element);
+  return materialize(vNode, element, firstChild, vNodeData);
+};
+const materialize = (vNode, element, firstChild, vNodeData) => {
+  if (vNodeData) {
+    if (vNodeData.charCodeAt(0) === VNodeDataChar.SEPARATOR) {
+      const elementVNodeDataStartIdx = 1;
+      let elementVNodeDataEndIdx = 1;
+      for (; vNodeData.charCodeAt(elementVNodeDataEndIdx) !== VNodeDataChar.SEPARATOR; ) {
+        elementVNodeDataEndIdx++;
       }
-    } while (node = nextNode || walker2.nextNode());
-  };
-  const walker = document2.createTreeWalker(document2, 129);
-  walkContainer(walker, null, walker.firstChild(), null, "", null);
-}
-function getDomContainer(element) {
-  const qContainerElement = _getQContainerElement(element);
-  if (!qContainerElement) {
-    throw qError(QError.containerNotFound);
+      const elementVNodeData = vNodeData.substring(elementVNodeDataStartIdx, elementVNodeDataEndIdx);
+      vNodeData = vNodeData.substring(elementVNodeDataEndIdx + 1);
+      const vFirstChild = materializeFromDOM(vNode, firstChild, elementVNodeData);
+      if (!vNodeData) {
+        return vFirstChild;
+      }
+    }
+    return materializeFromVNodeData(vNode, vNodeData, element, firstChild);
   }
-  return getDomContainerFromQContainerElement(qContainerElement);
-}
-function getDomContainerFromQContainerElement(qContainerElement) {
-  const qElement = qContainerElement;
-  let container = qElement.qContainer;
-  if (!container) {
-    container = new DomContainer(qElement);
-    const containerAttributes = {};
-    if (qElement) {
-      const attrs = qElement.attributes;
-      if (attrs) {
-        for (let index = 0; index < attrs.length; index++) {
-          const attr = attrs[index];
-          ":" !== attr.name && (containerAttributes[attr.name] = attr.value);
+  return materializeFromDOM(vNode, firstChild);
+};
+const ensureMaterialized = (vnode) => {
+  const vParent = ensureElementVNode(vnode);
+  let vFirstChild = vParent[4];
+  if (void 0 === vFirstChild) {
+    vFirstChild = vParent[1] && shouldIgnoreChildren(vParent[6]) ? vParent[4] = vParent[5] = null : vnode_materialize(vParent);
+  }
+  return assertTrue(void 0 !== vParent[4]), assertTrue(void 0 !== vParent[5]), vFirstChild;
+};
+let _fastHasAttribute = null;
+const shouldIgnoreChildren = (node) => (_fastHasAttribute || (_fastHasAttribute = node.hasAttribute), _fastHasAttribute.call(node, "q:container"));
+let _fastNodeType = null;
+const fastNodeType = (node) => (_fastNodeType || (_fastNodeType = fastGetter(node, "nodeType")), _fastNodeType.call(node));
+const fastIsTextOrElement = (node) => {
+  const type = fastNodeType(node);
+  return 3 === type || 1 === type;
+};
+let _fastNextSibling = null;
+const fastNextSibling = (node) => {
+  for (_fastNextSibling || (_fastNextSibling = fastGetter(node, "nextSibling")), _fastFirstChild || (_fastFirstChild = fastGetter(node, "firstChild")); node; ) {
+    if (null !== (node = _fastNextSibling.call(node))) {
+      const type = fastNodeType(node);
+      if (3 === type || 1 === type) {
+        break;
+      }
+      if (8 === type) {
+        const nodeValue = node.nodeValue;
+        if (nodeValue?.startsWith(QIgnore)) {
+          return getNodeAfterCommentNode(node, QContainerIsland, _fastNextSibling, _fastFirstChild);
+        }
+        if (node.nodeValue?.startsWith(QContainerIslandEnd)) {
+          return getNodeAfterCommentNode(node, QIgnoreEnd, _fastNextSibling, _fastFirstChild);
+        }
+        if (nodeValue?.startsWith("q:container")) {
+          for (; node && (node = _fastNextSibling.call(node)) && (8 !== fastNodeType(node) || !node.nodeValue?.startsWith("/q:container")); ) {
+          }
         }
       }
     }
-    container.$serverData$ = {
-      containerAttributes
-    }, qElement.setAttribute("q:container", QContainerValue.RESUMED), qElement.qContainer = container;
   }
-  return container;
-}
-function _getQContainerElement(element) {
-  return (Array.isArray(element) ? vnode_getDomParent(element) : element).closest(QContainerSelector);
-}
-const isDomContainer = (container) => container instanceof DomContainer;
-class DomContainer extends _SharedContainer {
-  constructor(element) {
-    super(() => this.scheduleRender(), () => vnode_applyJournal(this.$journal$), {}, element.getAttribute("q:locale"));
-    __publicField(this, "element");
-    __publicField(this, "qContainer");
-    __publicField(this, "qBase");
-    __publicField(this, "qManifestHash");
-    __publicField(this, "rootVNode");
-    __publicField(this, "document");
-    __publicField(this, "$journal$");
-    __publicField(this, "renderDone", null);
-    __publicField(this, "$rawStateData$");
-    __publicField(this, "$storeProxyMap$", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "$qFuncs$");
-    __publicField(this, "$instanceHash$");
-    __publicField(this, "vNodeLocate", (id) => vnode_locate(this.rootVNode, id));
-    __publicField(this, "$stateData$");
-    __publicField(this, "$styleIds$", null);
-    __publicField(this, "$renderCount$", 0);
-    __publicField(this, "$getObjectById$", (id) => ("string" == typeof id && (id = parseFloat(id)), assertTrue(id < this.$rawStateData$.length / 2, `Invalid reference: ${id} >= ${this.$rawStateData$.length / 2}`), this.$stateData$[id]));
-    if (this.qContainer = element.getAttribute("q:container"), !this.qContainer) {
-      throw qError(QError.elementWithoutContainer);
-    }
-    this.$journal$ = [VNodeJournalOpCode.HoistStyles, element.ownerDocument], this.document = element.ownerDocument, this.element = element, this.qBase = element.getAttribute("q:base"), this.$instanceHash$ = element.getAttribute("q:instance"), this.qManifestHash = element.getAttribute("q:manifest-hash"), this.rootVNode = vnode_newUnMaterializedElement(this.element), this.$rawStateData$ = null, this.$stateData$ = null;
-    const document2 = this.element.ownerDocument;
-    document2.qVNodeData || processVNodeData(document2), this.$rawStateData$ = [], this.$stateData$ = [];
-    const qwikStates = element.querySelectorAll('script[type="qwik/state"]');
-    if (0 !== qwikStates.length) {
-      this.$rawStateData$ = JSON.parse(qwikStates[qwikStates.length - 1].textContent), this.$stateData$ = wrapDeserializerProxy(this, this.$rawStateData$);
+  return node;
+};
+function getNodeAfterCommentNode(node, commentValue, nextSibling, firstChild) {
+  for (; node; ) {
+    if (node.nodeValue?.startsWith(commentValue)) {
+      return node = nextSibling.call(node) || null;
     }
-    this.$qFuncs$ = getQFuncs(document2, this.$instanceHash$) || EMPTY_ARRAY;
+    let nextNode = firstChild.call(node);
+    nextNode || (nextNode = nextSibling.call(node)), nextNode || (nextNode = fastParentNode(node), nextNode && (nextNode = nextSibling.call(nextNode))), node = nextNode;
   }
-  $setRawState$(id, vParent) {
-    this.$stateData$[id] = vParent;
+  return null;
+}
+let _fastParentNode = null;
+const fastParentNode = (node) => (_fastParentNode || (_fastParentNode = fastGetter(node, "parentNode")), _fastParentNode.call(node));
+let _fastFirstChild = null;
+const fastFirstChild = (node) => {
+  for (_fastFirstChild || (_fastFirstChild = fastGetter(node, "firstChild")), node = node && _fastFirstChild.call(node); node && !fastIsTextOrElement(node); ) {
+    node = fastNextSibling(node);
   }
-  parseQRL(qrl2) {
-    return inflateQRL(this, parseQRL(qrl2));
+  return node;
+};
+let _fastNamespaceURI = null;
+const fastNamespaceURI = (element) => (_fastNamespaceURI || (_fastNamespaceURI = fastGetter(element, "namespaceURI")), _fastNamespaceURI.call(element));
+let _fastNodeName = null;
+const fastNodeName = (element) => (_fastNodeName || (_fastNodeName = fastGetter(element, "nodeName")), _fastNodeName.call(element));
+const fastGetter = (prototype, name) => {
+  let getter;
+  for (; prototype && !(getter = Object.getOwnPropertyDescriptor(prototype, name)?.get); ) {
+    prototype = Object.getPrototypeOf(prototype);
   }
-  handleError(err, host) {
-    const errorStore = host && this.resolveContext(host, ERROR_CONTEXT);
-    if (!errorStore) {
-      throw err;
+  return getter || function() {
+    return this[name];
+  };
+};
+const isQStyleElement = (node) => isElement(node) && "STYLE" === node.nodeName && (node.hasAttribute("q:sstyle") || node.hasAttribute(QStyle));
+const materializeFromDOM = (vParent, firstChild, vData) => {
+  let vFirstChild = null;
+  const skipStyleElements = () => {
+    for (; isQStyleElement(child); ) {
+      child = fastNextSibling(child);
     }
-    errorStore.error = err;
-  }
-  setContext(host, context, value) {
-    let ctx = this.getHostProp(host, "q:ctx");
-    ctx || this.setHostProp(host, "q:ctx", ctx = []), mapArray_set(ctx, context.id, value, 0);
+  };
+  let child = firstChild;
+  skipStyleElements();
+  let vChild = null;
+  for (; child; ) {
+    const nodeType = fastNodeType(child);
+    let vNextChild = null;
+    3 === nodeType ? vNextChild = vnode_newText(child, child.textContent ?? void 0) : 1 === nodeType && (vNextChild = vnode_newUnMaterializedElement(child)), vNextChild && (vNextChild[1] = vParent, vChild && (vChild[3] = vNextChild), vNextChild[2] = vChild, vChild = vNextChild), vFirstChild || (vParent[4] = vFirstChild = vChild), child = fastNextSibling(child), skipStyleElements();
   }
-  resolveContext(host, contextId) {
-    for (; host; ) {
-      const ctx = this.getHostProp(host, "q:ctx");
-      if (ctx) {
-        const value = mapArray_get(ctx, contextId.id, 0);
-        if (value) {
-          return value;
-        }
+  if (vParent[5] = vChild || null, vParent[4] = vFirstChild, vData) {
+    let container = null;
+    processVNodeData(vData, (peek, consumeValue) => {
+      if (peek() === VNodeDataChar.ID) {
+        container || (container = getDomContainer(vParent[6]));
+        const id = consumeValue();
+        container.$setRawState$(parseInt(id), vParent);
+      } else {
+        peek() === VNodeDataChar.BACK_REFS ? (container || (container = getDomContainer(vParent[6])), setEffectBackRefFromVNodeData(vParent, consumeValue(), container)) : consumeValue();
       }
-      host = this.getParentHost(host);
+    });
+  }
+  return vFirstChild;
+};
+function setEffectBackRefFromVNodeData(vParent, value, container) {
+  const deserializedSubMap = container.$getObjectById$(value);
+  if (vParent[_EFFECT_BACK_REF]) {
+    mergeMaps(vParent[_EFFECT_BACK_REF], deserializedSubMap);
+  } else {
+    Object.defineProperty(vParent, _EFFECT_BACK_REF, {
+      value: deserializedSubMap
+    });
+  }
+}
+const processVNodeData = (vData, callback) => {
+  let nextToConsumeIdx = 0;
+  let ch = 0;
+  let peekCh = 0;
+  const peek = () => 0 !== peekCh ? peekCh : peekCh = nextToConsumeIdx < vData.length ? vData.charCodeAt(nextToConsumeIdx) : 0;
+  const consume = () => (ch = peek(), peekCh = 0, nextToConsumeIdx++, ch);
+  const consumeValue = () => {
+    consume();
+    const start = nextToConsumeIdx;
+    for (; peek() <= 58 && 0 !== peekCh || 95 === peekCh || peekCh >= 65 && peekCh <= 90 || peekCh >= 97 && peekCh <= 122; ) {
+      consume();
     }
+    return vData.substring(start, nextToConsumeIdx);
+  };
+  for (; 0 !== peek(); ) {
+    callback(peek, consumeValue, consume, nextToConsumeIdx);
   }
-  getParentHost(host) {
-    let vNode = vnode_getParent(host);
-    for (; vNode; ) {
-      if (vnode_isVirtualVNode(vNode)) {
-        if (null !== vnode_getProp(vNode, "q:renderFn", null)) {
-          return vNode;
-        }
-        vNode = vnode_getParent(vNode) || vnode_getProp(vNode, "q:sparent", this.vNodeLocate);
-      } else {
-        vNode = vnode_getParent(vNode);
+};
+const vnode_getNextSibling = (vnode) => vnode[3];
+const vnode_getPreviousSibling = (vnode) => vnode[2];
+const vnode_setAttr = (journal, vnode, key, value) => {
+  const type = vnode[0];
+  if (3 & type) {
+    vnode_ensureElementInflated(vnode);
+    const props = vnode_getProps(vnode);
+    const idx = mapApp_findIndx(props, key, 0);
+    if (idx >= 0) {
+      if (props[idx + 1] != value && 1 & type) {
+        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)) {
+      journal && journal.push(2, vnode[6], key, value);
     }
-    return null;
   }
-  setHostProp(host, name, value) {
-    vnode_setProp(host, name, value);
+};
+const vnode_getAttr = (vnode, key) => {
+  if (3 & vnode[0]) {
+    vnode_ensureElementInflated(vnode);
+    const props = vnode_getProps(vnode);
+    return mapArray_get(props, key, 0);
   }
-  getHostProp(host, name) {
-    const vNode = host;
-    let getObjectById2 = null;
-    switch (name) {
-      case "q:seq":
-      case "q:props":
-      case "q:renderFn":
-      case "q:ctx":
-      case "q:brefs":
-        getObjectById2 = this.$getObjectById$;
-        break;
-      case "q:seqIdx":
-      case ":onIdx":
-        getObjectById2 = parseInt;
+  return null;
+};
+const vnode_getProp = (vnode, key, getObject) => {
+  const type = vnode[0];
+  if (3 & type) {
+    1 & type && vnode_ensureElementInflated(vnode);
+    const props = vnode_getProps(vnode);
+    const idx = mapApp_findIndx(props, key, 0);
+    if (idx >= 0) {
+      let value = props[idx + 1];
+      return "string" == typeof value && getObject && (props[idx + 1] = value = getObject(value)), value;
     }
-    return vnode_getProp(vNode, name, getObjectById2);
   }
-  scheduleRender() {
-    return this.$renderCount$++, this.renderDone || (this.renderDone = getPlatform().nextTick(() => this.processChores())), this.renderDone.finally(() => emitEvent("qrender", {
-      instanceHash: this.$instanceHash$,
-      renderCount: this.$renderCount$
-    }));
+  return null;
+};
+const vnode_setProp = (vnode, key, value) => {
+  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);
+};
+const vnode_getPropStartIndex = (vnode) => {
+  const type = 7 & vnode[0];
+  if (1 === type) {
+    return 8;
   }
-  processChores() {
-    let renderCount = this.$renderCount$;
-    const result = this.$scheduler$(ChoreType.WAIT_FOR_ALL);
-    if (isPromise(result)) {
-      return result.then(async () => {
-        for (; renderCount !== this.$renderCount$; ) {
-          renderCount = this.$renderCount$, await this.$scheduler$(ChoreType.WAIT_FOR_ALL);
-        }
-        this.renderDone = null;
-      });
-    }
-    renderCount === this.$renderCount$ ? this.renderDone = null : this.processChores();
+  if (2 === type) {
+    return 6;
   }
-  ensureProjectionResolved(vNode) {
-    if (!(vNode[VNodeProps.flags] & VNodeFlags.Resolved)) {
-      vNode[VNodeProps.flags] |= VNodeFlags.Resolved;
-      const props = vnode_getProps(vNode);
-      for (let i = 0; i < props.length; i += 2) {
-        if (isSlotProp(props[i])) {
-          const value = props[i + 1];
-          "string" == typeof value && (props[i + 1] = this.vNodeLocate(value));
+  throw qError(43, [type]);
+};
+const vnode_getProps = (vnode) => vnode[vnode_getPropStartIndex(vnode)];
+const vnode_getParent = (vnode) => vnode[1] || null;
+const vnode_getNode = (vnode) => null === vnode || vnode_isVirtualVNode(vnode) ? null : vnode_isElementVNode(vnode) ? vnode[6] : (assertTrue(vnode_isTextVNode(vnode)), vnode[4]);
+const isNumber = (ch) => 48 <= ch && ch <= 57;
+const isLowercase = (ch) => 97 <= ch && ch <= 122;
+const stack = [];
+function materializeFromVNodeData(vParent, vData, element, child) {
+  let idx = 0;
+  let vFirst = null;
+  let vLast = null;
+  let previousTextNode = null;
+  const addVNode = (node) => {
+    node[0] = 255 & node[0] | idx << 8, idx++, vLast && (vLast[3] = node), node[2] = vLast, node[1] = vParent, vFirst || (vParent[4] = vFirst = node), vLast = node;
+  };
+  let textIdx = 0;
+  let combinedText = null;
+  let container = null;
+  return processVNodeData(vData, (peek, consumeValue, consume, nextToConsumeIdx) => {
+    if (isNumber(peek())) {
+      for (; !isElement(child); ) {
+        if (!(child = fastNextSibling(child))) {
+          throw qError(44, [vData, peek(), nextToConsumeIdx]);
         }
       }
+      for (; isQStyleElement(child); ) {
+        child = fastNextSibling(child);
+      }
+      combinedText = null, previousTextNode = null;
+      let value = 0;
+      for (; isNumber(peek()); ) {
+        value *= 10, value += consume() - 48;
+      }
+      for (; value--; ) {
+        addVNode(vnode_newUnMaterializedElement(child)), child = fastNextSibling(child);
+      }
+    } else if (peek() === VNodeDataChar.SCOPED_STYLE) {
+      vnode_setAttr(null, vParent, "q:sstyle", consumeValue());
+    } else if (peek() === VNodeDataChar.RENDER_FN) {
+      vnode_setAttr(null, vParent, "q:renderFn", consumeValue());
+    } else if (peek() === VNodeDataChar.ID) {
+      container || (container = getDomContainer(element));
+      const id = consumeValue();
+      container.$setRawState$(parseInt(id), vParent);
+    } else if (peek() === VNodeDataChar.PROPS) {
+      vnode_setAttr(null, vParent, "q:props", consumeValue());
+    } else if (peek() === VNodeDataChar.KEY) {
+      vnode_setAttr(null, vParent, "q:key", consumeValue());
+    } else if (peek() === VNodeDataChar.SEQ) {
+      vnode_setAttr(null, vParent, "q:seq", consumeValue());
+    } else if (peek() === VNodeDataChar.SEQ_IDX) {
+      vnode_setAttr(null, vParent, "q:seqIdx", consumeValue());
+    } else if (peek() === VNodeDataChar.BACK_REFS) {
+      container || (container = getDomContainer(element)), setEffectBackRefFromVNodeData(vParent, consumeValue(), container);
+    } else if (peek() === VNodeDataChar.SLOT_PARENT) {
+      vnode_setProp(vParent, "q:sparent", consumeValue());
+    } else if (peek() === VNodeDataChar.CONTEXT) {
+      vnode_setAttr(null, vParent, "q:ctx", consumeValue());
+    } else if (peek() === VNodeDataChar.OPEN) {
+      consume(), addVNode(vnode_newVirtual()), stack.push(vParent, vFirst, vLast, previousTextNode, idx), idx = 0, vParent = vLast, vFirst = vLast = null;
+    } else if (peek() === VNodeDataChar.SEPARATOR) {
+      const key = consumeValue();
+      const value = consumeValue();
+      vnode_setAttr(null, vParent, key, value);
+    } else if (peek() === VNodeDataChar.CLOSE) {
+      consume(), vParent[5] = vLast, idx = stack.pop(), previousTextNode = stack.pop(), vLast = stack.pop(), vFirst = stack.pop(), vParent = stack.pop();
+    } else if (peek() === VNodeDataChar.SLOT) {
+      vnode_setAttr(null, vParent, QSlot, consumeValue());
+    } else {
+      const textNode = child && 3 === fastNodeType(child) ? child : null;
+      null === combinedText && (combinedText = textNode ? textNode.nodeValue : null, textIdx = 0);
+      let length = 0;
+      for (; isLowercase(peek()); ) {
+        length += consume() - 97, length *= 26;
+      }
+      length += consume() - 65;
+      const text = null === combinedText ? "" : combinedText.substring(textIdx, textIdx + length);
+      addVNode(previousTextNode = vnode_newSharedText(previousTextNode, textNode, text)), textIdx += length;
     }
+  }), vParent[5] = vLast, vFirst;
+}
+const vnode_getType = (vnode) => {
+  const type = vnode[0];
+  if (1 & type) {
+    return 1;
   }
-  getSyncFn(id) {
-    const fn = this.$qFuncs$[id];
-    return fn;
+  if (2 & type) {
+    return 11;
   }
-  $appendStyle$(content, styleId, host, scoped) {
-    if (scoped) {
-      const scopedStyleIdsString = this.getHostProp(host, "q:sstyle");
-      const scopedStyleIds = new Set(convertScopedStyleIdsToArray(scopedStyleIdsString));
-      scopedStyleIds.add(styleId), this.setHostProp(host, "q:sstyle", convertStyleIdsToString(scopedStyleIds));
-    }
-    if (null == this.$styleIds$ && (this.$styleIds$ = /* @__PURE__ */ new Set(), this.element.querySelectorAll(QStyleSelector).forEach((style) => {
-      this.$styleIds$.add(style.getAttribute(QStyle));
-    })), !this.$styleIds$.has(styleId)) {
-      this.$styleIds$.add(styleId);
-      const styleElement = this.document.createElement("style");
-      styleElement.setAttribute(QStyle, styleId), styleElement.textContent = content, this.$journal$.push(VNodeJournalOpCode.Insert, this.document.head, null, styleElement);
+  if (4 & type) {
+    return 3;
+  }
+  throw qError(43, [type]);
+};
+const isElement = (node) => node && "object" == typeof node && 1 === fastNodeType(node);
+const vnode_getProjectionParentComponent = (vHost, rootVNode) => {
+  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 vProjectionParent = vnode_isVirtualVNode(vHost) && qSlotParent;
+      vProjectionParent && projectionDepth++, vHost = vProjectionParent || vnode_getParent(vHost);
     }
+    projectionDepth > 0 && (vHost = vnode_getParent(vHost));
   }
-}
+  return vHost;
+};
+const VNodeArray = class VNode extends Array {
+  static createElement(flags, parent, previousSibling, nextSibling, firstChild, lastChild, element, elementName) {
+    return new VNode(flags, parent, previousSibling, nextSibling, firstChild, lastChild, element, elementName, []);
+  }
+  static createText(flags, parent, previousSibling, nextSibling, textNode, text) {
+    return new VNode(flags, parent, previousSibling, nextSibling, textNode, text);
+  }
+  static createVirtual(flags, parent, previousSibling, nextSibling, firstChild, lastChild) {
+    return new VNode(flags, parent, previousSibling, nextSibling, firstChild, lastChild, []);
+  }
+  constructor(flags, parent, previousSibling, nextSibling, ...rest) {
+    super(flags, parent, previousSibling, nextSibling, ...rest);
+  }
+};
 const deserializedProxyMap = /* @__PURE__ */ new WeakMap();
 const isDeserializerProxy = (value) => "object" == typeof value && null !== value && SERIALIZER_PROXY_UNWRAP in value;
 const SERIALIZER_PROXY_UNWRAP = Symbol("UNWRAP");
@@ -3336,7 +3202,7 @@ class DeserializationHandler {
     }
     const container = this.$container$;
     let propValue = allocate(container, typeId, value);
-    return typeId >= TypeIds.Error && (propValue = inflate(container, propValue, typeId, value)), Reflect.set(target, property, propValue), this.$data$[idx] = void 0, this.$data$[idx + 1] = propValue, propValue;
+    return typeId >= 12 && (propValue = inflate(container, propValue, typeId, value)), Reflect.set(target, property, propValue), this.$data$[idx] = void 0, this.$data$[idx + 1] = propValue, propValue;
   }
   has(target, property) {
     return property === SERIALIZER_PROXY_UNWRAP || Object.prototype.hasOwnProperty.call(target, property);
@@ -3366,13 +3232,13 @@ const inflate = (container, target, typeId, data) => {
   if (void 0 === typeId) {
     return target;
   }
-  switch (typeId !== TypeIds.Object && Array.isArray(data) && (data = _eagerDeserializeArray(container, data)), typeId) {
-    case TypeIds.Object:
+  switch (13 !== typeId && Array.isArray(data) && (data = _eagerDeserializeArray(container, data)), typeId) {
+    case 13:
       for (let i2 = 0; i2 < data.length; i2 += 4) {
         const key = deserializeData(container, data[i2], data[i2 + 1]);
         const valType = data[i2 + 2];
         const valData = data[i2 + 3];
-        valType === TypeIds.RootRef || valType >= TypeIds.Error ? Object.defineProperty(target, key, {
+        0 === valType || valType >= 12 ? Object.defineProperty(target, key, {
           get() {
             const value = deserializeData(container, valType, valData);
             return target[key] = value, value;
@@ -3390,54 +3256,56 @@ const inflate = (container, target, typeId, data) => {
         }) : target[key] = deserializeData(container, valType, valData);
       }
       break;
-    case TypeIds.QRL:
+    case 18:
       inflateQRL(container, target);
       break;
-    case TypeIds.Task:
+    case 19:
       const task = target;
       const v = data;
       task.$qrl$ = inflateQRL(container, v[0]), task.$flags$ = v[1], task.$index$ = v[2], task.$el$ = v[3], task[_EFFECT_BACK_REF] = v[4], task.$state$ = v[5];
       break;
-    case TypeIds.Resource:
+    case 20:
       const [resolved, result, effects] = data;
       const resource = target;
       resolved ? (resource.value = Promise.resolve(result), resource._resolved = result, resource._state = "resolved") : (resource.value = Promise.reject(result), resource._error = result, resource._state = "rejected"), getStoreHandler(target).$effects$ = effects;
       break;
-    case TypeIds.Component:
+    case 21:
       target[SERIALIZABLE_STATE][0] = data[0];
       break;
-    case TypeIds.Store:
-    case TypeIds.StoreArray: {
+    case 26:
+    case 27: {
       const [value, flags, effects2] = data;
       const store = getOrCreateStore(value, flags, container);
       getStoreHandler(store).$effects$ = effects2, target = store;
       break;
     }
-    case TypeIds.Signal: {
+    case 22: {
       const signal = target;
       const d = data;
       signal.$untrackedValue$ = d[0], signal.$effects$ = new Set(d.slice(1));
       break;
     }
-    case TypeIds.WrappedSignal: {
+    case 23: {
       const signal = target;
       const d = data;
       signal.$func$ = container.getSyncFn(d[0]), signal.$args$ = d[1], signal[_EFFECT_BACK_REF] = d[2], signal.$untrackedValue$ = d[3], signal.$flags$ = d[4], signal.$hostElement$ = d[5], signal.$effects$ = new Set(d.slice(6));
       break;
     }
-    case TypeIds.ComputedSignal: {
+    case 25:
+    case 24: {
       const computed = target;
       const d = data;
-      computed.$computeQrl$ = d[0], computed.$effects$ = d[1], 3 === d.length ? computed.$untrackedValue$ = d[2] : (computed.$flags$ |= SignalFlags.INVALID, computed.$computeQrl$.resolve(), container.$scheduler$?.(ChoreType.QRL_RESOLVE, null, computed.$computeQrl$));
+      computed.$computeQrl$ = d[0], computed.$effects$ = new Set(d[1]);
+      d.length > 2 ? (computed.$untrackedValue$ = d[2], 25 === typeId && (computed.$flags$ |= 1)) : (computed.$flags$ |= 1, computed.$computeQrl$.resolve(), container.$scheduler$?.(1, null, computed.$computeQrl$));
       break;
     }
-    case TypeIds.Error: {
+    case 12: {
       const d = data;
       target.message = d[0];
       const second = d[1];
       if (second && Array.isArray(second)) {
         for (let i2 = 0; i2 < second.length; i2++) {
-          target[second[i2++]] = d[i2];
+          target[second[i2++]] = second[i2];
         }
         target.stack = d[2];
       } else {
@@ -3445,7 +3313,7 @@ const inflate = (container, target, typeId, data) => {
       }
       break;
     }
-    case TypeIds.FormData: {
+    case 28: {
       const formData = target;
       const d = data;
       for (let i2 = 0; i2 < d.length; i2++) {
@@ -3453,13 +3321,13 @@ const inflate = (container, target, typeId, data) => {
       }
       break;
     }
-    case TypeIds.JSXNode: {
+    case 29: {
       const jsx2 = target;
       const [type, varProps, constProps, children, flags, key] = data;
       jsx2.type = type, jsx2.varProps = varProps, jsx2.constProps = constProps, jsx2.children = children, jsx2.flags = flags, jsx2.key = key;
       break;
     }
-    case TypeIds.Set: {
+    case 15: {
       const set = target;
       const d = data;
       for (let i2 = 0; i2 < d.length; i2++) {
@@ -3467,7 +3335,7 @@ const inflate = (container, target, typeId, data) => {
       }
       break;
     }
-    case TypeIds.Map: {
+    case 16: {
       const map = target;
       const d = data;
       for (let i2 = 0; i2 < d.length; i2++) {
@@ -3475,14 +3343,14 @@ const inflate = (container, target, typeId, data) => {
       }
       break;
     }
-    case TypeIds.Promise: {
+    case 14: {
       const promise = target;
       const [resolved2, result2] = data;
       const [resolve, reject] = resolvers.get(promise);
       resolved2 ? resolve(result2) : reject(result2);
       break;
     }
-    case TypeIds.Uint8Array:
+    case 17:
       const bytes = target;
       const buf = atob(data);
       let i = 0;
@@ -3490,17 +3358,17 @@ const inflate = (container, target, typeId, data) => {
         bytes[i++] = s.charCodeAt(0);
       }
       break;
-    case TypeIds.PropsProxy:
+    case 30:
       const propsProxy = target;
       propsProxy[_VAR_PROPS] = 0 === data ? {} : data[0], propsProxy[_CONST_PROPS] = data[1];
       break;
-    case TypeIds.EffectData: {
+    case 31: {
       const effectData = target;
       effectData.data.$scopedStyleIdPrefix$ = data[0], effectData.data.$isConst$ = data[1];
       break;
     }
     default:
-      throw qError(QError.serializeErrorNotImplemented, [typeId]);
+      throw qError(33, [typeId]);
   }
   return target;
 };
@@ -3510,59 +3378,60 @@ const allocate = (container, typeId, value) => {
     return typeId;
   }
   switch (typeId) {
-    case TypeIds.RootRef:
+    case 0:
       return container.$getObjectById$(value);
-    case TypeIds.Constant:
+    case 1:
       return _constants[value];
-    case TypeIds.Number:
+    case 2:
+    case 3:
       return value;
-    case TypeIds.Array:
+    case 4:
       return wrapDeserializerProxy(container, value);
-    case TypeIds.Object:
+    case 13:
       return {};
-    case TypeIds.QRL:
+    case 18:
       return parseQRL(container.$getObjectById$(value));
-    case TypeIds.Task:
+    case 19:
       return new Task(-1, -1, null, null, null, null);
-    case TypeIds.Resource: {
+    case 20: {
       const res = createResourceReturn(container, void 0, void 0);
       return res.loading = false, res;
     }
-    case TypeIds.URL:
+    case 5:
       return new URL(value);
-    case TypeIds.Date:
+    case 6:
       return new Date(value);
-    case TypeIds.Regex:
+    case 7:
       const idx = value.lastIndexOf("/");
       return new RegExp(value.slice(1, idx), value.slice(idx + 1));
-    case TypeIds.Error:
+    case 12:
       return new Error();
-    case TypeIds.Component:
+    case 21:
       return componentQrl(null);
-    case TypeIds.Signal:
-      return new Signal(container, 0);
-    case TypeIds.WrappedSignal:
+    case 22:
+      return new SignalImpl(container, 0);
+    case 23:
       return new WrappedSignal(container, null, null, null);
-    case TypeIds.ComputedSignal:
-      return new ComputedSignal(container, null);
-    case TypeIds.Store:
-    case TypeIds.StoreArray:
+    case 24:
+      return new ComputedSignalImpl(container, null);
+    case 25:
+      return new SerializerSignalImpl(container, null);
+    case 26:
+    case 27:
       return null;
-    case TypeIds.URLSearchParams:
+    case 11:
       return new URLSearchParams(value);
-    case TypeIds.FormData:
+    case 28:
       return new FormData();
-    case TypeIds.JSXNode:
+    case 29:
       return new JSXNodeImpl(null, null, null, null, -1, null);
-    case TypeIds.BigInt:
+    case 10:
       return BigInt(value);
-    case TypeIds.Set:
+    case 15:
       return /* @__PURE__ */ new Set();
-    case TypeIds.Map:
+    case 16:
       return /* @__PURE__ */ new Map();
-    case TypeIds.String:
-      return value;
-    case TypeIds.Promise:
+    case 14:
       let resolve;
       let reject;
       const promise = new Promise((res, rej) => {
@@ -3570,24 +3439,24 @@ const allocate = (container, typeId, value) => {
       });
       return resolvers.set(promise, [resolve, reject]), promise.catch(() => {
       }), promise;
-    case TypeIds.Uint8Array:
+    case 17:
       const encodedLength = value.length;
       const rest = 3 & encodedLength;
       return new Uint8Array(3 * (encodedLength >>> 2) + (rest ? rest - 1 : 0));
-    case TypeIds.PropsProxy:
+    case 30:
       return createPropsProxy(null, null);
-    case TypeIds.VNode:
+    case 8:
       return retrieveVNodeOrDocument(container, value);
-    case TypeIds.RefVNode:
+    case 9:
       const vNode = retrieveVNodeOrDocument(container, value);
       if (vnode_isVNode(vNode)) {
         return vnode_getNode(vNode);
       }
-      throw qError(QError.serializeErrorExpectedVNode, [typeof vNode]);
-    case TypeIds.EffectData:
+      throw qError(34, [typeof vNode]);
+    case 31:
       return new SubscriptionData({});
     default:
-      throw qError(QError.serializeErrorCannotAllocate, [typeId]);
+      throw qError(35, [typeId]);
   }
 };
 function retrieveVNodeOrDocument(container, value) {
@@ -3649,7 +3518,7 @@ const createSerializationContext = (NodeConstructor, DomRefConstructor, symbolTo
     $getRootId$: (obj) => {
       const id = map.get(obj);
       if (!id || -1 === id) {
-        throw qError(QError.serializeErrorMissingRootId, [obj]);
+        throw qError(36, [obj]);
       }
       return id;
     },
@@ -3700,9 +3569,12 @@ const createSerializationContext = (NodeConstructor, DomRefConstructor, symbolTo
           obj.forEach((v, k) => {
             discoveredValues.push(k, v);
           });
-        } else if (obj instanceof Signal) {
-          const v = obj instanceof WrappedSignal ? obj.untrackedValue : obj instanceof ComputedSignal && (obj.$flags$ & SignalFlags.INVALID || fastSkipSerialize(obj)) ? NEEDS_COMPUTATION : obj.$untrackedValue$;
-          v !== NEEDS_COMPUTATION && discoveredValues.push(v), obj.$effects$ && discoveredValues.push(obj.$effects$), obj instanceof WrappedSignal ? (discoverEffectBackRefs(obj[_EFFECT_BACK_REF], discoveredValues), obj.$args$ && discoveredValues.push(...obj.$args$), obj.$hostElement$ && discoveredValues.push(obj.$hostElement$)) : obj instanceof ComputedSignal && (discoverEffectBackRefs(obj[_EFFECT_BACK_REF], discoveredValues), discoveredValues.push(obj.$computeQrl$));
+        } else if (obj instanceof SignalImpl) {
+          const toSerialize = obj instanceof ComputedSignalImpl && !(obj instanceof SerializerSignalImpl) && (1 & obj.$flags$ || fastSkipSerialize(obj)) ? NEEDS_COMPUTATION : obj.$untrackedValue$;
+          toSerialize !== NEEDS_COMPUTATION && (obj instanceof SerializerSignalImpl ? promises.push(obj.$computeQrl$.resolve().then((arg) => {
+            let data;
+            arg.serialize ? data = arg.serialize(toSerialize) : SerializerSymbol in toSerialize && (data = toSerialize[SerializerSymbol](toSerialize)), void 0 === data && (data = NEEDS_COMPUTATION), serializationResults.set(obj, data), discoveredValues.push(data);
+          })) : discoveredValues.push(toSerialize)), obj.$effects$ && discoveredValues.push(obj.$effects$), obj instanceof WrappedSignal ? (discoverEffectBackRefs(obj[_EFFECT_BACK_REF], discoveredValues), obj.$args$ && discoveredValues.push(...obj.$args$), obj.$hostElement$ && discoveredValues.push(obj.$hostElement$)) : obj instanceof ComputedSignalImpl && (discoverEffectBackRefs(obj[_EFFECT_BACK_REF], discoveredValues), discoveredValues.push(obj.$computeQrl$));
         } else if (obj instanceof Task) {
           discoveredValues.push(obj.$el$, obj.$qrl$, obj.$state$), discoverEffectBackRefs(obj[_EFFECT_BACK_REF], discoveredValues);
         } else if (isSsrNode2(obj)) {
@@ -3715,8 +3587,6 @@ const createSerializationContext = (NodeConstructor, DomRefConstructor, symbolTo
           discoveredValues.push(obj.$ssrNode$.id);
         } else if (isJSXNode(obj)) {
           discoveredValues.push(obj.type, obj.props, obj.constProps, obj.children);
-        } else if (Array.isArray(obj)) {
-          discoveredValues.push(...obj);
         } else if (isQrl$1(obj)) {
           obj.$captureRef$ && obj.$captureRef$.length && discoveredValues.push(...obj.$captureRef$);
         } else if (isPropsProxy(obj)) {
@@ -3729,9 +3599,14 @@ const createSerializationContext = (NodeConstructor, DomRefConstructor, symbolTo
           }), promises.push(obj);
         } else if (obj instanceof SubscriptionData) {
           discoveredValues.push(obj.data);
+        } else if (Array.isArray(obj)) {
+          discoveredValues.push(...obj);
+        } else if (isSerializerObj(obj)) {
+          const result = obj[SerializerSymbol](obj);
+          serializationResults.set(obj, result), discoveredValues.push(result);
         } else {
           if (!isObjectLiteral(obj)) {
-            throw qError(QError.serializeErrorUnknownType, [obj]);
+            throw qError(37, [obj]);
           }
           Object.entries(obj).forEach(([key, value]) => {
             discoveredValues.push(key, value);
@@ -3778,6 +3653,7 @@ const discoverEffectBackRefs = (effectsBackRefs, discoveredValues) => {
   effectsBackRefs && discoveredValues.push(effectsBackRefs);
 };
 const promiseResults = /* @__PURE__ */ new WeakMap();
+const serializationResults = /* @__PURE__ */ new WeakMap();
 function serialize(serializationContext) {
   const { $writer$, $isSsrNode$, $isDomRef$, $setProp$, $storeProxyMap$ } = serializationContext;
   let depth = -1;
@@ -3804,46 +3680,46 @@ function serialize(serializationContext) {
   };
   const writeValue = (value, idx) => {
     if (fastSkipSerialize(value)) {
-      output(TypeIds.Constant, Constants.Undefined);
+      output(1, 0);
     } else if ("bigint" == typeof value) {
-      output(TypeIds.BigInt, value.toString());
+      output(10, value.toString());
     } else if ("boolean" == typeof value) {
-      output(TypeIds.Constant, value ? Constants.True : Constants.False);
+      output(1, value ? 2 : 3);
     } else if ("function" == typeof value) {
       if (value === Slot) {
-        output(TypeIds.Constant, Constants.Slot);
+        output(1, 9);
       } else if (value === Fragment) {
-        output(TypeIds.Constant, Constants.Fragment);
+        output(1, 10);
       } else if (isQrl$1(value)) {
         const qrl2 = qrlToString(serializationContext, value);
         const id = serializationContext.$addRoot$(qrl2);
-        output(TypeIds.QRL, id);
+        output(18, id);
       } else if (isQwikComponent(value)) {
         const [qrl2] = value[SERIALIZABLE_STATE];
-        serializationContext.$renderSymbols$.add(qrl2.$symbol$), output(TypeIds.Component, [qrl2]);
+        serializationContext.$renderSymbols$.add(qrl2.$symbol$), output(21, [qrl2]);
       } else {
-        console.error("Cannot serialize function (ignoring for now): " + value.toString()), output(TypeIds.Constant, Constants.Undefined);
+        console.error("Cannot serialize function (ignoring for now): " + value.toString()), output(1, 0);
       }
     } else if ("number" == typeof value) {
-      Number.isNaN(value) ? output(TypeIds.Constant, Constants.NaN) : Number.isFinite(value) ? value === Number.MAX_SAFE_INTEGER ? output(TypeIds.Constant, Constants.MaxSafeInt) : value === Number.MAX_SAFE_INTEGER - 1 ? output(TypeIds.Constant, Constants.AlmostMaxSafeInt) : value === Number.MIN_SAFE_INTEGER ? output(TypeIds.Constant, Constants.MinSafeInt) : output(TypeIds.Number, value) : output(TypeIds.Constant, value < 0 ? Constants.NegativeInfinity : Constants.PositiveInfinity);
+      Number.isNaN(value) ? output(1, 11) : Number.isFinite(value) ? value === Number.MAX_SAFE_INTEGER ? output(1, 14) : value === Number.MAX_SAFE_INTEGER - 1 ? output(1, 15) : value === Number.MIN_SAFE_INTEGER ? output(1, 16) : output(2, value) : output(1, value < 0 ? 13 : 12);
     } else if ("object" == typeof value) {
-      value === EMPTY_ARRAY ? output(TypeIds.Constant, Constants.EMPTY_ARRAY) : value === EMPTY_OBJ ? output(TypeIds.Constant, Constants.EMPTY_OBJ) : (depth++, null === value ? output(TypeIds.Constant, Constants.Null) : writeObjectValue(value, idx), depth--);
+      value === EMPTY_ARRAY ? output(1, 5) : value === EMPTY_OBJ ? output(1, 6) : null === value ? output(1, 1) : (depth++, writeObjectValue(value, idx), depth--);
     } else if ("string" == typeof value) {
       if (0 === value.length) {
-        output(TypeIds.Constant, Constants.EmptyString);
+        output(1, 4);
       } else {
         const seen = depth > 1 && serializationContext.$wasSeen$(value);
-        "number" == typeof seen && seen >= 0 ? output(TypeIds.RootRef, seen) : output(TypeIds.String, value);
+        "number" == typeof seen && seen >= 0 ? output(0, seen) : output(3, value);
       }
     } else if (void 0 === value) {
-      output(TypeIds.Constant, Constants.Undefined);
+      output(1, 0);
     } else if (value === NEEDS_COMPUTATION) {
-      output(TypeIds.Constant, Constants.NEEDS_COMPUTATION);
+      output(1, 7);
     } else {
       if (value !== STORE_ALL_PROPS) {
-        throw qError(QError.serializeErrorUnknownType, [typeof value]);
+        throw qError(37, [typeof value]);
       }
-      output(TypeIds.Constant, Constants.STORE_ALL_PROPS);
+      output(1, 8);
     }
   };
   const writeObjectValue = (value, idx) => {
@@ -3851,24 +3727,24 @@ function serialize(serializationContext) {
     if (depth > 2) {
       const seen = serializationContext.$wasSeen$(value);
       if ("number" == typeof seen && seen >= 0) {
-        return void output(TypeIds.RootRef, seen);
+        return void output(0, seen);
       }
     }
     if (isPropsProxy(value)) {
       const varProps = value[_VAR_PROPS];
       const constProps = value[_CONST_PROPS];
       const out = constProps ? [varProps, constProps] : Object.keys(varProps).length ? [varProps] : 0;
-      output(TypeIds.PropsProxy, out);
+      output(30, out);
     } else if (value instanceof SubscriptionData) {
-      output(TypeIds.EffectData, [value.data.$scopedStyleIdPrefix$, value.data.$isConst$]);
+      output(31, [value.data.$scopedStyleIdPrefix$, value.data.$isConst$]);
     } else if (isStore(value)) {
       if (isResource(value)) {
         serializationContext.$resources$.add(value);
         const res = promiseResults.get(value.value);
         if (!res) {
-          throw qError(QError.serializeErrorUnvisited, ["resource"]);
+          throw qError(38, ["resource"]);
         }
-        output(TypeIds.Resource, [...res, getStoreHandler(value).$effects$]);
+        output(20, [...res, getStoreHandler(value).$effects$]);
       } else {
         const storeHandler = getStoreHandler(value);
         const storeTarget = getStoreTarget(value);
@@ -3886,93 +3762,104 @@ function serialize(serializationContext) {
         for (; null == out[out.length - 1]; ) {
           out.pop();
         }
-        output(Array.isArray(storeTarget) ? TypeIds.StoreArray : TypeIds.Store, out);
+        output(Array.isArray(storeTarget) ? 27 : 26, out);
+      }
+    } else if (isSerializerObj(value)) {
+      let result = serializationResults.get(value);
+      if (isPromise(result)) {
+        const promiseResult = promiseResults.get(result);
+        if (!promiseResult[0]) {
+          throw console.error(promiseResult[1]), qError(50);
+        }
+        result = promiseResult[1];
       }
+      depth--, writeValue(result, idx), depth++;
     } else if (isObjectLiteral(value)) {
       if (Array.isArray(value)) {
-        output(TypeIds.Array, value);
+        output(4, value);
       } else {
         const out = [];
         for (const key in value) {
           Object.prototype.hasOwnProperty.call(value, key) && !fastSkipSerialize(value[key]) && out.push(key, value[key]);
         }
-        output(TypeIds.Object, out);
+        output(13, out);
       }
     } else if ($isDomRef$(value)) {
-      value.$ssrNode$.vnodeData[0] |= VNodeDataFlag.SERIALIZE, output(TypeIds.RefVNode, value.$ssrNode$.id);
-    } else if (value instanceof Signal) {
-      const v = value instanceof ComputedSignal && (value.$flags$ & SignalFlags.INVALID || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
+      value.$ssrNode$.vnodeData[0] |= 16, output(9, value.$ssrNode$.id);
+    } else if (value instanceof SignalImpl) {
+      const isSerialized = value instanceof SerializerSignalImpl;
+      const v = !isSerialized && value instanceof ComputedSignalImpl && (1 & value.$flags$ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
       if (value instanceof WrappedSignal) {
-        output(TypeIds.WrappedSignal, [...serializeWrappingFn(serializationContext, value), filterEffectBackRefs(value[_EFFECT_BACK_REF]), v, value.$flags$, value.$hostElement$, ...value.$effects$ || []]);
-      } else if (value instanceof ComputedSignal) {
+        output(23, [...serializeWrappingFn(serializationContext, value), filterEffectBackRefs(value[_EFFECT_BACK_REF]), v, value.$flags$, value.$hostElement$, ...value.$effects$ || []]);
+      } else if (value instanceof ComputedSignalImpl) {
         const out = [value.$computeQrl$, value.$effects$];
-        v !== NEEDS_COMPUTATION && out.push(v), output(TypeIds.ComputedSignal, out);
+        v !== NEEDS_COMPUTATION && out.push(isSerialized ? serializationResults.get(value) : v), output(isSerialized ? 25 : 24, out);
       } else {
-        output(TypeIds.Signal, [v, ...value.$effects$ || []]);
+        output(22, [v, ...value.$effects$ || []]);
       }
     } else if (value instanceof URL) {
-      output(TypeIds.URL, value.href);
+      output(5, value.href);
     } else if (value instanceof Date) {
-      output(TypeIds.Date, Number.isNaN(value.valueOf()) ? "" : value.valueOf());
+      output(6, Number.isNaN(value.valueOf()) ? "" : value.valueOf());
     } else if (value instanceof RegExp) {
-      output(TypeIds.Regex, value.toString());
+      output(7, value.toString());
     } else if (value instanceof Error) {
       const out = [value.message];
       const extraProps = Object.entries(value).flat();
-      extraProps.length && out.push(extraProps), out.push(value.stack), output(TypeIds.Error, out);
+      extraProps.length && out.push(extraProps), out.push(value.stack), output(12, out);
     } else if ($isSsrNode$(value)) {
       if (isRootObject) {
-        $setProp$(value, "q:id", String(idx)), output(TypeIds.VNode, value.id);
+        $setProp$(value, "q:id", String(idx)), output(8, value.id);
         const vNodeData = value.vnodeData;
-        if (vNodeData && (serializationContext.$prepVNodeData$?.(vNodeData), vNodeData[0] |= VNodeDataFlag.SERIALIZE), value.childrenVNodeData) {
+        if (vNodeData && (serializationContext.$prepVNodeData$?.(vNodeData), vNodeData[0] |= 16), value.childrenVNodeData) {
           for (const vNodeData2 of value.childrenVNodeData) {
-            vNodeData2[0] |= VNodeDataFlag.SERIALIZE;
+            vNodeData2[0] |= 16;
           }
         }
       } else {
-        serializationContext.$addRoot$(value), output(TypeIds.RootRef, serializationContext.$roots$.length - 1);
+        serializationContext.$addRoot$(value), output(0, serializationContext.$roots$.length - 1);
       }
     } else if ("undefined" != typeof FormData && value instanceof FormData) {
       const array = [];
       value.forEach((value2, key) => {
         array.push(key, "string" == typeof value2 ? value2 : value2.name);
-      }), output(TypeIds.FormData, array);
+      }), output(28, array);
     } else if (value instanceof URLSearchParams) {
-      output(TypeIds.URLSearchParams, value.toString());
+      output(11, value.toString());
     } else if (value instanceof Set) {
-      output(TypeIds.Set, [...value.values()]);
+      output(15, [...value.values()]);
     } else if (value instanceof Map) {
       const combined = [];
       for (const [k, v] of value.entries()) {
         combined.push(k, v);
       }
-      output(TypeIds.Map, combined);
+      output(16, combined);
     } else if (isJSXNode(value)) {
-      output(TypeIds.JSXNode, [value.type, value.varProps, value.constProps, value.children, value.flags, value.key]);
+      output(29, [value.type, value.varProps, value.constProps, value.children, value.flags, value.key]);
     } else if (value instanceof Task) {
       const out = [value.$qrl$, value.$flags$, value.$index$, value.$el$, value[_EFFECT_BACK_REF], value.$state$];
       for (; null == out[out.length - 1]; ) {
         out.pop();
       }
-      output(TypeIds.Task, out);
+      output(19, out);
     } else if (isPromise(value)) {
       const res = promiseResults.get(value);
       if (!res) {
-        throw qError(QError.serializeErrorUnvisited, ["promise"]);
+        throw qError(38, ["promise"]);
       }
-      output(TypeIds.Promise, res);
+      output(14, res);
     } else if (value instanceof Uint8Array) {
       let buf = "";
       for (const c of value) {
         buf += String.fromCharCode(c);
       }
       const out = btoa(buf).replace(/=+$/, "");
-      output(TypeIds.Uint8Array, out);
+      output(17, out);
     } else {
       if (!vnode_isVNode(value)) {
-        throw qError(QError.serializeErrorUnknownType, [typeof value]);
+        throw qError(37, [typeof value]);
       }
-      output(TypeIds.Constant, Constants.Undefined);
+      output(1, 0);
     }
   };
   writeValue(serializationContext.$roots$, -1);
@@ -3981,7 +3868,7 @@ function filterEffectBackRefs(effectBackRef) {
   let effectBackRefToSerialize = null;
   if (effectBackRef) {
     for (const [effectProp, effect] of effectBackRef) {
-      effect[EffectSubscriptionProp.BACK_REF] && (effectBackRefToSerialize || (effectBackRefToSerialize = /* @__PURE__ */ new Map()), effectBackRefToSerialize.set(effectProp, effect));
+      effect[2] && (effectBackRefToSerialize || (effectBackRefToSerialize = /* @__PURE__ */ new Map()), effectBackRefToSerialize.set(effectProp, effect));
     }
   }
   return effectBackRefToSerialize;
@@ -4007,7 +3894,7 @@ function qrlToString(serializationContext, value) {
       backChannel || (backChannel = globalThis[QRL_RUNTIME_CHUNK] = /* @__PURE__ */ new Map()), backChannel.set(value.$symbol$, value._devOnlySymbolRef), chunk || (chunk = QRL_RUNTIME_CHUNK);
     }
     if (!chunk) {
-      throw qError(QError.qrlMissingChunk, [value.$symbol$]);
+      throw qError(31, [value.$symbol$]);
     }
     chunk.startsWith("./") && (chunk = chunk.slice(2));
   }
@@ -4028,7 +3915,7 @@ function deserializeData(container, typeId, value) {
     return value;
   }
   let propValue = allocate(container, typeId, value);
-  return typeId >= TypeIds.Error && (propValue = inflate(container, propValue, typeId, value)), propValue;
+  return typeId >= 12 && (propValue = inflate(container, propValue, typeId, value)), propValue;
 }
 function shouldTrackObj(obj) {
   return "object" == typeof obj && null !== obj || "string" == typeof obj && obj.length > 1;
@@ -4040,18 +3927,13 @@ function isObjectLiteral(obj) {
 function isResource(value) {
   return "__brand" in value && "resource" === value.__brand;
 }
-const frameworkType = (obj) => "object" == typeof obj && null !== obj && (obj instanceof Signal || obj instanceof Task || isJSXNode(obj)) || isQrl$1(obj);
+const frameworkType = (obj) => "object" == typeof obj && null !== obj && (obj instanceof SignalImpl || obj instanceof Task || isJSXNode(obj)) || isQrl$1(obj);
 const QRL_RUNTIME_CHUNK = "mock-chunk";
-var TypeIds;
-var Constants;
-!function(TypeIds2) {
-  TypeIds2[TypeIds2.RootRef = 0] = "RootRef", TypeIds2[TypeIds2.Constant = 1] = "Constant", TypeIds2[TypeIds2.Number = 2] = "Number", TypeIds2[TypeIds2.String = 3] = "String", TypeIds2[TypeIds2.Array = 4] = "Array", TypeIds2[TypeIds2.URL = 5] = "URL", TypeIds2[TypeIds2.Date = 6] = "Date", TypeIds2[TypeIds2.Regex = 7] = "Regex", TypeIds2[TypeIds2.VNode = 8] = "VNode", TypeIds2[TypeIds2.RefVNode = 9] = "RefVNode", TypeIds2[TypeIds2.BigInt = 10] = "BigInt", TypeIds2[TypeIds2.URLSearchParams = 11] = "URLSearchParams", TypeIds2[TypeIds2.Error = 12] = "Error", TypeIds2[TypeIds2.Object = 13] = "Object", TypeIds2[TypeIds2.Promise = 14] = "Promise", TypeIds2[TypeIds2.Set = 15] = "Set", TypeIds2[TypeIds2.Map = 16] = "Map", TypeIds2[TypeIds2.Uint8Array = 17] = "Uint8Array", TypeIds2[TypeIds2.QRL = 18] = "QRL", TypeIds2[TypeIds2.Task = 19] = "Task", TypeIds2[TypeIds2.Resource = 20] = "Resource", TypeIds2[TypeIds2.Component = 21] = "Component", TypeIds2[TypeIds2.Signal = 22] = "Signal", TypeIds2[TypeIds2.WrappedSignal = 23] = "WrappedSignal", TypeIds2[TypeIds2.ComputedSignal = 24] = "ComputedSignal", TypeIds2[TypeIds2.Store = 25] = "Store", TypeIds2[TypeIds2.StoreArray = 26] = "StoreArray", TypeIds2[TypeIds2.FormData = 27] = "FormData", TypeIds2[TypeIds2.JSXNode = 28] = "JSXNode", TypeIds2[TypeIds2.PropsProxy = 29] = "PropsProxy", TypeIds2[TypeIds2.EffectData = 30] = "EffectData";
-}(TypeIds || (TypeIds = {})), function(Constants2) {
-  Constants2[Constants2.Undefined = 0] = "Undefined", Constants2[Constants2.Null = 1] = "Null", Constants2[Constants2.True = 2] = "True", Constants2[Constants2.False = 3] = "False", Constants2[Constants2.EmptyString = 4] = "EmptyString", Constants2[Constants2.EMPTY_ARRAY = 5] = "EMPTY_ARRAY", Constants2[Constants2.EMPTY_OBJ = 6] = "EMPTY_OBJ", Constants2[Constants2.NEEDS_COMPUTATION = 7] = "NEEDS_COMPUTATION", Constants2[Constants2.STORE_ALL_PROPS = 8] = "STORE_ALL_PROPS", Constants2[Constants2.Slot = 9] = "Slot", Constants2[Constants2.Fragment = 10] = "Fragment", Constants2[Constants2.NaN = 11] = "NaN", Constants2[Constants2.PositiveInfinity = 12] = "PositiveInfinity", Constants2[Constants2.NegativeInfinity = 13] = "NegativeInfinity", Constants2[Constants2.MaxSafeInt = 14] = "MaxSafeInt", Constants2[Constants2.AlmostMaxSafeInt = 15] = "AlmostMaxSafeInt", Constants2[Constants2.MinSafeInt = 16] = "MinSafeInt";
-}(Constants || (Constants = {}));
 const noSerializeSet = /* @__PURE__ */ new WeakSet();
-const fastSkipSerialize = (obj) => noSerializeSet.has(obj);
+const fastSkipSerialize = (obj) => "object" == typeof obj && obj && (NoSerializeSymbol in obj || noSerializeSet.has(obj));
 const noSerialize = (input) => (null != input && noSerializeSet.add(input), input);
+const NoSerializeSymbol = Symbol("noSerialize");
+const SerializerSymbol = Symbol("serialize");
 const createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef) => {
   let _containerEl;
   const qrl2 = async function(...args) {
@@ -4064,7 +3946,7 @@ const createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef) => {
       if (!qrl2.resolved) {
         return qrl2.resolve().then((fn) => {
           if (!isFunction(fn)) {
-            throw qError(QError.qrlIsNotFunction);
+            throw qError(10);
           }
           return bound(...args);
         });