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

package/dist/core.prod.cjs

@@ -1,6 +1,6 @@
 /**
  * @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
@@ -38,36 +38,6 @@
     function assertFalse() {
         qDev;
     }
-    var QError;
-    !function(QError) {
-        QError[QError.stringifyClassOrStyle = 0] = "stringifyClassOrStyle", QError[QError.schedulerNotFound = 1] = "schedulerNotFound", 
-        QError[QError.trackObjectWithoutProp = 2] = "trackObjectWithoutProp", QError[QError.verifySerializable = 3] = "verifySerializable", 
-        QError[QError.UNUSED_4 = 4] = "UNUSED_4", QError[QError.cannotRenderOverExistingContainer = 5] = "cannotRenderOverExistingContainer", 
-        QError[QError.UNUSED_6 = 6] = "UNUSED_6", QError[QError.UNUSED_7 = 7] = "UNUSED_7", 
-        QError[QError.UNUSED_8 = 8] = "UNUSED_8", QError[QError.UNUSED_9 = 9] = "UNUSED_9", 
-        QError[QError.qrlIsNotFunction = 10] = "qrlIsNotFunction", QError[QError.dynamicImportFailed = 11] = "dynamicImportFailed", 
-        QError[QError.unknownTypeArgument = 12] = "unknownTypeArgument", QError[QError.notFoundContext = 13] = "notFoundContext", 
-        QError[QError.useMethodOutsideContext = 14] = "useMethodOutsideContext", QError[QError.UNUSED_15 = 15] = "UNUSED_15", 
-        QError[QError.UNUSED_16 = 16] = "UNUSED_16", QError[QError.UNUSED_17 = 17] = "UNUSED_17", 
-        QError[QError.UNUSED_18 = 18] = "UNUSED_18", QError[QError.UNUSED_19 = 19] = "UNUSED_19", 
-        QError[QError.useInvokeContext = 20] = "useInvokeContext", QError[QError.UNUSED_21 = 21] = "UNUSED_21", 
-        QError[QError.UNUSED_22 = 22] = "UNUSED_22", QError[QError.UNUSED_23 = 23] = "UNUSED_23", 
-        QError[QError.UNUSED_24 = 24] = "UNUSED_24", QError[QError.UNUSED_25 = 25] = "UNUSED_25", 
-        QError[QError.UNUSED_26 = 26] = "UNUSED_26", QError[QError.UNUSED_27 = 27] = "UNUSED_27", 
-        QError[QError.invalidContext = 28] = "invalidContext", QError[QError.tagError = 29] = "tagError", 
-        QError[QError.qrlMissingContainer = 30] = "qrlMissingContainer", QError[QError.qrlMissingChunk = 31] = "qrlMissingChunk", 
-        QError[QError.invalidRefValue = 32] = "invalidRefValue", QError[QError.serializeErrorNotImplemented = 33] = "serializeErrorNotImplemented", 
-        QError[QError.serializeErrorExpectedVNode = 34] = "serializeErrorExpectedVNode", 
-        QError[QError.serializeErrorCannotAllocate = 35] = "serializeErrorCannotAllocate", 
-        QError[QError.serializeErrorMissingRootId = 36] = "serializeErrorMissingRootId", 
-        QError[QError.serializeErrorUnknownType = 37] = "serializeErrorUnknownType", QError[QError.serializeErrorUnvisited = 38] = "serializeErrorUnvisited", 
-        QError[QError.serializeErrorMissingChunk = 39] = "serializeErrorMissingChunk", QError[QError.wrongTextareaValue = 40] = "wrongTextareaValue", 
-        QError[QError.containerNotFound = 41] = "containerNotFound", QError[QError.elementWithoutContainer = 42] = "elementWithoutContainer", 
-        QError[QError.invalidVNodeType = 43] = "invalidVNodeType", QError[QError.materializeVNodeDataError = 44] = "materializeVNodeDataError", 
-        QError[QError.cannotCoerceSignal = 45] = "cannotCoerceSignal", QError[QError.computedNotSync = 46] = "computedNotSync", 
-        QError[QError.computedReadOnly = 47] = "computedReadOnly", QError[QError.wrappedReadOnly = 48] = "wrappedReadOnly", 
-        QError[QError.unsafeAttr = 49] = "unsafeAttr";
-    }(QError || (QError = {}));
     const qError = (code, errorMessageArgs = []) => {
         const text = (code => `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`)(code, ...errorMessageArgs);
         return ((message, ...optionalParams) => createAndLogError(!0, message, ...optionalParams))(text, ...errorMessageArgs);
@@ -82,30 +52,9 @@
         const index = symbolName.lastIndexOf("_");
         return index > -1 ? symbolName.slice(index + 1) : symbolName;
     };
-    var VirtualType;
-    !function(VirtualType) {
-        VirtualType.Virtual = "V", VirtualType.Fragment = "F", VirtualType.WrappedSignal = "S", 
-        VirtualType.Awaited = "A", VirtualType.Component = "C", VirtualType.InlineComponent = "I", 
-        VirtualType.Projection = "P";
-    }(VirtualType || (VirtualType = {}));
-    const VirtualTypeName = {
-        [VirtualType.Virtual]: "Virtual",
-        [VirtualType.Fragment]: "Fragment",
-        [VirtualType.WrappedSignal]: "Signal",
-        [VirtualType.Awaited]: "Awaited",
-        [VirtualType.Component]: "Component",
-        [VirtualType.InlineComponent]: "InlineComponent",
-        [VirtualType.Projection]: "Projection"
-    };
-    var QContainerValue;
-    !function(QContainerValue) {
-        QContainerValue.PAUSED = "paused", QContainerValue.RESUMED = "resumed", QContainerValue.HTML = "html", 
-        QContainerValue.TEXT = "text";
-    }(QContainerValue || (QContainerValue = {}));
     const QSlot = "q:slot";
     const QSlotS = "q:s";
     const getQFuncs = (document, hash) => document["qFuncs_" + hash] || [];
-    const QContainerSelector = "[q\\:container]:not([q\\:container=" + QContainerValue.HTML + "]):not([q\\:container=" + QContainerValue.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";
@@ -120,10 +69,10 @@
                 }
             }
             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);
@@ -190,13 +139,6 @@
     const isArray = v => Array.isArray(v);
     const isString = v => "string" == typeof v;
     const isFunction = v => "function" == typeof v;
-    var VNodeDataFlag;
-    let _locale;
-    !function(VNodeDataFlag) {
-        VNodeDataFlag[VNodeDataFlag.NONE = 0] = "NONE", VNodeDataFlag[VNodeDataFlag.TEXT_DATA = 1] = "TEXT_DATA", 
-        VNodeDataFlag[VNodeDataFlag.VIRTUAL_NODE = 2] = "VIRTUAL_NODE", VNodeDataFlag[VNodeDataFlag.ELEMENT_NODE = 4] = "ELEMENT_NODE", 
-        VNodeDataFlag[VNodeDataFlag.REFERENCE = 8] = "REFERENCE", VNodeDataFlag[VNodeDataFlag.SERIALIZE = 16] = "SERIALIZE";
-    }(VNodeDataFlag || (VNodeDataFlag = {}));
     const EMPTY_ARRAY = [];
     const EMPTY_OBJ = {};
     Object.freeze(EMPTY_ARRAY), Object.freeze(EMPTY_OBJ);
@@ -216,7 +158,7 @@
                     chunk = match[2];
                 } else {
                     if (!(match = srcCode.match(EXTRACT_SELF_IMPORT))) {
-                        throw qError(QError.dynamicImportFailed, [ srcCode ]);
+                        throw qError(11, [ srcCode ]);
                     }
                     {
                         const ref = "QWIK-SELF";
@@ -228,7 +170,7 @@
             }
         } else {
             if (!isString(chunkOrFn)) {
-                throw qError(QError.unknownTypeArgument, [ chunkOrFn ]);
+                throw qError(12, [ chunkOrFn ]);
             }
             chunk = chunkOrFn;
         }
@@ -239,263 +181,397 @@
     };
     const inlinedQrl = (symbol, symbolName, lexicalScopeCapture = EMPTY_ARRAY) => createQRL(null, symbolName, symbol, null, null, lexicalScopeCapture);
     const _noopQrl = (symbolName, lexicalScopeCapture = EMPTY_ARRAY) => createQRL(null, symbolName, null, null, null, lexicalScopeCapture);
-    var ChoreType;
-    !function(ChoreType) {
-        ChoreType[ChoreType.MACRO = 240] = "MACRO", ChoreType[ChoreType.MICRO = 15] = "MICRO", 
-        ChoreType[ChoreType.QRL_RESOLVE = 1] = "QRL_RESOLVE", ChoreType[ChoreType.RUN_QRL = 2] = "RUN_QRL", 
-        ChoreType[ChoreType.TASK = 3] = "TASK", ChoreType[ChoreType.NODE_DIFF = 4] = "NODE_DIFF", 
-        ChoreType[ChoreType.NODE_PROP = 5] = "NODE_PROP", ChoreType[ChoreType.COMPONENT = 6] = "COMPONENT", 
-        ChoreType[ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS = 7] = "RECOMPUTE_AND_SCHEDULE_EFFECTS", 
-        ChoreType[ChoreType.JOURNAL_FLUSH = 16] = "JOURNAL_FLUSH", ChoreType[ChoreType.VISIBLE = 32] = "VISIBLE", 
-        ChoreType[ChoreType.CLEANUP_VISIBLE = 48] = "CLEANUP_VISIBLE", ChoreType[ChoreType.WAIT_FOR_ALL = 255] = "WAIT_FOR_ALL";
-    }(ChoreType || (ChoreType = {}));
-    const useLexicalScope = () => {
-        const context = getInvokeContext();
-        let qrl = context.$qrl$;
-        if (qrl) {
-            assertQrl(qrl), assertDefined();
-        } else {
-            const el = context.$element$;
-            assertDefined();
-            const containerElement = _getQContainerElement(el);
-            assertDefined();
-            qrl = getDomContainer(containerElement).parseQRL(decodeURIComponent(String(context.$url$)));
-        }
-        return qrl.$captureRef$;
-    };
-    const queueQRL = (...args) => {
-        const [runQrl] = useLexicalScope();
-        const hostElement = getInvokeContext().$hostElement$;
-        const scheduler = getDomContainer(hostElement).$scheduler$;
-        if (!scheduler) {
-            throw qError(QError.schedulerNotFound);
+    let _locale;
+    const useSequentialScope = () => {
+        const iCtx = useInvokeContext();
+        const host = iCtx.$hostElement$;
+        let seq = iCtx.$container$.getHostProp(host, "q:seq");
+        null === seq && (seq = [], iCtx.$container$.setHostProp(host, "q:seq", seq));
+        let seqIdx = iCtx.$container$.getHostProp(host, "q:seqIdx");
+        for (null === seqIdx && (seqIdx = 0), iCtx.$container$.setHostProp(host, "q:seqIdx", seqIdx + 1); seq.length <= seqIdx; ) {
+            seq.push(void 0);
         }
-        return scheduler(ChoreType.RUN_QRL, hostElement, runQrl, args);
+        return {
+            val: seq[seqIdx],
+            set: value => seq[seqIdx] = value,
+            i: seqIdx,
+            iCtx
+        };
     };
-    const Slot = props => _jsxSorted(Virtual, null, {
-        [QSlotS]: ""
-    }, props.children, 0, props.name ?? "");
-    const SkipRender = Symbol("skip render");
-    const SSRRaw = () => null;
-    const SSRComment = () => null;
-    const SSRStream = (props, key) => jsx(RenderOnce, {
-        children: jsx(InternalSSRStream, props)
-    }, key);
-    const InternalSSRStream = () => 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 !0;
+    function getEventNameFromJsxEvent(jsxEvent) {
+        if (jsxEvent.endsWith("$")) {
+            const [, idx] = getEventScopeDataFromJsxEvent(jsxEvent);
+            if (-1 != idx) {
+                return function(jsxEvent, startIdx = 0) {
+                    const idx = startIdx;
+                    let lastIdx = idx;
+                    const isCaseSensitive = isDash(jsxEvent.charCodeAt(idx));
+                    isCaseSensitive && lastIdx++;
+                    let eventName = "";
+                    const chunk = jsxEvent.substring(lastIdx, jsxEvent.length - 1);
+                    if ("DOMContentLoaded" === chunk) {
+                        return "DOMContentLoaded";
+                    }
+                    return eventName += isCaseSensitive ? chunk : chunk.toLowerCase(), eventName;
+                }(jsxEvent, idx);
             }
         }
-        return !1;
+        return null;
     }
-    function isClassAttr(key) {
-        return "class" === key || "className" === key;
+    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 isDash = charCode => 45 === charCode;
+    const getEventNameScopeFromJsxEvent = name => {
+        const index = name.indexOf(":");
+        return -1 !== index ? name.substring(0, index) : "";
     };
-    const unitlessNumbers = 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 hashCode = (text, hash = 0) => {
-        for (let i = 0; i < text.length; i++) {
-            hash = (hash << 5) - hash + text.charCodeAt(i), hash |= 0;
-        }
-        return Number(Math.abs(hash)).toString(36);
+    function isPreventDefault(key) {
+        return key.startsWith("preventdefault:");
+    }
+    const fromCamelToKebabCase = text => text.replace(/([A-Z-])/g, "-$1").toLowerCase();
+    const createContextId = name => (assertTrue(/^[\w/.-]+$/.test(name)), /*#__PURE__*/ Object.freeze({
+        id: fromCamelToKebabCase(name)
+    }));
+    const useContextProvider = (context, newValue) => {
+        const {val, set, iCtx} = useSequentialScope();
+        void 0 === val && (iCtx.$container$.setContext(iCtx.$hostElement$, context, newValue), 
+        set(1));
     };
-    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());
-            }
+    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 SSRStream = (props, key) => jsx(RenderOnce, {
+        children: jsx(InternalSSRStream, props)
+    }, key);
+    const InternalSSRStream = () => null;
+    const NEEDS_COMPUTATION = Symbol("invalid");
+    const _EFFECT_BACK_REF = Symbol("backRef");
+    function getSubscriber(effect, prop, data) {
+        var value;
+        effect[_EFFECT_BACK_REF] || (build.isServer && ("__brand__" in (value = effect) && "currentComponentNode" in value) ? effect.setProp("q:brefs", new Map) : effect[_EFFECT_BACK_REF] = 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 throwIfQRLNotResolved = qrl => {
+        if (!qrl.resolved) {
+            throw qrl.resolve();
         }
-        return classes.join(" ");
     };
-    function serializeAttribute(key, value, styleScopedId) {
-        if (isClassAttr(key)) {
-            const serializedClass = serializeClass(value);
-            value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
-        } else {
-            "style" === key ? value = (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(key.replace(/([A-Z])/g, "-$1").toLowerCase() + ":" + setValueForStyle(key, value)));
-                            }
-                        }
-                        return chunks.join(";");
-                    }
-                }
-                return String(obj);
-            })(value) : !function(key) {
-                return prop = key, prop.startsWith("aria-") || [ "spellcheck", "draggable", "contenteditable" ].includes(key);
-                var prop;
-            }(key) && "number" != typeof value ? !1 === value || null == value ? value = null : !0 === value && isPreventDefault(key) && (value = "") : value = (value => null != value ? String(value) : null)(value);
+    const isSignal = value => value instanceof SignalImpl;
+    class SubscriptionData {
+        data;
+        constructor(data) {
+            this.data = data;
         }
-        return value;
     }
-    const setValueForStyle = (styleName, value) => "number" != typeof value || 0 === value || unitlessNumbers.has(styleName) ? value : value + "px";
-    const STORE_TARGET = Symbol("store.target");
-    const STORE_HANDLER = Symbol("store.handler");
-    const STORE_ALL_PROPS = Symbol("store.all");
-    var StoreFlags;
-    !function(StoreFlags) {
-        StoreFlags[StoreFlags.NONE = 0] = "NONE", StoreFlags[StoreFlags.RECURSIVE = 1] = "RECURSIVE", 
-        StoreFlags[StoreFlags.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));
-    }
-    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 {
-        $flags$;
-        $container$;
+    class SignalImpl {
+        $untrackedValue$;
         $effects$=null;
-        constructor($flags$, $container$) {
-            this.$flags$ = $flags$, this.$container$ = $container$;
+        $container$=null;
+        constructor(container, value) {
+            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();
                 }
                 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;
+                if (effectSubscriber) {
+                    const effects = this.$effects$ ||= new Set;
+                    ensureContainsSubscription(effects, effectSubscriber), ensureContainsBackRef(effectSubscriber, this), 
+                    addQrlToSerializationCtx(effectSubscriber, this.$container$);
+                }
             }
-            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;
+            return this.untrackedValue;
         }
-        set(target, prop, value) {
-            if ("symbol" == typeof prop) {
-                return target[prop] = value, !0;
-            }
-            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);
-            }
-            return !0;
+        set value(value) {
+            value !== this.$untrackedValue$ && (this.$untrackedValue$ = value, triggerEffects(this.$container$, this, this.$effects$));
         }
-        deleteProperty(target, prop) {
-            return "string" == typeof prop && delete target[prop] && (triggerEffects(this.$container$, this, getEffects(target, prop, this.$effects$)), 
-            !0);
+        valueOf() {
+            qDev;
         }
-        has(target, prop) {
-            if (prop === STORE_TARGET) {
-                return !0;
-            }
-            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);
-                }
+        toString() {
+            return build.isDev ? `[${this.constructor.name}${1 & this.$flags$ ? " INVALID" : ""} ${String(this.$untrackedValue$)}]` + (Array.from(this.$effects$ || []).map((e => "\n -> " + pad(qwikDebugToString(e[0]), "    "))).join("\n") || "") : this.constructor.name;
+        }
+        toJSON() {
+            return {
+                value: this.$untrackedValue$
+            };
+        }
+    }
+    const ensureContainsSubscription = (array, effectSubscription) => {
+        array.add(effectSubscription);
+    };
+    const ensureContainsBackRef = (array, value) => {
+        array[2] ||= new Set, array[2].add(value);
+    };
+    const addQrlToSerializationCtx = (effectSubscriber, container) => {
+        if (container && !isDomContainer(container)) {
+            const effect = effectSubscriber[0];
+            const property = effectSubscriber[1];
+            let qrl = null;
+            isTask(effect) ? qrl = effect.$qrl$ : effect instanceof ComputedSignalImpl ? qrl = effect.$computeQrl$ : ":" === property && (qrl = container.getHostProp(effect, "q:renderFn")), 
+            qrl && container.serializationCtx.$eventQrls$.add(qrl);
+        }
+    };
+    const triggerEffects = (container, signal, effects) => {
+        const isBrowser = isDomContainer(container);
+        if (effects) {
+            const scheduleEffect = effectSubscription => {
+                const consumer = effectSubscription[0];
+                const property = effectSubscription[1];
+                if (assertDefined(), 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 qrl = container.getHostProp(host, "q:renderFn");
+                    assertDefined();
+                    const props = container.getHostProp(host, "q:props");
+                    container.$scheduler$(6, host, qrl, props);
+                } else if (isBrowser) {
+                    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 SignalImpl {
+        $computeQrl$;
+        $flags$;
+        $forceRunEffects$=!1;
+        [_EFFECT_BACK_REF]=null;
+        constructor(container, fn, flags = 1) {
+            super(container, NEEDS_COMPUTATION), this.$computeQrl$ = fn, this.$flags$ = flags;
+        }
+        $invalidate$() {
+            this.$flags$ |= 1, this.$forceRunEffects$ = !1, this.$container$?.$scheduler$(7, null, this);
+        }
+        force() {
+            this.$forceRunEffects$ = !0, this.$container$?.$scheduler$(7, null, this);
+        }
+        get untrackedValue() {
+            const didChange = this.$computeIfNeeded$();
+            return didChange && (this.$forceRunEffects$ = didChange), assertFalse(), this.$untrackedValue$;
+        }
+        $computeIfNeeded$() {
+            if (!(1 & this.$flags$)) {
+                return !1;
+            }
+            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 SignalImpl {
+        $args$;
+        $func$;
+        $funcStr$;
+        $flags$;
+        $hostElement$=null;
+        $forceRunEffects$=!1;
+        [_EFFECT_BACK_REF]=null;
+        constructor(container, fn, args, fnStr, flags = 3) {
+            super(container, NEEDS_COMPUTATION), this.$args$ = args, this.$func$ = fn, this.$funcStr$ = fnStr, 
+            this.$flags$ = flags;
+        }
+        $invalidate$() {
+            this.$flags$ |= 1, this.$forceRunEffects$ = !1, this.$container$?.$scheduler$(7, this.$hostElement$, this);
+        }
+        force() {
+            this.$flags$ |= 1, this.$forceRunEffects$ = !1, triggerEffects(this.$container$, this, this.$effects$);
+        }
+        get untrackedValue() {
+            const didChange = this.$computeIfNeeded$();
+            return didChange && (this.$forceRunEffects$ = didChange), assertFalse(), this.$untrackedValue$;
+        }
+        $computeIfNeeded$() {
+            if (!(1 & this.$flags$)) {
+                return !1;
+            }
+            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);
+        }
+        $didInitialize$=!1;
+        $computeIfNeeded$() {
+            if (!(1 & this.$flags$)) {
+                return !1;
+            }
+            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$ = !0, 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 {
+        $flags$;
+        $container$;
+        $effects$=null;
+        constructor($flags$, $container$) {
+            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();
+                }
+                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, !0;
+            }
+            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 !0;
+        }
+        deleteProperty(target, prop) {
+            return "string" == typeof prop && delete target[prop] && (triggerEffects(this.$container$, this, getEffects(target, prop, this.$effects$)), 
+            !0);
+        }
+        has(target, prop) {
+            if (prop === STORE_TARGET) {
+                return !0;
+            }
+            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);
         }
@@ -545,8 +621,6 @@
         }
         return effectsToTrigger || null;
     }
-    const NEEDS_COMPUTATION = Symbol("invalid");
-    const _EFFECT_BACK_REF = Symbol("backRef");
     class BackRef {
         [_EFFECT_BACK_REF]=null;
     }
@@ -555,12 +629,12 @@
         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);
@@ -583,54 +657,33 @@
             }
         }
     }
-    const implicit$FirstArg = fn => function(first, ...rest) {
-        return fn.call(null, dollar(first), ...rest);
-    };
-    const createSignal = value => new Signal(null, value);
-    const createComputedQrl = qrl => (throwIfQRLNotResolved(qrl), new ComputedSignal(null, qrl));
-    const createComputed$ = /*#__PURE__*/ implicit$FirstArg(createComputedQrl);
-    const useSequentialScope = () => {
-        const iCtx = useInvokeContext();
-        const host = iCtx.$hostElement$;
-        let seq = iCtx.$container$.getHostProp(host, "q:seq");
-        null === seq && (seq = [], iCtx.$container$.setHostProp(host, "q:seq", seq));
-        let seqIdx = iCtx.$container$.getHostProp(host, "q:seqIdx");
-        for (null === seqIdx && (seqIdx = 0), iCtx.$container$.setHostProp(host, "q:seqIdx", seqIdx + 1); seq.length <= seqIdx; ) {
-            seq.push(void 0);
+    const useLexicalScope = () => {
+        const context = getInvokeContext();
+        let qrl = context.$qrl$;
+        if (qrl) {
+            assertQrl(qrl), assertDefined();
+        } else {
+            const el = context.$element$;
+            assertDefined();
+            const containerElement = _getQContainerElement(el);
+            assertDefined();
+            qrl = getDomContainer(containerElement).parseQRL(decodeURIComponent(String(context.$url$)));
         }
-        return {
-            val: seq[seqIdx],
-            set: value => seq[seqIdx] = value,
-            i: seqIdx,
-            iCtx
-        };
+        return qrl.$captureRef$;
     };
-    function getSubscriber(effect, prop, data) {
-        var value;
-        effect[_EFFECT_BACK_REF] || (build.isServer && ("__brand__" in (value = effect) && "currentComponentNode" in value) ? effect.setProp("q:brefs", new Map) : effect[_EFFECT_BACK_REF] = 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;
-    }
-    var TaskFlags;
-    !function(TaskFlags) {
-        TaskFlags[TaskFlags.VISIBLE_TASK = 1] = "VISIBLE_TASK", TaskFlags[TaskFlags.TASK = 2] = "TASK", 
-        TaskFlags[TaskFlags.RESOURCE = 4] = "RESOURCE", TaskFlags[TaskFlags.DIRTY = 8] = "DIRTY";
-    }(TaskFlags || (TaskFlags = {}));
     const useTaskQrl = qrl => {
         const {val, set, iCtx, i} = useSequentialScope();
         if (val) {
             return;
         }
         assertQrl(qrl), set(1);
-        const task = new Task(TaskFlags.DIRTY | TaskFlags.TASK, i, iCtx.$hostElement$, qrl, void 0, null);
+        const task = new Task(10, i, iCtx.$hostElement$, qrl, void 0, null);
         set(task);
-        const promise = iCtx.$container$.$scheduler$(ChoreType.TASK, task);
+        const promise = iCtx.$container$.$scheduler$(3, task);
         isPromise(promise) && promise.catch((() => {}));
     };
     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)));
@@ -649,7 +702,7 @@
         const taskApi = {
             track: (obj, prop) => {
                 const ctx = newInvokeContext();
-                return ctx.$effectSubscriber$ = getSubscriber(task, EffectProperty.COMPONENT), ctx.$container$ = container, 
+                return ctx.$effectSubscriber$ = getSubscriber(task, ":"), ctx.$container$ = container, 
                 invoke(ctx, (() => {
                     if (isFunction(obj)) {
                         return obj();
@@ -664,7 +717,7 @@
                         return addStoreEffect(getStoreTarget(obj), STORE_ALL_PROPS, getStoreHandler(obj), ctx.$effectSubscriber$), 
                         obj;
                     }
-                    throw qError(QError.trackObjectWithoutProp);
+                    throw qError(2);
                 }));
             },
             cleanup
@@ -704,41 +757,40 @@
     const isTask = value => value instanceof Task;
     const scheduleTask = (_event, element) => {
         const [task] = useLexicalScope();
-        const type = task.$flags$ & TaskFlags.VISIBLE_TASK ? ChoreType.VISIBLE : ChoreType.TASK;
+        const type = 1 & task.$flags$ ? 32 : 3;
         getDomContainer(element).$scheduler$(type, task);
     };
-    var VNodeFlags;
-    var VNodeFlagsIndex;
-    var VNodeProps;
-    var ElementVNodeProps;
-    var TextVNodeProps;
-    var VirtualVNodeProps;
-    !function(VNodeFlags) {
-        VNodeFlags[VNodeFlags.Element = 1] = "Element", VNodeFlags[VNodeFlags.Virtual = 2] = "Virtual", 
-        VNodeFlags[VNodeFlags.ELEMENT_OR_VIRTUAL_MASK = 3] = "ELEMENT_OR_VIRTUAL_MASK", 
-        VNodeFlags[VNodeFlags.ELEMENT_OR_TEXT_MASK = 5] = "ELEMENT_OR_TEXT_MASK", VNodeFlags[VNodeFlags.TYPE_MASK = 7] = "TYPE_MASK", 
-        VNodeFlags[VNodeFlags.INFLATED_TYPE_MASK = 15] = "INFLATED_TYPE_MASK", VNodeFlags[VNodeFlags.Text = 4] = "Text", 
-        VNodeFlags[VNodeFlags.Inflated = 8] = "Inflated", VNodeFlags[VNodeFlags.Resolved = 16] = "Resolved", 
-        VNodeFlags[VNodeFlags.Deleted = 32] = "Deleted", VNodeFlags[VNodeFlags.NAMESPACE_MASK = 192] = "NAMESPACE_MASK", 
-        VNodeFlags[VNodeFlags.NEGATED_NAMESPACE_MASK = -193] = "NEGATED_NAMESPACE_MASK", 
-        VNodeFlags[VNodeFlags.NS_html = 0] = "NS_html", VNodeFlags[VNodeFlags.NS_svg = 64] = "NS_svg", 
-        VNodeFlags[VNodeFlags.NS_math = 128] = "NS_math";
-    }(VNodeFlags || (VNodeFlags = {})), function(VNodeFlagsIndex) {
-        VNodeFlagsIndex[VNodeFlagsIndex.mask = -256] = "mask", VNodeFlagsIndex[VNodeFlagsIndex.negated_mask = 255] = "negated_mask", 
-        VNodeFlagsIndex[VNodeFlagsIndex.shift = 8] = "shift";
-    }(VNodeFlagsIndex || (VNodeFlagsIndex = {})), function(VNodeProps) {
-        VNodeProps[VNodeProps.flags = 0] = "flags", VNodeProps[VNodeProps.parent = 1] = "parent", 
-        VNodeProps[VNodeProps.previousSibling = 2] = "previousSibling", VNodeProps[VNodeProps.nextSibling = 3] = "nextSibling";
-    }(VNodeProps || (VNodeProps = {})), function(ElementVNodeProps) {
-        ElementVNodeProps[ElementVNodeProps.firstChild = 4] = "firstChild", ElementVNodeProps[ElementVNodeProps.lastChild = 5] = "lastChild", 
-        ElementVNodeProps[ElementVNodeProps.element = 6] = "element", ElementVNodeProps[ElementVNodeProps.elementName = 7] = "elementName", 
-        ElementVNodeProps[ElementVNodeProps.PROPS_OFFSET = 8] = "PROPS_OFFSET";
-    }(ElementVNodeProps || (ElementVNodeProps = {})), function(TextVNodeProps) {
-        TextVNodeProps[TextVNodeProps.node = 4] = "node", TextVNodeProps[TextVNodeProps.text = 5] = "text";
-    }(TextVNodeProps || (TextVNodeProps = {})), function(VirtualVNodeProps) {
-        VirtualVNodeProps[VirtualVNodeProps.firstChild = 4] = "firstChild", VirtualVNodeProps[VirtualVNodeProps.lastChild = 5] = "lastChild", 
-        VirtualVNodeProps[VirtualVNodeProps.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 !0;
+            }
+        }
+        return !1;
+    }
+    function isClassAttr(key) {
+        return "class" === key || "className" === key;
+    }
+    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 DEBUG_TYPE = "q:type";
+    const VirtualTypeName = {
+        V: "Virtual",
+        F: "Fragment",
+        S: "Signal",
+        A: "Awaited",
+        C: "Component",
+        I: "InlineComponent",
+        P: "Projection"
+    };
     const mapApp_findIndx = (array, key, start) => {
         assertTrue();
         let bottom = start >> 1;
@@ -781,7 +833,7 @@
             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);
@@ -792,8 +844,8 @@
                 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;
                 }
@@ -833,71 +885,36 @@
         return rootElement;
     }
     function isSvg(tagOrVNode) {
-        return "string" == typeof tagOrVNode ? "svg" === (elementName = tagOrVNode) || isForeignObjectElement(elementName) : !!(tagOrVNode[VNodeProps.flags] & VNodeFlags.NS_svg);
+        return "string" == typeof tagOrVNode ? "svg" === (elementName = tagOrVNode) || isForeignObjectElement(elementName) : !!(64 & tagOrVNode[0]);
         var elementName;
     }
     function getNewElementNamespaceData(domParentVNode, tagOrVNode) {
         const parentIsDefaultNamespace = !domParentVNode || !(!vnode_getElementName(domParentVNode) || (vnode = domParentVNode, 
-        vnode[VNodeProps.flags] & VNodeFlags.NAMESPACE_MASK));
+        192 & vnode[0]));
         var vnode;
         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 && function(tagOrVNode) {
-            return "string" == typeof tagOrVNode ? "math" === tagOrVNode : !!(tagOrVNode[VNodeProps.flags] & VNodeFlags.NS_math);
+            return "string" == typeof tagOrVNode ? "math" === tagOrVNode : !!(128 & tagOrVNode[0]);
         }(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,
             elementNamespaceFlag
         };
     }
-    const useOn = (event, eventQrl) => {
-        _useOn(createEventName(event, void 0), eventQrl);
-    };
-    const useOnDocument = (event, eventQrl) => {
-        _useOn(createEventName(event, "document"), eventQrl);
-    };
-    const createEventName = (event, eventType) => {
-        const prefix = void 0 !== eventType ? eventType + ":" : "";
-        const map = name => prefix + "on" + name.charAt(0).toUpperCase() + name.substring(1) + "$";
-        return Array.isArray(event) ? event.map(map) : map(event);
-    };
-    const _useOn = (eventName, eventQrl) => {
-        const {isAdded, addEvent} = useOnEventsSequentialScope();
-        isAdded || eventQrl && (Array.isArray(eventName) ? eventName.forEach((event => addEvent(event, eventQrl))) : addEvent(eventName, eventQrl));
-    };
-    const useOnEventsSequentialScope = () => {
-        const iCtx = useInvokeContext();
-        const host = iCtx.$hostElement$;
-        let onMap = iCtx.$container$.getHostProp(host, ":on");
-        null === onMap && (onMap = {}, iCtx.$container$.setHostProp(host, ":on", onMap));
-        let seqIdx = iCtx.$container$.getHostProp(host, ":onIdx");
-        null === seqIdx && (seqIdx = 0), iCtx.$container$.setHostProp(host, ":onIdx", seqIdx + 1);
-        let addedFlags = iCtx.$container$.getHostProp(host, ":onFlags");
-        for (null === addedFlags && (addedFlags = [], iCtx.$container$.setHostProp(host, ":onFlags", addedFlags)); addedFlags.length <= seqIdx; ) {
-            addedFlags.push(!1);
-        }
-        return {
-            isAdded: addedFlags[seqIdx],
-            addEvent: (eventName, eventQrl) => {
-                addedFlags[seqIdx] = !0;
-                let events = onMap[eventName];
-                events || (onMap[eventName] = events = []), events.push(eventQrl);
-            }
-        };
-    };
     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), 
+        subscriptionHost && (iCtx.$effectSubscriber$ = getSubscriber(subscriptionHost, ":"), 
         iCtx.$container$ = container), container.ensureProjectionResolved(renderHost);
         let isInlineComponent = !1;
         if (null === componentQRL && (componentQRL = container.getHostProp(renderHost, "q:renderFn"), 
@@ -1025,6 +1042,73 @@
         }
         return 0 === lastIdx ? html : escapedHTML + html.substring(lastIdx);
     }
+    const unitlessNumbers = 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 hashCode = (text, hash = 0) => {
+        for (let i = 0; i < text.length; i++) {
+            hash = (hash << 5) - hash + text.charCodeAt(i), hash |= 0;
+        }
+        return Number(Math.abs(hash)).toString(36);
+    };
+    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(" ");
+    };
+    function serializeAttribute(key, value, styleScopedId) {
+        if (isClassAttr(key)) {
+            const serializedClass = serializeClass(value);
+            value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
+        } else {
+            "style" === key ? value = (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(key.replace(/([A-Z])/g, "-$1").toLowerCase() + ":" + setValueForStyle(key, value)));
+                            }
+                        }
+                        return chunks.join(";");
+                    }
+                }
+                return String(obj);
+            })(value) : !function(key) {
+                return prop = key, prop.startsWith("aria-") || [ "spellcheck", "draggable", "contenteditable" ].includes(key);
+                var prop;
+            }(key) && "number" != typeof value ? !1 === value || null == value ? value = null : !0 === value && isPreventDefault(key) && (value = "") : value = (value => null != value ? String(value) : null)(value);
+        }
+        return value;
+    }
+    const setValueForStyle = (styleName, value) => "number" != typeof value || 0 === value || unitlessNumbers.has(styleName) ? value : value + "px";
+    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 stack = [];
@@ -1033,7 +1117,7 @@
         let vCurrent = null;
         let vNewNode = null;
         let vSiblings = null;
-        let vSiblingsIdx = -1;
+        let vSiblingsArray = null;
         let jsxChildren = null;
         let jsxValue = null;
         let jsxIdx = 0;
@@ -1062,15 +1146,14 @@
                         if (Array.isArray(jsxValue)) {
                             descend(jsxValue, !1);
                         } else if (isSignal(jsxValue)) {
-                            vCurrent && clearAllEffects(container, vCurrent), expectVirtual(VirtualType.WrappedSignal, null), 
-                            descend(trackSignalAndAssignHost(jsxValue, vNewNode || vCurrent, EffectProperty.VNODE, container), !0);
+                            vCurrent && clearAllEffects(container, vCurrent), expectVirtual("S", null), descend(trackSignalAndAssignHost(jsxValue, vNewNode || vCurrent, ".", container), !0);
                         } 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, !0)) : "function" == typeof type && (type === Fragment ? (expectNoMoreTextNodes(), 
-                            expectVirtual(VirtualType.Fragment, jsxValue.key), descend(jsxValue.children, !0)) : type === Slot ? (expectNoMoreTextNodes(), 
+                            expectVirtual("F", jsxValue.key), descend(jsxValue.children, !0)) : type === Slot ? (expectNoMoreTextNodes(), 
                             expectSlot() || descend(jsxValue.children, !0)) : type === Projection ? (expectProjection(), 
                             descend(jsxValue.children, !0)) : type === SSRComment || type === SSRRaw ? expectNoMore() : (expectNoMoreTextNodes(), 
                             expectComponent(type)));
@@ -1096,18 +1179,14 @@
             }
         }
         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 && (assertDefined(), 
-            vSiblings = null, vSiblingsIdx = -1, vParent = vNewNode || vCurrent, vCurrent = vnode_getFirstChild(vParent), 
+            vSiblings = null, vSiblingsArray = null, vParent = vNewNode || vCurrent, vCurrent = vnode_getFirstChild(vParent), 
             vNewNode = null), shouldAdvance = !1) : function() {
                 const vFirstChild = vCurrent && vnode_getFirstChild(vCurrent);
                 if (null !== vFirstChild) {
@@ -1120,34 +1199,27 @@
             }();
         }
         function ascend() {
-            stack.pop() && (vSiblingsIdx = stack.pop(), vSiblings = stack.pop(), vNewNode = stack.pop(), 
+            stack.pop() && (vSiblings = stack.pop(), vSiblingsArray = stack.pop(), vNewNode = stack.pop(), 
             vCurrent = stack.pop(), vParent = stack.pop()), jsxValue = stack.pop(), jsxCount = stack.pop(), 
             jsxIdx = stack.pop(), jsxChildren = stack.pop(), advance();
         }
         function stackPush(children, descendVNode) {
-            stack.push(jsxChildren, jsxIdx, jsxCount, jsxValue), descendVNode && stack.push(vParent, vCurrent, vNewNode, vSiblings, vSiblingsIdx), 
+            stack.push(jsxChildren, jsxIdx, jsxCount, jsxValue), descendVNode && stack.push(vParent, vCurrent, vNewNode, vSiblingsArray, vSiblings), 
             stack.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(), build.isDev && vnode_setProp(vNewNode, "q:type", VirtualType.Projection), 
-            build.isDev && vnode_setProp(vNewNode, "q:code", "expectProjection"), vnode_setProp(vNewNode, QSlot, slotName), 
-            vnode_setProp(vNewNode, "q:sparent", vParent), vnode_setProp(vParent, slotName, vNewNode));
+            vCurrent = vCurrent && 32 & vCurrent[0] ? null : vCurrent, null == vCurrent && (vNewNode = vnode_newVirtual(), 
+            build.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P"), build.isDev && vnode_setProp(vNewNode, "q:code", "expectProjection"), 
+            vnode_setProp(vNewNode, QSlot, slotName), vnode_setProp(vNewNode, "q:sparent", vParent), 
+            vnode_setProp(vParent, slotName, vNewNode));
         }
         function expectSlot() {
             const vHost = vnode_getProjectionParentComponent(vParent, container.rootVNode);
@@ -1157,26 +1229,19 @@
                 if (constProps && "object" == typeof constProps && "name" in constProps) {
                     const constValue = constProps.name;
                     if (vHost && constValue instanceof WrappedSignal) {
-                        return trackSignalAndAssignHost(constValue, vHost, EffectProperty.COMPONENT, container);
+                        return trackSignalAndAssignHost(constValue, vHost, ":", container);
                     }
                 }
                 return directGetPropsProxyProp(jsxNode, "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), 
-                build.isDev && vnode_setProp(vNewNode, "q:type", VirtualType.Projection), build.isDev && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++), 
-                !1;
-            }
-            if (vProjectedNode === vCurrent) {} else {
-                const parent = vnode_getParent(vProjectedNode);
-                !(!parent || vnode_isElementVNode(parent) && "q:template" === vnode_getElementName(parent)) && vParent !== parent && vnode_remove(journal, parent, vProjectedNode, !1), 
-                vnode_insertBefore(journal, vParent, vNewNode = vProjectedNode, vCurrent && getInsertBefore()), 
-                vnode_setProp(vNewNode, QSlot, slotNameKey), vHost && vnode_setProp(vHost, slotNameKey, vNewNode), 
-                build.isDev && vnode_setProp(vNewNode, "q:type", VirtualType.Projection), build.isDev && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
-            }
-            return !0;
+            return null == vProjectedNode ? (vnode_insertBefore(journal, vParent, vNewNode = vnode_newVirtual(), vCurrent && getInsertBefore()), 
+            vnode_setProp(vNewNode, QSlot, slotNameKey), vHost && vnode_setProp(vHost, slotNameKey, vNewNode), 
+            build.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P"), build.isDev && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++), 
+            !1) : (vProjectedNode === vCurrent || (vnode_insertBefore(journal, vParent, vNewNode = vProjectedNode, vCurrent && getInsertBefore()), 
+            vnode_setProp(vNewNode, QSlot, slotNameKey), vHost && vnode_setProp(vHost, slotNameKey, vNewNode), 
+            build.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "P"), build.isDev && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++)), 
+            !0);
         }
         function expectNoMore() {
             if (assertFalse(), null !== vCurrent) {
@@ -1199,7 +1264,7 @@
                 const domParentVNode = vnode_getDomParentVNode(vParent);
                 const {elementNamespace, elementNamespaceFlag} = getNewElementNamespaceData(domParentVNode, elementName);
                 const element = container.document.createElementNS(elementNamespace, elementName);
-                return vNewNode = vnode_newElement(element, elementName), vNewNode[VNodeProps.flags] |= elementNamespaceFlag, 
+                return vNewNode = vnode_newElement(element, elementName), vNewNode[0] |= elementNamespaceFlag, 
                 element;
             }(elementName);
             const {constProps} = jsx;
@@ -1208,11 +1273,11 @@
                 for (const key in constProps) {
                     let value = constProps[key];
                     if (isJsxPropertyAnEventName(key)) {
-                        const eventName = getEventNameFromJsxProp(key);
-                        const scope = getEventNameScopeFromJsxProp(key);
+                        const eventName = getEventNameFromJsxEvent(key);
+                        const scope = getEventNameScopeFromJsxEvent(key);
                         if (eventName && (vnode_setProp(vNewNode, HANDLER_PREFIX + ":" + scope + ":" + eventName, value), 
                         registerQwikLoaderEvent(eventName)), scope) {
-                            const htmlEvent = convertEventNameFromJsxPropToHtmlAttr(key);
+                            const htmlEvent = jsxEventToHtmlAttribute(key);
                             htmlEvent && vnode_setAttr(journal, vNewNode, htmlEvent, "");
                         }
                         needsQDispatchEventPatch = !0;
@@ -1229,7 +1294,7 @@
                             if (null == value) {
                                 continue;
                             }
-                            throw qError(QError.invalidRefValue, [ currentFile ]);
+                            throw qError(32, [ currentFile ]);
                         }
                         if (isSignal(value)) {
                             const signalData = new SubscriptionData({
@@ -1244,14 +1309,14 @@
                             } else {
                                 if (value && "string" != typeof value) {
                                     if (build.isDev) {
-                                        throw qError(QError.wrongTextareaValue, [ currentFile, value ]);
+                                        throw qError(40, [ currentFile, value ]);
                                     }
                                     continue;
                                 }
                                 element.value = escapeHTML(value || "");
                             }
                         } else {
-                            element.innerHTML = value, element.setAttribute("q:container", QContainerValue.HTML);
+                            element.innerHTML = value, element.setAttribute("q:container", "html");
                         }
                     }
                 }
@@ -1268,7 +1333,7 @@
             const currentFile = getFileLocationFromJsx(jsx.dev);
             isSameElementName && jsxKey === getKey(vCurrent) || (vNewNode = retrieveChildWithKey(elementName, jsxKey), 
             null === vNewNode ? needsQDispatchEventPatch = createNewElement(jsx, elementName) : (vnode_insertBefore(journal, vParent, vNewNode, vCurrent), 
-            vCurrent = vNewNode, vNewNode = null, null !== vSiblings && (vSiblingsIdx -= SiblingsArray.Size)));
+            vCurrent = vNewNode, vNewNode = null));
             const jsxAttrs = [];
             const props = jsx.varProps;
             for (const key in props) {
@@ -1277,7 +1342,8 @@
             }
             null !== jsxKey && mapArray_set(jsxAttrs, "q:key", jsxKey, 0);
             const vNode = vNewNode || vCurrent;
-            if (needsQDispatchEventPatch = function(vnode, srcAttrs, currentFile) {
+            const element = vNode[6];
+            element.vNode = new WeakRef(vNode), needsQDispatchEventPatch = function(vnode, srcAttrs, currentFile) {
                 vnode_ensureElementInflated(vnode);
                 const dstAttrs = vnode_getProps(vnode);
                 let srcIdx = 0;
@@ -1299,10 +1365,7 @@
                             if ("function" == typeof value) {
                                 return void value(element);
                             }
-                            if (null == value) {
-                                return;
-                            }
-                            throw qError(QError.invalidRefValue, [ currentFile ]);
+                            throw qError(32, [ currentFile ]);
                         }
                         if (isSignal(value)) {
                             const signalData = new SubscriptionData({
@@ -1311,16 +1374,16 @@
                             });
                             value = trackSignalAndAssignHost(value, vnode, key, container, signalData);
                         }
-                        vnode_setAttr(journal, vnode, key, serializeAttribute(key, value, scopedStyleIdPrefix)), 
+                        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, "");
                     }
                 };
@@ -1328,7 +1391,7 @@
                     if (dstKey?.startsWith(HANDLER_PREFIX) || dstKey?.startsWith("q:")) {
                         dstIdx++, dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
                     } else if (null == srcKey) {
-                        dstKey && isHtmlAttributeAnEventName(dstKey) ? (patchEventDispatch = !0, dstIdx++) : (record(dstKey, null), 
+                        dstKey && isHtmlAttributeAnEventName(dstKey) ? dstIdx++ : (record(dstKey, null), 
                         dstIdx--), dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
                     } else if (null == dstKey) {
                         isJsxPropertyAnEventName(srcKey) ? (patchEventDispatch = !0, recordJsxEvent(srcKey, srcAttrs[srcIdx])) : record(srcKey, srcAttrs[srcIdx]), 
@@ -1340,26 +1403,24 @@
                     } else {
                         srcKey < dstKey ? (isJsxPropertyAnEventName(srcKey) ? (patchEventDispatch = !0, 
                         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 = !0, 
+                        srcKey = srcIdx < srcLength ? srcAttrs[srcIdx++] : null, dstIdx++, dstLength = dstAttrs.length, 
+                        dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null) : (isHtmlAttributeAnEventName(dstKey) ? (patchEventDispatch = !0, 
                         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 = !1;
-                    return qrls.flat(2).forEach((qrl => {
-                        if (qrl) {
-                            const value = container.$scheduler$(ChoreType.RUN_QRL, vNode, qrl, [ event, element ]);
-                            returnValue = returnValue || !0 === 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 = !1;
+                return qrls.flat(2).forEach((qrl => {
+                    if (qrl) {
+                        const value = container.$scheduler$(2, vNode, qrl, [ event, element ]);
+                        returnValue = returnValue || !0 === value;
+                    }
+                })), returnValue;
+            }));
         }
         function registerQwikLoaderEvent(eventName) {
             const window = container.document.defaultView;
@@ -1367,29 +1428,32 @@
         }
         function retrieveChildWithKey(nodeName, key) {
             let vNodeWithKey = null;
-            if (-1 === vSiblingsIdx) {
-                vSiblings = [], vSiblingsIdx = 0;
+            if (null === vSiblings) {
+                vSiblings = 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), 
+                    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), 
+            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), build.isDev && vnode_setProp(vNewNode || vCurrent, "q:type", type)) : vnode_insertBefore(journal, vParent, vNewNode, vCurrent && getInsertBefore()));
+            vnode_setProp(vNewNode, "q:key", jsxKey), build.isDev && vnode_setProp(vNewNode || vCurrent, DEBUG_TYPE, type)) : vnode_insertBefore(journal, vParent, vNewNode, vCurrent && getInsertBefore()));
         }
         function expectComponent(component) {
             const componentMeta = component[SERIALIZABLE_STATE];
@@ -1402,7 +1466,7 @@
                 const componentHash = componentQRL.$hash$;
                 const vNodeComponentHash = getComponentHash(host, container.$getObjectById$);
                 const lookupKey = jsxNode.key || componentHash;
-                if (lookupKey === (getKey(host) || vNodeComponentHash) ? componentHash === vNodeComponentHash || (insertNewComponent(host, componentQRL, jsxProps), 
+                if (lookupKey === (getKey(host) || vNodeComponentHash) ? componentHash === vNodeComponentHash && jsxNode.key || (insertNewComponent(host, componentQRL, jsxProps), 
                 host = vNewNode, shouldRender = !0) : (vNewNode = retrieveChildWithKey(null, lookupKey), 
                 vNewNode ? vnode_insertBefore(journal, vParent, vNewNode, vCurrent) : insertNewComponent(host, componentQRL, jsxProps), 
                 host = vNewNode, shouldRender = !0), host) {
@@ -1425,8 +1489,7 @@
                             }
                         }
                         return !1;
-                    }(jsxProps, vNodeProps), shouldRender && (host[VNodeProps.flags] &= ~VNodeFlags.Deleted, 
-                    container.$scheduler$(ChoreType.COMPONENT, host, componentQRL, jsxProps));
+                    }(jsxProps, vNodeProps), shouldRender && (host[0] &= -33, container.$scheduler$(6, host, componentQRL, jsxProps));
                 }
                 !function(children, host) {
                     const projectionChildren = Array.isArray(children) ? children : [ children ];
@@ -1476,13 +1539,13 @@
         function insertNewComponent(host, componentQRL, jsxProps) {
             host && clearAllEffects(container, host), vnode_insertBefore(journal, vParent, vNewNode = vnode_newVirtual(), vCurrent && getInsertBefore());
             const jsxNode = jsxValue;
-            build.isDev && vnode_setProp(vNewNode, "q:type", VirtualType.Component), container.setHostProp(vNewNode, "q:renderFn", componentQRL), 
+            build.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "C"), container.setHostProp(vNewNode, "q:renderFn", componentQRL), 
             container.setHostProp(vNewNode, "q:props", jsxProps), container.setHostProp(vNewNode, "q:key", jsxNode.key);
         }
         function insertNewInlineComponent() {
             vnode_insertBefore(journal, vParent, vNewNode = vnode_newVirtual(), vCurrent && getInsertBefore());
             const jsxNode = jsxValue;
-            build.isDev && vnode_setProp(vNewNode, "q:type", VirtualType.InlineComponent), vnode_setProp(vNewNode, "q:props", jsxNode.props), 
+            build.isDev && vnode_setProp(vNewNode, DEBUG_TYPE, "I"), vnode_setProp(vNewNode, "q:props", jsxNode.props), 
             jsxNode.key && vnode_setProp(vNewNode, "q:key", jsxNode.key);
         }
         function expectText(text) {
@@ -1519,21 +1582,21 @@
         }
         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])) {
@@ -1565,7 +1628,7 @@
                     }
                 }
             } else {
-                type & VNodeFlags.Text && markVNodeAsDeleted(vCursor);
+                4 & type && markVNodeAsDeleted(vCursor);
             }
             if (vCursor === vNode) {
                 return;
@@ -1594,20 +1657,22 @@
     function cleanupStaleUnclaimedProjection(journal, projection) {
         const projectionParent = vnode_getParent(projection);
         if (projectionParent) {
-            projectionParent[VNodeProps.flags] & VNodeFlags.Element && "q:template" === vnode_getElementName(projectionParent) && vnode_remove(journal, projectionParent, projection, !0);
+            1 & projectionParent[0] && "q:template" === vnode_getElementName(projectionParent) && vnode_remove(journal, projectionParent, projection, !0);
         }
     }
     function markVNodeAsDeleted(vCursor) {
-        vCursor[VNodeProps.flags] |= VNodeFlags.Deleted;
+        vCursor[0] |= 32;
     }
     const HANDLER_PREFIX = ":";
     let count = 0;
-    var SiblingsArray;
-    !function(SiblingsArray) {
-        SiblingsArray[SiblingsArray.Name = 0] = "Name", SiblingsArray[SiblingsArray.Key = 1] = "Key", 
-        SiblingsArray[SiblingsArray.VNode = 2] = "VNode", SiblingsArray[SiblingsArray.Size = 3] = "Size", 
-        SiblingsArray[SiblingsArray.NextVNode = 5] = "NextVNode";
-    }(SiblingsArray || (SiblingsArray = {}));
+    const implicit$FirstArg = fn => function(first, ...rest) {
+        return fn.call(null, dollar(first), ...rest);
+    };
+    const createComputedSignal = qrl => (throwIfQRLNotResolved(qrl), new ComputedSignalImpl(null, qrl));
+    const createSerializerSignal = arg => (throwIfQRLNotResolved(arg), new SerializerSignalImpl(null, arg));
+    const createSignal = value => new SignalImpl(null, value);
+    const createComputed$ = /*#__PURE__*/ implicit$FirstArg(createComputedSignal);
+    const createSerializer$ = implicit$FirstArg(createSerializerSignal);
     const useResourceQrl = (qrl, opts) => {
         const {val, set, i, iCtx} = useSequentialScope();
         if (null != val) {
@@ -1616,8 +1681,8 @@
         assertQrl(qrl);
         const container = iCtx.$container$;
         const resource = createResourceReturn(container, opts);
-        const task = new Task(TaskFlags.DIRTY | TaskFlags.RESOURCE, i, iCtx.$hostElement$, qrl, resource, null);
-        return container.$scheduler$(ChoreType.TASK, task), set(resource), resource;
+        const task = new Task(12, i, iCtx.$hostElement$, qrl, resource, null);
+        return container.$scheduler$(3, task), set(resource), resource;
     };
     const createResourceReturn = (container, opts, initialPromise) => {
         const result = (opts => ({
@@ -1630,11 +1695,11 @@
             _timeout: opts?.timeout ?? -1,
             _cache: 0
         }))(opts);
-        return result.value = initialPromise, createStore(container, result, StoreFlags.RECURSIVE);
+        return result.value = initialPromise, createStore(container, result, 1);
     };
     const isResourceReturn = obj => isObject(obj) && "resource" === (getStoreTarget(obj) || obj).__brand;
     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)));
@@ -1654,7 +1719,7 @@
         const opts = {
             track: (obj, prop) => {
                 const ctx = newInvokeContext();
-                return ctx.$effectSubscriber$ = getSubscriber(task, EffectProperty.COMPONENT), ctx.$container$ = container, 
+                return ctx.$effectSubscriber$ = getSubscriber(task, ":"), ctx.$container$ = container, 
                 invoke(ctx, (() => isFunction(obj) ? obj() : prop ? obj[prop] : isSignal(obj) ? obj.value : obj));
             },
             cleanup(fn) {
@@ -1712,14 +1777,14 @@
         let drainScheduled = !1;
         return function schedule(type, hostOrTask = null, targetOrQrl = null, payload = null) {
             const isServer = !isDomContainer(container);
-            const isComponentSsr = isServer && type === ChoreType.COMPONENT;
-            const runLater = type !== ChoreType.WAIT_FOR_ALL && !isComponentSsr && type !== ChoreType.RUN_QRL;
-            const isTask = 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 = isServer && 6 === type;
+            const runLater = 255 !== type && !isComponentSsr && 2 !== type;
+            const isTask = 3 === type || 32 === type || 48 === type;
+            const isClientOnly = 16 === type || 4 === type || 5 === type;
             if (isServer && isClientOnly) {
                 return;
             }
-            isTask && (hostOrTask.$flags$ |= TaskFlags.DIRTY);
+            isTask && (hostOrTask.$flags$ |= 8);
             let chore = {
                 $type$: type,
                 $idx$: isTask ? hostOrTask.$index$ : "string" == typeof targetOrQrl ? targetOrQrl : 0,
@@ -1753,11 +1818,11 @@
                     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$ = !1);
                 return existing;
             }(choreQueue, chore, container.rootVNode || null), !drainScheduled && runLater && (drainScheduled = !0, 
-            schedule(ChoreType.JOURNAL_FLUSH), scheduleDrain()?.catch?.((() => {})));
+            schedule(16), scheduleDrain()?.catch?.((() => {})));
             return runLater ? getPromise(chore) : drainUpTo(chore, isServer);
         };
         function drainUpTo(runUptoChore, isServer) {
@@ -1777,7 +1842,7 @@
                         break;
                     }
                 } else {
-                    (chore = nextChore).$host$ && vnode_isVNode(chore.$host$) && chore.$host$[VNodeProps.flags] & VNodeFlags.Deleted && nextChore.$type$ !== ChoreType.CLEANUP_VISIBLE ? choreQueue.shift() : executeChore(nextChore, isServer);
+                    (chore = nextChore).$host$ && vnode_isVNode(chore.$host$) && 32 & chore.$host$[0] && 48 !== nextChore.$type$ ? choreQueue.shift() : executeChore(nextChore, isServer);
                 }
             }
             var chore;
@@ -1789,15 +1854,15 @@
             let returnValue = null;
             try {
                 switch (chore.$type$) {
-                  case ChoreType.WAIT_FOR_ALL:
+                  case 255:
                     isServer && (drainScheduled = !1);
                     break;
 
-                  case ChoreType.JOURNAL_FLUSH:
+                  case 16:
                     returnValue = journalFlush(), drainScheduled = !1;
                     break;
 
-                  case ChoreType.COMPONENT:
+                  case 6:
                     returnValue = safeCall((() => executeComponent(container, host, host, chore.$target$, chore.$payload$)), (jsx => {
                         if (isServer) {
                             return jsx;
@@ -1809,7 +1874,7 @@
                     }), (err => container.handleError(err, host)));
                     break;
 
-                  case ChoreType.RUN_QRL:
+                  case 2:
                     {
                         const fn = chore.$target$.getFn();
                         const result = retryOnPromise((() => fn(...chore.$payload$)));
@@ -1826,11 +1891,11 @@
                     }
                     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 = isServer ? result : null;
                         } else {
@@ -1839,11 +1904,11 @@
                     }
                     break;
 
-                  case ChoreType.CLEANUP_VISIBLE:
+                  case 48:
                     cleanupTask(chore.$payload$);
                     break;
 
-                  case ChoreType.NODE_DIFF:
+                  case 4:
                     {
                         const parentVirtualNode = chore.$target$;
                         let jsx = chore.$payload$;
@@ -1851,7 +1916,7 @@
                     }
                     break;
 
-                  case ChoreType.NODE_PROP:
+                  case 5:
                     {
                         const virtualNode = chore.$host$;
                         const payload = chore.$payload$;
@@ -1862,21 +1927,21 @@
                         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$;
@@ -1899,7 +1964,7 @@
             chore.$resolve$?.(chore.$promise$), chore.$resolve$ = void 0) : after(returnValue);
         }
         function choreComparator(a, b, rootVNode) {
-            const macroTypeDiff = (a.$type$ & ChoreType.MACRO) - (b.$type$ & ChoreType.MACRO);
+            const macroTypeDiff = (240 & a.$type$) - (240 & b.$type$);
             if (0 !== macroTypeDiff) {
                 return macroTypeDiff;
             }
@@ -1914,10 +1979,10 @@
                         let aDepth = -1;
                         let bDepth = -1;
                         for (;a; ) {
-                            a = (aVNodePath[++aDepth] = a)[VNodeProps.parent] || rootVNode && vnode_getProp(a, "q:sparent", (id => vnode_locate(rootVNode, id)));
+                            a = (aVNodePath[++aDepth] = a)[1] || rootVNode && vnode_getProp(a, "q:sparent", (id => vnode_locate(rootVNode, id)));
                         }
                         for (;b; ) {
-                            b = (bVNodePath[++bDepth] = b)[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 ((a = aVNodePath[aDepth]) !== (b = bVNodePath[bDepth])) {
@@ -1971,7 +2036,7 @@
                     }
                 }
             }
-            const microTypeDiff = (a.$type$ & ChoreType.MICRO) - (b.$type$ & ChoreType.MICRO);
+            const microTypeDiff = (15 & a.$type$) - (15 & b.$type$);
             if (0 !== microTypeDiff) {
                 return microTypeDiff;
             }
@@ -1980,218 +2045,459 @@
         }
     };
     const toNumber = value => "number" == typeof value ? value : -1;
-    var SignalFlags;
-    var WrappedSignalFlags;
-    !function(SignalFlags) {
-        SignalFlags[SignalFlags.INVALID = 1] = "INVALID";
-    }(SignalFlags || (SignalFlags = {})), function(WrappedSignalFlags) {
-        WrappedSignalFlags[WrappedSignalFlags.UNWRAP = 2] = "UNWRAP";
-    }(WrappedSignalFlags || (WrappedSignalFlags = {}));
-    const throwIfQRLNotResolved = qrl => {
-        if (!qrl.resolved) {
-            throw qrl.resolve();
-        }
-    };
-    const isSignal = value => value instanceof Signal;
-    class SubscriptionData {
-        data;
-        constructor(data) {
-            this.data = data;
-        }
-    }
-    var EffectSubscriptionProp;
-    var EffectProperty;
-    !function(EffectSubscriptionProp) {
-        EffectSubscriptionProp[EffectSubscriptionProp.CONSUMER = 0] = "CONSUMER", EffectSubscriptionProp[EffectSubscriptionProp.PROPERTY = 1] = "PROPERTY", 
-        EffectSubscriptionProp[EffectSubscriptionProp.BACK_REF = 2] = "BACK_REF", EffectSubscriptionProp[EffectSubscriptionProp.DATA = 3] = "DATA";
-    }(EffectSubscriptionProp || (EffectSubscriptionProp = {})), function(EffectProperty) {
-        EffectProperty.COMPONENT = ":", EffectProperty.VNODE = ".";
-    }(EffectProperty || (EffectProperty = {}));
-    class Signal {
-        $untrackedValue$;
-        $effects$=null;
-        $container$=null;
-        constructor(container, value) {
-            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();
-                }
-                const effectSubscriber = ctx.$effectSubscriber$;
-                if (effectSubscriber) {
-                    const effects = this.$effects$ ||= 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() {
-            qDev;
+    class _SharedContainer {
+        $version$;
+        $scheduler$;
+        $storeProxyMap$;
+        $locale$;
+        $getObjectById$;
+        $serverData$;
+        $currentUniqueId$=0;
+        $instanceHash$=null;
+        $buildBase$=null;
+        constructor(scheduleDrain, journalFlush, serverData, locale) {
+            this.$serverData$ = serverData, this.$locale$ = locale, this.$version$ = version, 
+            this.$storeProxyMap$ = new WeakMap, this.$getObjectById$ = () => {
+                throw Error("Not implemented");
+            }, this.$scheduler$ = createScheduler(this, scheduleDrain, journalFlush);
         }
-        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") || "");
+        trackSignalValue(signal, subscriber, property, data) {
+            return trackSignalAndAssignHost(signal, subscriber, property, this, data);
         }
-        toJSON() {
-            return {
-                value: this.$untrackedValue$
-            };
+        serializationCtxFactory(NodeConstructor, DomRefConstructor, symbolToChunkResolver, writer, prepVNodeData) {
+            return createSerializationContext(NodeConstructor, DomRefConstructor, symbolToChunkResolver, this.getHostProp.bind(this), this.setHostProp.bind(this), this.$storeProxyMap$, writer, prepVNodeData);
         }
     }
-    const ensureContainsSubscription = (array, effectSubscription) => {
-        array.add(effectSubscription);
-    };
-    const ensureContainsBackRef = (array, value) => {
-        array[EffectSubscriptionProp.BACK_REF] ||= 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 qrl = null;
-            isTask(effect) ? qrl = effect.$qrl$ : effect instanceof ComputedSignal ? qrl = effect.$computeQrl$ : property === EffectProperty.COMPONENT && (qrl = container.getHostProp(effect, "q:renderFn")), 
-            qrl && container.serializationCtx.$eventQrls$.add(qrl);
+    const VNodeDataSeparator_REFERENCE = 126, VNodeDataSeparator_ADVANCE_1 = 33, VNodeDataSeparator_ADVANCE_8192 = 46;
+    const VNodeDataChar_OPEN = 123, VNodeDataChar_CLOSE = 125, VNodeDataChar_SCOPED_STYLE = 59, VNodeDataChar_RENDER_FN = 60, VNodeDataChar_ID = 61, VNodeDataChar_PROPS = 62, VNodeDataChar_SLOT_PARENT = 63, VNodeDataChar_KEY = 64, VNodeDataChar_SEQ = 91, VNodeDataChar_CONTEXT = 93, VNodeDataChar_SEQ_IDX = 94, VNodeDataChar_BACK_REFS = 96, VNodeDataChar_SEPARATOR = 124, VNodeDataChar_SLOT = 126;
+    function getDomContainer(element) {
+        const qContainerElement = _getQContainerElement(element);
+        if (!qContainerElement) {
+            throw qError(41);
         }
-    };
-    const triggerEffects = (container, signal, effects) => {
-        const isBrowser = isDomContainer(container);
-        if (effects) {
-            const scheduleEffect = effectSubscription => {
-                const consumer = effectSubscription[EffectSubscriptionProp.CONSUMER];
-                const property = effectSubscription[EffectSubscriptionProp.PROPERTY];
-                if (assertDefined(), 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 qrl = container.getHostProp(host, "q:renderFn");
-                    assertDefined();
-                    const props = container.getHostProp(host, "q:props");
-                    container.$scheduler$(ChoreType.COMPONENT, host, qrl, props);
-                } else if (isBrowser) {
-                    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);
+        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("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])");
+    }
+    const isDomContainer = container => container instanceof DomContainer;
+    class DomContainer extends _SharedContainer {
+        element;
+        qContainer;
+        qManifestHash;
+        rootVNode;
+        document;
+        $journal$;
+        renderDone=null;
+        $rawStateData$;
+        $storeProxyMap$=new WeakMap;
+        $qFuncs$;
+        $instanceHash$;
+        vNodeLocate=id => vnode_locate(this.rootVNode, id);
+        $stateData$;
+        $styleIds$=null;
+        $renderCount$=0;
+        constructor(element) {
+            if (super((() => this.scheduleRender()), (() => vnode_applyJournal(this.$journal$)), {}, element.getAttribute("q:locale")), 
+            this.qContainer = element.getAttribute("q:container"), !this.qContainer) {
+                throw qError(42);
+            }
+            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 document = this.element.ownerDocument;
+            document.qVNodeData || function(document) {
+                const vNodeDataMap = document.qVNodeData || (document.qVNodeData = new WeakMap);
+                const prototype = document.body;
+                const getAttribute = prototype.getAttribute;
+                const hasAttribute = prototype.hasAttribute;
+                const getNodeType = ((prototype, name) => {
+                    let getter;
+                    for (;prototype && !(getter = Object.getOwnPropertyDescriptor(prototype, name)?.get); ) {
+                        prototype = Object.getPrototypeOf(prototype);
+                    }
+                    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 = new Map;
+                    })), element.querySelectorAll("[q\\:shadowroot]").forEach((parent => {
+                        const shadowRoot = parent.shadowRoot;
+                        shadowRoot && attachVnodeDataAndRefs(shadowRoot);
+                    }));
+                };
+                attachVnodeDataAndRefs(document);
+                const getFastNodeType = node => {
+                    const nodeType = getNodeType.call(node);
+                    if (1 === nodeType) {
+                        return null === getAttribute.call(node, "q:container") ? hasAttribute.call(node, "q:shadowroot") ? 6 : hasAttribute.call(node, ":") ? 2 : 0 : 3;
+                    }
+                    if (8 === nodeType) {
+                        const nodeValue = node.nodeValue || "";
+                        if (nodeValue.startsWith("q:container-island")) {
+                            return 65;
+                        }
+                        if (nodeValue.startsWith("q:ignore")) {
+                            return 16;
+                        }
+                        if (nodeValue.startsWith("q:container")) {
+                            return 5;
+                        }
+                        if (nodeValue.startsWith("/q:container-island")) {
+                            return 128;
+                        }
+                        if (nodeValue.startsWith("/q:ignore")) {
+                            return 32;
+                        }
+                        if (nodeValue.startsWith("/q:container")) {
+                            return 8;
+                        }
+                    }
+                    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;
+                        }
+                        ch === VNodeDataChar_OPEN ? depth++ : ch === VNodeDataChar_CLOSE && depth--, start++;
+                    }
+                    return start;
+                };
+                const nextSibling = node => {
+                    for (;node && (node = node.nextSibling) && 0 === getFastNodeType(node); ) {}
+                    return node;
+                };
+                const firstChild = node => {
+                    for (;node && (node = node.firstChild) && 0 === getFastNodeType(node); ) {}
+                    return node;
+                };
+                const walkContainer = (walker, 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;
+                            }
+                            walkContainer(walker, container, node, nextNode, container.qVnodeData || "", container.qVNodeRefs);
+                        } else if (16 === nodeType) {
+                            let islandNode = node;
+                            do {
+                                if (islandNode = walker.nextNode(), !islandNode) {
+                                    throw new Error(`Island inside \x3c!--${node?.nodeValue}--\x3e not found!`);
+                                }
+                            } while (65 !== getFastNodeType(islandNode));
+                            nextNode = null;
+                        } else if (128 === nodeType) {
+                            nextNode = node;
+                            do {
+                                if (nextNode = walker.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(`\x3c!--${node?.nodeValue}--\x3e not closed!`);
+                                }
+                            } while (8 !== getFastNodeType(nextNode));
+                            walkContainer(walker, node, node, nextNode, "", null);
+                        } else if (6 === nodeType) {
+                            nextNode = nextSibling(node);
+                            const shadowRootContainer = node;
+                            const shadowRoot = shadowRootContainer?.shadowRoot;
+                            shadowRoot && walkContainer(document.createTreeWalker(shadowRoot, 129), null, firstChild(shadowRoot), null, "", null);
+                        }
+                        if (!(2 & ~nodeType)) {
+                            if (vNodeElementIndex < elementIdx && (-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)) : vNodeElementIndex = Number.MAX_SAFE_INTEGER), 
+                            elementIdx === vNodeElementIndex) {
+                                needsToStoreRef === elementIdx && qVNodeRefs.set(elementIdx, node);
+                                const instructions = vData.substring(vData_start, vData_end);
+                                vNodeDataMap.set(node, instructions);
+                            }
+                            elementIdx++;
+                        }
+                    } while (node = nextNode || walker.nextNode());
+                };
+                const walker = document.createTreeWalker(document, 129);
+                walkContainer(walker, null, walker.firstChild(), null, "", null);
+            }(document), this.$qFuncs$ = getQFuncs(document, 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$);
             }
         }
-    };
-    class ComputedSignal extends Signal {
-        $computeQrl$;
-        $flags$;
-        $forceRunEffects$=!1;
-        [_EFFECT_BACK_REF]=null;
-        constructor(container, fn, flags = SignalFlags.INVALID) {
-            super(container, NEEDS_COMPUTATION), this.$computeQrl$ = fn, this.$flags$ = flags;
-        }
-        $invalidate$() {
-            this.$flags$ |= SignalFlags.INVALID, this.$forceRunEffects$ = !1, this.$container$?.$scheduler$(ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS, null, this);
-        }
-        force() {
-            this.$flags$ |= SignalFlags.INVALID, this.$forceRunEffects$ = !1, triggerEffects(this.$container$, this, this.$effects$);
-        }
-        get untrackedValue() {
-            const didChange = this.$computeIfNeeded$();
-            return didChange && (this.$forceRunEffects$ = didChange), assertFalse(), this.$untrackedValue$;
+        $setRawState$(id, vParent) {
+            this.$stateData$[id] = vParent;
         }
-        $computeIfNeeded$() {
-            if (!(this.$flags$ & SignalFlags.INVALID)) {
-                return !1;
+        parseQRL(qrl) {
+            return inflateQRL(this, parseQRL(qrl));
+        }
+        handleError(err, host) {
+            const errorStore = host && this.resolveContext(host, ERROR_CONTEXT);
+            if (!errorStore) {
+                throw err;
             }
-            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$ ]);
+            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);
+        }
+        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;
+                    }
                 }
-                this.$flags$ &= ~SignalFlags.INVALID;
-                const didChange = untrackedValue !== this.$untrackedValue$;
-                return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
-            } finally {
-                ctx && (ctx.$effectSubscriber$ = previousEffectSubscription);
+                host = this.getParentHost(host);
             }
         }
-        get value() {
-            return super.value;
-        }
-        set value(_) {
-            throw qError(QError.computedReadOnly);
+        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;
         }
-    }
-    class WrappedSignal extends Signal {
-        $args$;
-        $func$;
-        $funcStr$;
-        $flags$;
-        $hostElement$=null;
-        $forceRunEffects$=!1;
-        [_EFFECT_BACK_REF]=null;
-        constructor(container, fn, args, fnStr, flags = SignalFlags.INVALID | WrappedSignalFlags.UNWRAP) {
-            super(container, NEEDS_COMPUTATION), this.$args$ = args, this.$func$ = fn, this.$funcStr$ = fnStr, 
-            this.$flags$ = flags;
+        setHostProp(host, name, value) {
+            vnode_setProp(host, name, value);
         }
-        $invalidate$() {
-            this.$flags$ |= SignalFlags.INVALID, this.$forceRunEffects$ = !1, this.$container$?.$scheduler$(ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS, this.$hostElement$, this);
+        getHostProp(host, name) {
+            const vNode = host;
+            let getObjectById = null;
+            switch (name) {
+              case "q:seq":
+              case "q:props":
+              case "q:renderFn":
+              case "q:ctx":
+              case "q:brefs":
+                getObjectById = this.$getObjectById$;
+                break;
+
+              case "q:seqIdx":
+              case ":onIdx":
+                getObjectById = parseInt;
+            }
+            return vnode_getProp(vNode, name, getObjectById);
         }
-        force() {
-            this.$flags$ |= SignalFlags.INVALID, this.$forceRunEffects$ = !1, triggerEffects(this.$container$, this, this.$effects$);
+        scheduleRender() {
+            return this.$renderCount$++, this.renderDone ||= getPlatform().nextTick((() => this.processChores())), 
+            this.renderDone.finally((() => emitEvent("qrender", {
+                instanceHash: this.$instanceHash$,
+                renderCount: this.$renderCount$
+            })));
         }
-        get untrackedValue() {
-            const didChange = this.$computeIfNeeded$();
-            return didChange && (this.$forceRunEffects$ = didChange), assertFalse(), this.$untrackedValue$;
+        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();
         }
-        $computeIfNeeded$() {
-            if (!(this.$flags$ & SignalFlags.INVALID)) {
-                return !1;
+        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));
+                    }
+                }
             }
-            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;
+        $getObjectById$=id => ("string" == typeof id && (id = parseFloat(id)), assertTrue(), 
+        this.$stateData$[id]);
+        getSyncFn(id) {
+            const fn = this.$qFuncs$[id];
+            return assertTrue(), fn;
         }
-        set value(_) {
-            throw qError(QError.wrappedReadOnly);
+        $appendStyle$(content, styleId, host, scoped) {
+            if (scoped) {
+                const scopedStyleIdsString = this.getHostProp(host, "q:sstyle");
+                const scopedStyleIds = new Set(function(scopedStyleIds) {
+                    return scopedStyleIds?.split(" ") ?? null;
+                }(scopedStyleIdsString));
+                scopedStyleIds.add(styleId), this.setHostProp(host, "q:sstyle", function(scopedStyleIds) {
+                    return Array.from(scopedStyleIds).join(" ");
+                }(scopedStyleIds));
+            }
+            if (null == this.$styleIds$ && (this.$styleIds$ = new Set, this.element.querySelectorAll("style[q\\:style]").forEach((style => {
+                this.$styleIds$.add(style.getAttribute("q:style"));
+            }))), !this.$styleIds$.has(styleId)) {
+                this.$styleIds$.add(styleId);
+                const styleElement = this.document.createElement("style");
+                styleElement.setAttribute("q:style", styleId), styleElement.textContent = content, 
+                this.$journal$.push(5, this.document.head, null, styleElement);
+            }
+        }
+        $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);
+                }
+            }
+            this.$serverData$ = {
+                containerAttributes
+            };
+        }
+    }
+    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 _context;
+    };
+    const getInvokeContext = () => {
+        const ctx = tryGetInvokeContext();
+        if (!ctx) {
+            throw qError(14);
+        }
+        return ctx;
+    };
+    const useInvokeContext = () => {
+        const ctx = tryGetInvokeContext();
+        if (!ctx || "qRender" !== ctx.$event$) {
+            throw qError(20);
+        }
+        return assertDefined(), assertDefined(), ctx;
+    };
+    function useBindInvokeContext(fn) {
+        if (null == fn) {
+            return fn;
+        }
+        const ctx = getInvokeContext();
+        return function(...args) {
+            return invokeApply.call(this, ctx, fn, args);
+        };
+    }
+    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 returnValue;
     }
+    const newInvokeContextFromTuple = ([element, event, url]) => {
+        const domContainer = getDomContainer(element);
+        const hostElement = vnode_locate(domContainer.rootVNode, element);
+        const locale = domContainer.$locale$;
+        return locale && function(locale) {
+            _locale = locale;
+        }(locale), newInvokeContext(locale, hostElement, element, event, url);
+    };
+    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 seal(), ctx;
+    };
+    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 trackSignalAndAssignHost = (value, host, property, container, data) => (value instanceof WrappedSignal && value.$hostElement$ !== host && host && (value.$hostElement$ = host), 
+    trackSignal((() => value.value), host, property, container, data));
+    const queueQRL = (...args) => {
+        const [runQrl] = useLexicalScope();
+        const context = getInvokeContext();
+        const hostElement = context.$hostElement$;
+        if (!hostElement) {
+            return;
+        }
+        const scheduler = getDomContainer(context.$element$).$scheduler$;
+        if (!scheduler) {
+            throw qError(1);
+        }
+        return scheduler(2, hostElement, runQrl, args);
+    };
     class ParentComponentData {
         $scopedStyle$;
         $componentFrame$;
@@ -2237,12 +2543,12 @@
                     enqueue(value[i]);
                 }
             } else if (isSignal(value)) {
-                ssr.openFragment(build.isDev ? [ "q:type", VirtualType.WrappedSignal ] : EMPTY_ARRAY);
+                ssr.openFragment(build.isDev ? [ DEBUG_TYPE, "S" ] : EMPTY_ARRAY);
                 const signalNode = ssr.getLastNode();
-                enqueue(ssr.closeFragment), enqueue(trackSignalAndAssignHost(value, signalNode, EffectProperty.VNODE, ssr));
+                enqueue(ssr.closeFragment), enqueue(trackSignalAndAssignHost(value, signalNode, ".", ssr));
             } else if (isPromise(value)) {
-                ssr.openFragment(build.isDev ? [ "q:type", VirtualType.Awaited ] : EMPTY_ARRAY), 
-                enqueue(ssr.closeFragment), enqueue(value), enqueue(Promise), enqueue((() => ssr.commentNode("qkssr-f")));
+                ssr.openFragment(build.isDev ? [ DEBUG_TYPE, "A" ] : EMPTY_ARRAY), enqueue(ssr.closeFragment), 
+                enqueue(value), enqueue(Promise), enqueue((() => ssr.commentNode("qkssr-f")));
             } else if (function(value) {
                 return !!value[Symbol.asyncIterator];
             }(value)) {
@@ -2275,14 +2581,14 @@
                 } else if (isFunction(type)) {
                     if (type === Fragment) {
                         let attrs = null != jsx.key ? [ "q:key", jsx.key ] : EMPTY_ARRAY;
-                        build.isDev && (attrs = [ "q:type", VirtualType.Fragment, ...attrs ]), ssr.openFragment(attrs), 
+                        build.isDev && (attrs = [ DEBUG_TYPE, "F", ...attrs ]), ssr.openFragment(attrs), 
                         ssr.addCurrentElementFrameAsComponentChild(), enqueue(ssr.closeFragment);
                         const children = jsx.children;
                         null != children && enqueue(children);
                     } else if (type === Slot) {
                         const componentFrame = options.parentComponentFrame || ssr.unclaimedProjectionComponentFrameQueue.shift();
                         if (componentFrame) {
-                            const projectionAttrs = build.isDev ? [ "q:type", VirtualType.Projection ] : [];
+                            const projectionAttrs = build.isDev ? [ DEBUG_TYPE, "P" ] : [];
                             projectionAttrs.push("q:sparent", componentFrame.componentNode.id || ""), ssr.openProjection(projectionAttrs);
                             const host = componentFrame.componentNode;
                             const node = ssr.getLastNode();
@@ -2291,7 +2597,7 @@
                                 if (constProps && "object" == typeof constProps && "name" in constProps) {
                                     const constValue = constProps.name;
                                     if (constValue instanceof WrappedSignal) {
-                                        return trackSignalAndAssignHost(constValue, host, EffectProperty.COMPONENT, ssr);
+                                        return trackSignalAndAssignHost(constValue, host, ":", ssr);
                                     }
                                 }
                                 return directGetPropsProxyProp(jsx, "name") || "";
@@ -2303,8 +2609,7 @@
                             slotDefaultChildren && slotChildren !== slotDefaultChildren && ssr.addUnclaimedProjection(componentFrame, "", slotDefaultChildren), 
                             enqueue(slotChildren), enqueue(new ParentComponentData(componentFrame.projectionScopedStyle, componentFrame.projectionComponentFrame));
                         } else {
-                            ssr.openFragment(build.isDev ? [ "q:type", VirtualType.Projection ] : EMPTY_ARRAY), 
-                            ssr.closeFragment();
+                            ssr.openFragment(build.isDev ? [ DEBUG_TYPE, "P" ] : EMPTY_ARRAY), ssr.closeFragment();
                         }
                     } else if (type === SSRComment) {
                         ssr.commentNode(directGetPropsProxyProp(jsx, "data") || "");
@@ -2323,7 +2628,7 @@
                     } else if (type === SSRRaw) {
                         ssr.htmlNode(directGetPropsProxyProp(jsx, "data"));
                     } else if (isQwikComponent(type)) {
-                        ssr.openComponent(build.isDev ? [ "q:type", VirtualType.Component ] : []);
+                        ssr.openComponent(build.isDev ? [ DEBUG_TYPE, "C" ] : []);
                         const host = ssr.getLastNode();
                         const componentFrame = ssr.getParentComponentFrame();
                         componentFrame.distributeChildrenIntoSlots(jsx.children, options.styleScoped, options.parentComponentFrame);
@@ -2334,7 +2639,7 @@
                             srcProps && srcProps.children && delete srcProps.children;
                             const scheduler = ssr.$scheduler$;
                             return host.setProp("q:renderFn", componentQrl), host.setProp("q:props", srcProps), 
-                            null !== jsx.key && host.setProp("q:key", jsx.key), scheduler(ChoreType.COMPONENT, host, componentQrl, srcProps);
+                            null !== jsx.key && host.setProp("q:key", jsx.key), scheduler(6, host, componentQrl, srcProps);
                         })(ssr, jsx, type);
                         const compStyleComponentId = addComponentStylePrefix(host.getProp("q:sstyle"));
                         enqueue(new ParentComponentData(options.styleScoped, options.parentComponentFrame)), 
@@ -2342,7 +2647,7 @@
                         enqueue(new ParentComponentData(compStyleComponentId, componentFrame));
                     } else {
                         const inlineComponentProps = [ "q:key", jsx.key ];
-                        ssr.openFragment(build.isDev ? [ "q:type", VirtualType.InlineComponent, ...inlineComponentProps ] : inlineComponentProps), 
+                        ssr.openFragment(build.isDev ? [ DEBUG_TYPE, "I", ...inlineComponentProps ] : inlineComponentProps), 
                         enqueue(ssr.closeFragment);
                         const component = ssr.getComponentFrame(0);
                         const jsxOutput = ((ssr, componentHost, inlineComponentFunction, jsx) => {
@@ -2373,7 +2678,7 @@
                     }
                 }
                 const eventValue = setEvent(serializationCtx, key, value);
-                eventValue && ssrAttrs.push(convertEventNameFromJsxPropToHtmlAttr(key), eventValue);
+                eventValue && ssrAttrs.push(jsxEventToHtmlAttribute(key), eventValue);
             } else {
                 isSignal(value) ? isClassAttr(key) ? ssrAttrs.push(key, [ value, styleScopedId ]) : ssrAttrs.push(key, value) : (isPreventDefault(key) && addPreventDefaultEventToSerializationContext(serializationCtx, key), 
                 value = serializeAttribute(key, value, styleScopedId), ssrAttrs.push(key, value));
@@ -2419,36 +2724,13 @@
         return value;
     }
     function addQwikEventToSerializationContext(serializationCtx, key, qrl) {
-        const eventName = getEventNameFromJsxProp(key);
+        const eventName = getEventNameFromJsxEvent(key);
         eventName && (serializationCtx.$eventNames$.add(eventName), serializationCtx.$eventQrls$.add(qrl));
     }
     function addPreventDefaultEventToSerializationContext(serializationCtx, key) {
         const eventName = key.substring(15);
         eventName && serializationCtx.$eventNames$.add(eventName);
     }
-    const version = "2.0.0-alpha.8-dev+66037b5";
-    class _SharedContainer {
-        $version$;
-        $scheduler$;
-        $storeProxyMap$;
-        $locale$;
-        $getObjectById$;
-        $serverData$;
-        $currentUniqueId$=0;
-        $instanceHash$=null;
-        constructor(scheduleDrain, journalFlush, serverData, locale) {
-            this.$serverData$ = serverData, this.$locale$ = locale, this.$version$ = version, 
-            this.$storeProxyMap$ = new WeakMap, this.$getObjectById$ = () => {
-                throw Error("Not implemented");
-            }, this.$scheduler$ = createScheduler(this, scheduleDrain, journalFlush);
-        }
-        trackSignalValue(signal, subscriber, property, data) {
-            return trackSignalAndAssignHost(signal, subscriber, property, this, data);
-        }
-        serializationCtxFactory(NodeConstructor, DomRefConstructor, symbolToChunkResolver, writer, prepVNodeData) {
-            return createSerializationContext(NodeConstructor, DomRefConstructor, symbolToChunkResolver, this.getHostProp.bind(this), this.setHostProp.bind(this), this.$storeProxyMap$, writer, prepVNodeData);
-        }
-    }
     const getValueProp = p0 => p0.value;
     const getProp = (p0, p1) => p0[p1];
     const getWrapped = args => new WrappedSignal(null, 1 === args.length ? getValueProp : getProp, args, null);
@@ -2459,7 +2741,7 @@
             return obj[prop];
         }
         if (isSignal(obj)) {
-            return assertEqual(), obj instanceof WrappedSignal && obj.flags & WrappedSignalFlags.UNWRAP ? obj : getWrapped(args);
+            return assertEqual(), obj instanceof WrappedSignal && 2 & obj.flags ? obj : getWrapped(args);
         }
         if (isPropsProxy(obj)) {
             const constProps = obj[_CONST_PROPS];
@@ -2553,7 +2835,7 @@
                 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;
+            return value instanceof WrappedSignal && 2 & value.$flags$ ? value.value : value;
         }
         set(_, prop, value) {
             return prop === _CONST_PROPS ? (this.$constProps$ = value, !0) : prop === _VAR_PROPS ? (this.$varProps$ = value, 
@@ -2571,7 +2853,7 @@
         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) {
+        getOwnPropertyDescriptor(_, p) {
             return {
                 configurable: !0,
                 enumerable: !0,
@@ -2616,10 +2898,10 @@
             }
             try {
                 if (stringifyPath.push(value), Array.isArray(value)) {
-                    return vnode_isVNode(value) ? "(" + vnode_getProp(value, "q:type", null) + ")" : value.map(qwikDebugToString);
+                    return vnode_isVNode(value) ? "(" + vnode_getProp(value, DEBUG_TYPE, null) + ")" : value.map(qwikDebugToString);
                 }
                 if (isSignal(value)) {
-                    return value instanceof WrappedSignal ? "WrappedSignal" : value instanceof ComputedSignal ? "ComputedSignal" : "Signal";
+                    return value instanceof WrappedSignal ? "WrappedSignal" : value instanceof ComputedSignalImpl ? "ComputedSignal" : "Signal";
                 }
                 if (isStore(value)) {
                     return "Store";
@@ -2636,8 +2918,6 @@
     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)) {
@@ -2652,61 +2932,53 @@
         }
         return String(value);
     };
-    const VNodeDataSeparator_REFERENCE = 126, VNodeDataSeparator_ADVANCE_1 = 33, VNodeDataSeparator_ADVANCE_8192 = 46;
-    const VNodeDataChar_OPEN = 123, VNodeDataChar_CLOSE = 125, VNodeDataChar_SCOPED_STYLE = 59, VNodeDataChar_RENDER_FN = 60, VNodeDataChar_ID = 61, VNodeDataChar_PROPS = 62, VNodeDataChar_SLOT_PARENT = 63, VNodeDataChar_KEY = 64, VNodeDataChar_SEQ = 91, VNodeDataChar_CONTEXT = 93, VNodeDataChar_SEQ_IDX = 94, VNodeDataChar_BACK_REFS = 96, VNodeDataChar_SEPARATOR = 124, VNodeDataChar_SLOT = 126;
-    var VNodeJournalOpCode;
-    !function(VNodeJournalOpCode) {
-        VNodeJournalOpCode[VNodeJournalOpCode.SetText = 1] = "SetText", VNodeJournalOpCode[VNodeJournalOpCode.SetAttribute = 2] = "SetAttribute", 
-        VNodeJournalOpCode[VNodeJournalOpCode.HoistStyles = 3] = "HoistStyles", VNodeJournalOpCode[VNodeJournalOpCode.Remove = 4] = "Remove", 
-        VNodeJournalOpCode[VNodeJournalOpCode.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);
+        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)), vnode;
+        assertFalse(vnode_isVirtualVNode(vnode)), element.vNode = new WeakRef(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);
+        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)), vnode;
+        assertFalse(vnode_isVirtualVNode(vnode)), element.vNode = new WeakRef(vnode), vnode;
     };
     const vnode_newText = (textNode, textContent) => {
-        const vnode = VNodeArray.createText(VNodeFlags.Text | VNodeFlags.Inflated | -1 << VNodeFlagsIndex.shift, null, null, null, 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(VNodeFlags.Virtual | -1 << VNodeFlagsIndex.shift, null, null, null, null, null);
+        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 => {
         assertDefined();
-        return (vNode[VNodeProps.flags] & VNodeFlags.Element) === VNodeFlags.Element;
+        return !(1 & ~vNode[0]);
     };
     const vnode_isElementOrTextVNode = vNode => {
         assertDefined();
-        return !!(vNode[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_TEXT_MASK);
+        return !!(5 & vNode[0]);
     };
     const vnode_isMaterialized = vNode => {
         assertDefined();
-        return (vNode[VNodeProps.flags] & VNodeFlags.Element) === VNodeFlags.Element && void 0 !== vNode[ElementVNodeProps.firstChild] && void 0 !== vNode[ElementVNodeProps.lastChild];
+        return !(1 & ~vNode[0]) && void 0 !== vNode[4] && void 0 !== vNode[5];
     };
     const vnode_isTextVNode = vNode => {
         assertDefined();
-        return (vNode[VNodeProps.flags] & VNodeFlags.Text) === VNodeFlags.Text;
+        return !(4 & ~vNode[0]);
     };
     const vnode_isVirtualVNode = vNode => {
         assertDefined();
-        return (vNode[VNodeProps.flags] & VNodeFlags.Virtual) === VNodeFlags.Virtual;
+        return !(2 & ~vNode[0]);
     };
     const vnode_isProjection = vNode => {
         assertDefined();
-        return (vNode[VNodeProps.flags] & VNodeFlags.Virtual) === VNodeFlags.Virtual && null !== vnode_getProp(vNode, QSlot, null);
+        return !(2 & ~vNode[0]) && null !== vnode_getProp(vNode, QSlot, null);
     };
     const ensureTextVNode = vNode => (assertTrue(vnode_isTextVNode(vNode), vnode_getNodeTypeName(vNode)), 
     vNode);
@@ -2717,24 +2989,24 @@
     vNode);
     const vnode_getNodeTypeName = vNode => {
         if (vNode) {
-            switch (vNode[VNodeProps.flags] & VNodeFlags.TYPE_MASK) {
-              case VNodeFlags.Element:
+            switch (7 & vNode[0]) {
+              case 1:
                 return "Element";
 
-              case VNodeFlags.Virtual:
+              case 2:
                 return "Virtual";
 
-              case VNodeFlags.Text:
+              case 4:
                 return "Text";
             }
         }
         return "<unknown>";
     };
     const vnode_ensureElementInflated = vnode => {
-        if ((vnode[VNodeProps.flags] & VNodeFlags.INFLATED_TYPE_MASK) === VNodeFlags.Element) {
+        if (1 == (15 & vnode[0])) {
             const elementVNode = vnode;
-            elementVNode[VNodeProps.flags] ^= VNodeFlags.Inflated;
-            const element = elementVNode[ElementVNodeProps.element];
+            elementVNode[0] ^= 8;
+            const element = elementVNode[6];
             const attributes = element.attributes;
             const props = vnode_getProps(elementVNode);
             for (let idx = 0; idx < attributes.length; idx++) {
@@ -2744,7 +3016,7 @@
                     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);
+                    "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);
                 }
@@ -2801,31 +3073,31 @@
         return childNodes;
     }
     const vnode_getDomSibling = (vNode, nextDirection, descend) => {
-        const childProp = nextDirection ? VirtualVNodeProps.firstChild : VirtualVNodeProps.lastChild;
-        const siblingProp = nextDirection ? VNodeProps.nextSibling : VNodeProps.previousSibling;
+        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 (child[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_TEXT_MASK) {
+            if (5 & child[0]) {
                 return child;
             }
             cursor = child;
         }
         for (;cursor; ) {
             let sibling = cursor[siblingProp];
-            if (sibling && sibling[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_TEXT_MASK) {
+            if (sibling && 5 & sibling[0]) {
                 return sibling;
             }
             if (!sibling) {
-                let virtual = cursor[VNodeProps.parent];
+                let virtual = cursor[1];
                 if (virtual && !vnode_isVirtualVNode(virtual)) {
                     return null;
                 }
                 for (;virtual && !(sibling = virtual[siblingProp]); ) {
-                    if (virtual = virtual[VNodeProps.parent], virtual && !vnode_isVirtualVNode(virtual)) {
+                    if (virtual = virtual[1], virtual && !vnode_isVirtualVNode(virtual)) {
                         return null;
                     }
                 }
@@ -2837,7 +3109,7 @@
                 }
             }
             for (;sibling; ) {
-                if (cursor = sibling, cursor[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_TEXT_MASK && vnode_getNode(cursor)) {
+                if (cursor = sibling, 5 & cursor[0] && vnode_getNode(cursor)) {
                     return cursor;
                 }
                 sibling = cursor[childProp];
@@ -2847,33 +3119,32 @@
     };
     const vnode_ensureTextInflated = (journal, vnode) => {
         const textVNode = ensureTextVNode(vnode);
-        if (!(textVNode[VNodeProps.flags] & VNodeFlags.Inflated)) {
+        if (!(8 & textVNode[0])) {
             const parentNode = vnode_getDomParent(vnode);
-            const sharedTextNode = textVNode[TextVNodeProps.node];
+            const sharedTextNode = textVNode[4];
             const doc = parentNode.ownerDocument;
             let cursor = vnode_getDomSibling(vnode, !1, !0);
-            const insertBeforeNode = sharedTextNode || vnode_getDomSibling(vnode, !0, !0)?.[ElementVNodeProps.element] || null;
+            const insertBeforeNode = sharedTextNode || vnode_getDomSibling(vnode, !0, !0)?.[6] || 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;
+                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, !1, !0);
             }
             for (cursor = vnode; cursor && vnode_isTextVNode(cursor); ) {
                 const next = vnode_getDomSibling(cursor, !0, !0);
                 const isLastNode = !next || !vnode_isTextVNode(next);
-                if (!(cursor[VNodeProps.flags] & VNodeFlags.Inflated)) {
+                if (!(8 & cursor[0])) {
                     if (isLastNode && sharedTextNode) {
-                        journal.push(VNodeJournalOpCode.SetText, sharedTextNode, cursor[TextVNodeProps.text]);
+                        journal.push(1, sharedTextNode, cursor[5]);
                     } else {
-                        const textNode = doc.createTextNode(cursor[TextVNodeProps.text]);
-                        journal.push(VNodeJournalOpCode.Insert, parentNode, insertBeforeNode, textNode), 
-                        cursor[TextVNodeProps.node] = textNode;
+                        const textNode = doc.createTextNode(cursor[5]);
+                        journal.push(5, parentNode, insertBeforeNode, textNode), cursor[4] = textNode;
                     }
-                    cursor[VNodeProps.flags] |= VNodeFlags.Inflated;
+                    cursor[0] |= 8;
                 }
                 cursor = next;
             }
@@ -2882,12 +3153,20 @@
     const vnode_locate = (rootVNode, id) => {
         ensureElementVNode(rootVNode);
         let vNode = rootVNode;
-        const containerElement = rootVNode[ElementVNodeProps.element];
+        const containerElement = rootVNode[6];
         const {qVNodeRefs} = containerElement;
         let elementOffset = -1;
         let refElement;
-        if ("string" == typeof id ? (assertDefined(), elementOffset = parseInt(id), refElement = qVNodeRefs.get(elementOffset)) : refElement = id, 
-        assertDefined(), vnode_isVNode(refElement)) {
+        if ("string" == typeof id) {
+            assertDefined(), elementOffset = parseInt(id), refElement = qVNodeRefs.get(elementOffset);
+        } else {
+            refElement = id;
+            const vNode = refElement.vNode?.deref();
+            if (vNode) {
+                return vNode;
+            }
+        }
+        if (assertDefined(), vnode_isVNode(refElement)) {
             vNode = refElement;
         } else {
             assertTrue(containerElement.contains(refElement));
@@ -2915,7 +3194,7 @@
     };
     const vnode_getChildWithIdx = (vNode, childIdx) => {
         let child = vnode_getFirstChild(vNode);
-        for (assertDefined(); child[VNodeProps.flags] >>> VNodeFlagsIndex.shift !== childIdx; ) {
+        for (assertDefined(); child[0] >>> 8 !== childIdx; ) {
             child = vnode_getNextSibling(child), assertDefined();
         }
         return child;
@@ -2924,7 +3203,7 @@
     const vnode_getVNodeForChildNode = (vNode, childElement) => {
         ensureElementVNode(vNode);
         let child = vnode_getFirstChild(vNode);
-        for (assertDefined(); child && child[ElementVNodeProps.element] !== childElement; ) {
+        for (assertDefined(); child && child[6] !== childElement; ) {
             if (vnode_isVirtualVNode(child)) {
                 const next = vnode_getNextSibling(child);
                 const firstChild = vnode_getFirstChild(child);
@@ -2957,19 +3236,20 @@
         const length = journal.length;
         for (;idx < length; ) {
             switch (journal[idx++]) {
-              case VNodeJournalOpCode.SetText:
+              case 1:
                 journal[idx++].nodeValue = journal[idx++];
                 break;
 
-              case VNodeJournalOpCode.SetAttribute:
+              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) : "dangerouslySetInnerHTML" === key ? element.innerHTML = value : null == value || !1 === value ? element.removeAttribute(key) : element.setAttribute(key, String(value));
+                isBooleanAttr(element, key) ? element[key] = parseBoolean(value) : "value" === key && key in element ? element.value = String(value) : "dangerouslySetInnerHTML" === key ? (element.innerHTML = value, 
+                element.setAttribute("q:container", "html")) : null == value || !1 === value ? element.removeAttribute(key) : element.setAttribute(key, String(value));
                 break;
 
-              case VNodeJournalOpCode.HoistStyles:
+              case 3:
                 const document = journal[idx++];
                 const head = document.head;
                 const styles = document.querySelectorAll("style[q\\:style],style[q\\:sstyle]");
@@ -2978,7 +3258,7 @@
                 }
                 break;
 
-              case VNodeJournalOpCode.Remove:
+              case 4:
                 const removeParent = journal[idx++];
                 let nodeToRemove;
                 for (;idx < length && "number" != typeof (nodeToRemove = journal[idx]); ) {
@@ -2986,7 +3266,7 @@
                 }
                 break;
 
-              case VNodeJournalOpCode.Insert:
+              case 5:
                 const insertParent = journal[idx++];
                 const insertBefore = journal[idx++];
                 let newChild;
@@ -2998,15 +3278,22 @@
         journal.length = 0;
     };
     const vnode_insertBefore = (journal, parent, newChild, insertBefore) => {
-        ensureElementOrVirtualVNode(parent), vnode_isElementVNode(parent) && ensureMaterialized(parent), 
-        newChild === insertBefore && (insertBefore = null);
+        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, !1);
         let adjustedInsertBefore = null;
         null == insertBefore ? vnode_isVirtualVNode(parent) && (adjustedInsertBefore = vnode_getDomSibling(parent, !0, !1)) : adjustedInsertBefore = vnode_isVirtualVNode(insertBefore) ? vnode_getDomSibling(insertBefore, !0, !0) : insertBefore, 
         adjustedInsertBefore && ((journal, vNode) => {
             vnode_isTextVNode(vNode) && vnode_ensureTextInflated(journal, vNode);
         })(journal, adjustedInsertBefore);
         const domParentVNode = vnode_getDomParentVNode(parent);
-        const parentNode = domParentVNode && domParentVNode[ElementVNodeProps.element];
+        const parentNode = domParentVNode && domParentVNode[6];
         if (parentNode) {
             const domChildren = function(journal, domParentVNode, newChild) {
                 const {elementNamespace, elementNamespaceFlag} = getNewElementNamespaceData(domParentVNode, newChild);
@@ -3018,11 +3305,11 @@
                     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);
@@ -3031,65 +3318,59 @@
                 }
                 return domChildren;
             }(journal, domParentVNode, newChild);
-            domChildren.length && journal.push(VNodeJournalOpCode.Insert, parentNode, vnode_getNode(adjustedInsertBefore), ...domChildren);
+            domChildren.length && journal.push(5, 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, !1);
         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 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[ElementVNodeProps.element];
+    const vnode_getDomParent = vnode => (vnode = vnode_getDomParentVNode(vnode)) && vnode[6];
     const vnode_getDomParentVNode = vnode => {
         for (;vnode && !vnode_isElementVNode(vnode); ) {
-            vnode = vnode[VNodeProps.parent];
+            vnode = vnode[1];
         }
         return vnode;
     };
     const vnode_remove = (journal, vParent, vToRemove, removeDOM) => {
-        assertEqual(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, 
+        if (assertEqual(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(VNodeJournalOpCode.Remove, domParent, ...children);
+            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) => {
         assertDefined();
         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;
+        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[ElementVNodeProps.elementName];
+        let elementName = elementVNode[7];
         if (void 0 === elementName) {
-            const element = elementVNode[ElementVNodeProps.element];
-            const nodeName = build.isDev ? fastNodeName(element).toLowerCase() : fastNodeName(element);
-            elementName = elementVNode[ElementVNodeProps.elementName] = nodeName, elementVNode[VNodeProps.flags] |= (element => {
+            const element = elementVNode[6];
+            const nodeName = fastNodeName(element).toLowerCase();
+            elementName = elementVNode[7] = nodeName, elementVNode[0] |= (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;
                 }
             })(element);
         }
@@ -3097,19 +3378,18 @@
     };
     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;
+        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(VNodeJournalOpCode.SetText, textVNode[TextVNodeProps.node], textVNode[TextVNodeProps.text] = text);
+        journal.push(1, textVNode[4], textVNode[5] = text);
     };
     const vnode_getFirstChild = vnode => {
         if (vnode_isTextVNode(vnode)) {
             return null;
         }
-        let vFirstChild = vnode[ElementVNodeProps.firstChild];
+        let vFirstChild = vnode[4];
         return void 0 === vFirstChild && (vFirstChild = ensureMaterialized(vnode)), vFirstChild;
     };
     const materialize = (vNode, element, firstChild, vNodeData) => {
@@ -3133,19 +3413,17 @@
                 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;
+                    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$1(vData, ((peek, consumeValue, consume, nextToConsumeIdx) => {
+                return processVNodeData(vData, ((peek, consumeValue, consume, nextToConsumeIdx) => {
                     if (isNumber(peek())) {
                         for (;!isElement(child); ) {
                             if (!(child = fastNextSibling(child))) {
-                                throw qError(QError.materializeVNodeDataError, [ vData, peek(), nextToConsumeIdx ]);
+                                throw qError(44, [ vData, peek(), nextToConsumeIdx ]);
                             }
                         }
                         for (;isQStyleElement(child); ) {
@@ -3189,7 +3467,7 @@
                         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(), 
+                        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());
@@ -3204,22 +3482,22 @@
                         const text = null === combinedText ? "" : combinedText.substring(textIdx, textIdx + length);
                         addVNode(previousTextNode = ((previousTextNode, sharedTextNode, textContent) => {
                             sharedTextNode && assertEqual(fastNodeType(sharedTextNode));
-                            const vnode = VNodeArray.createText(VNodeFlags.Text | -1 << VNodeFlagsIndex.shift, null, previousTextNode, null, sharedTextNode, textContent);
+                            const vnode = VNodeArray.createText(-252, null, previousTextNode, null, sharedTextNode, textContent);
                             return assertFalse(vnode_isElementVNode(vnode)), assertTrue(vnode_isTextVNode(vnode)), 
                             assertFalse(vnode_isVirtualVNode(vnode)), vnode;
                         })(previousTextNode, textNode, text)), textIdx += length;
                     }
-                })), vParent[ElementVNodeProps.lastChild] = vLast, vFirst;
+                })), vParent[5] = vLast, vFirst;
             }(vNode, vNodeData, element, firstChild);
         }
         return materializeFromDOM(vNode, firstChild);
     };
     const ensureMaterialized = vnode => {
         const vParent = ensureElementVNode(vnode);
-        let vFirstChild = vParent[ElementVNodeProps.firstChild];
+        let vFirstChild = vParent[4];
         if (void 0 === vFirstChild) {
-            vFirstChild = vParent[VNodeProps.parent] && shouldIgnoreChildren(vParent[ElementVNodeProps.element]) ? vParent[ElementVNodeProps.firstChild] = vParent[ElementVNodeProps.lastChild] = null : (vNode => {
-                const element = vNode[ElementVNodeProps.element];
+            vFirstChild = vParent[1] && shouldIgnoreChildren(vParent[6]) ? vParent[4] = vParent[5] = null : (vNode => {
+                const element = vNode[6];
                 const firstChild = fastFirstChild(element);
                 const vNodeData = element.ownerDocument?.qVNodeData?.get(element);
                 return materialize(vNode, element, firstChild, vNodeData);
@@ -3312,20 +3590,19 @@
             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();
+            vNextChild && (vNextChild[1] = vParent, vChild && (vChild[3] = vNextChild), vNextChild[2] = vChild, 
+            vChild = vNextChild), vFirstChild || (vParent[4] = vFirstChild = vChild), child = fastNextSibling(child), 
+            skipStyleElements();
         }
-        if (vParent[ElementVNodeProps.lastChild] = vChild || null, vParent[ElementVNodeProps.firstChild] = vFirstChild, 
-        vData) {
+        if (vParent[5] = vChild || null, vParent[4] = vFirstChild, vData) {
             let container = null;
-            processVNodeData$1(vData, ((peek, consumeValue) => {
+            processVNodeData(vData, ((peek, consumeValue) => {
                 if (peek() === VNodeDataChar_ID) {
-                    container || (container = getDomContainer(vParent[ElementVNodeProps.element]));
+                    container || (container = getDomContainer(vParent[6]));
                     const id = consumeValue();
                     container.$setRawState$(parseInt(id), vParent), build.isDev && vnode_setAttr(null, vParent, "q:id", id);
                 } else {
-                    peek() === VNodeDataChar_BACK_REFS ? (container || (container = getDomContainer(vParent[ElementVNodeProps.element])), 
+                    peek() === VNodeDataChar_BACK_REFS ? (container || (container = getDomContainer(vParent[6])), 
                     setEffectBackRefFromVNodeData(vParent, consumeValue(), container)) : consumeValue();
                 }
             }));
@@ -3346,7 +3623,7 @@
             });
         }
     }
-    const processVNodeData$1 = (vData, callback) => {
+    const processVNodeData = (vData, callback) => {
         let nextToConsumeIdx = 0;
         let ch = 0;
         let peekCh = 0;
@@ -3364,10 +3641,10 @@
             callback(peek, consumeValue, consume, nextToConsumeIdx);
         }
     };
-    const vnode_getNextSibling = vnode => vnode[VNodeProps.nextSibling];
-    const vnode_getPreviousSibling = vnode => vnode[VNodeProps.previousSibling];
+    const vnode_getNextSibling = vnode => vnode[3];
+    const vnode_getPreviousSibling = vnode => vnode[2];
     const vnode_getAttrKeys = vnode => {
-        if (vnode[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_VIRTUAL_MASK) {
+        if (3 & vnode[0]) {
             vnode_ensureElementInflated(vnode);
             const keys = [];
             const props = vnode_getProps(vnode);
@@ -3377,604 +3654,166 @@
             }
             return keys;
         }
-        return [];
-    };
-    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);
-        }
-        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 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_getProps = vnode => vnode[(vnode => {
-        const type = vnode[VNodeProps.flags] & VNodeFlags.TYPE_MASK;
-        if (type === VNodeFlags.Element) {
-            return ElementVNodeProps.PROPS_OFFSET;
-        }
-        if (type === VNodeFlags.Virtual) {
-            return VirtualVNodeProps.PROPS_OFFSET;
-        }
-        throw qError(QError.invalidVNodeType, [ type ]);
-    })(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]);
-    function vnode_toString(depth = 20, offset = "", materialize = !1, siblings = !1) {
-        let vnode = this;
-        if (0 === depth) {
-            return "...";
-        }
-        if (null === vnode) {
-            return "null";
-        }
-        if (void 0 === vnode) {
-            return "undefined";
-        }
-        const strings = [];
-        do {
-            if (vnode_isTextVNode(vnode)) {
-                strings.push(qwikDebugToString(vnode_getText(vnode)));
-            } else if (vnode_isVirtualVNode(vnode)) {
-                const attrs = [ "[" + String(vnode[VNodeProps.flags] >>> VNodeFlagsIndex.shift) + "]" ];
-                vnode_getAttrKeys(vnode).forEach((key => {
-                    if ("q:type" !== key) {
-                        const value = vnode_getAttr(vnode, key);
-                        attrs.push(" " + key + "=" + qwikDebugToString(value));
-                    }
-                }));
-                const name = VirtualTypeName[vnode_getAttr(vnode, "q:type") || VirtualType.Virtual] || VirtualTypeName[VirtualType.Virtual];
-                strings.push("<" + name + attrs.join("") + ">");
-                const child = vnode_getFirstChild(vnode);
-                child && strings.push("  " + vnode_toString.call(child, depth - 1, offset + "  ", !0, !0)), 
-                strings.push("</" + name + ">");
-            } else if (vnode_isElementVNode(vnode)) {
-                const tag = vnode_getElementName(vnode);
-                const attrs = [];
-                const keys = vnode_getAttrKeys(vnode);
-                keys.forEach((key => {
-                    const value = vnode_getAttr(vnode, key);
-                    attrs.push(" " + key + "=" + qwikDebugToString(value));
-                }));
-                const node = vnode_getNode(vnode);
-                if (node) {
-                    const vnodeData = node.ownerDocument.qVNodeData?.get(node);
-                    vnodeData && attrs.push(" q:vnodeData=" + qwikDebugToString(vnodeData));
-                }
-                const domAttrs = node.attributes;
-                for (let i = 0; i < domAttrs.length; i++) {
-                    const attr = domAttrs[i];
-                    -1 === keys.indexOf(attr.name) && attrs.push(" " + attr.name + (attr.value ? "=" + qwikDebugToString(attr.value) : ""));
-                }
-                if (strings.push("<" + tag + attrs.join("") + ">"), vnode_isMaterialized(vnode) || materialize) {
-                    const child = vnode_getFirstChild(vnode);
-                    child && strings.push("  " + vnode_toString.call(child, depth - 1, offset + "  ", !0, !0));
-                } else {
-                    strings.push("  \x3c!-- not materialized --!>");
-                }
-                strings.push("</" + tag + ">");
-            }
-            vnode = siblings && vnode_getNextSibling(vnode) || null;
-        } while (vnode);
-        return strings.join("\n" + offset);
-    }
-    const isNumber = ch => 48 <= ch && ch <= 57;
-    const isLowercase = ch => 97 <= ch && ch <= 122;
-    const stack = [];
-    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;
-        }
-        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);
-            }
-            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), build.isDev && (this.toString = vnode_toString);
-        }
-    };
-    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 _context;
-    };
-    const getInvokeContext = () => {
-        const ctx = tryGetInvokeContext();
-        if (!ctx) {
-            throw qError(QError.useMethodOutsideContext);
-        }
-        return ctx;
-    };
-    const useInvokeContext = () => {
-        const ctx = tryGetInvokeContext();
-        if (!ctx || "qRender" !== ctx.$event$) {
-            throw qError(QError.useInvokeContext);
-        }
-        return assertDefined(), assertDefined(), ctx;
-    };
-    function useBindInvokeContext(fn) {
-        if (null == fn) {
-            return fn;
-        }
-        const ctx = getInvokeContext();
-        return function(...args) {
-            return invokeApply.call(this, ctx, fn, args);
-        };
-    }
-    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 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 locale && function(locale) {
-            _locale = locale;
-        }(locale), newInvokeContext(locale, vNode, element, event, url);
-    };
-    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 seal(), ctx;
-    };
-    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 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 => (assertTrue(/^[\w/.-]+$/.test(name)), /*#__PURE__*/ Object.freeze({
-        id: fromCamelToKebabCase(name)
-    }));
-    const useContextProvider = (context, newValue) => {
-        const {val, set, iCtx} = useSequentialScope();
-        void 0 === val && (iCtx.$container$.setContext(iCtx.$hostElement$, context, newValue), 
-        set(1));
-    };
-    const ERROR_CONTEXT = /*#__PURE__*/ createContextId("qk-error");
-    function getDomContainer(element) {
-        const qContainerElement = _getQContainerElement(element);
-        if (!qContainerElement) {
-            throw qError(QError.containerNotFound);
-        }
-        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);
-                    }
-                }
-            }
-            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 {
-        element;
-        qContainer;
-        qBase;
-        qManifestHash;
-        rootVNode;
-        document;
-        $journal$;
-        renderDone=null;
-        $rawStateData$;
-        $storeProxyMap$=new WeakMap;
-        $qFuncs$;
-        $instanceHash$;
-        vNodeLocate=id => vnode_locate(this.rootVNode, id);
-        $stateData$;
-        $styleIds$=null;
-        $renderCount$=0;
-        constructor(element) {
-            if (super((() => this.scheduleRender()), (() => vnode_applyJournal(this.$journal$)), {}, element.getAttribute("q:locale")), 
-            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 document = this.element.ownerDocument;
-            document.qVNodeData || function(document) {
-                const vNodeDataMap = document.qVNodeData || (document.qVNodeData = new WeakMap);
-                const prototype = document.body;
-                const getAttribute = prototype.getAttribute;
-                const hasAttribute = prototype.hasAttribute;
-                const getNodeType = ((prototype, name) => {
-                    let getter;
-                    for (;prototype && !(getter = Object.getOwnPropertyDescriptor(prototype, name)?.get); ) {
-                        prototype = Object.getPrototypeOf(prototype);
-                    }
-                    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 = new Map;
-                    })), element.querySelectorAll("[q\\:shadowroot]").forEach((parent => {
-                        const shadowRoot = parent.shadowRoot;
-                        shadowRoot && attachVnodeDataAndRefs(shadowRoot);
-                    }));
-                };
-                let NodeType;
-                attachVnodeDataAndRefs(document), function(NodeType) {
-                    NodeType[NodeType.CONTAINER_MASK = 1] = "CONTAINER_MASK", NodeType[NodeType.ELEMENT = 2] = "ELEMENT", 
-                    NodeType[NodeType.ELEMENT_CONTAINER = 3] = "ELEMENT_CONTAINER", NodeType[NodeType.ELEMENT_SHADOW_ROOT = 6] = "ELEMENT_SHADOW_ROOT", 
-                    NodeType[NodeType.COMMENT_SKIP_START = 5] = "COMMENT_SKIP_START", NodeType[NodeType.COMMENT_SKIP_END = 8] = "COMMENT_SKIP_END", 
-                    NodeType[NodeType.COMMENT_IGNORE_START = 16] = "COMMENT_IGNORE_START", NodeType[NodeType.COMMENT_IGNORE_END = 32] = "COMMENT_IGNORE_END", 
-                    NodeType[NodeType.COMMENT_ISLAND_START = 65] = "COMMENT_ISLAND_START", NodeType[NodeType.COMMENT_ISLAND_END = 128] = "COMMENT_ISLAND_END", 
-                    NodeType[NodeType.OTHER = 0] = "OTHER";
-                }(NodeType || (NodeType = {}));
-                const getFastNodeType = node => {
-                    const nodeType = getNodeType.call(node);
-                    if (1 === nodeType) {
-                        return null === getAttribute.call(node, "q:container") ? hasAttribute.call(node, "q:shadowroot") ? NodeType.ELEMENT_SHADOW_ROOT : hasAttribute.call(node, ":") ? NodeType.ELEMENT : NodeType.OTHER : NodeType.ELEMENT_CONTAINER;
-                    }
-                    if (8 === nodeType) {
-                        const nodeValue = node.nodeValue || "";
-                        if (nodeValue.startsWith("q:container-island")) {
-                            return NodeType.COMMENT_ISLAND_START;
-                        }
-                        if (nodeValue.startsWith("q:ignore")) {
-                            return NodeType.COMMENT_IGNORE_START;
-                        }
-                        if (nodeValue.startsWith("q:container")) {
-                            return NodeType.COMMENT_SKIP_START;
-                        }
-                        if (nodeValue.startsWith("/q:container-island")) {
-                            return NodeType.COMMENT_ISLAND_END;
-                        }
-                        if (nodeValue.startsWith("/q:ignore")) {
-                            return NodeType.COMMENT_IGNORE_END;
-                        }
-                        if (nodeValue.startsWith("/q:container")) {
-                            return NodeType.COMMENT_SKIP_END;
-                        }
-                    }
-                    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;
-                        }
-                        ch === VNodeDataChar_OPEN ? depth++ : ch === VNodeDataChar_CLOSE && depth--, start++;
-                    }
-                    return start;
-                };
-                const nextSibling = node => {
-                    for (;node && (node = node.nextSibling) && getFastNodeType(node) === NodeType.OTHER; ) {}
-                    return node;
-                };
-                const firstChild = node => {
-                    for (;node && (node = node.firstChild) && getFastNodeType(node) === NodeType.OTHER; ) {}
-                    return node;
-                };
-                const walkContainer = (walker, 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;
-                            }
-                            walkContainer(walker, container, node, nextNode, container.qVnodeData || "", container.qVNodeRefs);
-                        } else if (nodeType === NodeType.COMMENT_IGNORE_START) {
-                            let islandNode = node;
-                            do {
-                                if (islandNode = walker.nextNode(), !islandNode) {
-                                    throw new Error(`Island inside \x3c!--${node?.nodeValue}--\x3e not found!`);
-                                }
-                            } while (getFastNodeType(islandNode) !== NodeType.COMMENT_ISLAND_START);
-                            nextNode = null;
-                        } else if (nodeType === NodeType.COMMENT_ISLAND_END) {
-                            nextNode = node;
-                            do {
-                                if (nextNode = walker.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(`\x3c!--${node?.nodeValue}--\x3e not closed!`);
-                                }
-                            } while (getFastNodeType(nextNode) !== NodeType.COMMENT_SKIP_END);
-                            walkContainer(walker, node, node, nextNode, "", null);
-                        } else if (nodeType === NodeType.ELEMENT_SHADOW_ROOT) {
-                            nextNode = nextSibling(node);
-                            const shadowRootContainer = node;
-                            const shadowRoot = shadowRootContainer?.shadowRoot;
-                            shadowRoot && walkContainer(document.createTreeWalker(shadowRoot, 129), null, firstChild(shadowRoot), null, "", null);
-                        }
-                        if ((nodeType & NodeType.ELEMENT) === NodeType.ELEMENT) {
-                            if (vNodeElementIndex < elementIdx && (-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)) : vNodeElementIndex = Number.MAX_SAFE_INTEGER), 
-                            elementIdx === vNodeElementIndex) {
-                                needsToStoreRef === elementIdx && qVNodeRefs.set(elementIdx, node);
-                                const instructions = vData.substring(vData_start, vData_end);
-                                vNodeDataMap.set(node, instructions);
-                            }
-                            elementIdx++;
-                        }
-                    } while (node = nextNode || walker.nextNode());
-                };
-                const walker = document.createTreeWalker(document, 129);
-                walkContainer(walker, null, walker.firstChild(), null, "", null);
-            }(document), 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$);
-            }
-            this.$qFuncs$ = getQFuncs(document, this.$instanceHash$) || EMPTY_ARRAY;
-        }
-        $setRawState$(id, vParent) {
-            this.$stateData$[id] = vParent;
+        return [];
+    };
+    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);
+            }
         }
-        parseQRL(qrl) {
-            return inflateQRL(this, parseQRL(qrl));
+    };
+    const vnode_getAttr = (vnode, key) => {
+        if (3 & vnode[0]) {
+            vnode_ensureElementInflated(vnode);
+            const props = vnode_getProps(vnode);
+            return mapArray_get(props, key, 0);
         }
-        handleError(err, host) {
-            const errorStore = host && this.resolveContext(host, ERROR_CONTEXT);
-            if (!errorStore) {
-                throw err;
+        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;
             }
-            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);
+        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_getProps = vnode => vnode[(vnode => {
+        const type = 7 & vnode[0];
+        if (1 === type) {
+            return 8;
         }
-        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);
-            }
+        if (2 === type) {
+            return 6;
         }
-        getParentHost(host) {
-            let vNode = vnode_getParent(host);
-            for (;vNode; ) {
-                if (vnode_isVirtualVNode(vNode)) {
-                    if (null !== vnode_getProp(vNode, "q:renderFn", null)) {
-                        return vNode;
+        throw qError(43, [ type ]);
+    })(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]);
+    function vnode_toString(depth = 20, offset = "", materialize = !1, siblings = !1) {
+        let vnode = this;
+        if (0 === depth) {
+            return "...";
+        }
+        if (null === vnode) {
+            return "null";
+        }
+        if (void 0 === vnode) {
+            return "undefined";
+        }
+        const strings = [];
+        do {
+            if (vnode_isTextVNode(vnode)) {
+                strings.push(qwikDebugToString(vnode_getText(vnode)));
+            } else if (vnode_isVirtualVNode(vnode)) {
+                const attrs = [ "[" + String(vnode[0] >>> 8) + "]" ];
+                vnode_getAttrKeys(vnode).forEach((key => {
+                    if (key !== DEBUG_TYPE) {
+                        const value = vnode_getAttr(vnode, key);
+                        attrs.push(" " + key + "=" + qwikDebugToString(value));
                     }
-                    vNode = vnode_getParent(vNode) || vnode_getProp(vNode, "q:sparent", this.vNodeLocate);
+                }));
+                const name = VirtualTypeName[vnode_getAttr(vnode, DEBUG_TYPE) || "V"] || VirtualTypeName.V;
+                strings.push("<" + name + attrs.join("") + ">");
+                const child = vnode_getFirstChild(vnode);
+                child && strings.push("  " + vnode_toString.call(child, depth - 1, offset + "  ", !0, !0)), 
+                strings.push("</" + name + ">");
+            } else if (vnode_isElementVNode(vnode)) {
+                const tag = vnode_getElementName(vnode);
+                const attrs = [];
+                const keys = vnode_getAttrKeys(vnode);
+                keys.forEach((key => {
+                    const value = vnode_getAttr(vnode, key);
+                    attrs.push(" " + key + "=" + qwikDebugToString(value));
+                }));
+                const node = vnode_getNode(vnode);
+                if (node) {
+                    const vnodeData = node.ownerDocument.qVNodeData?.get(node);
+                    vnodeData && attrs.push(" q:vnodeData=" + qwikDebugToString(vnodeData));
+                }
+                const domAttrs = node.attributes;
+                for (let i = 0; i < domAttrs.length; i++) {
+                    const attr = domAttrs[i];
+                    -1 === keys.indexOf(attr.name) && attrs.push(" " + attr.name + (attr.value ? "=" + qwikDebugToString(attr.value) : ""));
+                }
+                if (strings.push("<" + tag + attrs.join("") + ">"), vnode_isMaterialized(vnode) || materialize) {
+                    const child = vnode_getFirstChild(vnode);
+                    child && strings.push("  " + vnode_toString.call(child, depth - 1, offset + "  ", !0, !0));
                 } else {
-                    vNode = vnode_getParent(vNode);
+                    strings.push("  \x3c!-- not materialized --!>");
                 }
+                strings.push("</" + tag + ">");
             }
-            return null;
-        }
-        setHostProp(host, name, value) {
-            vnode_setProp(host, name, value);
+            vnode = siblings && vnode_getNextSibling(vnode) || null;
+        } while (vnode);
+        return strings.join("\n" + offset);
+    }
+    const isNumber = ch => 48 <= ch && ch <= 57;
+    const isLowercase = ch => 97 <= ch && ch <= 122;
+    const stack = [];
+    const vnode_getType = vnode => {
+        const type = vnode[0];
+        if (1 & type) {
+            return 1;
         }
-        getHostProp(host, name) {
-            const vNode = host;
-            let getObjectById = null;
-            switch (name) {
-              case "q:seq":
-              case "q:props":
-              case "q:renderFn":
-              case "q:ctx":
-              case "q:brefs":
-                getObjectById = this.$getObjectById$;
-                break;
-
-              case "q:seqIdx":
-              case ":onIdx":
-                getObjectById = parseInt;
-            }
-            return vnode_getProp(vNode, name, getObjectById);
+        if (2 & type) {
+            return 11;
         }
-        scheduleRender() {
-            return this.$renderCount$++, this.renderDone ||= getPlatform().nextTick((() => this.processChores())), 
-            this.renderDone.finally((() => emitEvent("qrender", {
-                instanceHash: this.$instanceHash$,
-                renderCount: this.$renderCount$
-            })));
+        if (4 & type) {
+            return 3;
         }
-        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;
-                }));
+        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);
             }
-            renderCount === this.$renderCount$ ? this.renderDone = null : this.processChores();
+            projectionDepth > 0 && (vHost = vnode_getParent(vHost));
         }
-        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));
-                    }
-                }
-            }
+        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, []);
         }
-        $getObjectById$=id => ("string" == typeof id && (id = parseFloat(id)), assertTrue(), 
-        this.$stateData$[id]);
-        getSyncFn(id) {
-            const fn = this.$qFuncs$[id];
-            return assertTrue(), fn;
+        static createText(flags, parent, previousSibling, nextSibling, textNode, text) {
+            return new VNode(flags, parent, previousSibling, nextSibling, textNode, text);
         }
-        $appendStyle$(content, styleId, host, scoped) {
-            if (scoped) {
-                const scopedStyleIdsString = this.getHostProp(host, "q:sstyle");
-                const scopedStyleIds = new Set(function(scopedStyleIds) {
-                    return scopedStyleIds?.split(" ") ?? null;
-                }(scopedStyleIdsString));
-                scopedStyleIds.add(styleId), this.setHostProp(host, "q:sstyle", function(scopedStyleIds) {
-                    return Array.from(scopedStyleIds).join(" ");
-                }(scopedStyleIds));
-            }
-            if (null == this.$styleIds$ && (this.$styleIds$ = new Set, this.element.querySelectorAll("style[q\\:style]").forEach((style => {
-                this.$styleIds$.add(style.getAttribute("q:style"));
-            }))), !this.$styleIds$.has(styleId)) {
-                this.$styleIds$.add(styleId);
-                const styleElement = this.document.createElement("style");
-                styleElement.setAttribute("q:style", styleId), styleElement.textContent = content, 
-                this.$journal$.push(VNodeJournalOpCode.Insert, this.document.head, null, styleElement);
-            }
+        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), build.isDev && (this.toString = vnode_toString);
+        }
+    };
     const deserializedProxyMap = new WeakMap;
     const SERIALIZER_PROXY_UNWRAP = Symbol("UNWRAP");
     const wrapDeserializerProxy = (container, data) => {
@@ -4012,7 +3851,7 @@
             }
             const container = this.$container$;
             let propValue = allocate(container, typeId, value);
-            return typeId >= TypeIds.Error && (propValue = inflate(container, propValue, typeId, value)), 
+            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;
         }
@@ -4037,19 +3876,19 @@
         if (void 0 === typeId) {
             return target;
         }
-        switch (typeId !== TypeIds.Object && Array.isArray(data) && (data = ((container, data) => {
+        switch (13 !== typeId && Array.isArray(data) && (data = ((container, data) => {
             const out = Array(data.length / 2);
             for (let i = 0; i < data.length; i += 2) {
                 out[i / 2] = deserializeData(container, data[i], data[i + 1]);
             }
             return out;
         })(container, data)), typeId) {
-          case TypeIds.Object:
+          case 13:
             for (let i = 0; i < data.length; i += 4) {
                 const key = deserializeData(container, data[i], data[i + 1]);
                 const valType = data[i + 2];
                 const valData = data[i + 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;
@@ -4068,18 +3907,18 @@
             }
             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, 
@@ -4087,12 +3926,12 @@
             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, effects] = data;
                 const store = getOrCreateStore(value, flags, container);
@@ -4100,7 +3939,7 @@
                 break;
             }
 
-          case TypeIds.Signal:
+          case 22:
             {
                 const signal = target;
                 const d = data;
@@ -4108,7 +3947,7 @@
                 break;
             }
 
-          case TypeIds.WrappedSignal:
+          case 23:
             {
                 const signal = target;
                 const d = data;
@@ -4118,23 +3957,25 @@
                 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 i = 0; i < second.length; i++) {
-                        target[second[i++]] = d[i];
+                        target[second[i++]] = second[i];
                     }
                     target.stack = d[2];
                 } else {
@@ -4143,7 +3984,7 @@
                 break;
             }
 
-          case TypeIds.FormData:
+          case 28:
             {
                 const formData = target;
                 const d = data;
@@ -4153,7 +3994,7 @@
                 break;
             }
 
-          case TypeIds.JSXNode:
+          case 29:
             {
                 const jsx = target;
                 const [type, varProps, constProps, children, flags, key] = data;
@@ -4162,7 +4003,7 @@
                 break;
             }
 
-          case TypeIds.Set:
+          case 15:
             {
                 const set = target;
                 const d = data;
@@ -4172,7 +4013,7 @@
                 break;
             }
 
-          case TypeIds.Map:
+          case 16:
             {
                 const map = target;
                 const d = data;
@@ -4182,7 +4023,7 @@
                 break;
             }
 
-          case TypeIds.Promise:
+          case 14:
             {
                 const promise = target;
                 const [resolved, result] = data;
@@ -4191,7 +4032,7 @@
                 break;
             }
 
-          case TypeIds.Uint8Array:
+          case 17:
             const bytes = target;
             const buf = atob(data);
             let i = 0;
@@ -4200,12 +4041,12 @@
             }
             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];
@@ -4213,7 +4054,7 @@
             }
 
           default:
-            throw qError(QError.serializeErrorNotImplemented, [ typeId ]);
+            throw qError(33, [ typeId ]);
         }
         return target;
     };
@@ -4223,84 +4064,85 @@
             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 = !1, 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 22:
+            return new SignalImpl(container, 0);
 
-          case TypeIds.WrappedSignal:
+          case 23:
             return new WrappedSignal(container, null, null, null);
 
-          case TypeIds.ComputedSignal:
-            return new ComputedSignal(container, null);
+          case 24:
+            return new ComputedSignalImpl(container, null);
 
-          case TypeIds.Store:
-          case TypeIds.StoreArray:
+          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 new Set;
 
-          case TypeIds.Map:
+          case 16:
             return new Map;
 
-          case TypeIds.String:
-            return value;
-
-          case TypeIds.Promise:
+          case 14:
             let resolve;
             let reject;
             const promise = new Promise(((res, rej) => {
@@ -4308,29 +4150,29 @@
             }));
             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 ]);
+            throw qError(34, [ typeof vNode ]);
 
-          case TypeIds.EffectData:
+          case 31:
             return new SubscriptionData({});
 
           default:
-            throw qError(QError.serializeErrorCannotAllocate, [ typeId ]);
+            throw qError(35, [ typeId ]);
         }
     };
     function retrieveVNodeOrDocument(container, value) {
@@ -4405,49 +4247,48 @@
                     };
                     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 qrl = qrlToString(serializationContext, value);
                                 const id = serializationContext.$addRoot$(qrl);
-                                output(TypeIds.QRL, id);
+                                output(18, id);
                             } else if (isQwikComponent(value)) {
                                 const [qrl] = value[SERIALIZABLE_STATE];
-                                serializationContext.$renderSymbols$.add(qrl.$symbol$), output(TypeIds.Component, [ qrl ]);
+                                serializationContext.$renderSymbols$.add(qrl.$symbol$), output(21, [ qrl ]);
                             } else {
                                 console.error("Cannot serialize function (ignoring for now): " + value.toString()), 
-                                output(TypeIds.Constant, Constants.Undefined);
+                                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) => {
@@ -4455,16 +4296,16 @@
                         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 (function(value) {
                                 return "__brand" in value && "resource" === value.__brand;
@@ -4472,9 +4313,9 @@
                                 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);
@@ -4492,94 +4333,106 @@
                                 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), 
+                                if (vNodeData && (serializationContext.$prepVNodeData$?.(vNodeData), vNodeData[0] |= 16), 
                                 value.childrenVNodeData) {
                                     for (const vNodeData of value.childrenVNodeData) {
-                                        vNodeData[0] |= VNodeDataFlag.SERIALIZE;
+                                        vNodeData[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(((value, key) => {
                                 array.push(key, "string" == typeof value ? value : value.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);
@@ -4599,7 +4452,7 @@
             $getRootId$: obj => {
                 const id = map.get(obj);
                 if (!id || -1 === id) {
-                    throw qError(QError.serializeErrorMissingRootId, [ obj ]);
+                    throw qError(36, [ obj ]);
                 }
                 return id;
             },
@@ -4649,11 +4502,16 @@
                         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$), 
+                    } 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 ComputedSignal && (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);
@@ -4667,8 +4525,6 @@
                         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)) {
@@ -4681,9 +4537,14 @@
                         })), 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);
@@ -4730,12 +4591,12 @@
         effectsBackRefs && discoveredValues.push(effectsBackRefs);
     };
     const promiseResults = new WeakMap;
+    const serializationResults = new WeakMap;
     function filterEffectBackRefs(effectBackRef) {
         let effectBackRefToSerialize = null;
         if (effectBackRef) {
             for (const [effectProp, effect] of effectBackRef) {
-                effect[EffectSubscriptionProp.BACK_REF] && (effectBackRefToSerialize ||= new Map, 
-                effectBackRefToSerialize.set(effectProp, effect));
+                effect[2] && (effectBackRefToSerialize ||= new Map, effectBackRefToSerialize.set(effectProp, effect));
             }
         }
         return effectBackRefToSerialize;
@@ -4763,7 +4624,7 @@
                 chunk || (chunk = QRL_RUNTIME_CHUNK);
             }
             if (!chunk) {
-                throw qError(QError.qrlMissingChunk, [ value.$symbol$ ]);
+                throw qError(31, [ value.$symbol$ ]);
             }
             chunk.startsWith("./") && (chunk = chunk.slice(2));
         }
@@ -4784,7 +4645,7 @@
             return value;
         }
         let propValue = allocate(container, typeId, value);
-        return typeId >= TypeIds.Error && (propValue = inflate(container, propValue, typeId, value)), 
+        return typeId >= 12 && (propValue = inflate(container, propValue, typeId, value)), 
         propValue;
     }
     function _createDeserializeContainer(stateData, element) {
@@ -4807,7 +4668,7 @@
         const prototype = Object.getPrototypeOf(obj);
         return null == prototype || prototype === Object.prototype || prototype === Array.prototype;
     }
-    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 canSerialize = (value, seen = new WeakSet) => {
         if (null == value || "string" == typeof value || "number" == typeof value || "boolean" == typeof value || "bigint" == typeof value) {
             return !0;
@@ -4882,34 +4743,6 @@
         return !1;
     };
     const QRL_RUNTIME_CHUNK = "mock-chunk";
-    var TypeIds;
-    var Constants;
-    !function(TypeIds) {
-        TypeIds[TypeIds.RootRef = 0] = "RootRef", TypeIds[TypeIds.Constant = 1] = "Constant", 
-        TypeIds[TypeIds.Number = 2] = "Number", TypeIds[TypeIds.String = 3] = "String", 
-        TypeIds[TypeIds.Array = 4] = "Array", TypeIds[TypeIds.URL = 5] = "URL", TypeIds[TypeIds.Date = 6] = "Date", 
-        TypeIds[TypeIds.Regex = 7] = "Regex", TypeIds[TypeIds.VNode = 8] = "VNode", TypeIds[TypeIds.RefVNode = 9] = "RefVNode", 
-        TypeIds[TypeIds.BigInt = 10] = "BigInt", TypeIds[TypeIds.URLSearchParams = 11] = "URLSearchParams", 
-        TypeIds[TypeIds.Error = 12] = "Error", TypeIds[TypeIds.Object = 13] = "Object", 
-        TypeIds[TypeIds.Promise = 14] = "Promise", TypeIds[TypeIds.Set = 15] = "Set", TypeIds[TypeIds.Map = 16] = "Map", 
-        TypeIds[TypeIds.Uint8Array = 17] = "Uint8Array", TypeIds[TypeIds.QRL = 18] = "QRL", 
-        TypeIds[TypeIds.Task = 19] = "Task", TypeIds[TypeIds.Resource = 20] = "Resource", 
-        TypeIds[TypeIds.Component = 21] = "Component", TypeIds[TypeIds.Signal = 22] = "Signal", 
-        TypeIds[TypeIds.WrappedSignal = 23] = "WrappedSignal", TypeIds[TypeIds.ComputedSignal = 24] = "ComputedSignal", 
-        TypeIds[TypeIds.Store = 25] = "Store", TypeIds[TypeIds.StoreArray = 26] = "StoreArray", 
-        TypeIds[TypeIds.FormData = 27] = "FormData", TypeIds[TypeIds.JSXNode = 28] = "JSXNode", 
-        TypeIds[TypeIds.PropsProxy = 29] = "PropsProxy", TypeIds[TypeIds.EffectData = 30] = "EffectData";
-    }(TypeIds || (TypeIds = {})), function(Constants) {
-        Constants[Constants.Undefined = 0] = "Undefined", Constants[Constants.Null = 1] = "Null", 
-        Constants[Constants.True = 2] = "True", Constants[Constants.False = 3] = "False", 
-        Constants[Constants.EmptyString = 4] = "EmptyString", Constants[Constants.EMPTY_ARRAY = 5] = "EMPTY_ARRAY", 
-        Constants[Constants.EMPTY_OBJ = 6] = "EMPTY_OBJ", Constants[Constants.NEEDS_COMPUTATION = 7] = "NEEDS_COMPUTATION", 
-        Constants[Constants.STORE_ALL_PROPS = 8] = "STORE_ALL_PROPS", Constants[Constants.Slot = 9] = "Slot", 
-        Constants[Constants.Fragment = 10] = "Fragment", Constants[Constants.NaN = 11] = "NaN", 
-        Constants[Constants.PositiveInfinity = 12] = "PositiveInfinity", Constants[Constants.NegativeInfinity = 13] = "NegativeInfinity", 
-        Constants[Constants.MaxSafeInt = 14] = "MaxSafeInt", Constants[Constants.AlmostMaxSafeInt = 15] = "AlmostMaxSafeInt", 
-        Constants[Constants.MinSafeInt = 16] = "MinSafeInt";
-    }(Constants || (Constants = {}));
     const verifySerializable = (value, preMessage) => {
         const seen = new WeakSet;
         return _verifySerializable(value, seen, "_", preMessage);
@@ -4945,7 +4778,7 @@
                     let expectIndex = 0;
                     return unwrapped.forEach(((v, i) => {
                         if (i !== expectIndex) {
-                            throw qError(QError.verifySerializable, [ unwrapped ]);
+                            throw qError(3, [ unwrapped ]);
                         }
                         _verifySerializable(v, seen, ctx + "[" + i + "]"), expectIndex = i + 1;
                     })), value;
@@ -4963,7 +4796,7 @@
               case "number":
                 return value;
             }
-            let message = "";
+            let message;
             if (message = preMessage || "Value cannot be serialized", "_" !== ctx && (message += ` in ${ctx},`), 
             "object" === typeObj) {
                 message += ` because it's an instance of "${value?.constructor.name}". You might need to use 'noSerialize()' or use an object literal instead. Check out https://qwik.dev/docs/advanced/dollar/`;
@@ -4971,15 +4804,17 @@
                 const fnName = value.name;
                 message += ` because it's a function named "${fnName}". You might need to convert it to a QRL using $(fn):\n\nconst ${fnName} = $(${String(value)});\n\nPlease check out https://qwik.dev/docs/advanced/qrl/ for more information.`;
             }
-            throw qError(QError.verifySerializable, [ message ]);
+            throw qError(3, [ message ]);
         }
         return value;
     };
     const noSerializeSet = /*#__PURE__*/ new WeakSet;
     const weakSerializeSet = /*#__PURE__*/ new WeakSet;
     const shouldSerialize = obj => !isObject(obj) && !isFunction(obj) || !noSerializeSet.has(obj);
-    const fastSkipSerialize = obj => 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 qrl = async function(...args) {
@@ -4992,7 +4827,7 @@
                 if (!qrl.resolved) {
                     return qrl.resolve().then((fn => {
                         if (!isFunction(fn)) {
-                            throw qError(QError.qrlIsNotFunction);
+                            throw qError(10);
                         }
                         return bound(...args);
                     }));
@@ -5115,7 +4950,7 @@
         }
         {
             const containerState = iCtx.$container$;
-            const newStore = getOrCreateStore(value, opts?.deep ?? !0 ? StoreFlags.RECURSIVE : StoreFlags.NONE, containerState);
+            const newStore = getOrCreateStore(value, opts?.deep ?? !0 ? 1 : 0, containerState);
             return set(newStore), newStore;
         }
     };
@@ -5265,19 +5100,62 @@
         return iCtx.$container$.$appendStyle$(transform(value, styleId), styleId, host, scoped), 
         styleId;
     };
+    const useOn = (event, eventQrl) => {
+        _useOn(createEventName(event, "on"), eventQrl);
+    };
+    const useOnDocument = (event, eventQrl) => {
+        _useOn(createEventName(event, "document:on"), eventQrl);
+    };
+    const createEventName = (event, eventScope) => {
+        const map = name => {
+            let prefix = eventScope;
+            return "DOMContentLoaded" === name && (prefix += "-"), function(eventName, prefix) {
+                return prefix + (eventName = eventName.charAt(0).toUpperCase() + eventName.substring(1)) + "$";
+            }(name, prefix);
+        };
+        return Array.isArray(event) ? event.map(map) : map(event);
+    };
+    const _useOn = (eventName, eventQrl) => {
+        const {isAdded, addEvent} = useOnEventsSequentialScope();
+        isAdded || eventQrl && (Array.isArray(eventName) ? eventName.forEach((event => addEvent(event, eventQrl))) : addEvent(eventName, eventQrl));
+    };
+    const useOnEventsSequentialScope = () => {
+        const iCtx = useInvokeContext();
+        const host = iCtx.$hostElement$;
+        let onMap = iCtx.$container$.getHostProp(host, ":on");
+        null === onMap && (onMap = {}, iCtx.$container$.setHostProp(host, ":on", onMap));
+        let seqIdx = iCtx.$container$.getHostProp(host, ":onIdx");
+        null === seqIdx && (seqIdx = 0), iCtx.$container$.setHostProp(host, ":onIdx", seqIdx + 1);
+        let addedFlags = iCtx.$container$.getHostProp(host, ":onFlags");
+        for (null === addedFlags && (addedFlags = [], iCtx.$container$.setHostProp(host, ":onFlags", addedFlags)); addedFlags.length <= seqIdx; ) {
+            addedFlags.push(!1);
+        }
+        return {
+            isAdded: addedFlags[seqIdx],
+            addEvent: (eventName, eventQrl) => {
+                addedFlags[seqIdx] = !0;
+                let events = onMap[eventName];
+                events || (onMap[eventName] = events = []), events.push(eventQrl);
+            }
+        };
+    };
     const useConstant = value => {
         const {val, set} = useSequentialScope();
         return null != val ? val : set(value = isFunction(value) && !isQwikComponent(value) ? value() : value);
     };
-    const useComputedQrl = qrl => {
+    const useComputedCommon = (qrl, Class) => {
         const {val, set} = useSequentialScope();
         if (val) {
             return val;
         }
         assertQrl(qrl);
-        const signal = new ComputedSignal(null, qrl);
+        const signal = new Class(null, qrl);
         return set(signal), throwIfQRLNotResolved(qrl), signal;
     };
+    const useComputedQrl = qrl => useComputedCommon(qrl, ComputedSignalImpl);
+    const useComputed$ = implicit$FirstArg(useComputedQrl);
+    const useSerializerQrl = qrl => useComputedCommon(qrl, SerializerSignalImpl);
+    const useSerializer$ = implicit$FirstArg(useSerializerQrl);
     const useVisibleTaskQrl = (qrl, opts) => {
         const {val, set, i, iCtx} = useSequentialScope();
         const eagerness = opts?.strategy ?? "intersection-observer";
@@ -5285,9 +5163,9 @@
             return void (isServerPlatform() && useRunTask(val, eagerness));
         }
         assertQrl(qrl);
-        const task = new Task(TaskFlags.VISIBLE_TASK, i, iCtx.$hostElement$, qrl, void 0, null);
+        const task = new Task(1, i, iCtx.$hostElement$, qrl, void 0, null);
         set(task), useRunTask(task, eagerness), isServerPlatform() || (qrl.$resolveLazy$(iCtx.$element$), 
-        iCtx.$container$.$scheduler$(ChoreType.VISIBLE, task));
+        iCtx.$container$.$scheduler$(32, task));
     };
     const useRunTask = (task, eagerness) => {
         "intersection-observer" === eagerness ? useOn("qvisible", getTaskHandlerQrl(task)) : "document-ready" === eagerness ? useOnDocument("qinit", getTaskHandlerQrl(task)) : "document-idle" === eagerness && useOnDocument("qidle", getTaskHandlerQrl(task));
@@ -5295,7 +5173,6 @@
     const getTaskHandlerQrl = task => createQRL(null, "_task", scheduleTask, null, null, [ task ]);
     const useTask$ = /*#__PURE__*/ implicit$FirstArg(useTaskQrl);
     const useVisibleTask$ = /*#__PURE__*/ implicit$FirstArg(useVisibleTaskQrl);
-    const useComputed$ = implicit$FirstArg(useComputedQrl);
     const PREFETCH_CODE = /*#__PURE__*/ ((b, h, c, q, v) => {
         c.register("URL", {
             scope: "SCOPE"
@@ -5318,7 +5195,8 @@
         get: function() {
             return build.isServer;
         }
-    }), exports.$ = $, exports.Fragment = Fragment, exports.PrefetchGraph = (opts = {}) => {
+    }), exports.$ = $, exports.Fragment = Fragment, exports.NoSerializeSymbol = NoSerializeSymbol, 
+    exports.PrefetchGraph = (opts = {}) => {
         const isTest = (void 0).TEST;
         if (build.isDev && !isTest) {
             return _jsxSorted("script", null, {
@@ -5366,7 +5244,7 @@
         return _jsxSorted("script", null, props, null, 0, "prefetch-service-worker");
     }, exports.RenderOnce = RenderOnce, exports.Resource = props => _jsxSorted(Fragment, null, null, function(props) {
         const resource = props.value;
-        if (isResourceReturn(resource) && resource.value) {
+        if (isResourceReturn(resource)) {
             if (!isServerPlatform()) {
                 const state = resource._state;
                 if ("pending" === state && props.onPending) {
@@ -5382,7 +5260,8 @@
                     }
                 }
             }
-            return resource.value.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected));
+            const value = resource.value;
+            return value ? value.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : Promise.resolve(void 0);
         }
         return isPromise(resource) ? resource.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : isSignal(resource) ? Promise.resolve(resource.value).then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : Promise.resolve(resource).then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected));
     }(props), 0, null), exports.SSRComment = SSRComment, exports.SSRRaw = SSRRaw, exports.SSRStream = SSRStream, 
@@ -5390,10 +5269,11 @@
         data: "qkssr-pu"
     }), props.children, jsx(SSRComment, {
         data: "qkssr-po"
-    }) ], exports.SkipRender = SkipRender, exports.Slot = Slot, exports._CONST_PROPS = _CONST_PROPS, 
-    exports._DomContainer = DomContainer, exports._EFFECT_BACK_REF = _EFFECT_BACK_REF, 
-    exports._EMPTY_ARRAY = EMPTY_ARRAY, exports._EffectData = SubscriptionData, exports._IMMUTABLE = _IMMUTABLE, 
-    exports._SharedContainer = _SharedContainer, exports._VAR_PROPS = _VAR_PROPS, exports._deserialize = function(rawStateData, element) {
+    }) ], exports.SerializerSymbol = SerializerSymbol, exports.SkipRender = SkipRender, 
+    exports.Slot = Slot, exports._CONST_PROPS = _CONST_PROPS, exports._DomContainer = DomContainer, 
+    exports._EFFECT_BACK_REF = _EFFECT_BACK_REF, exports._EMPTY_ARRAY = EMPTY_ARRAY, 
+    exports._EffectData = SubscriptionData, exports._IMMUTABLE = _IMMUTABLE, exports._SharedContainer = _SharedContainer, 
+    exports._VAR_PROPS = _VAR_PROPS, exports._deserialize = function(rawStateData, element) {
         if (null == rawStateData) {
             return [];
         }
@@ -5476,10 +5356,11 @@
         return r === _IMMUTABLE ? obj[prop] : r;
     }, exports._wrapStore = (obj, prop) => {
         const value = getStoreTarget(obj)[prop];
-        return isSignal(value) ? value : new WrappedSignal(null, getProp, [ obj, prop ], null, SignalFlags.INVALID);
+        return isSignal(value) ? value : new WrappedSignal(null, getProp, [ obj, prop ], null, 1);
     }, exports.component$ = onMount => componentQrl(dollar(onMount)), exports.componentQrl = componentQrl, 
-    exports.createComputed$ = createComputed$, exports.createComputedQrl = createComputedQrl, 
-    exports.createContextId = createContextId, exports.createElement = h, exports.createSignal = createSignal, 
+    exports.createComputed$ = createComputed$, exports.createComputedQrl = createComputedSignal, 
+    exports.createContextId = createContextId, exports.createElement = h, exports.createSerializer$ = createSerializer$, 
+    exports.createSerializerQrl = createSerializerSignal, exports.createSignal = createSignal, 
     exports.event$ = event$, exports.eventQrl = eventQrl, exports.getDomContainer = getDomContainer, 
     exports.getLocale = function(defaultLocale) {
         if (void 0 === _locale) {
@@ -5520,11 +5401,11 @@
             }
             parent = child;
         }
-        parent.setAttribute("q:container", QContainerValue.RESUMED);
+        parent.setAttribute("q:container", "resumed");
         const container = getDomContainer(parent);
         container.$serverData$ = opts.serverData || {};
         const host = container.rootVNode;
-        return container.$scheduler$(ChoreType.NODE_DIFF, host, host, jsxNode), await container.$scheduler$(ChoreType.WAIT_FOR_ALL), 
+        return container.$scheduler$(4, host, host, jsxNode), await container.$scheduler$(255), 
         {
             cleanup: () => {
                 cleanup(container, container.rootVNode);
@@ -5547,27 +5428,30 @@
         if (void 0 !== defaultValue) {
             return set(defaultValue);
         }
-        throw qError(QError.notFoundContext, [ context.id ]);
+        throw qError(13, [ context.id ]);
     }, exports.useContextProvider = useContextProvider, exports.useErrorBoundary = () => {
-        const store = useStore({
+        const error = useStore({
             error: void 0
         });
-        return useOn("error-boundary", qrl("/runtime", "error", [ store ])), useContextProvider(ERROR_CONTEXT, store), 
-        store;
+        return useContextProvider(ERROR_CONTEXT, error), error;
     }, exports.useId = () => {
         const {val, set, iCtx} = useSequentialScope();
         if (null != val) {
             return val;
         }
-        const containerBase = isDomContainer(iCtx.$container$) ? "" : iCtx.$container$.buildBase || "";
-        const base = containerBase ? hashCode(containerBase) : "";
+        const containerBase = iCtx.$container$.$buildBase$ || "";
+        const base = containerBase ? hashCode(containerBase).substring(0, 3) : "";
         const componentQrl = iCtx.$container$.getHostProp(iCtx.$hostElement$, "q:renderFn");
-        return set(`${base}-${componentQrl?.getHash() || ""}-${(iCtx.$container$.$currentUniqueId$++).toString(36) || ""}`);
+        let id = `${base}${componentQrl?.getHash().substring(0, 3) || ""}${(iCtx.$container$.$currentUniqueId$++).toString(36) || ""}`;
+        let firstChar = id.charCodeAt(0);
+        return firstChar >= 48 && firstChar <= 57 && (firstChar += 17, id = String.fromCharCode(firstChar) + id.substring(1)), 
+        set(id);
     }, exports.useLexicalScope = useLexicalScope, exports.useOn = useOn, exports.useOnDocument = useOnDocument, 
     exports.useOnWindow = (event, eventQrl) => {
-        _useOn(createEventName(event, "window"), eventQrl);
+        _useOn(createEventName(event, "window:on"), eventQrl);
     }, exports.useResource$ = (generatorFn, opts) => useResourceQrl(dollar(generatorFn), opts), 
-    exports.useResourceQrl = useResourceQrl, exports.useServerData = useServerData, 
+    exports.useResourceQrl = useResourceQrl, exports.useSerializer$ = useSerializer$, 
+    exports.useSerializerQrl = useSerializerQrl, exports.useServerData = useServerData, 
     exports.useSignal = initialState => useConstant((() => {
         const value = isFunction(initialState) && !isQwikComponent(initialState) ? invoke(void 0, initialState) : initialState;
         return createSignal(value);