@qwik.dev/core 2.0.0-beta.36 → 2.0.0-beta.38

package/dist/preloader.mjs

@@ -1 +1 @@
-import{isServer as e}from"@qwik.dev/core/build";const n=e=>{let n;if(typeof MessageChannel!=="undefined"){const t=new MessageChannel;t.port1.onmessage=()=>e();n=()=>t.port2.postMessage(null)}else n=()=>setTimeout(e);return n};const t=typeof document!=="undefined";const o=!e&&t;const s=o?document:void 0;const c={t:25};const r=o&&s.createElement("link").relList?.supports?.("modulepreload")?"modulePreload":"preload";const i=/\.[mc]?js$/;const f=1e3/60;const l=0;const a=1;const $=2;const u=3;const d=4;const m=/* @__PURE__ */new Map;let p;let b=0;const w=[];const h=n(q);const y=n(S);let M=0;let P=0;let k=0;const v=[];const g=()=>{if(p){w.sort((e,n)=>e.o-n.o);p=0}};function q(){M=0;if(!w.length)return;g();const e=performance.now()+f;let n=0;while(w.length){const t=w[0];const o=t.o;const s=1-o;if(s>=.99||b<c.t){w.shift();T(t);if(performance.now()>=e){n=1;break}}else break}if(n&&w.length&&!M){M=1;h()}}const x=(e,n,t)=>{v.unshift({i:e,o:n,l:t})};const C=()=>{const e=v[v.length-1];const n=e.i;if(e.$){const t=e.u;if(t>=e.$.length){v.pop();return 0}const o=e.$[t];e.u=t+1;const s=R(o.m);if(s.o===0)return 1;const c=1-n.o;let r;if(c===1||c>=.99)r=Math.min(.01,1-o.p);else{const e=1-o.p*c;const n=o.h;const t=e/n;r=Math.max(.02,s.o*t);o.h=t}v.push({i:s,o:r,l:e.l});return 1}if(e.l?.has(n)){v.pop();return 0}const t=n.o;n.o=e.o;if(t-n.o<.01){v.pop();return 0}if(J!=null&&n.M<$){if(n.M===l){n.M=a;w.push(n)}p=1}if(n.$?.length){const t=e.l||/* @__PURE__ */new Set;t.add(n);e.l=t;e.$=n.$;e.u=0;return 0}v.pop();return 0};function S(){if(k||!v.length)return;P=0;k=1;const e=o?performance.now()+f:0;let n=0;while(v.length){n=1;const t=C();if(o&&t&&performance.now()>=e){if(!P){P=1;y()}break}}k=0;if(n&&o)h()}const T=e=>{if(e.M>=$)return;b++;const n=performance.now();e.k=n-e.v;e.M=$;const t=s.createElement("link");t.href=new URL(`${J}${e.m}`,s.baseURI).toString();t.rel=r;t.as="script";t.onload=t.onerror=()=>{b--;const o=performance.now();e.q=o-n;e.M=d;t.remove();h()};s.head.appendChild(t)};const j=(e,n,t)=>{x(e,n,t);if(o)y();else S()};const A=(e,n)=>{const t=R(e);if(t)x(t,n)};const I=(e,n)=>{if(!e?.length)return;const t=n?1-n:.4;if(Array.isArray(e))for(let o=e.length-1;o>=0;o--){const n=e[o];A(n,t)}else A(e,t);if(o)y();else S()};if(o)document.addEventListener("qsymbol",e=>{const{symbol:n,href:t}=e.detail;if(t){const e=n.slice(n.lastIndexOf("_")+1);I(e,1)}});let J;let L;const N=(e,n)=>({m:e,M:i.test(e)?l:u,$:n,o:1,v:performance.now(),k:0,q:0});const O=e=>{const n=/* @__PURE__ */new Map;let t=0;while(t<e.length){const o=e[t++];const s=[];let c;let r=1;while(c=e[t],typeof c==="number"){if(c<0)r=-c/10;else s.push({m:e[c],p:r,h:1});t++}n.set(o,s)}return n};const R=e=>{let n=m.get(e);if(!n){let t;if(L){t=L.get(e);if(!t)return;if(!t.length)t=void 0}n=N(e,t);m.set(e,n)}return n};const U=(e,t,s)=>{if(s)if("P"in s)c.t=s["P"];if(!o||e==null)return;J=e;if(t)t.then(e=>e.text()).then(e=>{L=O(JSON.parse(e));const t=[];for(const[n,c]of L.entries()){const e=R(n);e.$=c;if(e.o<1){t.push([e,e.o]);e.o=1}}if(!t.length){h();return}let o=0;const s=n(()=>{const e=performance.now()+f;while(o<t.length){const[n,c]=t[o];o++;j(n,c);if(o<t.length&&performance.now()>=e){s();return}}h()});s()}).catch(console.warn)};export{O as g,U as l,I as p};
+import{isServer as e}from"@qwik.dev/core/build";const n=e=>{let n;if(typeof MessageChannel!=="undefined"){const t=new MessageChannel;let o=1;t.port1.onmessage=()=>e();n=()=>{if(o)t.port2.postMessage(null)};n.t=()=>{if(o){o=0;t.port1.onmessage=null;t.port1.close();t.port2.close()}}}else n=()=>setTimeout(e);return n};const t=typeof document!=="undefined";const o=!e&&t;const s=o?document:void 0;const c={o:25};const r=o&&s.createElement("link").relList?.supports?.("modulepreload")?"modulePreload":"preload";const i=/\.[mc]?js$/;const f=10;const l=0;const a=1;const $=2;const u=3;const d=4;const m=/* @__PURE__ */new Map;let p;let b=0;const w=[];const h=n(q);const y=n(S);let M=0;let P=0;let k=0;const v=[];const g=()=>{if(p){w.sort((e,n)=>e.i-n.i);p=0}};function q(){M=0;if(!w.length)return;g();const e=performance.now()+f;let n=0;while(w.length){const t=w[0];const o=t.i;const s=1-o;if(s>=.99||b<c.o){w.shift();T(t);if(performance.now()>=e){n=1;break}}else break}if(n&&w.length&&!M){M=1;h()}}const x=(e,n,t)=>{v.unshift({l:e,i:n,$:t})};const C=()=>{const e=v[v.length-1];const n=e.l;if(e.u){const t=e.m;if(t>=e.u.length){v.pop();return 0}const o=e.u[t];e.m=t+1;const s=R(o.p);if(s.i===0)return 1;const c=1-n.i;let r;if(c===1||c>=.99)r=Math.min(.01,1-o.h);else{const e=1-o.h*c;const n=o.M;const t=e/n;r=Math.max(.02,s.i*t);o.M=t}v.push({l:s,i:r,$:e.$});return 1}if(e.$?.has(n)){v.pop();return 0}const t=n.i;n.i=e.i;if(t-n.i<.01){v.pop();return 0}if(J!=null&&n.k<$){if(n.k===l){n.k=a;w.push(n)}p=1}if(n.u?.length){const t=e.$||/* @__PURE__ */new Set;t.add(n);e.$=t;e.u=n.u;e.m=0;return 0}v.pop();return 0};function S(){if(k||!v.length)return;P=0;k=1;const e=o?performance.now()+f:0;let n=0;while(v.length){n=1;const t=C();if(o&&t&&performance.now()>=e){if(!P){P=1;y()}break}}k=0;if(n&&o)h()}const T=e=>{if(e.k>=$)return;b++;const n=performance.now();e.v=n-e.q;e.k=$;const t=s.createElement("link");t.href=new URL(`${J}${e.p}`,s.baseURI).toString();t.rel=r;t.as="script";t.onload=t.onerror=()=>{b--;const o=performance.now();e.C=o-n;e.k=d;t.remove();h()};s.head.appendChild(t)};const j=(e,n,t)=>{x(e,n,t);if(o)y();else S()};const A=(e,n)=>{const t=R(e);if(t)x(t,n)};const I=(e,n)=>{if(!e?.length)return;const t=n?1-n:.4;if(Array.isArray(e))for(let o=e.length-1;o>=0;o--){const n=e[o];A(n,t)}else A(e,t);if(o)y();else S()};if(o)document.addEventListener("qsymbol",e=>{const{symbol:n,href:t}=e.detail;if(t){const e=n.slice(n.lastIndexOf("_")+1);I(e,1)}});let J;let L;const N=(e,n)=>({p:e,k:i.test(e)?l:u,u:n,i:1,q:performance.now(),v:0,C:0});const O=e=>{const n=/* @__PURE__ */new Map;let t=0;while(t<e.length){const o=e[t++];const s=[];let c;let r=1;while(c=e[t],typeof c==="number"){if(c<0)r=-c/10;else s.push({p:e[c],h:r,M:1});t++}n.set(o,s)}return n};const R=e=>{let n=m.get(e);if(!n){let t;if(L){t=L.get(e);if(!t)return;if(!t.length)t=void 0}n=N(e,t);m.set(e,n)}return n};const U=(e,t,s)=>{if(s)if("P"in s)c.o=s["P"];if(!o||e==null)return;J=e;if(t)t.then(e=>e.text()).then(e=>{L=O(JSON.parse(e));const t=[];for(const[n,c]of L.entries()){const e=R(n);e.u=c;if(e.i<1){t.push([e,e.i]);e.i=1}}if(!t.length){h();return}let o=0;const s=n(()=>{const e=performance.now()+f;while(o<t.length){const[n,c]=t[o];o++;j(n,c);if(o<t.length&&performance.now()>=e){s();return}}h()});s()}).catch(console.warn)};export{O as g,U as l,I as p};

package/dist/qwikloader.debug.js

@@ -8,10 +8,11 @@ const elementPrefix = "e";
 const passiveElementPrefix = "ep";
 const capturePrefix = "capture:";
 const readyStateChange = "readystatechange";
-const containerReady = "qready";
+const QwikEvContainerReady = 0;
 const events = /* @__PURE__ */ new Set();
 const roots = /* @__PURE__ */ new Set([doc]);
 const symbols = /* @__PURE__ */ new Map();
+const readyContainers = {};
 let observer;
 let hasInitialized;
 let queuedTasks;
@@ -58,17 +59,19 @@ const resolveContainer = (containerEl) => {
     }
   }
 };
+const markContainerReady = (hash) => {
+  readyContainers[hash] = 1;
+  emitEvent(readyStateChange);
+};
 const waitForContainerReady = (container) => {
   const hash = container.getAttribute("q:instance");
-  return container.getAttribute("q:container") === "paused" && doc.readyState === "loading" && !doc[containerReady]?.[hash] && new Promise((resolve) => {
-    const ready = (ev) => {
-      if (ev.detail === hash) {
-        doc.removeEventListener(containerReady, ready);
+  return container.getAttribute("q:container") === "paused" && doc.readyState === "loading" && !readyContainers[hash] && new Promise((resolve) => {
+    const ready = () => {
+      if (doc.readyState !== "loading" || readyContainers[hash]) {
         resolve();
       }
     };
-    addEventListener(doc, readyStateChange, resolve);
-    addEventListener(doc, containerReady, ready);
+    addEventListener(doc, readyStateChange, ready);
   });
 };
 const createEvent = (eventName, detail) => new CustomEvent(eventName, { detail });
@@ -216,10 +219,6 @@ const dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDe
       const run = (handler2) => {
         if (handler2 && element.isConnected) {
           const onError = (error) => {
-            const retry = waitForContainerReady(container);
-            if (retry) {
-              return retry.then(() => run(handler2));
-            }
             emitEvent("qerror", {
               error,
               qBase,
@@ -239,19 +238,20 @@ const dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDe
         }
       };
       const resolve = (reportSyncError = true) => resolveHandler(container, element, qBase, base, chunk, symbol, reqTime, reportSyncError);
-      const handler = waitForReady && !chunk ? resolve(false) : resolve();
-      if (isPromise(handler)) {
+      const handler = waitForReady ? void 0 : resolve();
+      if (waitForReady) {
+        defer = true;
+        tasks.push(async () => {
+          await waitForReady;
+          await run(await resolve(false) || await resolve());
+        });
+      } else if (isPromise(handler)) {
         defer = true;
         tasks.push(() => handler.then(run));
-      } else if (defer || waitForReady && !chunk && !handler) {
+      } else if (defer) {
         defer = true;
         tasks.push(async () => {
-          let retryHandler = handler;
-          if (!retryHandler && waitForReady) {
-            await waitForReady;
-            retryHandler = resolve(false);
-          }
-          await run(retryHandler || await resolve());
+          await run(handler || await resolve());
         });
       } else {
         const result = run(handler);
@@ -385,7 +385,9 @@ const processReadyStateChange = () => {
 const addEventOrRoot = (...eventNames) => {
   for (let i = 0; i < eventNames.length; i++) {
     const eventNameOrRoot = eventNames[i];
-    if (typeof eventNameOrRoot === "string") {
+    if (eventNameOrRoot === QwikEvContainerReady) {
+      markContainerReady(eventNames[++i]);
+    } else if (typeof eventNameOrRoot === "string") {
       if (!events.has(eventNameOrRoot)) {
         events.add(eventNameOrRoot);
         const { scope, eventName } = parseKebabEvent(eventNameOrRoot);

package/dist/qwikloader.js

@@ -1 +1 @@
-const e=document,t=window,n="w",r="wp",o="d",s="dp",i="e",c="ep",a="capture:",l="readystatechange",p="qready",u=new Set,q=new Set([e]),d=new Map;let h,f,b;const g=(e,t)=>Array.from(e.querySelectorAll(t)),m=e=>{const t=[];return q.forEach(n=>t.push(...g(n,e))),t},v=(e,t,n,r=!1,o=!1)=>e.addEventListener(t,n,{capture:r,passive:o}),y=e=>{z(e);const t=g(e,"[q\\:shadowroot]");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&y(n)}},w=e=>e&&"function"==typeof e.then,E=async e=>{for(let t=0;t<e.length;t++)await e[t]()},A=e=>{if(e.length){const t=()=>E(e);b=b?b.then(t,t):t()}},C=t=>{if(void 0===t._qwikjson_){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){t._qwikjson_=JSON.parse(n.textContent.replace(/\\x3C(\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},_=t=>{const n=t.getAttribute("q:instance");return"paused"===t.getAttribute("q:container")&&"loading"===e.readyState&&!e[p]?.[n]&&new Promise(t=>{const r=o=>{o.detail===n&&(e.removeEventListener(p,r),t())};v(e,l,t),v(e,p,r)})},k=(e,t)=>new CustomEvent(e,{detail:t}),S=(t,n)=>{e.dispatchEvent(k(t,n))},$=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),I=e=>e.replace(/-./g,e=>e[1].toUpperCase()),L=e=>{const t=e.indexOf(":");return{scope:e.slice(0,t),eventName:I(e.slice(t+1))}},N=e=>2===e.length,R=e=>e.charAt(0),T=e=>!!e&&1===e.nodeType,x=(e,t,n)=>e.hasAttribute(n)&&(!!e._qDispatch?.[t]||e.hasAttribute("q-"+t)),B=(t,n,r,o,s,i,c,a=!0)=>{const l={qBase:r,symbol:i,element:n,reqTime:c};if(!s){const n=(e["qFuncs_"+t.getAttribute("q:instance")]||[])[+i];if(!n&&a){const e=Error("sym:"+i);S("qerror",{importError:"sync",error:e,...l}),console.error(e)}return n}const p=`${i}|${r}|${s}`,u=d.get(p);if(u)return u;const q=new URL(s,o).href,h=import(q);return C(t),h.then(e=>{const t=e[i];if(t)d.set(p,t),S("qsymbol",l);else{const e=Error(`${i} not in ${q}`);S("qerror",{importError:"no-symbol",error:e,...l}),console.error(e)}return t},e=>{S("qerror",{importError:"async",error:e,...l}),console.error(e)})},U=(t,n,r,o,s,i=!0)=>{let c=!1;s&&(i&&t.hasAttribute("preventdefault:"+s)&&n.preventDefault(),t.hasAttribute("stoppropagation:"+s)&&n.stopPropagation());const a=t._qDispatch?.[r];if(a){if("function"==typeof a){const e=()=>a(n,t);if(c)o.push(async()=>{const t=e();w(t)&&await t});else{const t=e();w(t)&&(c=!0,o.push(()=>t))}}else if(a.length)for(let e=0;e<a.length;e++){const r=a[e];if(r){const e=()=>r(n,t);if(c)o.push(async()=>{const t=e();w(t)&&await t});else{const t=e();w(t)&&(c=!0,o.push(()=>t))}}}return}const l=t.getAttribute("q-"+r);if(l){const r=t.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"),s=r.getAttribute("q:base"),i=new URL(s,e.baseURI),a=l.split("|"),p=_(r);for(let e=0;e<a.length;e++){const l=a[e],u=performance.now(),[q,d,h]=l.split("#"),f=e=>{if(e&&t.isConnected){const o=n=>{const o=_(r);if(o)return o.then(()=>f(e));S("qerror",{error:n,qBase:s,symbol:d,element:t,reqTime:u})};try{const r=e.call(h,n,t);if(w(r))return r.catch(o)}catch(e){return o(e)}}},b=(e=!0)=>B(r,t,s,i,q,d,u,e),g=p&&!q?b(!1):b();if(w(g))c=!0,o.push(()=>g.then(f));else if(c||p&&!q&&!g)c=!0,o.push(async()=>{let e=g;!e&&p&&(await p,e=b(!1)),await f(e||await b())});else{const e=f(g);w(e)&&(c=!0,o.push(()=>e))}}}},j=(e,t=i,n=!0)=>{const r=$(e.type),o=t+":"+r,s=a+r,c=[],l=[],p=[];let u=e.target;for(;u;)T(u)?(c.push(u),l.push(x(u,o,s)),u=u.parentElement):u=u.parentElement;for(let t=c.length-1;t>=0;t--)if(l[t]&&(U(c[t],e,o,p,r,n),e.cancelBubble))return void A(p);for(let t=0;t<c.length;t++)if(!l[t]&&(U(c[t],e,o,p,r,n),!e.bubbles||e.cancelBubble))return void A(p);A(p)},D=e=>j(e,c,!1),O=(e,t,n=!0)=>{const r=$(t.type),o=e+":"+r,s=m("[q-"+e+"\\:"+r+"]"),i=[];for(let e=0;e<s.length;e++){const c=s[e];U(c,t,o,i,r,n)}A(i)},P=e=>{O(o,e)},F=e=>{O(s,e,!1)},J=e=>{O(n,e)},M=e=>{O(r,e,!1)},Z=()=>{const n=e.readyState;if("interactive"==n||"complete"==n){if(f=1,q.forEach(y),u.has("d:qinit")){u.delete("d:qinit");const e=k("qinit"),t=m("[q-d\\:qinit]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];U(o,e,"d:qinit",n),o.removeAttribute("q-d:qinit")}A(n)}if(u.has("d:qidle")&&(u.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=k("qidle"),t=m("[q-d\\:qidle]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];U(o,e,"d:qidle",n),o.removeAttribute("q-d:qidle")}A(n)})),u.has("e:qvisible")){h||(h=new IntersectionObserver(e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n];r.isIntersecting&&(h.unobserve(r.target),U(r.target,k("qvisible",r),"e:qvisible",t))}A(t)}));const e=m("[q-e\\:qvisible]:not([q\\:observed])");for(let t=0;t<e.length;t++){const n=e[t];h.observe(n),n.setAttribute("q:observed","true")}}}},z=(...e)=>{for(let r=0;r<e.length;r++){const s=e[r];if("string"==typeof s){if(!u.has(s)){u.add(s);const{scope:e,eventName:r}=L(s),i=N(e),c=R(e);c===n?v(t,r,i?M:J,!0,i):q.forEach(e=>v(e,r,c===o?i?F:P:i?D:j,!0,i)),1!==f||"e:qvisible"!==s&&"d:qinit"!==s&&"d:qidle"!==s||Z()}}else q.has(s)||(u.forEach(e=>{const{scope:t,eventName:r}=L(e),i=N(t),c=R(t);c!==n&&v(s,r,c===o?i?F:P:i?D:j,!0,i)}),q.add(s))}},G=t._qwikEv;G?.roots||(Array.isArray(G)?z(...G):z("e:click","e:input"),t._qwikEv={events:u,roots:q,push:z},v(e,l,Z),Z());
+const e=document,t=window,n="w",r="wp",o="d",s="dp",i="e",a="ep",c="capture:",l="readystatechange",p=0,u=new Set,d=new Set([e]),f=new Map,h={};let q,b,g;const m=(e,t)=>Array.from(e.querySelectorAll(t)),v=e=>{const t=[];return d.forEach(n=>t.push(...m(n,e))),t},w=(e,t,n,r=!1,o=!1)=>e.addEventListener(t,n,{capture:r,passive:o}),y=e=>{H(e);const t=m(e,"[q\\:shadowroot]");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&y(n)}},A=e=>e&&"function"==typeof e.then,E=async e=>{for(let t=0;t<e.length;t++)await e[t]()},C=e=>{if(e.length){const t=()=>E(e);g=g?g.then(t,t):t()}},S=t=>{if(void 0===t._qwikjson_){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){t._qwikjson_=JSON.parse(n.textContent.replace(/\\x3C(\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},_=e=>{h[e]=1,I(l)},k=t=>{const n=t.getAttribute("q:instance");return"paused"===t.getAttribute("q:container")&&"loading"===e.readyState&&!h[n]&&new Promise(t=>{w(e,l,()=>{("loading"!==e.readyState||h[n])&&t()})})},$=(e,t)=>new CustomEvent(e,{detail:t}),I=(t,n)=>{e.dispatchEvent($(t,n))},N=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),R=e=>e.replace(/-./g,e=>e[1].toUpperCase()),T=e=>{const t=e.indexOf(":");return{scope:e.slice(0,t),eventName:R(e.slice(t+1))}},x=e=>2===e.length,B=e=>e.charAt(0),L=e=>!!e&&1===e.nodeType,U=(e,t,n)=>e.hasAttribute(n)&&(!!e._qDispatch?.[t]||e.hasAttribute("q-"+t)),j=(t,n,r,o,s,i,a,c=!0)=>{const l={qBase:r,symbol:i,element:n,reqTime:a};if(!s){const n=(e["qFuncs_"+t.getAttribute("q:instance")]||[])[+i];if(!n&&c){const e=Error("sym:"+i);I("qerror",{importError:"sync",error:e,...l}),console.error(e)}return n}const p=`${i}|${r}|${s}`,u=f.get(p);if(u)return u;const d=new URL(s,o).href,h=import(d);return S(t),h.then(e=>{const t=e[i];if(t)f.set(p,t),I("qsymbol",l);else{const e=Error(`${i} not in ${d}`);I("qerror",{importError:"no-symbol",error:e,...l}),console.error(e)}return t},e=>{I("qerror",{importError:"async",error:e,...l}),console.error(e)})},D=(t,n,r,o,s,i=!0)=>{let a=!1;s&&(i&&t.hasAttribute("preventdefault:"+s)&&n.preventDefault(),t.hasAttribute("stoppropagation:"+s)&&n.stopPropagation());const c=t._qDispatch?.[r];if(c){if("function"==typeof c){const e=()=>c(n,t);if(a)o.push(async()=>{const t=e();A(t)&&await t});else{const t=e();A(t)&&(a=!0,o.push(()=>t))}}else if(c.length)for(let e=0;e<c.length;e++){const r=c[e];if(r){const e=()=>r(n,t);if(a)o.push(async()=>{const t=e();A(t)&&await t});else{const t=e();A(t)&&(a=!0,o.push(()=>t))}}}return}const l=t.getAttribute("q-"+r);if(l){const r=t.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"),s=r.getAttribute("q:base"),i=new URL(s,e.baseURI),c=l.split("|"),p=k(r);for(let e=0;e<c.length;e++){const l=c[e],u=performance.now(),[d,f,h]=l.split("#"),q=e=>{if(e&&t.isConnected){const r=e=>{I("qerror",{error:e,qBase:s,symbol:f,element:t,reqTime:u})};try{const o=e.call(h,n,t);if(A(o))return o.catch(r)}catch(e){return r(e)}}},b=(e=!0)=>j(r,t,s,i,d,f,u,e),g=p?void 0:b();if(p)a=!0,o.push(async()=>{await p,await q(await b(!1)||await b())});else if(A(g))a=!0,o.push(()=>g.then(q));else if(a)a=!0,o.push(async()=>{await q(g||await b())});else{const e=q(g);A(e)&&(a=!0,o.push(()=>e))}}}},O=(e,t=i,n=!0)=>{const r=N(e.type),o=t+":"+r,s=c+r,a=[],l=[],p=[];let u=e.target;for(;u;)L(u)?(a.push(u),l.push(U(u,o,s)),u=u.parentElement):u=u.parentElement;for(let t=a.length-1;t>=0;t--)if(l[t]&&(D(a[t],e,o,p,r,n),e.cancelBubble))return void C(p);for(let t=0;t<a.length;t++)if(!l[t]&&(D(a[t],e,o,p,r,n),!e.bubbles||e.cancelBubble))return void C(p);C(p)},P=e=>O(e,a,!1),F=(e,t,n=!0)=>{const r=N(t.type),o=e+":"+r,s=v("[q-"+e+"\\:"+r+"]"),i=[];for(let e=0;e<s.length;e++){const a=s[e];D(a,t,o,i,r,n)}C(i)},J=e=>{F(o,e)},M=e=>{F(s,e,!1)},Z=e=>{F(n,e)},z=e=>{F(r,e,!1)},G=()=>{const n=e.readyState;if("interactive"==n||"complete"==n){if(b=1,d.forEach(y),u.has("d:qinit")){u.delete("d:qinit");const e=$("qinit"),t=v("[q-d\\:qinit]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];D(o,e,"d:qinit",n),o.removeAttribute("q-d:qinit")}C(n)}if(u.has("d:qidle")&&(u.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=$("qidle"),t=v("[q-d\\:qidle]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];D(o,e,"d:qidle",n),o.removeAttribute("q-d:qidle")}C(n)})),u.has("e:qvisible")){q||(q=new IntersectionObserver(e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n];r.isIntersecting&&(q.unobserve(r.target),D(r.target,$("qvisible",r),"e:qvisible",t))}C(t)}));const e=v("[q-e\\:qvisible]:not([q\\:observed])");for(let t=0;t<e.length;t++){const n=e[t];q.observe(n),n.setAttribute("q:observed","true")}}}},H=(...e)=>{for(let r=0;r<e.length;r++){const s=e[r];if(0===s)_(e[++r]);else if("string"==typeof s){if(!u.has(s)){u.add(s);const{scope:e,eventName:r}=T(s),i=x(e),a=B(e);a===n?w(t,r,i?z:Z,!0,i):d.forEach(e=>w(e,r,a===o?i?M:J:i?P:O,!0,i)),1!==b||"e:qvisible"!==s&&"d:qinit"!==s&&"d:qidle"!==s||G()}}else d.has(s)||(u.forEach(e=>{const{scope:t,eventName:r}=T(e),i=x(t),a=B(t);a!==n&&w(s,r,a===o?i?M:J:i?P:O,!0,i)}),d.add(s))}},K=t._qwikEv;K?.roots||(Array.isArray(K)?H(...K):H("e:click","e:input"),t._qwikEv={events:u,roots:d,push:H},w(e,l,G),G());

package/dist/server.d.ts

@@ -177,6 +177,13 @@ export declare interface RenderOptions extends SerializeDocumentOptions {
     qwikLoader?: QwikLoaderOptions;
     /** Specifies how preloading is handled. This ensures that code is instantly available when needed. */
     preloader?: PreloaderOptions | false;
+    /**
+     * Root-count threshold for eager yielded state prewarm during client resume.
+     *
+     * Defaults to `false`, keeping state fully lazy. Set to a number to enable eager prewarm when
+     * serialized state has at least that many roots.
+     */
+    statePrewarm?: number | false;
     /**
      * When set, the app is serialized into a fragment. And the returned html is not a complete
      * document. Defaults to `html`

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.36-dev+3268fab
+ * @qwik.dev/core/server 2.0.0-beta.38-dev+0339f17
  * 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
@@ -189,8 +189,8 @@ See https://qwik.dev/docs/core/tasks/#use-method-rules`,
       // 27
       "Cannot coerce a Signal, use `.value` instead",
       // 28
-      "useComputed$ QRL {{0}} {{1}} cannot return a Promise",
-      // 29
+      "",
+      // 29 (cleared: useComputed$ now supports async functions)
       `===
 Qwik version {{0}} already imported while importing {{1}}.
 This can lead to issues due to duplicated shared structures.
@@ -206,8 +206,14 @@ Verify that the Qwik libraries you're using are in "resolve.noExternal[]" and in
       // 33
       "Serialization Error: Cannot serialize function: {{0}}",
       // 34
-      "Cannot read .value of a clientOnly async signal during SSR. Use .loading to check state, or provide an initial value."
+      "Cannot read .value of a clientOnly async signal during SSR. Use .loading to check state, or provide an initial value.",
       // 35
+      "Invalid element name for SSR {{0}}",
+      // 36
+      "Invalid serialized Promise dependency",
+      // 37
+      "Invalid serialized Uint8Array payload"
+      // 38
     ];
     let text = MAP[code] ?? "";
     if (parts.length) {
@@ -623,6 +629,7 @@ var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
 var QScopedStyle = "q:sstyle";
 var QCtxAttr = "q:ctx";
 var QBackRefs = "q:brefs";
+var QwikEvContainerReady = 0;
 var QRenderAttr = "q:render";
 var QRuntimeAttr = "q:runtime";
 var QVersionAttr = "q:version";
@@ -630,6 +637,7 @@ var QBaseAttr = "q:base";
 var QLocaleAttr = "q:locale";
 var QManifestHashAttr = "q:manifest-hash";
 var QInstanceAttr = "q:instance";
+var QStatePrewarmAttr = "q:prewarm";
 var QContainerIsland = "q:container-island";
 var QContainerIslandEnd = "/" + QContainerIsland;
 var QIgnore = "q:ignore";
@@ -924,6 +932,7 @@ var stringifyRootRefPath = (path) => {
 };
 var writeStringRootRef = (writer, id) => writer.write(String(id));
 var writeStringRootRefPath = (writer, path) => writer.write(stringifyRootRefPath(path));
+var writeStringRootRefDelta = (writer, id, base2) => writer.write(String(id - base2));
 var createStringStreamWriter = (write) => ({
   write,
   writeRootRef(id) {
@@ -931,6 +940,9 @@ var createStringStreamWriter = (write) => ({
   },
   writeRootRefPath(path) {
     return writeStringRootRefPath(this, path);
+  },
+  writeRootRefDelta(id, base2) {
+    return writeStringRootRefDelta(this, id, base2);
   }
 });
 
@@ -1258,8 +1270,8 @@ var preLoaderOptionsDefault = {
 };
 
 // packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = 'const e=document,t=window,n="w",r="wp",o="d",s="dp",i="e",c="ep",a="capture:",l="readystatechange",p="qready",u=new Set,q=new Set([e]),d=new Map;let h,f,b;const g=(e,t)=>Array.from(e.querySelectorAll(t)),m=e=>{const t=[];return q.forEach(n=>t.push(...g(n,e))),t},v=(e,t,n,r=!1,o=!1)=>e.addEventListener(t,n,{capture:r,passive:o}),y=e=>{z(e);const t=g(e,"[q\\\\:shadowroot]");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&y(n)}},w=e=>e&&"function"==typeof e.then,E=async e=>{for(let t=0;t<e.length;t++)await e[t]()},A=e=>{if(e.length){const t=()=>E(e);b=b?b.then(t,t):t()}},C=t=>{if(void 0===t._qwikjson_){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){t._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},_=t=>{const n=t.getAttribute("q:instance");return"paused"===t.getAttribute("q:container")&&"loading"===e.readyState&&!e[p]?.[n]&&new Promise(t=>{const r=o=>{o.detail===n&&(e.removeEventListener(p,r),t())};v(e,l,t),v(e,p,r)})},k=(e,t)=>new CustomEvent(e,{detail:t}),S=(t,n)=>{e.dispatchEvent(k(t,n))},$=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),I=e=>e.replace(/-./g,e=>e[1].toUpperCase()),L=e=>{const t=e.indexOf(":");return{scope:e.slice(0,t),eventName:I(e.slice(t+1))}},N=e=>2===e.length,R=e=>e.charAt(0),T=e=>!!e&&1===e.nodeType,x=(e,t,n)=>e.hasAttribute(n)&&(!!e._qDispatch?.[t]||e.hasAttribute("q-"+t)),B=(t,n,r,o,s,i,c,a=!0)=>{const l={qBase:r,symbol:i,element:n,reqTime:c};if(!s){const n=(e["qFuncs_"+t.getAttribute("q:instance")]||[])[+i];if(!n&&a){const e=Error("sym:"+i);S("qerror",{importError:"sync",error:e,...l}),console.error(e)}return n}const p=`${i}|${r}|${s}`,u=d.get(p);if(u)return u;const q=new URL(s,o).href,h=import(q);return C(t),h.then(e=>{const t=e[i];if(t)d.set(p,t),S("qsymbol",l);else{const e=Error(`${i} not in ${q}`);S("qerror",{importError:"no-symbol",error:e,...l}),console.error(e)}return t},e=>{S("qerror",{importError:"async",error:e,...l}),console.error(e)})},U=(t,n,r,o,s,i=!0)=>{let c=!1;s&&(i&&t.hasAttribute("preventdefault:"+s)&&n.preventDefault(),t.hasAttribute("stoppropagation:"+s)&&n.stopPropagation());const a=t._qDispatch?.[r];if(a){if("function"==typeof a){const e=()=>a(n,t);if(c)o.push(async()=>{const t=e();w(t)&&await t});else{const t=e();w(t)&&(c=!0,o.push(()=>t))}}else if(a.length)for(let e=0;e<a.length;e++){const r=a[e];if(r){const e=()=>r(n,t);if(c)o.push(async()=>{const t=e();w(t)&&await t});else{const t=e();w(t)&&(c=!0,o.push(()=>t))}}}return}const l=t.getAttribute("q-"+r);if(l){const r=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),s=r.getAttribute("q:base"),i=new URL(s,e.baseURI),a=l.split("|"),p=_(r);for(let e=0;e<a.length;e++){const l=a[e],u=performance.now(),[q,d,h]=l.split("#"),f=e=>{if(e&&t.isConnected){const o=n=>{const o=_(r);if(o)return o.then(()=>f(e));S("qerror",{error:n,qBase:s,symbol:d,element:t,reqTime:u})};try{const r=e.call(h,n,t);if(w(r))return r.catch(o)}catch(e){return o(e)}}},b=(e=!0)=>B(r,t,s,i,q,d,u,e),g=p&&!q?b(!1):b();if(w(g))c=!0,o.push(()=>g.then(f));else if(c||p&&!q&&!g)c=!0,o.push(async()=>{let e=g;!e&&p&&(await p,e=b(!1)),await f(e||await b())});else{const e=f(g);w(e)&&(c=!0,o.push(()=>e))}}}},j=(e,t=i,n=!0)=>{const r=$(e.type),o=t+":"+r,s=a+r,c=[],l=[],p=[];let u=e.target;for(;u;)T(u)?(c.push(u),l.push(x(u,o,s)),u=u.parentElement):u=u.parentElement;for(let t=c.length-1;t>=0;t--)if(l[t]&&(U(c[t],e,o,p,r,n),e.cancelBubble))return void A(p);for(let t=0;t<c.length;t++)if(!l[t]&&(U(c[t],e,o,p,r,n),!e.bubbles||e.cancelBubble))return void A(p);A(p)},D=e=>j(e,c,!1),O=(e,t,n=!0)=>{const r=$(t.type),o=e+":"+r,s=m("[q-"+e+"\\\\:"+r+"]"),i=[];for(let e=0;e<s.length;e++){const c=s[e];U(c,t,o,i,r,n)}A(i)},P=e=>{O(o,e)},F=e=>{O(s,e,!1)},J=e=>{O(n,e)},M=e=>{O(r,e,!1)},Z=()=>{const n=e.readyState;if("interactive"==n||"complete"==n){if(f=1,q.forEach(y),u.has("d:qinit")){u.delete("d:qinit");const e=k("qinit"),t=m("[q-d\\\\:qinit]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];U(o,e,"d:qinit",n),o.removeAttribute("q-d:qinit")}A(n)}if(u.has("d:qidle")&&(u.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=k("qidle"),t=m("[q-d\\\\:qidle]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];U(o,e,"d:qidle",n),o.removeAttribute("q-d:qidle")}A(n)})),u.has("e:qvisible")){h||(h=new IntersectionObserver(e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n];r.isIntersecting&&(h.unobserve(r.target),U(r.target,k("qvisible",r),"e:qvisible",t))}A(t)}));const e=m("[q-e\\\\:qvisible]:not([q\\\\:observed])");for(let t=0;t<e.length;t++){const n=e[t];h.observe(n),n.setAttribute("q:observed","true")}}}},z=(...e)=>{for(let r=0;r<e.length;r++){const s=e[r];if("string"==typeof s){if(!u.has(s)){u.add(s);const{scope:e,eventName:r}=L(s),i=N(e),c=R(e);c===n?v(t,r,i?M:J,!0,i):q.forEach(e=>v(e,r,c===o?i?F:P:i?D:j,!0,i)),1!==f||"e:qvisible"!==s&&"d:qinit"!==s&&"d:qidle"!==s||Z()}}else q.has(s)||(u.forEach(e=>{const{scope:t,eventName:r}=L(e),i=N(t),c=R(t);c!==n&&v(s,r,c===o?i?F:P:i?D:j,!0,i)}),q.add(s))}},G=t._qwikEv;G?.roots||(Array.isArray(G)?z(...G):z("e:click","e:input"),t._qwikEv={events:u,roots:q,push:z},v(e,l,Z),Z())';
-var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst windowPrefix = "w";\nconst passiveWindowPrefix = "wp";\nconst documentPrefix = "d";\nconst passiveDocumentPrefix = "dp";\nconst elementPrefix = "e";\nconst passiveElementPrefix = "ep";\nconst capturePrefix = "capture:";\nconst readyStateChange = "readystatechange";\nconst containerReady = "qready";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\nlet hasInitialized;\nlet queuedTasks;\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, passive = false) => el.addEventListener(eventName, handler, { capture, passive });\nconst findShadowRoots = (fragment) => {\n  addEventOrRoot(fragment);\n  const shadowRoots = nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]");\n  for (let i = 0; i < shadowRoots.length; i++) {\n    const parent = shadowRoots[i];\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  }\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nconst runTasks = async (tasks) => {\n  for (let i = 0; i < tasks.length; i++) {\n    await tasks[i]();\n  }\n};\nconst queueTasks = (tasks) => {\n  if (tasks.length) {\n    const run = () => runTasks(tasks);\n    queuedTasks = queuedTasks ? queuedTasks.then(run, run) : run();\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 waitForContainerReady = (container) => {\n  const hash = container.getAttribute("q:instance");\n  return container.getAttribute("q:container") === "paused" && doc.readyState === "loading" && !doc[containerReady]?.[hash] && new Promise((resolve) => {\n    const ready = (ev) => {\n      if (ev.detail === hash) {\n        doc.removeEventListener(containerReady, ready);\n        resolve();\n      }\n    };\n    addEventListener(doc, readyStateChange, resolve);\n    addEventListener(doc, containerReady, ready);\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  const separatorIndex = event.indexOf(":");\n  const scope = event.slice(0, separatorIndex);\n  return {\n    scope,\n    eventName: kebabToCamel(event.slice(separatorIndex + 1))\n  };\n};\nconst isPassiveScope = (scope) => scope.length === 2;\nconst getRootScope = (scope) => scope.charAt(0);\nconst isElementNode = (node) => !!node && node.nodeType === 1;\nconst isCaptureHandlerElement = (element, scopedKebabName, captureAttribute) => element.hasAttribute(captureAttribute) && (!!element._qDispatch?.[scopedKebabName] || element.hasAttribute("q-" + scopedKebabName));\nconst resolveHandler = (container, element, qBase, base, chunk, symbol, reqTime, reportSyncError = true) => {\n  const eventData = {\n    qBase,\n    symbol,\n    element,\n    reqTime\n  };\n  if (!chunk) {\n    const handler2 = (doc["qFuncs_" + container.getAttribute("q:instance")] || [])[+symbol];\n    if (!handler2 && reportSyncError) {\n      const error = new Error("sym:" + symbol);\n      emitEvent("qerror", {\n        importError: "sync",\n        error,\n        ...eventData\n      });\n      console.error(error);\n    }\n    return handler2;\n  }\n  const key = `${symbol}|${qBase}|${chunk}`;\n  const handler = symbols.get(key);\n  if (handler) {\n    return handler;\n  }\n  const href = new URL(chunk, base).href;\n  const module = import(\n        href\n  );\n  resolveContainer(container);\n  return module.then(\n    (module2) => {\n      const handler2 = module2[symbol];\n      if (!handler2) {\n        const error = new Error(`${symbol} not in ${href}`);\n        emitEvent("qerror", {\n          importError: "no-symbol",\n          error,\n          ...eventData\n        });\n        console.error(error);\n      } else {\n        symbols.set(key, handler2);\n        emitEvent("qsymbol", eventData);\n      }\n      return handler2;\n    },\n    (error) => {\n      emitEvent("qerror", {\n        importError: "async",\n        error,\n        ...eventData\n      });\n      console.error(error);\n      return void 0;\n    }\n  );\n};\nconst dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDefault = true) => {\n  let defer = false;\n  if (kebabName) {\n    if (allowPreventDefault && 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 (typeof handlers === "function") {\n      const run = () => handlers(ev, element);\n      if (defer) {\n        tasks.push(async () => {\n          const result = run();\n          if (isPromise(result)) {\n            await result;\n          }\n        });\n      } else {\n        const result = run();\n        if (isPromise(result)) {\n          defer = true;\n          tasks.push(() => result);\n        }\n      }\n    } else if (handlers.length) {\n      for (let i = 0; i < handlers.length; i++) {\n        const handler = handlers[i];\n        if (handler) {\n          const run = () => handler(ev, element);\n          if (defer) {\n            tasks.push(async () => {\n              const result = run();\n              if (isPromise(result)) {\n                await result;\n              }\n            });\n          } else {\n            const result = run();\n            if (isPromise(result)) {\n              defer = true;\n              tasks.push(() => result);\n            }\n          }\n        }\n      }\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    const qrls = attrValue.split("|");\n    const waitForReady = waitForContainerReady(container);\n    for (let i = 0; i < qrls.length; i++) {\n      const qrl = qrls[i];\n      const reqTime = performance.now();\n      const [chunk, symbol, capturedIds] = qrl.split("#");\n      const run = (handler2) => {\n        if (handler2 && element.isConnected) {\n          const onError = (error) => {\n            const retry = waitForContainerReady(container);\n            if (retry) {\n              return retry.then(() => run(handler2));\n            }\n            emitEvent("qerror", {\n              error,\n              qBase,\n              symbol,\n              element,\n              reqTime\n            });\n          };\n          try {\n            const result = handler2.call(capturedIds, ev, element);\n            if (isPromise(result)) {\n              return result.catch(onError);\n            }\n          } catch (error) {\n            return onError(error);\n          }\n        }\n      };\n      const resolve = (reportSyncError = true) => resolveHandler(container, element, qBase, base, chunk, symbol, reqTime, reportSyncError);\n      const handler = waitForReady && !chunk ? resolve(false) : resolve();\n      if (isPromise(handler)) {\n        defer = true;\n        tasks.push(() => handler.then(run));\n      } else if (defer || waitForReady && !chunk && !handler) {\n        defer = true;\n        tasks.push(async () => {\n          let retryHandler = handler;\n          if (!retryHandler && waitForReady) {\n            await waitForReady;\n            retryHandler = resolve(false);\n          }\n          await run(retryHandler || await resolve());\n        });\n      } else {\n        const result = run(handler);\n        if (isPromise(result)) {\n          defer = true;\n          tasks.push(() => result);\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = (ev, scope = elementPrefix, allowPreventDefault = true) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = scope + ":" + kebabName;\n  const captureAttribute = capturePrefix + kebabName;\n  const elements = [];\n  const captureHandlers = [];\n  const tasks = [];\n  let current = ev.target;\n  while (current) {\n    if (isElementNode(current)) {\n      elements.push(current);\n      captureHandlers.push(isCaptureHandlerElement(current, scopedKebabName, captureAttribute));\n      current = current.parentElement;\n    } else {\n      current = current.parentElement;\n    }\n  }\n  for (let i = elements.length - 1; i >= 0; i--) {\n    if (captureHandlers[i]) {\n      dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n      if (ev.cancelBubble) {\n        queueTasks(tasks);\n        return;\n      }\n    }\n  }\n  for (let i = 0; i < elements.length; i++) {\n    if (!captureHandlers[i]) {\n      dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n      if (!ev.bubbles || ev.cancelBubble) {\n        queueTasks(tasks);\n        return;\n      }\n    }\n  }\n  queueTasks(tasks);\n};\nconst processPassiveElementEvent = (ev) => processElementEvent(ev, passiveElementPrefix, false);\nconst broadcast = (scope, ev, allowPreventDefault = true) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = scope + ":" + kebabName;\n  const elements = querySelectorAll("[q-" + scope + "\\\\:" + kebabName + "]");\n  const tasks = [];\n  for (let i = 0; i < elements.length; i++) {\n    const el = elements[i];\n    dispatch(el, ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n  }\n  queueTasks(tasks);\n};\nconst processDocumentEvent = (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processPassiveDocumentEvent = (ev) => {\n  broadcast(passiveDocumentPrefix, ev, false);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processPassiveWindowEvent = (ev) => {\n  broadcast(passiveWindowPrefix, ev, false);\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      const elements = querySelectorAll("[q-d\\\\:qinit]");\n      const tasks = [];\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        dispatch(el, ev, "d:qinit", tasks);\n        el.removeAttribute("q-d:qinit");\n      }\n      queueTasks(tasks);\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        const elements = querySelectorAll("[q-d\\\\:qidle]");\n        const tasks = [];\n        for (let i = 0; i < elements.length; i++) {\n          const el = elements[i];\n          dispatch(el, ev, "d:qidle", tasks);\n          el.removeAttribute("q-d:qidle");\n        }\n        queueTasks(tasks);\n      });\n    }\n    if (events.has("e:qvisible")) {\n      observer || (observer = new IntersectionObserver((entries) => {\n        const tasks = [];\n        for (let i = 0; i < entries.length; i++) {\n          const entry = entries[i];\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(\n              entry.target,\n              createEvent("qvisible", entry),\n              "e:qvisible",\n              tasks\n            );\n          }\n        }\n        queueTasks(tasks);\n      }));\n      const elements = querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])");\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        observer.observe(el);\n        el.setAttribute("q:observed", "true");\n      }\n    }\n  }\n};\nconst addEventOrRoot = (...eventNames) => {\n  for (let i = 0; i < eventNames.length; i++) {\n    const eventNameOrRoot = eventNames[i];\n    if (typeof eventNameOrRoot === "string") {\n      if (!events.has(eventNameOrRoot)) {\n        events.add(eventNameOrRoot);\n        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);\n        const passive = isPassiveScope(scope);\n        const rootScope = getRootScope(scope);\n        if (rootScope === windowPrefix) {\n          addEventListener(\n            win,\n            eventName,\n            passive ? processPassiveWindowEvent : processWindowEvent,\n            true,\n            passive\n          );\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,\n              true,\n              passive\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          const passive = isPassiveScope(scope);\n          const rootScope = getRootScope(scope);\n          if (rootScope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,\n              true,\n              passive\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_LOADER_DEFAULT_MINIFIED = 'const e=document,t=window,n="w",r="wp",o="d",s="dp",i="e",a="ep",c="capture:",l="readystatechange",p=0,u=new Set,d=new Set([e]),f=new Map,h={};let q,b,g;const m=(e,t)=>Array.from(e.querySelectorAll(t)),v=e=>{const t=[];return d.forEach(n=>t.push(...m(n,e))),t},w=(e,t,n,r=!1,o=!1)=>e.addEventListener(t,n,{capture:r,passive:o}),y=e=>{H(e);const t=m(e,"[q\\\\:shadowroot]");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&y(n)}},A=e=>e&&"function"==typeof e.then,E=async e=>{for(let t=0;t<e.length;t++)await e[t]()},C=e=>{if(e.length){const t=()=>E(e);g=g?g.then(t,t):t()}},S=t=>{if(void 0===t._qwikjson_){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){t._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},_=e=>{h[e]=1,I(l)},k=t=>{const n=t.getAttribute("q:instance");return"paused"===t.getAttribute("q:container")&&"loading"===e.readyState&&!h[n]&&new Promise(t=>{w(e,l,()=>{("loading"!==e.readyState||h[n])&&t()})})},$=(e,t)=>new CustomEvent(e,{detail:t}),I=(t,n)=>{e.dispatchEvent($(t,n))},N=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),R=e=>e.replace(/-./g,e=>e[1].toUpperCase()),T=e=>{const t=e.indexOf(":");return{scope:e.slice(0,t),eventName:R(e.slice(t+1))}},x=e=>2===e.length,B=e=>e.charAt(0),L=e=>!!e&&1===e.nodeType,U=(e,t,n)=>e.hasAttribute(n)&&(!!e._qDispatch?.[t]||e.hasAttribute("q-"+t)),j=(t,n,r,o,s,i,a,c=!0)=>{const l={qBase:r,symbol:i,element:n,reqTime:a};if(!s){const n=(e["qFuncs_"+t.getAttribute("q:instance")]||[])[+i];if(!n&&c){const e=Error("sym:"+i);I("qerror",{importError:"sync",error:e,...l}),console.error(e)}return n}const p=`${i}|${r}|${s}`,u=f.get(p);if(u)return u;const d=new URL(s,o).href,h=import(d);return S(t),h.then(e=>{const t=e[i];if(t)f.set(p,t),I("qsymbol",l);else{const e=Error(`${i} not in ${d}`);I("qerror",{importError:"no-symbol",error:e,...l}),console.error(e)}return t},e=>{I("qerror",{importError:"async",error:e,...l}),console.error(e)})},D=(t,n,r,o,s,i=!0)=>{let a=!1;s&&(i&&t.hasAttribute("preventdefault:"+s)&&n.preventDefault(),t.hasAttribute("stoppropagation:"+s)&&n.stopPropagation());const c=t._qDispatch?.[r];if(c){if("function"==typeof c){const e=()=>c(n,t);if(a)o.push(async()=>{const t=e();A(t)&&await t});else{const t=e();A(t)&&(a=!0,o.push(()=>t))}}else if(c.length)for(let e=0;e<c.length;e++){const r=c[e];if(r){const e=()=>r(n,t);if(a)o.push(async()=>{const t=e();A(t)&&await t});else{const t=e();A(t)&&(a=!0,o.push(()=>t))}}}return}const l=t.getAttribute("q-"+r);if(l){const r=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),s=r.getAttribute("q:base"),i=new URL(s,e.baseURI),c=l.split("|"),p=k(r);for(let e=0;e<c.length;e++){const l=c[e],u=performance.now(),[d,f,h]=l.split("#"),q=e=>{if(e&&t.isConnected){const r=e=>{I("qerror",{error:e,qBase:s,symbol:f,element:t,reqTime:u})};try{const o=e.call(h,n,t);if(A(o))return o.catch(r)}catch(e){return r(e)}}},b=(e=!0)=>j(r,t,s,i,d,f,u,e),g=p?void 0:b();if(p)a=!0,o.push(async()=>{await p,await q(await b(!1)||await b())});else if(A(g))a=!0,o.push(()=>g.then(q));else if(a)a=!0,o.push(async()=>{await q(g||await b())});else{const e=q(g);A(e)&&(a=!0,o.push(()=>e))}}}},O=(e,t=i,n=!0)=>{const r=N(e.type),o=t+":"+r,s=c+r,a=[],l=[],p=[];let u=e.target;for(;u;)L(u)?(a.push(u),l.push(U(u,o,s)),u=u.parentElement):u=u.parentElement;for(let t=a.length-1;t>=0;t--)if(l[t]&&(D(a[t],e,o,p,r,n),e.cancelBubble))return void C(p);for(let t=0;t<a.length;t++)if(!l[t]&&(D(a[t],e,o,p,r,n),!e.bubbles||e.cancelBubble))return void C(p);C(p)},P=e=>O(e,a,!1),F=(e,t,n=!0)=>{const r=N(t.type),o=e+":"+r,s=v("[q-"+e+"\\\\:"+r+"]"),i=[];for(let e=0;e<s.length;e++){const a=s[e];D(a,t,o,i,r,n)}C(i)},J=e=>{F(o,e)},M=e=>{F(s,e,!1)},Z=e=>{F(n,e)},z=e=>{F(r,e,!1)},G=()=>{const n=e.readyState;if("interactive"==n||"complete"==n){if(b=1,d.forEach(y),u.has("d:qinit")){u.delete("d:qinit");const e=$("qinit"),t=v("[q-d\\\\:qinit]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];D(o,e,"d:qinit",n),o.removeAttribute("q-d:qinit")}C(n)}if(u.has("d:qidle")&&(u.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=$("qidle"),t=v("[q-d\\\\:qidle]"),n=[];for(let r=0;r<t.length;r++){const o=t[r];D(o,e,"d:qidle",n),o.removeAttribute("q-d:qidle")}C(n)})),u.has("e:qvisible")){q||(q=new IntersectionObserver(e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n];r.isIntersecting&&(q.unobserve(r.target),D(r.target,$("qvisible",r),"e:qvisible",t))}C(t)}));const e=v("[q-e\\\\:qvisible]:not([q\\\\:observed])");for(let t=0;t<e.length;t++){const n=e[t];q.observe(n),n.setAttribute("q:observed","true")}}}},H=(...e)=>{for(let r=0;r<e.length;r++){const s=e[r];if(0===s)_(e[++r]);else if("string"==typeof s){if(!u.has(s)){u.add(s);const{scope:e,eventName:r}=T(s),i=x(e),a=B(e);a===n?w(t,r,i?z:Z,!0,i):d.forEach(e=>w(e,r,a===o?i?M:J:i?P:O,!0,i)),1!==b||"e:qvisible"!==s&&"d:qinit"!==s&&"d:qidle"!==s||G()}}else d.has(s)||(u.forEach(e=>{const{scope:t,eventName:r}=T(e),i=x(t),a=B(t);a!==n&&w(s,r,a===o?i?M:J:i?P:O,!0,i)}),d.add(s))}},K=t._qwikEv;K?.roots||(Array.isArray(K)?H(...K):H("e:click","e:input"),t._qwikEv={events:u,roots:d,push:H},w(e,l,G),G())';
+var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst windowPrefix = "w";\nconst passiveWindowPrefix = "wp";\nconst documentPrefix = "d";\nconst passiveDocumentPrefix = "dp";\nconst elementPrefix = "e";\nconst passiveElementPrefix = "ep";\nconst capturePrefix = "capture:";\nconst readyStateChange = "readystatechange";\nconst QwikEvContainerReady = 0;\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nconst readyContainers = {};\nlet observer;\nlet hasInitialized;\nlet queuedTasks;\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, passive = false) => el.addEventListener(eventName, handler, { capture, passive });\nconst findShadowRoots = (fragment) => {\n  addEventOrRoot(fragment);\n  const shadowRoots = nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]");\n  for (let i = 0; i < shadowRoots.length; i++) {\n    const parent = shadowRoots[i];\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  }\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nconst runTasks = async (tasks) => {\n  for (let i = 0; i < tasks.length; i++) {\n    await tasks[i]();\n  }\n};\nconst queueTasks = (tasks) => {\n  if (tasks.length) {\n    const run = () => runTasks(tasks);\n    queuedTasks = queuedTasks ? queuedTasks.then(run, run) : run();\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 markContainerReady = (hash) => {\n  readyContainers[hash] = 1;\n  emitEvent(readyStateChange);\n};\nconst waitForContainerReady = (container) => {\n  const hash = container.getAttribute("q:instance");\n  return container.getAttribute("q:container") === "paused" && doc.readyState === "loading" && !readyContainers[hash] && new Promise((resolve) => {\n    const ready = () => {\n      if (doc.readyState !== "loading" || readyContainers[hash]) {\n        resolve();\n      }\n    };\n    addEventListener(doc, readyStateChange, ready);\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  const separatorIndex = event.indexOf(":");\n  const scope = event.slice(0, separatorIndex);\n  return {\n    scope,\n    eventName: kebabToCamel(event.slice(separatorIndex + 1))\n  };\n};\nconst isPassiveScope = (scope) => scope.length === 2;\nconst getRootScope = (scope) => scope.charAt(0);\nconst isElementNode = (node) => !!node && node.nodeType === 1;\nconst isCaptureHandlerElement = (element, scopedKebabName, captureAttribute) => element.hasAttribute(captureAttribute) && (!!element._qDispatch?.[scopedKebabName] || element.hasAttribute("q-" + scopedKebabName));\nconst resolveHandler = (container, element, qBase, base, chunk, symbol, reqTime, reportSyncError = true) => {\n  const eventData = {\n    qBase,\n    symbol,\n    element,\n    reqTime\n  };\n  if (!chunk) {\n    const handler2 = (doc["qFuncs_" + container.getAttribute("q:instance")] || [])[+symbol];\n    if (!handler2 && reportSyncError) {\n      const error = new Error("sym:" + symbol);\n      emitEvent("qerror", {\n        importError: "sync",\n        error,\n        ...eventData\n      });\n      console.error(error);\n    }\n    return handler2;\n  }\n  const key = `${symbol}|${qBase}|${chunk}`;\n  const handler = symbols.get(key);\n  if (handler) {\n    return handler;\n  }\n  const href = new URL(chunk, base).href;\n  const module = import(\n        href\n  );\n  resolveContainer(container);\n  return module.then(\n    (module2) => {\n      const handler2 = module2[symbol];\n      if (!handler2) {\n        const error = new Error(`${symbol} not in ${href}`);\n        emitEvent("qerror", {\n          importError: "no-symbol",\n          error,\n          ...eventData\n        });\n        console.error(error);\n      } else {\n        symbols.set(key, handler2);\n        emitEvent("qsymbol", eventData);\n      }\n      return handler2;\n    },\n    (error) => {\n      emitEvent("qerror", {\n        importError: "async",\n        error,\n        ...eventData\n      });\n      console.error(error);\n      return void 0;\n    }\n  );\n};\nconst dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDefault = true) => {\n  let defer = false;\n  if (kebabName) {\n    if (allowPreventDefault && 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 (typeof handlers === "function") {\n      const run = () => handlers(ev, element);\n      if (defer) {\n        tasks.push(async () => {\n          const result = run();\n          if (isPromise(result)) {\n            await result;\n          }\n        });\n      } else {\n        const result = run();\n        if (isPromise(result)) {\n          defer = true;\n          tasks.push(() => result);\n        }\n      }\n    } else if (handlers.length) {\n      for (let i = 0; i < handlers.length; i++) {\n        const handler = handlers[i];\n        if (handler) {\n          const run = () => handler(ev, element);\n          if (defer) {\n            tasks.push(async () => {\n              const result = run();\n              if (isPromise(result)) {\n                await result;\n              }\n            });\n          } else {\n            const result = run();\n            if (isPromise(result)) {\n              defer = true;\n              tasks.push(() => result);\n            }\n          }\n        }\n      }\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    const qrls = attrValue.split("|");\n    const waitForReady = waitForContainerReady(container);\n    for (let i = 0; i < qrls.length; i++) {\n      const qrl = qrls[i];\n      const reqTime = performance.now();\n      const [chunk, symbol, capturedIds] = qrl.split("#");\n      const run = (handler2) => {\n        if (handler2 && element.isConnected) {\n          const onError = (error) => {\n            emitEvent("qerror", {\n              error,\n              qBase,\n              symbol,\n              element,\n              reqTime\n            });\n          };\n          try {\n            const result = handler2.call(capturedIds, ev, element);\n            if (isPromise(result)) {\n              return result.catch(onError);\n            }\n          } catch (error) {\n            return onError(error);\n          }\n        }\n      };\n      const resolve = (reportSyncError = true) => resolveHandler(container, element, qBase, base, chunk, symbol, reqTime, reportSyncError);\n      const handler = waitForReady ? void 0 : resolve();\n      if (waitForReady) {\n        defer = true;\n        tasks.push(async () => {\n          await waitForReady;\n          await run(await resolve(false) || await resolve());\n        });\n      } else if (isPromise(handler)) {\n        defer = true;\n        tasks.push(() => handler.then(run));\n      } else if (defer) {\n        defer = true;\n        tasks.push(async () => {\n          await run(handler || await resolve());\n        });\n      } else {\n        const result = run(handler);\n        if (isPromise(result)) {\n          defer = true;\n          tasks.push(() => result);\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = (ev, scope = elementPrefix, allowPreventDefault = true) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = scope + ":" + kebabName;\n  const captureAttribute = capturePrefix + kebabName;\n  const elements = [];\n  const captureHandlers = [];\n  const tasks = [];\n  let current = ev.target;\n  while (current) {\n    if (isElementNode(current)) {\n      elements.push(current);\n      captureHandlers.push(isCaptureHandlerElement(current, scopedKebabName, captureAttribute));\n      current = current.parentElement;\n    } else {\n      current = current.parentElement;\n    }\n  }\n  for (let i = elements.length - 1; i >= 0; i--) {\n    if (captureHandlers[i]) {\n      dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n      if (ev.cancelBubble) {\n        queueTasks(tasks);\n        return;\n      }\n    }\n  }\n  for (let i = 0; i < elements.length; i++) {\n    if (!captureHandlers[i]) {\n      dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n      if (!ev.bubbles || ev.cancelBubble) {\n        queueTasks(tasks);\n        return;\n      }\n    }\n  }\n  queueTasks(tasks);\n};\nconst processPassiveElementEvent = (ev) => processElementEvent(ev, passiveElementPrefix, false);\nconst broadcast = (scope, ev, allowPreventDefault = true) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = scope + ":" + kebabName;\n  const elements = querySelectorAll("[q-" + scope + "\\\\:" + kebabName + "]");\n  const tasks = [];\n  for (let i = 0; i < elements.length; i++) {\n    const el = elements[i];\n    dispatch(el, ev, scopedKebabName, tasks, kebabName, allowPreventDefault);\n  }\n  queueTasks(tasks);\n};\nconst processDocumentEvent = (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processPassiveDocumentEvent = (ev) => {\n  broadcast(passiveDocumentPrefix, ev, false);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processPassiveWindowEvent = (ev) => {\n  broadcast(passiveWindowPrefix, ev, false);\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      const elements = querySelectorAll("[q-d\\\\:qinit]");\n      const tasks = [];\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        dispatch(el, ev, "d:qinit", tasks);\n        el.removeAttribute("q-d:qinit");\n      }\n      queueTasks(tasks);\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        const elements = querySelectorAll("[q-d\\\\:qidle]");\n        const tasks = [];\n        for (let i = 0; i < elements.length; i++) {\n          const el = elements[i];\n          dispatch(el, ev, "d:qidle", tasks);\n          el.removeAttribute("q-d:qidle");\n        }\n        queueTasks(tasks);\n      });\n    }\n    if (events.has("e:qvisible")) {\n      observer || (observer = new IntersectionObserver((entries) => {\n        const tasks = [];\n        for (let i = 0; i < entries.length; i++) {\n          const entry = entries[i];\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(\n              entry.target,\n              createEvent("qvisible", entry),\n              "e:qvisible",\n              tasks\n            );\n          }\n        }\n        queueTasks(tasks);\n      }));\n      const elements = querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])");\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        observer.observe(el);\n        el.setAttribute("q:observed", "true");\n      }\n    }\n  }\n};\nconst addEventOrRoot = (...eventNames) => {\n  for (let i = 0; i < eventNames.length; i++) {\n    const eventNameOrRoot = eventNames[i];\n    if (eventNameOrRoot === QwikEvContainerReady) {\n      markContainerReady(eventNames[++i]);\n    } else if (typeof eventNameOrRoot === "string") {\n      if (!events.has(eventNameOrRoot)) {\n        events.add(eventNameOrRoot);\n        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);\n        const passive = isPassiveScope(scope);\n        const rootScope = getRootScope(scope);\n        if (rootScope === windowPrefix) {\n          addEventListener(\n            win,\n            eventName,\n            passive ? processPassiveWindowEvent : processWindowEvent,\n            true,\n            passive\n          );\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,\n              true,\n              passive\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          const passive = isPassiveScope(scope);\n          const rootScope = getRootScope(scope);\n          if (rootScope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,\n              true,\n              passive\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"]';function e(e,n){const o=n||e.querySelector("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const n=o.querySelectorAll(t),r=n[n.length-1];if(r){const t=JSON.parse(r.textContent||"[]"),n=e.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let c=n.currentNode,i=c.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],r=t[e+1];let l=t[e+2];for(;i<o&&(c=n.nextNode(),c);)c.hasAttribute(":")&&i++;const s=c;null==l||!1===l?s.removeAttribute(r):("boolean"==typeof l&&(l=""),s.setAttribute(r,l))}}}}const n=document.currentScript;if(n){const t=n.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");t&&e(document,t)}`;
 var QWIK_BACKPATCH_EXECUTOR_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
 function executeBackpatch(doc, containerElement) {
@@ -1679,6 +1691,10 @@ var renderSSRChunks = (chunks, remap) => {
     const chunk = chunks[i];
     if (typeof chunk === "string") {
       out += chunk;
+    } else if (chunk.type === "root-ref-delta") {
+      const id = remap ? remap[chunk.localId] ?? chunk.localId : chunk.localId;
+      const base2 = remap ? remap[chunk.localBaseId] ?? chunk.localBaseId : chunk.localBaseId;
+      out += String(id - base2);
     } else {
       const localId = chunk.type === "root-ref" ? chunk.localId : chunk.localPath[0];
       out += String(remap ? remap[localId] ?? localId : localId);
@@ -1704,6 +1720,9 @@ var StringSSRWriter = class {
   writeRootRefPath(path) {
     writeStringRootRefPath(this, path);
   }
+  writeRootRefDelta(id, base2) {
+    writeStringRootRefDelta(this, id, base2);
+  }
   clear() {
     this.buffer.length = 0;
   }
@@ -1722,6 +1741,9 @@ var StringBufferSegmentWriter = class {
   writeRootRefPath(path) {
     this.chunks.push({ type: "root-ref-path", localPath: path });
   }
+  writeRootRefDelta(id, base2) {
+    this.chunks.push({ type: "root-ref-delta", localId: id, localBaseId: base2 });
+  }
   clear() {
     this.chunks.length = 0;
   }
@@ -2077,7 +2099,7 @@ function getBuildBase(opts) {
   return `${import.meta.env?.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.36-dev+3268fab",
+  qwik: "2.0.0-beta.38-dev+0339f17",
   qwikDom: "2.1.19"
 };
 
@@ -2177,6 +2199,7 @@ function encodeAsAlphanumeric(value) {
 }
 
 // packages/qwik/src/server/ssr-container.ts
+var VALID_ELEMENT_NAME = /^[A-Za-z][A-Za-z0-9._:-]*$/;
 var NO_SCRIPT_HERE_ELEMENTS = /* @__PURE__ */ new Set([
   "script",
   "style",
@@ -2566,6 +2589,12 @@ var SSRContainer = class extends _SharedContainer {
     containerAttributes[QLocaleAttr] = this.$locale$;
     containerAttributes[QManifestHashAttr] = this.resolvedManifest.manifest.manifestHash;
     containerAttributes[QInstanceAttr] = this.$instanceHash$;
+    const statePrewarm = this.renderOptions.statePrewarm;
+    if (typeof statePrewarm === "number") {
+      containerAttributes[QStatePrewarmAttr] = String(statePrewarm);
+    } else {
+      delete containerAttributes[QStatePrewarmAttr];
+    }
     this.$serverData$.containerAttributes = containerAttributes;
     this.openElement(this.tag, null, containerAttributes);
     if (!this.isHtml) {
@@ -2579,6 +2608,9 @@ var SSRContainer = class extends _SharedContainer {
   $noScriptHere$ = 0;
   /** Renders opening tag for DOM element */
   openElement(elementName, key, varAttrs, constAttrs = null, styleScopedId = null, currentFile = null, hasMovedCaptures = true) {
+    if (!VALID_ELEMENT_NAME.test(elementName)) {
+      throw qError(36 /* invalidElementName */, [JSON.stringify(elementName)]);
+    }
     const isQwikStyle = isQwikStyleElement(elementName, varAttrs) || isQwikStyleElement(elementName, constAttrs);
     if (NO_SCRIPT_HERE_ELEMENTS.has(elementName)) {
       this.$noScriptHere$++;
@@ -2617,7 +2649,9 @@ var SSRContainer = class extends _SharedContainer {
     }
     this.write(" " + Q_PROPS_SEPARATOR);
     if (key !== null) {
-      this.write(`="${key}"`);
+      this.write(ATTR_EQUALS_QUOTE);
+      this.write(escapeHTML(key));
+      this.write(QUOTE);
     } else if (qTest) {
       this.write(EMPTY_ATTR);
     }
@@ -2895,7 +2929,6 @@ var SSRContainer = class extends _SharedContainer {
     this.emitPatchDataIfNeeded();
     this.emitExecutorIfNeeded();
     this.emitQwikLoaderAtBottomIfNeeded();
-    this.emitContainerReadyEventIfNeeded();
   }
   emitDelayedOutOfOrderSegmentVNodeData() {
     if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed) {
@@ -3091,6 +3124,7 @@ var SSRContainer = class extends _SharedContainer {
           this.write(VNodeDataChar.CONTEXT_CHAR);
           break;
         case QSlot:
+          encodeValue = encodeVNodeDataKey;
           this.write(VNodeDataChar.SLOT_CHAR);
           break;
         default: {
@@ -3114,7 +3148,7 @@ var SSRContainer = class extends _SharedContainer {
     }
   }
   emitStateData() {
-    if (!this.serializationCtx.$roots$.length) {
+    if (!this.serializationCtx.$roots$.length && !this.serializationCtx.$eagerResume$.size) {
       return;
     }
     const attrs = this.stateScriptAttrs();
@@ -3181,7 +3215,7 @@ var SSRContainer = class extends _SharedContainer {
       if (this.renderOptions.serverData?.nonce) {
         scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
       }
-      this.writeScript(scriptAttrs, JSON.stringify(patches));
+      this.writeScript(scriptAttrs, JSON.stringify(patches).replaceAll("<", "\\u003C"));
     }
   }
   emitBackpatchDataAndExecutorIfNeeded() {
@@ -3220,14 +3254,6 @@ var SSRContainer = class extends _SharedContainer {
     }
     this.writeScript(scriptAttrs, script);
   }
-  emitContainerReadyEventIfNeeded() {
-    if (!__EXPERIMENTAL__.suspense || !this.outOfOrderStreaming || !this.outOfOrderUsed) {
-      return;
-    }
-    this.emitInlineScript(
-      `document.qready||(document.qready={});document.qready["${this.$instanceHash$}"]=1;try{document.dispatchEvent(new CustomEvent("qready",{detail:"${this.$instanceHash$}"}))}catch(e){}`
-    );
-  }
   writeScript(attrs, body) {
     this.openScript(attrs);
     if (body) {
@@ -3291,21 +3317,24 @@ var SSRContainer = class extends _SharedContainer {
       if (this.qlInclude !== 2 /* Done */) {
         this.emitQwikLoaderInline();
       }
-      this.emitNewQwikEvents();
+      this.emitNewQwikEvents(true);
     }
   }
-  emitNewQwikEvents() {
-    const eventNames = [];
+  emitNewQwikEvents(includeContainerReady = false) {
+    const qwikEventItems = [];
     for (const eventName of this.serializationCtx.$eventNames$) {
       if (!this.emittedQwikEventNames.has(eventName)) {
         this.emittedQwikEventNames.add(eventName);
-        eventNames.push(JSON.stringify(eventName));
+        qwikEventItems.push(JSON.stringify(eventName));
       }
     }
-    this.emitQwikEvents(eventNames);
+    if (includeContainerReady) {
+      qwikEventItems.push(`${QwikEvContainerReady}`, JSON.stringify(this.$instanceHash$));
+    }
+    this.emitQwikEvents(qwikEventItems);
   }
-  emitQwikEvents(eventNames) {
-    if (eventNames.length > 0) {
+  emitQwikEvents(qwikEventItems) {
+    if (qwikEventItems.length > 0) {
       const scriptAttrs = {};
       const nonce = this.renderOptions.serverData?.nonce;
       if (nonce) {
@@ -3313,7 +3342,7 @@ var SSRContainer = class extends _SharedContainer {
       }
       this.openScript(scriptAttrs);
       this.write(`(window._qwikEv||(window._qwikEv=[])).push(`);
-      this.writeArray(eventNames, COMMA);
+      this.writeArray(qwikEventItems, COMMA);
       this.write(PAREN_CLOSE);
       this.closeScript();
     }
@@ -3420,6 +3449,11 @@ var SSRContainer = class extends _SharedContainer {
       this.size += 1 + String(path[i]).length;
     }
   }
+  writeRootRefDelta(id, base2) {
+    const delta = id - base2;
+    this.size += String(delta).length;
+    this.writer.writeRootRefDelta(id, base2);
+  }
   writeArray(array, separator) {
     for (let i = 0; i < array.length; i++) {
       const element = array[i];
@@ -3531,6 +3565,8 @@ var SSRContainer = class extends _SharedContainer {
         this.write(escapeHTML(chunk));
       } else if (typeof chunk === "number") {
         this.writeRootRef(chunk);
+      } else if ("base" in chunk) {
+        this.writeRootRefDelta(chunk.id, chunk.base);
       } else {
         this.writeRootRefPath(chunk.path);
       }