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

package/dist/out-of-order-executor.debug.js

@@ -0,0 +1,163 @@
+const Q_RESOLVED_SELECTOR = 'template[q\\:r="';
+const Q_RESOLVED_ATTR = "q:r";
+const Q_RESULT_PARENT_SELECTOR = '[q\\:rp="';
+const Q_GROUP_ATTR = "q:g";
+const Q_INDEX_ATTR = "q:i";
+const Q_ORDER_ATTR = "q:o";
+const Q_CONTAINER_SELECTOR = "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])";
+const installOutOfOrderExecutor = (doc) => {
+  const groups = /* @__PURE__ */ new WeakMap();
+  const process = (boundaryId, content) => {
+    var _a;
+    const executorDoc = doc;
+    (_a = executorDoc.qProcessOOOS) == null ? void 0 : _a.call(executorDoc, boundaryId, content);
+  };
+  const getScope = () => {
+    const script = doc.currentScript;
+    return script ? script.closest(Q_CONTAINER_SELECTOR) || doc : doc;
+  };
+  const group = (scope, groupId, total, order) => {
+    let scopedGroups = groups.get(scope);
+    if (!scopedGroups) {
+      groups.set(scope, scopedGroups = {});
+    }
+    return scopedGroups[groupId] || (scopedGroups[groupId] = {
+      r: {},
+      n: 0,
+      t: total,
+      o: order
+    });
+  };
+  const getResolvedTemplate = (scope, boundaryId) => {
+    const currentScript = doc.currentScript;
+    const previousElement = currentScript ? currentScript.previousElementSibling : null;
+    if (previousElement && previousElement.localName === "template" && previousElement.getAttribute(Q_RESOLVED_ATTR) === String(boundaryId)) {
+      return previousElement;
+    }
+    const templates = scope.querySelectorAll(Q_RESOLVED_SELECTOR + boundaryId + '"]');
+    return templates.length ? templates[templates.length - 1] : null;
+  };
+  const getPlaceholderTemplate = (content, boundaryId) => {
+    return content.querySelector(Q_RESOLVED_SELECTOR + boundaryId + '"]');
+  };
+  const getResultParent = (scope, boundaryId) => {
+    return scope.querySelector(Q_RESULT_PARENT_SELECTOR + boundaryId + '"]');
+  };
+  const reveal = (content, fallback) => {
+    if (!content) {
+      return 0;
+    }
+    if (fallback && fallback.style) {
+      fallback.style.display = "none";
+    }
+    if (content.style) {
+      content.style.display = "contents";
+    }
+    return 1;
+  };
+  const move = (scope, boundaryId, resolved) => {
+    if (!resolved) {
+      return null;
+    }
+    const content = getResultParent(scope, boundaryId);
+    const placeholder = content ? getPlaceholderTemplate(content, boundaryId) : null;
+    const parent = placeholder ? placeholder.parentNode : null;
+    if (!placeholder || !content || !parent) {
+      return null;
+    }
+    parent.insertBefore(resolved.content, placeholder);
+    placeholder.remove();
+    resolved.remove();
+    return [content, content.previousElementSibling];
+  };
+  const flush = (group2) => {
+    const order = group2.o;
+    let entry;
+    let index;
+    let swapped = 0;
+    if (order === "p") {
+      for (const key in group2.r) {
+        entry = group2.r[key];
+        if (entry[0] && reveal(entry[0], entry[1])) {
+          entry[0] = 0;
+          swapped++;
+        }
+      }
+    } else if (order === "s") {
+      for (index = group2.n; (entry = group2.r[index]) && entry[0]; index++) {
+        if (!reveal(entry[0], entry[1])) {
+          break;
+        }
+        entry[0] = 0;
+        swapped++;
+        group2.n = index + 1;
+      }
+    } else if (order === "r") {
+      if (group2.t < 0) {
+        return 0;
+      }
+      if (group2.n < 0) {
+        group2.n = group2.t - 1;
+      }
+      for (index = group2.n; (entry = group2.r[index]) && entry[0]; index--) {
+        if (!reveal(entry[0], entry[1])) {
+          break;
+        }
+        entry[0] = 0;
+        swapped++;
+        group2.n = index - 1;
+      }
+    } else {
+      if (group2.t < 0) {
+        return 0;
+      }
+      for (index = 0; index < group2.t; index++) {
+        entry = group2.r[index];
+        if (!entry) {
+          return 0;
+        }
+      }
+      for (index = 0; index < group2.t; index++) {
+        entry = group2.r[index];
+        if (entry[0] && reveal(entry[0], entry[1])) {
+          entry[0] = 0;
+          swapped++;
+        }
+      }
+    }
+    return swapped;
+  };
+  const qO = ((boundaryId) => {
+    const scope = getScope();
+    const resolved = getResolvedTemplate(scope, boundaryId);
+    if (!resolved) {
+      return;
+    }
+    const entry = move(scope, boundaryId, resolved);
+    if (!entry) {
+      return;
+    }
+    process(boundaryId, entry[0] || null);
+    const groupId = resolved.getAttribute(Q_GROUP_ATTR);
+    if (groupId) {
+      const index = +(resolved.getAttribute(Q_INDEX_ATTR) || 0);
+      const currentGroup = group(scope, groupId, -1, resolved.getAttribute(Q_ORDER_ATTR) || "p");
+      currentGroup.r[index] = entry;
+      flush(currentGroup);
+      return;
+    }
+    reveal(entry[0] || null, entry[1]);
+  });
+  qO.g = (groupId, total, order) => {
+    const currentGroup = group(getScope(), groupId, total, order);
+    currentGroup.t = total;
+    currentGroup.o = order;
+    if (currentGroup.o === "r" && currentGroup.n === 0) {
+      currentGroup.n = total - 1;
+    }
+    flush(currentGroup);
+  };
+  qO.d = doc;
+  globalThis.qO = qO;
+};
+installOutOfOrderExecutor(document);

package/dist/out-of-order-executor.js

@@ -0,0 +1 @@
+const t='template[q\\:r="',e="q:r",n='[q\\:rp="',r="q:g",l="q:i",o="q:o",s="[q\\:container]:not([q\\:container=html]):not([q\\:container=text])",u=u=>{const i=new WeakMap,c=()=>{const t=u.currentScript;return t&&t.closest(s)||u},f=(t,e,n,r)=>{let l=i.get(t);return l||i.set(t,l={}),l[e]||(l[e]={r:{},n:0,t:n,o:r})},a=(t,e)=>t?(e&&e.style&&(e.style.display="none"),t.style&&(t.style.display="contents"),1):0,q=t=>{const e=t.o;let n,r,l=0;if("p"===e)for(const e in t.r)n=t.r[e],n[0]&&a(n[0],n[1])&&(n[0]=0,l++);else if("s"===e)for(r=t.n;(n=t.r[r])&&n[0]&&a(n[0],n[1]);r++)n[0]=0,l++,t.n=r+1;else if("r"===e){if(t.t<0)return 0;for(t.n<0&&(t.n=t.t-1),r=t.n;(n=t.r[r])&&n[0]&&a(n[0],n[1]);r--)n[0]=0,l++,t.n=r-1}else{if(t.t<0)return 0;for(r=0;r<t.t;r++)if(n=t.r[r],!n)return 0;for(r=0;r<t.t;r++)n=t.r[r],n[0]&&a(n[0],n[1])&&(n[0]=0,l++)}return l},p=s=>{const i=c(),p=((n,r)=>{const l=u.currentScript,o=l?l.previousElementSibling:null;if(o&&"template"===o.localName&&o.getAttribute(e)===r+"")return o;const s=n.querySelectorAll(t+r+'"]');return s.length?s[s.length-1]:null})(i,s);if(!p)return;const g=((e,r,l)=>{if(!l)return null;const o=((t,e)=>t.querySelector(n+e+'"]'))(e,r),s=o?((e,n)=>e.querySelector(t+n+'"]'))(o,r):null,u=s?s.parentNode:null;return s&&o&&u?(u.insertBefore(l.content,s),s.remove(),l.remove(),[o,o.previousElementSibling]):null})(i,s,p);if(!g)return;((t,e)=>{var n;const r=u;null==(n=r.qProcessOOOS)||n.call(r,t,e)})(s,g[0]||null);const m=p.getAttribute(r);if(m){const t=+(p.getAttribute(l)||0),e=f(i,m,-1,p.getAttribute(o)||"p");return e.r[t]=g,void q(e)}a(g[0]||null,g[1])};p.g=(t,e,n)=>{const r=f(c(),t,e,n);r.t=e,r.o=n,"r"===r.o&&0===r.n&&(r.n=e-1),q(r)},p.d=u,globalThis.qO=p};u(document);

package/dist/preloader.mjs

@@ -1,268 +1 @@
-import { isServer, isBrowser as isBrowser$2 } from "@qwik.dev/core/build";
-const createMacroTask = (e) => {
-  let t;
-  if (typeof MessageChannel !== "undefined") {
-    const n = new MessageChannel();
-    n.port1.onmessage = () => e();
-    t = () => n.port2.postMessage(null);
-  } else t = () => setTimeout(e);
-  return t;
-};
-const isBrowser$1 = !isServer;
-const doc = isBrowser$1 ? document : void 0;
-const config = { t: 25 };
-const rel = isBrowser$1 && doc.createElement("link").relList?.supports?.("modulepreload") ? "modulePreload" : "preload";
-performance.now();
-const isJSRegex = /\.[mc]?js$/;
-const yieldInterval = 1e3 / 60;
-const BundleImportState_None = 0;
-const BundleImportState_Queued = 1;
-const BundleImportState_Preload = 2;
-const BundleImportState_Alias = 3;
-const BundleImportState_Loaded = 4;
-const bundles = /* @__PURE__ */ new Map();
-let queueDirty;
-let preloadCount = 0;
-const queue = [];
-const nextTriggerMacroTask = createMacroTask(trigger);
-const nextAdjustmentMacroTask = createMacroTask(processPendingAdjustments);
-let isTriggerScheduled = 0;
-let isAdjustmentScheduled = 0;
-let isProcessingAdjustments = 0;
-const shouldYieldInBrowser = isBrowser$2;
-const adjustmentStack = [];
-const sortQueue = () => {
-  if (queueDirty) {
-    queue.sort((e, t) => e.o - t.o);
-    queueDirty = 0;
-  }
-};
-function trigger() {
-  isTriggerScheduled = 0;
-  if (!queue.length) return;
-  sortQueue();
-  const e = performance.now() + yieldInterval;
-  let t = 0;
-  while (queue.length) {
-    const n = queue[0];
-    const s = n.o;
-    const r = 1 - s;
-    if (r >= 0.99 || preloadCount < config.t) {
-      queue.shift();
-      preloadOne(n);
-      if (performance.now() >= e) {
-        t = 1;
-        break;
-      }
-    } else break;
-  }
-  if (t && queue.length && !isTriggerScheduled) {
-    isTriggerScheduled = 1;
-    nextTriggerMacroTask();
-  }
-}
-const enqueueAdjustment = (e, t, n) => {
-  adjustmentStack.unshift({ u: e, o: t, i: n });
-};
-const processAdjustmentFrame = () => {
-  const e = adjustmentStack[adjustmentStack.length - 1];
-  const t = e.u;
-  if (e.l) {
-    const n2 = e.m;
-    if (n2 >= e.l.length) {
-      adjustmentStack.pop();
-      return 0;
-    }
-    const s = e.l[n2];
-    e.m = n2 + 1;
-    const r = getBundle(s.p);
-    if (r.o === 0) return 1;
-    const o = 1 - t.o;
-    let a;
-    if (o === 1 || o >= 0.99) a = Math.min(0.01, 1 - s.$);
-    else {
-      const e2 = 1 - s.$ * o;
-      const t2 = s.B;
-      const n3 = e2 / t2;
-      a = Math.max(0.02, r.o * n3);
-      s.B = n3;
-    }
-    adjustmentStack.push({ u: r, o: a, i: e.i });
-    return 1;
-  }
-  if (e.i?.has(t)) {
-    adjustmentStack.pop();
-    return 0;
-  }
-  const n = t.o;
-  t.o = e.o;
-  if (n - t.o < 0.01) {
-    adjustmentStack.pop();
-    return 0;
-  }
-  if (
-    // don't queue until we have initialized the preloader
-    base != null && t.S < BundleImportState_Preload
-  ) {
-    if (t.S === BundleImportState_None) {
-      t.S = BundleImportState_Queued;
-      queue.push(t);
-    }
-    queueDirty = 1;
-  }
-  if (t.l?.length) {
-    const n2 = e.i || /* @__PURE__ */ new Set();
-    n2.add(t);
-    e.i = n2;
-    e.l = t.l;
-    e.m = 0;
-    return 0;
-  }
-  adjustmentStack.pop();
-  return 0;
-};
-function processPendingAdjustments() {
-  if (isProcessingAdjustments || !adjustmentStack.length) return;
-  isAdjustmentScheduled = 0;
-  isProcessingAdjustments = 1;
-  const e = shouldYieldInBrowser ? performance.now() + yieldInterval : 0;
-  let t = 0;
-  while (adjustmentStack.length) {
-    t = 1;
-    const n = processAdjustmentFrame();
-    if (shouldYieldInBrowser && n && performance.now() >= e) {
-      if (!isAdjustmentScheduled) {
-        isAdjustmentScheduled = 1;
-        nextAdjustmentMacroTask();
-      }
-      break;
-    }
-  }
-  isProcessingAdjustments = 0;
-  if (t && shouldYieldInBrowser) nextTriggerMacroTask();
-}
-const preloadOne = (e) => {
-  if (e.S >= BundleImportState_Preload) return;
-  preloadCount++;
-  const t = performance.now();
-  e.h = t - e.j;
-  e.S = BundleImportState_Preload;
-  const n = doc.createElement("link");
-  n.href = new URL(`${base}${e.p}`, doc.baseURI).toString();
-  n.rel = rel;
-  n.as = "script";
-  n.onload = n.onerror = () => {
-    preloadCount--;
-    const s = performance.now();
-    e.k = s - t;
-    e.S = BundleImportState_Loaded;
-    n.remove();
-    nextTriggerMacroTask();
-  };
-  doc.head.appendChild(n);
-};
-const adjustProbabilities = (e, t, n) => {
-  enqueueAdjustment(e, t, n);
-  if (shouldYieldInBrowser) nextAdjustmentMacroTask();
-  else processPendingAdjustments();
-};
-const handleBundle = (e, t) => {
-  const n = getBundle(e);
-  if (n) enqueueAdjustment(n, t);
-};
-const preload = (e, t) => {
-  if (!e?.length) return;
-  const n = t ? 1 - t : 0.4;
-  if (Array.isArray(e)) for (let t2 = e.length - 1; t2 >= 0; t2--) {
-    const s = e[t2];
-    handleBundle(s, n);
-  }
-  else handleBundle(e, n);
-  if (shouldYieldInBrowser) nextAdjustmentMacroTask();
-  else processPendingAdjustments();
-};
-if (isBrowser$2) document.addEventListener("qsymbol", (e) => {
-  const { symbol: t, href: n } = e.detail;
-  if (n) {
-    const e2 = t.slice(t.lastIndexOf("_") + 1);
-    preload(e2, 1);
-  }
-});
-let base;
-let graph;
-const isBrowser = !isServer;
-const makeBundle = (e, t) => ({ p: e, S: isJSRegex.test(e) ? BundleImportState_None : BundleImportState_Alias, l: t, o: 1, j: performance.now(), h: 0, k: 0 });
-const parseBundleGraph = (e) => {
-  const t = /* @__PURE__ */ new Map();
-  let n = 0;
-  while (n < e.length) {
-    const s = e[n++];
-    const r = [];
-    let o;
-    let a = 1;
-    while (o = e[n], typeof o === "number") {
-      if (o < 0) a = -o / 10;
-      else r.push({ p: e[o], $: a, B: 1 });
-      n++;
-    }
-    t.set(s, r);
-  }
-  return t;
-};
-const getBundle = (e) => {
-  let t = bundles.get(e);
-  if (!t) {
-    let n;
-    if (graph) {
-      n = graph.get(e);
-      if (!n) return;
-      if (!n.length) n = void 0;
-    }
-    t = makeBundle(e, n);
-    bundles.set(e, t);
-  }
-  return t;
-};
-const loadBundleGraph = (e, t, n) => {
-  if (n) {
-    if ("P" in n) config.t = n["P"];
-  }
-  if (!isBrowser || e == null) return;
-  base = e;
-  if (t) t.then((e2) => e2.text()).then((e2) => {
-    graph = parseBundleGraph(JSON.parse(e2));
-    const t2 = [];
-    for (const [e3, n3] of graph.entries()) {
-      const s2 = getBundle(e3);
-      s2.l = n3;
-      if (s2.o < 1) {
-        t2.push([s2, s2.o]);
-        s2.o = 1;
-      }
-    }
-    if (!t2.length) {
-      nextTriggerMacroTask();
-      return;
-    }
-    let n2 = 0;
-    const s = createMacroTask(() => {
-      const e3 = performance.now() + yieldInterval;
-      while (n2 < t2.length) {
-        const [r, o] = t2[n2];
-        n2++;
-        adjustProbabilities(r, o);
-        if (n2 < t2.length && performance.now() >= e3) {
-          s();
-          return;
-        }
-      }
-      nextTriggerMacroTask();
-    });
-    s();
-  }).catch(console.warn);
-};
-export {
-  parseBundleGraph as g,
-  loadBundleGraph as l,
-  preload as p
-};
+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};

package/dist/qwikloader.debug.js

@@ -7,6 +7,8 @@ const passiveDocumentPrefix = "dp";
 const elementPrefix = "e";
 const passiveElementPrefix = "ep";
 const capturePrefix = "capture:";
+const readyStateChange = "readystatechange";
+const containerReady = "qready";
 const events = /* @__PURE__ */ new Set();
 const roots = /* @__PURE__ */ new Set([doc]);
 const symbols = /* @__PURE__ */ new Map();
@@ -56,6 +58,19 @@ const resolveContainer = (containerEl) => {
     }
   }
 };
+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);
+        resolve();
+      }
+    };
+    addEventListener(doc, readyStateChange, resolve);
+    addEventListener(doc, containerReady, ready);
+  });
+};
 const createEvent = (eventName, detail) => new CustomEvent(eventName, { detail });
 const emitEvent = (eventName, detail) => {
   doc.dispatchEvent(createEvent(eventName, detail));
@@ -74,17 +89,16 @@ const isPassiveScope = (scope) => scope.length === 2;
 const getRootScope = (scope) => scope.charAt(0);
 const isElementNode = (node) => !!node && node.nodeType === 1;
 const isCaptureHandlerElement = (element, scopedKebabName, captureAttribute) => element.hasAttribute(captureAttribute) && (!!element._qDispatch?.[scopedKebabName] || element.hasAttribute("q-" + scopedKebabName));
-const resolveHandler = (container, element, qBase, base, chunk, symbol, reqTime) => {
+const resolveHandler = (container, element, qBase, base, chunk, symbol, reqTime, reportSyncError = true) => {
   const eventData = {
     qBase,
     symbol,
     element,
     reqTime
   };
-  if (chunk === "") {
-    const hash = container.getAttribute("q:instance");
-    const handler2 = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];
-    if (!handler2) {
+  if (!chunk) {
+    const handler2 = (doc["qFuncs_" + container.getAttribute("q:instance")] || [])[+symbol];
+    if (!handler2 && reportSyncError) {
       const error = new Error("sym:" + symbol);
       emitEvent("qerror", {
         importError: "sync",
@@ -194,26 +208,18 @@ const dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDe
     const qBase = container.getAttribute("q:base");
     const base = new URL(qBase, doc.baseURI);
     const qrls = attrValue.split("|");
+    const waitForReady = waitForContainerReady(container);
     for (let i = 0; i < qrls.length; i++) {
       const qrl = qrls[i];
       const reqTime = performance.now();
       const [chunk, symbol, capturedIds] = qrl.split("#");
       const run = (handler2) => {
         if (handler2 && element.isConnected) {
-          try {
-            const result = handler2.call(capturedIds, ev, element);
-            if (isPromise(result)) {
-              return result.catch((error) => {
-                emitEvent("qerror", {
-                  error,
-                  qBase,
-                  symbol,
-                  element,
-                  reqTime
-                });
-              });
+          const onError = (error) => {
+            const retry = waitForContainerReady(container);
+            if (retry) {
+              return retry.then(() => run(handler2));
             }
-          } catch (error) {
             emitEvent("qerror", {
               error,
               qBase,
@@ -221,14 +227,31 @@ const dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDe
               element,
               reqTime
             });
+          };
+          try {
+            const result = handler2.call(capturedIds, ev, element);
+            if (isPromise(result)) {
+              return result.catch(onError);
+            }
+          } catch (error) {
+            return onError(error);
           }
         }
       };
-      const handler = resolveHandler(container, element, qBase, base, chunk, symbol, reqTime);
-      if (defer || isPromise(handler)) {
+      const resolve = (reportSyncError = true) => resolveHandler(container, element, qBase, base, chunk, symbol, reqTime, reportSyncError);
+      const handler = waitForReady && !chunk ? resolve(false) : resolve();
+      if (isPromise(handler)) {
+        defer = true;
+        tasks.push(() => handler.then(run));
+      } else if (defer || waitForReady && !chunk && !handler) {
         defer = true;
         tasks.push(async () => {
-          await run(isPromise(handler) ? await handler : handler);
+          let retryHandler = handler;
+          if (!retryHandler && waitForReady) {
+            await waitForReady;
+            retryHandler = resolve(false);
+          }
+          await run(retryHandler || await resolve());
         });
       } else {
         const result = run(handler);
@@ -260,8 +283,7 @@ const processElementEvent = (ev, scope = elementPrefix, allowPreventDefault = tr
   for (let i = elements.length - 1; i >= 0; i--) {
     if (captureHandlers[i]) {
       dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);
-      const continuePropagation = !ev.cancelBubble;
-      if (!continuePropagation || ev.cancelBubble) {
+      if (ev.cancelBubble) {
         queueTasks(tasks);
         return;
       }
@@ -270,8 +292,7 @@ const processElementEvent = (ev, scope = elementPrefix, allowPreventDefault = tr
   for (let i = 0; i < elements.length; i++) {
     if (!captureHandlers[i]) {
       dispatch(elements[i], ev, scopedKebabName, tasks, kebabName, allowPreventDefault);
-      const doBubble = ev.bubbles && !ev.cancelBubble;
-      if (!doBubble || ev.cancelBubble) {
+      if (!ev.bubbles || ev.cancelBubble) {
         queueTasks(tasks);
         return;
       }
@@ -426,6 +447,6 @@ if (!_qwikEv?.roots) {
     roots,
     push: addEventOrRoot
   };
-  addEventListener(doc, "readystatechange", processReadyStateChange);
+  addEventListener(doc, readyStateChange, processReadyStateChange);
   processReadyStateChange();
 }

package/dist/qwikloader.js

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

package/dist/server-modules.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="./server" />
 declare module '@qwik-client-manifest' {
+  /** @deprecated Use `getClientManifest()` instead */
   const manifest: import('./optimizer').QwikManifest;
   export { manifest };
 }

package/dist/server.d.ts

@@ -98,6 +98,9 @@ declare interface JSXNode<T extends string | FunctionComponent | unknown = unkno
  */
 declare type JSXOutput = JSXNode | string | number | boolean | null | undefined | JSXOutput[];
 
+/** @public */
+export declare type OutOfOrderStreaming = boolean;
+
 /** @public */
 export declare interface PrefetchResource {
     url: string;
@@ -289,6 +292,7 @@ declare interface Signal<T = any> {
 /** @public */
 export declare interface StreamingOptions {
     inOrder?: InOrderStreaming;
+    outOfOrder?: OutOfOrderStreaming;
 }
 
 /** @public */