@qwik.dev/core 2.0.0-beta.19 → 2.0.0-beta.21

package/dist/qwikloader.debug.js

@@ -1,10 +1,11 @@
 const doc = document;
 const win = window;
+const windowPrefix = "w";
+const documentPrefix = "d";
 const events = /* @__PURE__ */ new Set();
 const roots = /* @__PURE__ */ new Set([doc]);
-const symbols = {};
-const windowPrefix = "-window";
-const documentPrefix = "-document";
+const symbols = /* @__PURE__ */ new Map();
+let observer;
 let hasInitialized;
 const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));
 const querySelectorAll = (query) => {
@@ -12,19 +13,15 @@ const querySelectorAll = (query) => {
   roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));
   return elements;
 };
+const addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });
 const findShadowRoots = (fragment) => {
-  processEventOrNode(fragment);
+  addEventOrRoot(fragment);
   nativeQuerySelectorAll(fragment, "[q\\:shadowroot]").forEach((parent) => {
     const shadowRoot = parent.shadowRoot;
     shadowRoot && findShadowRoots(shadowRoot);
   });
 };
 const isPromise = (promise) => promise && typeof promise.then === "function";
-const broadcast = (infix, ev, type = ev.type) => {
-  querySelectorAll("[on" + infix + "\\:" + type + "]").forEach((el) => {
-    dispatch(el, infix, ev, type);
-  });
-};
 const resolveContainer = (containerEl) => {
   if (containerEl._qwikjson_ === void 0) {
     const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;
@@ -40,91 +37,88 @@ const resolveContainer = (containerEl) => {
     }
   }
 };
-const createEvent = (eventName, detail) => new CustomEvent(eventName, {
-  detail
+const createEvent = (eventName, detail) => new CustomEvent(eventName, { detail });
+const emitEvent = (eventName, detail) => {
+  doc.dispatchEvent(createEvent(eventName, detail));
+};
+const camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());
+const kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());
+const parseKebabEvent = (event) => ({
+  scope: event.charAt(0),
+  eventName: kebabToCamel(event.slice(2))
 });
-const dispatch = async (element, scope, ev, eventName = ev.type) => {
-  const attrName = "on" + scope + ":" + eventName;
-  if (element.hasAttribute("preventdefault:" + eventName)) {
-    ev.preventDefault();
-  }
-  if (element.hasAttribute("stoppropagation:" + eventName)) {
-    ev.stopPropagation();
+const dispatch = async (element, ev, scopedKebabName, kebabName) => {
+  if (kebabName) {
+    if (element.hasAttribute("preventdefault:" + kebabName)) {
+      ev.preventDefault();
+    }
+    if (element.hasAttribute("stoppropagation:" + kebabName)) {
+      ev.stopPropagation();
+    }
   }
-  const ctx = element._qc_;
-  const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);
-  if (relevantListeners && relevantListeners.length > 0) {
-    for (const listener of relevantListeners) {
-      const results = listener[1].getFn([element, ev], () => element.isConnected)(ev, element);
-      const cancelBubble = ev.cancelBubble;
-      if (isPromise(results)) {
-        await results;
-      }
-      if (cancelBubble) {
-        ev.stopPropagation();
+  const handlers = element._qDispatch?.[scopedKebabName];
+  if (handlers) {
+    if (handlers.length) {
+      for (const handler of handlers) {
+        const result = handler?.(ev, element);
+        if (isPromise(result)) {
+          await result;
+        }
       }
+    } else {
+      await handlers(ev, element);
     }
     return;
   }
-  const qDispatchEvent = element.qDispatchEvent;
-  if (qDispatchEvent) {
-    return qDispatchEvent(ev, scope);
-  }
-  const attrValue = element.getAttribute(attrName);
+  const attrValue = element.getAttribute("q-" + scopedKebabName);
   if (attrValue) {
     const container = element.closest(
       "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"
     );
     const qBase = container.getAttribute("q:base");
-    const qVersion = container.getAttribute("q:version") || "unknown";
-    const qManifest = container.getAttribute("q:manifest-hash") || "dev";
     const base = new URL(qBase, doc.baseURI);
-    for (const qrl of attrValue.split("\n")) {
-      const url = new URL(qrl, base);
-      const href = url.href;
-      const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";
+    for (const qrl of attrValue.split("|")) {
       const reqTime = performance.now();
-      let handler;
-      let importError;
-      let error;
-      const isSync = qrl.startsWith("#");
+      const [chunk, symbol, capturedIds] = qrl.split("#");
       const eventData = {
         qBase,
-        qManifest,
-        qVersion,
-        href,
         symbol,
         element,
         reqTime
       };
-      if (isSync) {
+      let handler;
+      let importError;
+      let error;
+      if (chunk === "") {
         const hash = container.getAttribute("q:instance");
         handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];
         if (!handler) {
           importError = "sync";
           error = new Error("sym:" + symbol);
         }
-      } else if (symbol in symbols) {
-        handler = symbols[symbol];
       } else {
-        emitEvent("qsymbol", eventData);
-        const uri = url.href.split("#")[0];
-        try {
-          const module = import(
-            /* @vite-ignore */
-            uri
-          );
-          resolveContainer(container);
-          handler = (await module)[symbol];
-          if (!handler) {
-            importError = "no-symbol";
-            error = new Error(`${symbol} not in ${uri}`);
-          } else {
-            symbols[symbol] = handler;
+        const key = `${symbol}|${qBase}|${chunk}`;
+        handler = symbols.get(key);
+        if (!handler) {
+          const href = new URL(chunk, base).href;
+          try {
+            const module = import(
+              /* @vite-ignore */
+              href
+            );
+            resolveContainer(container);
+            handler = (await module)[symbol];
+            if (!handler) {
+              importError = "no-symbol";
+              error = new Error(`${symbol} not in ${href}`);
+            } else {
+              symbols.set(key, handler);
+              emitEvent("qsymbol", eventData);
+            }
+          } catch (err) {
+            importError = "async";
+            error = err;
           }
-        } catch (err) {
-          importError || (importError = "async");
-          error = err;
         }
       }
       if (!handler) {
@@ -134,132 +128,138 @@ const dispatch = async (element, scope, ev, eventName = ev.type) => {
           ...eventData
         });
         console.error(error);
-        break;
+        continue;
       }
-      const previousCtx = doc.__q_context__;
       if (element.isConnected) {
         try {
-          doc.__q_context__ = [element, ev, url];
-          const results = handler(ev, element);
-          if (isPromise(results)) {
-            await results;
+          const result = handler.call(capturedIds, ev, element);
+          if (isPromise(result)) {
+            await result;
           }
         } catch (error2) {
           emitEvent("qerror", { error: error2, ...eventData });
-        } finally {
-          doc.__q_context__ = previousCtx;
         }
       }
     }
   }
 };
-const emitEvent = (eventName, detail) => {
-  doc.dispatchEvent(createEvent(eventName, detail));
-};
-const camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());
-const processDocumentEvent = async (ev, scope) => {
-  let type = camelToKebab(ev.type);
+const processElementEvent = async (ev) => {
+  const kebabName = camelToKebab(ev.type);
+  const scopedKebabName = "e:" + kebabName;
   let element = ev.target;
-  if (scope === documentPrefix) {
-    broadcast(documentPrefix, ev, type);
-    return;
-  }
   while (element && element.getAttribute) {
-    const results = dispatch(element, "", ev, type);
-    let cancelBubble = ev.cancelBubble;
+    const results = dispatch(element, ev, scopedKebabName, kebabName);
+    const doBubble = ev.bubbles && !ev.cancelBubble;
     if (isPromise(results)) {
       await results;
     }
-    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type));
-    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;
+    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;
   }
 };
+const broadcast = (infix, ev) => {
+  const kebabName = camelToKebab(ev.type);
+  const scopedKebabName = infix + ":" + kebabName;
+  querySelectorAll("[q-" + infix + "\\:" + kebabName + "]").forEach(
+    (el) => dispatch(el, ev, scopedKebabName, kebabName)
+  );
+};
+const processDocumentEvent = async (ev) => {
+  broadcast(documentPrefix, ev);
+};
 const processWindowEvent = (ev) => {
-  broadcast(windowPrefix, ev, camelToKebab(ev.type));
+  broadcast(windowPrefix, ev);
 };
 const processReadyStateChange = () => {
   const readyState = doc.readyState;
-  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {
-    roots.forEach(findShadowRoots);
+  if (readyState == "interactive" || readyState == "complete") {
     hasInitialized = 1;
-    emitEvent("qinit");
-    const riC = win.requestIdleCallback ?? win.setTimeout;
-    riC.bind(win)(() => emitEvent("qidle"));
-    if (events.has(":qvisible")) {
-      const results = querySelectorAll("[on\\:qvisible]");
-      const observer = new IntersectionObserver((entries) => {
+    roots.forEach(findShadowRoots);
+    if (events.has("d:qinit")) {
+      events.delete("d:qinit");
+      const ev = createEvent("qinit");
+      querySelectorAll("[q-d\\:qinit]").forEach((el) => {
+        dispatch(el, ev, "d:qinit");
+        el.removeAttribute("q-d:qinit");
+      });
+    }
+    if (events.has("d:qidle")) {
+      events.delete("d:qidle");
+      const riC = win.requestIdleCallback ?? win.setTimeout;
+      riC.bind(win)(() => {
+        const ev = createEvent("qidle");
+        querySelectorAll("[q-d\\:qidle]").forEach((el) => {
+          dispatch(el, ev, "d:qidle");
+          el.removeAttribute("q-d:qidle");
+        });
+      });
+    }
+    if (events.has("e:qvisible")) {
+      observer || (observer = new IntersectionObserver((entries) => {
         for (const entry of entries) {
           if (entry.isIntersecting) {
             observer.unobserve(entry.target);
-            dispatch(entry.target, "", createEvent("qvisible", entry));
+            dispatch(entry.target, createEvent("qvisible", entry), "e:qvisible");
           }
         }
+      }));
+      querySelectorAll("[q-e\\:qvisible]:not([q\\:observed])").forEach((el) => {
+        observer.observe(el);
+        el.setAttribute("q:observed", "true");
       });
-      results.forEach((el) => observer.observe(el));
-    }
-  }
-};
-const addEventListener = (el, eventName, handler, capture = false) => {
-  el.addEventListener(eventName, handler, { capture, passive: false });
-};
-const kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());
-const processEventName = (event) => {
-  const i = event.indexOf(":");
-  let scope = "";
-  let eventName = event;
-  if (i >= 0) {
-    const s = event.substring(0, i);
-    if (s === "" || s === windowPrefix || s === documentPrefix) {
-      scope = s;
-      eventName = event.substring(i + 1);
     }
   }
-  return { scope, eventName: kebabToCamel(eventName) };
 };
-const processEventOrNode = (...eventNames) => {
-  for (const eventNameOrNode of eventNames) {
-    if (typeof eventNameOrNode === "string") {
-      if (!events.has(eventNameOrNode)) {
-        events.add(eventNameOrNode);
-        const { scope, eventName } = processEventName(eventNameOrNode);
+const addEventOrRoot = (...eventNames) => {
+  for (const eventNameOrRoot of eventNames) {
+    if (typeof eventNameOrRoot === "string") {
+      if (!events.has(eventNameOrRoot)) {
+        events.add(eventNameOrRoot);
+        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);
         if (scope === windowPrefix) {
           addEventListener(win, eventName, processWindowEvent, true);
         } else {
           roots.forEach(
-            (root) => addEventListener(root, eventName, (ev) => processDocumentEvent(ev, scope), true)
+            (root) => addEventListener(
+              root,
+              eventName,
+              scope === documentPrefix ? processDocumentEvent : processElementEvent,
+              true
+            )
           );
         }
+        if (hasInitialized === 1 && (eventNameOrRoot === "e:qvisible" || eventNameOrRoot === "d:qinit" || eventNameOrRoot === "d:qidle")) {
+          processReadyStateChange();
+        }
       }
     } else {
-      if (!roots.has(eventNameOrNode)) {
+      if (!roots.has(eventNameOrRoot)) {
         events.forEach((kebabEventName) => {
-          const { scope, eventName } = processEventName(kebabEventName);
-          addEventListener(
-            eventNameOrNode,
-            eventName,
-            (ev) => processDocumentEvent(ev, scope),
-            true
-          );
+          const { scope, eventName } = parseKebabEvent(kebabEventName);
+          if (scope !== windowPrefix) {
+            addEventListener(
+              eventNameOrRoot,
+              eventName,
+              scope === documentPrefix ? processDocumentEvent : processElementEvent,
+              true
+            );
+          }
         });
-        roots.add(eventNameOrNode);
+        roots.add(eventNameOrRoot);
       }
     }
   }
 };
-if (!("__q_context__" in doc)) {
-  doc.__q_context__ = 0;
-  const qwikevents = win.qwikevents;
-  if (qwikevents) {
-    if (Array.isArray(qwikevents)) {
-      processEventOrNode(...qwikevents);
-    } else {
-      processEventOrNode(":click", ":input");
-    }
+const _qwikEv = win._qwikEv;
+if (!_qwikEv?.roots) {
+  if (Array.isArray(_qwikEv)) {
+    addEventOrRoot(..._qwikEv);
+  } else {
+    addEventOrRoot("e:click", "e:input");
   }
-  win.qwikevents = {
+  win._qwikEv = {
     events,
     roots,
-    push: processEventOrNode
+    push: addEventOrRoot
   };
   addEventListener(doc, "readystatechange", processReadyStateChange);
   processReadyStateChange();

package/dist/qwikloader.js

@@ -1 +1 @@
-const t=document,e=window,n=new Set,o=new Set([t]),r={},s="-window",i="-document";let a;const c=(t,e)=>Array.from(t.querySelectorAll(e)),l=t=>{const e=[];return o.forEach(n=>e.push(...c(n,t))),e},f=t=>{A(t),c(t,"[q\\:shadowroot]").forEach(t=>{const e=t.shadowRoot;e&&f(e)})},p=t=>t&&"function"==typeof t.then,u=(t,e,n=e.type)=>{l("[on"+t+"\\:"+n+"]").forEach(o=>{h(o,t,e,n)})},b=e=>{if(void 0===e._qwikjson_){let n=(e===t.documentElement?t.body:e).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){e._qwikjson_=JSON.parse(n.textContent.replace(/\\x3C(\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},q=(t,e)=>new CustomEvent(t,{detail:e}),h=async(e,n,o,s=o.type)=>{const i="on"+n+":"+s;e.hasAttribute("preventdefault:"+s)&&o.preventDefault(),e.hasAttribute("stoppropagation:"+s)&&o.stopPropagation();const a=e._qc_,c=a&&a.li.filter(t=>t[0]===i);if(c&&c.length>0){for(const t of c){const n=t[1].getFn([e,o],()=>e.isConnected)(o,e),r=o.cancelBubble;p(n)&&await n,r&&o.stopPropagation()}return}const l=e.qDispatchEvent;if(l)return l(o,n);const f=e.getAttribute(i);if(f){const n=e.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"),s=n.getAttribute("q:base"),i=n.getAttribute("q:version")||"unknown",a=n.getAttribute("q:manifest-hash")||"dev",c=new URL(s,t.baseURI);for(const l of f.split("\n")){const f=new URL(l,c),u=f.href,q=f.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",h=performance.now();let d,m,g;const y=l.startsWith("#"),v={qBase:s,qManifest:a,qVersion:i,href:u,symbol:q,element:e,reqTime:h};if(y){const e=n.getAttribute("q:instance");d=(t["qFuncs_"+e]||[])[Number.parseInt(q)],d||(m="sync",g=Error("sym:"+q))}else if(q in r)d=r[q];else{_("qsymbol",v);const t=f.href.split("#")[0];try{const e=import(t);b(n),d=(await e)[q],d?r[q]=d:(m="no-symbol",g=Error(`${q} not in ${t}`))}catch(t){m||(m="async"),g=t}}if(!d){_("qerror",{importError:m,error:g,...v}),console.error(g);break}const w=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,f];const n=d(o,e);p(n)&&await n}catch(t){_("qerror",{error:t,...v})}finally{t.__q_context__=w}}}},_=(e,n)=>{t.dispatchEvent(q(e,n))},d=t=>t.replace(/([A-Z-])/g,t=>"-"+t.toLowerCase()),m=async(t,e)=>{let n=d(t.type),o=t.target;if(e!==i)for(;o&&o.getAttribute;){const e=h(o,"",t,n);let r=t.cancelBubble;p(e)&&await e,r||(r=r||t.cancelBubble||o.hasAttribute("stoppropagation:"+t.type)),o=t.bubbles&&!0!==r?o.parentElement:null}else u(i,t,n)},g=t=>{u(s,t,d(t.type))},y=()=>{const r=t.readyState;if(!a&&("interactive"==r||"complete"==r)&&(o.forEach(f),a=1,_("qinit"),(e.requestIdleCallback??e.setTimeout).bind(e)(()=>_("qidle")),n.has(":qvisible"))){const t=l("[on\\:qvisible]"),e=new IntersectionObserver(t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),h(n.target,"",q("qvisible",n)))});t.forEach(t=>e.observe(t))}},v=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})},w=t=>t.replace(/-./g,t=>t[1].toUpperCase()),E=t=>{const e=t.indexOf(":");let n="",o=t;if(e>=0){const r=t.substring(0,e);""!==r&&r!==s&&r!==i||(n=r,o=t.substring(e+1))}return{scope:n,eventName:w(o)}},A=(...t)=>{for(const r of t)if("string"==typeof r){if(!n.has(r)){n.add(r);const{scope:t,eventName:i}=E(r);t===s?v(e,i,g,!0):o.forEach(e=>v(e,i,e=>m(e,t),!0))}}else o.has(r)||(n.forEach(t=>{const{scope:e,eventName:n}=E(t);v(r,n,t=>m(t,e),!0)}),o.add(r))};if(!("__q_context__"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?A(...r):A(":click",":input")),e.qwikevents={events:n,roots:o,push:A},v(t,"readystatechange",y),y()}
+const e=document,t=window,o="w",r="d",n=new Set,s=new Set([e]),i=new Map;let a,c;const l=(e,t)=>Array.from(e.querySelectorAll(t)),q=e=>{const t=[];return s.forEach(o=>t.push(...l(o,e))),t},d=(e,t,o,r=!1)=>e.addEventListener(t,o,{capture:r,passive:!1}),b=e=>{_(e),l(e,"[q\\:shadowroot]").forEach(e=>{const t=e.shadowRoot;t&&b(t)})},f=e=>e&&"function"==typeof e.then,p=t=>{if(void 0===t._qwikjson_){let o=(t===e.documentElement?e.body:t).lastElementChild;for(;o;){if("SCRIPT"===o.tagName&&"qwik/json"===o.getAttribute("type")){t._qwikjson_=JSON.parse(o.textContent.replace(/\\x3C(\/?script)/gi,"<$1"));break}o=o.previousElementSibling}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,o)=>{e.dispatchEvent(u(t,o))},m=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),v=e=>e.replace(/-./g,e=>e[1].toUpperCase()),w=e=>({scope:e.charAt(0),eventName:v(e.slice(2))}),y=async(t,o,r,n)=>{n&&(t.hasAttribute("preventdefault:"+n)&&o.preventDefault(),t.hasAttribute("stoppropagation:"+n)&&o.stopPropagation());const s=t._qDispatch?.[r];if(s){if(s.length)for(const e of s){const r=e?.(o,t);f(r)&&await r}else await s(o,t);return}const a=t.getAttribute("q-"+r);if(a){const r=t.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"),n=r.getAttribute("q:base"),s=new URL(n,e.baseURI);for(const c of a.split("|")){const a=performance.now(),[l,q,d]=c.split("#"),b={qBase:n,symbol:q,element:t,reqTime:a};let u,m,v;if(""===l){const t=r.getAttribute("q:instance");u=(e["qFuncs_"+t]||[])[Number.parseInt(q)],u||(m="sync",v=Error("sym:"+q))}else{const e=`${q}|${n}|${l}`;if(u=i.get(e),!u){const t=new URL(l,s).href;try{const o=import(t);p(r),u=(await o)[q],u?(i.set(e,u),h("qsymbol",b)):(m="no-symbol",v=Error(`${q} not in ${t}`))}catch(e){m="async",v=e}}}if(u){if(t.isConnected)try{const e=u.call(d,o,t);f(e)&&await e}catch(e){h("qerror",{error:e,...b})}}else h("qerror",{importError:m,error:v,...b}),console.error(v)}}},E=async e=>{const t=m(e.type),o="e:"+t;let r=e.target;for(;r&&r.getAttribute;){const n=y(r,e,o,t),s=e.bubbles&&!e.cancelBubble;f(n)&&await n,r=s&&e.bubbles&&!e.cancelBubble?r.parentElement:null}},g=(e,t)=>{const o=m(t.type),r=e+":"+o;q("[q-"+e+"\\:"+o+"]").forEach(e=>y(e,t,r,o))},A=async e=>{g(r,e)},C=e=>{g(o,e)},k=()=>{const o=e.readyState;if("interactive"==o||"complete"==o){if(c=1,s.forEach(b),n.has("d:qinit")){n.delete("d:qinit");const e=u("qinit");q("[q-d\\:qinit]").forEach(t=>{y(t,e,"d:qinit"),t.removeAttribute("q-d:qinit")})}n.has("d:qidle")&&(n.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u("qidle");q("[q-d\\:qidle]").forEach(t=>{y(t,e,"d:qidle"),t.removeAttribute("q-d:qidle")})})),n.has("e:qvisible")&&(a||(a=new IntersectionObserver(e=>{for(const t of e)t.isIntersecting&&(a.unobserve(t.target),y(t.target,u("qvisible",t),"e:qvisible"))})),q("[q-e\\:qvisible]:not([q\\:observed])").forEach(e=>{a.observe(e),e.setAttribute("q:observed","true")}))}},_=(...e)=>{for(const i of e)if("string"==typeof i){if(!n.has(i)){n.add(i);const{scope:e,eventName:a}=w(i);e===o?d(t,a,C,!0):s.forEach(t=>d(t,a,e===r?A:E,!0)),1!==c||"e:qvisible"!==i&&"d:qinit"!==i&&"d:qidle"!==i||k()}}else s.has(i)||(n.forEach(e=>{const{scope:t,eventName:n}=w(e);t!==o&&d(i,n,t===r?A:E,!0)}),s.add(i))},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_("e:click","e:input"),t._qwikEv={events:n,roots:s,push:_},d(e,"readystatechange",k),k());

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.19-dev+0d046fb
+ * @qwik.dev/core/server 2.0.0-beta.21-dev+c008e88
  * 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
@@ -622,26 +622,54 @@ var isPromise = (value) => {
 var maybeThen = (valueOrPromise, thenFn) => {
   return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
 };
-function retryOnPromise(fn, retryCount = 0) {
-  const retryOrThrow = (e) => {
-    if (isPromise(e) && retryCount < MAX_RETRY_ON_PROMISE_COUNT) {
-      return e.then(retryOnPromise.bind(null, fn, retryCount++));
-    }
-    throw e;
-  };
+var checkError = (e) => {
+  if (isServer && e instanceof ReferenceError && e.message.includes("window")) {
+    e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message;
+  }
+};
+var justThrow = (e) => {
+  throw e;
+};
+function retryOnPromise(fn, onError = justThrow) {
+  let ok = false;
+  let result;
   try {
-    const result = fn();
-    if (isPromise(result)) {
-      return result.catch((e) => retryOrThrow(e));
-    }
-    return result;
+    result = fn();
+    ok = true;
   } catch (e) {
-    if (isDev3 && isServer && e instanceof ReferenceError && e.message.includes("window")) {
-      e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message;
-      throw e;
-    }
-    return retryOrThrow(e);
+    result = e;
   }
+  if (!isPromise(result)) {
+    if (ok) {
+      return result;
+    }
+    isDev3 && checkError(result);
+    return onError(result);
+  }
+  let retryCount = MAX_RETRY_ON_PROMISE_COUNT;
+  const retry = async (p) => {
+    while (isPromise(p)) {
+      try {
+        await p;
+        return await fn();
+      } catch (err) {
+        if (isPromise(err)) {
+          if (!--retryCount) {
+            p = new Error("Exceeded max retry count in retryOnPromise");
+            break;
+          } else {
+            p = err;
+          }
+        } else {
+          p = err;
+          break;
+        }
+      }
+    }
+    isDev3 && checkError(p);
+    return onError(p);
+  };
+  return ok ? result.catch(retry) : retry(result);
 }
 
 // packages/qwik/src/core/shared/utils/scoped-styles.ts
@@ -1174,7 +1202,7 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.19-dev+0d046fb",
+  qwik: "2.0.0-beta.21-dev+c008e88",
   qwikDom: "2.1.19"
 };
 
@@ -1432,8 +1460,8 @@ var preLoaderOptionsDefault = {
 };
 
 // packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = 'const t=document,e=window,n=new Set,o=new Set([t]),r={},s="-window",i="-document";let a;const c=(t,e)=>Array.from(t.querySelectorAll(e)),l=t=>{const e=[];return o.forEach(n=>e.push(...c(n,t))),e},f=t=>{A(t),c(t,"[q\\\\:shadowroot]").forEach(t=>{const e=t.shadowRoot;e&&f(e)})},p=t=>t&&"function"==typeof t.then,u=(t,e,n=e.type)=>{l("[on"+t+"\\\\:"+n+"]").forEach(o=>{h(o,t,e,n)})},b=e=>{if(void 0===e._qwikjson_){let n=(e===t.documentElement?t.body:e).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){e._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},q=(t,e)=>new CustomEvent(t,{detail:e}),h=async(e,n,o,s=o.type)=>{const i="on"+n+":"+s;e.hasAttribute("preventdefault:"+s)&&o.preventDefault(),e.hasAttribute("stoppropagation:"+s)&&o.stopPropagation();const a=e._qc_,c=a&&a.li.filter(t=>t[0]===i);if(c&&c.length>0){for(const t of c){const n=t[1].getFn([e,o],()=>e.isConnected)(o,e),r=o.cancelBubble;p(n)&&await n,r&&o.stopPropagation()}return}const l=e.qDispatchEvent;if(l)return l(o,n);const f=e.getAttribute(i);if(f){const n=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),s=n.getAttribute("q:base"),i=n.getAttribute("q:version")||"unknown",a=n.getAttribute("q:manifest-hash")||"dev",c=new URL(s,t.baseURI);for(const l of f.split("\\n")){const f=new URL(l,c),u=f.href,q=f.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",h=performance.now();let d,m,g;const y=l.startsWith("#"),v={qBase:s,qManifest:a,qVersion:i,href:u,symbol:q,element:e,reqTime:h};if(y){const e=n.getAttribute("q:instance");d=(t["qFuncs_"+e]||[])[Number.parseInt(q)],d||(m="sync",g=Error("sym:"+q))}else if(q in r)d=r[q];else{_("qsymbol",v);const t=f.href.split("#")[0];try{const e=import(t);b(n),d=(await e)[q],d?r[q]=d:(m="no-symbol",g=Error(`${q} not in ${t}`))}catch(t){m||(m="async"),g=t}}if(!d){_("qerror",{importError:m,error:g,...v}),console.error(g);break}const w=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,f];const n=d(o,e);p(n)&&await n}catch(t){_("qerror",{error:t,...v})}finally{t.__q_context__=w}}}},_=(e,n)=>{t.dispatchEvent(q(e,n))},d=t=>t.replace(/([A-Z-])/g,t=>"-"+t.toLowerCase()),m=async(t,e)=>{let n=d(t.type),o=t.target;if(e!==i)for(;o&&o.getAttribute;){const e=h(o,"",t,n);let r=t.cancelBubble;p(e)&&await e,r||(r=r||t.cancelBubble||o.hasAttribute("stoppropagation:"+t.type)),o=t.bubbles&&!0!==r?o.parentElement:null}else u(i,t,n)},g=t=>{u(s,t,d(t.type))},y=()=>{const r=t.readyState;if(!a&&("interactive"==r||"complete"==r)&&(o.forEach(f),a=1,_("qinit"),(e.requestIdleCallback??e.setTimeout).bind(e)(()=>_("qidle")),n.has(":qvisible"))){const t=l("[on\\\\:qvisible]"),e=new IntersectionObserver(t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),h(n.target,"",q("qvisible",n)))});t.forEach(t=>e.observe(t))}},v=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})},w=t=>t.replace(/-./g,t=>t[1].toUpperCase()),E=t=>{const e=t.indexOf(":");let n="",o=t;if(e>=0){const r=t.substring(0,e);""!==r&&r!==s&&r!==i||(n=r,o=t.substring(e+1))}return{scope:n,eventName:w(o)}},A=(...t)=>{for(const r of t)if("string"==typeof r){if(!n.has(r)){n.add(r);const{scope:t,eventName:i}=E(r);t===s?v(e,i,g,!0):o.forEach(e=>v(e,i,e=>m(e,t),!0))}}else o.has(r)||(n.forEach(t=>{const{scope:e,eventName:n}=E(t);v(r,n,t=>m(t,e),!0)}),o.add(r))};if(!("__q_context__"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?A(...r):A(":click",":input")),e.qwikevents={events:n,roots:o,push:A},v(t,"readystatechange",y),y()}';
-var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = {};\nconst windowPrefix = "-window";\nconst documentPrefix = "-document";\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst findShadowRoots = (fragment) => {\n  processEventOrNode(fragment);\n  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  });\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nconst broadcast = (infix, ev, type = ev.type) => {\n  querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el) => {\n    dispatch(el, infix, ev, type);\n  });\n};\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === "SCRIPT" && script.getAttribute("type") === "qwik/json") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, {\n  detail\n});\nconst dispatch = async (element, scope, ev, eventName = ev.type) => {\n  const attrName = "on" + scope + ":" + eventName;\n  if (element.hasAttribute("preventdefault:" + eventName)) {\n    ev.preventDefault();\n  }\n  if (element.hasAttribute("stoppropagation:" + eventName)) {\n    ev.stopPropagation();\n  }\n  const ctx = element._qc_;\n  const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);\n  if (relevantListeners && relevantListeners.length > 0) {\n    for (const listener of relevantListeners) {\n      const results = listener[1].getFn([element, ev], () => element.isConnected)(ev, element);\n      const cancelBubble = ev.cancelBubble;\n      if (isPromise(results)) {\n        await results;\n      }\n      if (cancelBubble) {\n        ev.stopPropagation();\n      }\n    }\n    return;\n  }\n  const qDispatchEvent = element.qDispatchEvent;\n  if (qDispatchEvent) {\n    return qDispatchEvent(ev, scope);\n  }\n  const attrValue = element.getAttribute(attrName);\n  if (attrValue) {\n    const container = element.closest(\n      "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n    );\n    const qBase = container.getAttribute("q:base");\n    const qVersion = container.getAttribute("q:version") || "unknown";\n    const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n    const base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("\\n")) {\n      const url = new URL(qrl, base);\n      const href = url.href;\n      const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n      const reqTime = performance.now();\n      let handler;\n      let importError;\n      let error;\n      const isSync = qrl.startsWith("#");\n      const eventData = {\n        qBase,\n        qManifest,\n        qVersion,\n        href,\n        symbol,\n        element,\n        reqTime\n      };\n      if (isSync) {\n        const hash = container.getAttribute("q:instance");\n        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = "sync";\n          error = new Error("sym:" + symbol);\n        }\n      } else if (symbol in symbols) {\n        handler = symbols[symbol];\n      } else {\n        emitEvent("qsymbol", eventData);\n        const uri = url.href.split("#")[0];\n        try {\n          const module = import(\n                        uri\n          );\n          resolveContainer(container);\n          handler = (await module)[symbol];\n          if (!handler) {\n            importError = "no-symbol";\n            error = new Error(`${symbol} not in ${uri}`);\n          } else {\n            symbols[symbol] = handler;\n          }\n        } catch (err) {\n          importError || (importError = "async");\n          error = err;\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        break;\n      }\n      const previousCtx = doc.__q_context__;\n      if (element.isConnected) {\n        try {\n          doc.__q_context__ = [element, ev, url];\n          const results = handler(ev, element);\n          if (isPromise(results)) {\n            await results;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        } finally {\n          doc.__q_context__ = previousCtx;\n        }\n      }\n    }\n  }\n};\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());\nconst processDocumentEvent = async (ev, scope) => {\n  let type = camelToKebab(ev.type);\n  let element = ev.target;\n  if (scope === documentPrefix) {\n    broadcast(documentPrefix, ev, type);\n    return;\n  }\n  while (element && element.getAttribute) {\n    const results = dispatch(element, "", ev, type);\n    let cancelBubble = ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type));\n    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;\n  }\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev, camelToKebab(ev.type));\n};\nconst processReadyStateChange = () => {\n  const readyState = doc.readyState;\n  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {\n    roots.forEach(findShadowRoots);\n    hasInitialized = 1;\n    emitEvent("qinit");\n    const riC = win.requestIdleCallback ?? win.setTimeout;\n    riC.bind(win)(() => emitEvent("qidle"));\n    if (events.has(":qvisible")) {\n      const results = querySelectorAll("[on\\\\:qvisible]");\n      const observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, "", createEvent("qvisible", entry));\n          }\n        }\n      });\n      results.forEach((el) => observer.observe(el));\n    }\n  }\n};\nconst addEventListener = (el, eventName, handler, capture = false) => {\n  el.addEventListener(eventName, handler, { capture, passive: false });\n};\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst processEventName = (event) => {\n  const i = event.indexOf(":");\n  let scope = "";\n  let eventName = event;\n  if (i >= 0) {\n    const s = event.substring(0, i);\n    if (s === "" || s === windowPrefix || s === documentPrefix) {\n      scope = s;\n      eventName = event.substring(i + 1);\n    }\n  }\n  return { scope, eventName: kebabToCamel(eventName) };\n};\nconst processEventOrNode = (...eventNames) => {\n  for (const eventNameOrNode of eventNames) {\n    if (typeof eventNameOrNode === "string") {\n      if (!events.has(eventNameOrNode)) {\n        events.add(eventNameOrNode);\n        const { scope, eventName } = processEventName(eventNameOrNode);\n        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(root, eventName, (ev) => processDocumentEvent(ev, scope), true)\n          );\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrNode)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = processEventName(kebabEventName);\n          addEventListener(\n            eventNameOrNode,\n            eventName,\n            (ev) => processDocumentEvent(ev, scope),\n            true\n          );\n        });\n        roots.add(eventNameOrNode);\n      }\n    }\n  }\n};\nif (!("__q_context__" in doc)) {\n  doc.__q_context__ = 0;\n  const qwikevents = win.qwikevents;\n  if (qwikevents) {\n    if (Array.isArray(qwikevents)) {\n      processEventOrNode(...qwikevents);\n    } else {\n      processEventOrNode(":click", ":input");\n    }\n  }\n  win.qwikevents = {\n    events,\n    roots,\n    push: processEventOrNode\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
+var QWIK_LOADER_DEFAULT_MINIFIED = 'const e=document,t=window,o="w",r="d",n=new Set,s=new Set([e]),i=new Map;let a,c;const l=(e,t)=>Array.from(e.querySelectorAll(t)),q=e=>{const t=[];return s.forEach(o=>t.push(...l(o,e))),t},d=(e,t,o,r=!1)=>e.addEventListener(t,o,{capture:r,passive:!1}),b=e=>{_(e),l(e,"[q\\\\:shadowroot]").forEach(e=>{const t=e.shadowRoot;t&&b(t)})},f=e=>e&&"function"==typeof e.then,p=t=>{if(void 0===t._qwikjson_){let o=(t===e.documentElement?e.body:t).lastElementChild;for(;o;){if("SCRIPT"===o.tagName&&"qwik/json"===o.getAttribute("type")){t._qwikjson_=JSON.parse(o.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}o=o.previousElementSibling}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,o)=>{e.dispatchEvent(u(t,o))},m=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),v=e=>e.replace(/-./g,e=>e[1].toUpperCase()),w=e=>({scope:e.charAt(0),eventName:v(e.slice(2))}),y=async(t,o,r,n)=>{n&&(t.hasAttribute("preventdefault:"+n)&&o.preventDefault(),t.hasAttribute("stoppropagation:"+n)&&o.stopPropagation());const s=t._qDispatch?.[r];if(s){if(s.length)for(const e of s){const r=e?.(o,t);f(r)&&await r}else await s(o,t);return}const a=t.getAttribute("q-"+r);if(a){const r=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),n=r.getAttribute("q:base"),s=new URL(n,e.baseURI);for(const c of a.split("|")){const a=performance.now(),[l,q,d]=c.split("#"),b={qBase:n,symbol:q,element:t,reqTime:a};let u,m,v;if(""===l){const t=r.getAttribute("q:instance");u=(e["qFuncs_"+t]||[])[Number.parseInt(q)],u||(m="sync",v=Error("sym:"+q))}else{const e=`${q}|${n}|${l}`;if(u=i.get(e),!u){const t=new URL(l,s).href;try{const o=import(t);p(r),u=(await o)[q],u?(i.set(e,u),h("qsymbol",b)):(m="no-symbol",v=Error(`${q} not in ${t}`))}catch(e){m="async",v=e}}}if(u){if(t.isConnected)try{const e=u.call(d,o,t);f(e)&&await e}catch(e){h("qerror",{error:e,...b})}}else h("qerror",{importError:m,error:v,...b}),console.error(v)}}},E=async e=>{const t=m(e.type),o="e:"+t;let r=e.target;for(;r&&r.getAttribute;){const n=y(r,e,o,t),s=e.bubbles&&!e.cancelBubble;f(n)&&await n,r=s&&e.bubbles&&!e.cancelBubble?r.parentElement:null}},g=(e,t)=>{const o=m(t.type),r=e+":"+o;q("[q-"+e+"\\\\:"+o+"]").forEach(e=>y(e,t,r,o))},A=async e=>{g(r,e)},C=e=>{g(o,e)},k=()=>{const o=e.readyState;if("interactive"==o||"complete"==o){if(c=1,s.forEach(b),n.has("d:qinit")){n.delete("d:qinit");const e=u("qinit");q("[q-d\\\\:qinit]").forEach(t=>{y(t,e,"d:qinit"),t.removeAttribute("q-d:qinit")})}n.has("d:qidle")&&(n.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u("qidle");q("[q-d\\\\:qidle]").forEach(t=>{y(t,e,"d:qidle"),t.removeAttribute("q-d:qidle")})})),n.has("e:qvisible")&&(a||(a=new IntersectionObserver(e=>{for(const t of e)t.isIntersecting&&(a.unobserve(t.target),y(t.target,u("qvisible",t),"e:qvisible"))})),q("[q-e\\\\:qvisible]:not([q\\\\:observed])").forEach(e=>{a.observe(e),e.setAttribute("q:observed","true")}))}},_=(...e)=>{for(const i of e)if("string"==typeof i){if(!n.has(i)){n.add(i);const{scope:e,eventName:a}=w(i);e===o?d(t,a,C,!0):s.forEach(t=>d(t,a,e===r?A:E,!0)),1!==c||"e:qvisible"!==i&&"d:qinit"!==i&&"d:qidle"!==i||k()}}else s.has(i)||(n.forEach(e=>{const{scope:t,eventName:n}=w(e);t!==o&&d(i,n,t===r?A:E,!0)}),s.add(i))},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_("e:click","e:input"),t._qwikEv={events:n,roots:s,push:_},d(e,"readystatechange",k),k())';
+var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst windowPrefix = "w";\nconst documentPrefix = "d";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });\nconst findShadowRoots = (fragment) => {\n  addEventOrRoot(fragment);\n  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  });\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === "SCRIPT" && script.getAttribute("type") === "qwik/json") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, { detail });\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst parseKebabEvent = (event) => ({\n  scope: event.charAt(0),\n  eventName: kebabToCamel(event.slice(2))\n});\nconst dispatch = async (element, ev, scopedKebabName, kebabName) => {\n  if (kebabName) {\n    if (element.hasAttribute("preventdefault:" + kebabName)) {\n      ev.preventDefault();\n    }\n    if (element.hasAttribute("stoppropagation:" + kebabName)) {\n      ev.stopPropagation();\n    }\n  }\n  const handlers = element._qDispatch?.[scopedKebabName];\n  if (handlers) {\n    if (handlers.length) {\n      for (const handler of handlers) {\n        const result = handler?.(ev, element);\n        if (isPromise(result)) {\n          await result;\n        }\n      }\n    } else {\n      await handlers(ev, element);\n    }\n    return;\n  }\n  const attrValue = element.getAttribute("q-" + scopedKebabName);\n  if (attrValue) {\n    const container = element.closest(\n      "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n    );\n    const qBase = container.getAttribute("q:base");\n    const base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("|")) {\n      const reqTime = performance.now();\n      const [chunk, symbol, capturedIds] = qrl.split("#");\n      const eventData = {\n        qBase,\n        symbol,\n        element,\n        reqTime\n      };\n      let handler;\n      let importError;\n      let error;\n      if (chunk === "") {\n        const hash = container.getAttribute("q:instance");\n        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = "sync";\n          error = new Error("sym:" + symbol);\n        }\n      } else {\n        const key = `${symbol}|${qBase}|${chunk}`;\n        handler = symbols.get(key);\n        if (!handler) {\n          const href = new URL(chunk, base).href;\n          try {\n            const module = import(\n                            href\n            );\n            resolveContainer(container);\n            handler = (await module)[symbol];\n            if (!handler) {\n              importError = "no-symbol";\n              error = new Error(`${symbol} not in ${href}`);\n            } else {\n              symbols.set(key, handler);\n              emitEvent("qsymbol", eventData);\n            }\n          } catch (err) {\n            importError = "async";\n            error = err;\n          }\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        continue;\n      }\n      if (element.isConnected) {\n        try {\n          const result = handler.call(capturedIds, ev, element);\n          if (isPromise(result)) {\n            await result;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = async (ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = "e:" + kebabName;\n  let element = ev.target;\n  while (element && element.getAttribute) {\n    const results = dispatch(element, ev, scopedKebabName, kebabName);\n    const doBubble = ev.bubbles && !ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;\n  }\n};\nconst broadcast = (infix, ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = infix + ":" + kebabName;\n  querySelectorAll("[q-" + infix + "\\\\:" + kebabName + "]").forEach(\n    (el) => dispatch(el, ev, scopedKebabName, kebabName)\n  );\n};\nconst processDocumentEvent = async (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processReadyStateChange = () => {\n  const readyState = doc.readyState;\n  if (readyState == "interactive" || readyState == "complete") {\n    hasInitialized = 1;\n    roots.forEach(findShadowRoots);\n    if (events.has("d:qinit")) {\n      events.delete("d:qinit");\n      const ev = createEvent("qinit");\n      querySelectorAll("[q-d\\\\:qinit]").forEach((el) => {\n        dispatch(el, ev, "d:qinit");\n        el.removeAttribute("q-d:qinit");\n      });\n    }\n    if (events.has("d:qidle")) {\n      events.delete("d:qidle");\n      const riC = win.requestIdleCallback ?? win.setTimeout;\n      riC.bind(win)(() => {\n        const ev = createEvent("qidle");\n        querySelectorAll("[q-d\\\\:qidle]").forEach((el) => {\n          dispatch(el, ev, "d:qidle");\n          el.removeAttribute("q-d:qidle");\n        });\n      });\n    }\n    if (events.has("e:qvisible")) {\n      observer || (observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, createEvent("qvisible", entry), "e:qvisible");\n          }\n        }\n      }));\n      querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])").forEach((el) => {\n        observer.observe(el);\n        el.setAttribute("q:observed", "true");\n      });\n    }\n  }\n};\nconst addEventOrRoot = (...eventNames) => {\n  for (const eventNameOrRoot of eventNames) {\n    if (typeof eventNameOrRoot === "string") {\n      if (!events.has(eventNameOrRoot)) {\n        events.add(eventNameOrRoot);\n        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);\n        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            )\n          );\n        }\n        if (hasInitialized === 1 && (eventNameOrRoot === "e:qvisible" || eventNameOrRoot === "d:qinit" || eventNameOrRoot === "d:qidle")) {\n          processReadyStateChange();\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrRoot)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = parseKebabEvent(kebabEventName);\n          if (scope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            );\n          }\n        });\n        roots.add(eventNameOrRoot);\n      }\n    }\n  }\n};\nconst _qwikEv = win._qwikEv;\nif (!_qwikEv?.roots) {\n  if (Array.isArray(_qwikEv)) {\n    addEventOrRoot(..._qwikEv);\n  } else {\n    addEventOrRoot("e:click", "e:input");\n  }\n  win._qwikEv = {\n    events,\n    roots,\n    push: addEventOrRoot\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
 var QWIK_BACKPATCH_EXECUTOR_MINIFIED = `const t='script[type="qwik/backpatch"]',e=document.currentScript;if(e){const o=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const e=o.querySelector(t);if(e){const t=JSON.parse(e.textContent||"[]"),n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let r=n.currentNode,c=r.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],i=t[e+1];let s=t[e+2];for(;c<o&&(r=n.nextNode(),r);)r.hasAttribute(":")&&c++;const l=r;null==s||!1===s?l.removeAttribute(i):("boolean"==typeof s&&(s=""),l.setAttribute(i,s))}}}}`;
 var QWIK_BACKPATCH_EXECUTOR_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
 const executorScript = document.currentScript;
@@ -2722,7 +2750,11 @@ var SSRContainer = class extends _SharedContainer {
     const patches = [];
     for (const [elementIndex, backpatchEntries] of this.backpatchMap) {
       for (const backpatchEntry of backpatchEntries) {
-        patches.push(elementIndex, backpatchEntry.attrName, backpatchEntry.value);
+        patches.push(
+          elementIndex,
+          backpatchEntry.attrName,
+          isSignal(backpatchEntry.value) ? backpatchEntry.value.untrackedValue : backpatchEntry.value
+        );
       }
     }
     this.backpatchMap.clear();
@@ -2802,7 +2834,7 @@ var SSRContainer = class extends _SharedContainer {
         scriptAttrs.push("nonce", nonce);
       }
       this.openElement("script", null, scriptAttrs);
-      this.write(`(window.qwikevents||(window.qwikevents=[])).push(`);
+      this.write(`(window._qwikEv||(window._qwikEv=[])).push(`);
       this.writeArray(eventNames, ", ");
       this.write(")");
       this.closeElement();