@qwik.dev/core 2.0.0-beta.31 → 2.0.0-beta.32

package/dist/loader/index.mjs

@@ -1,3 +1,3 @@
-const QWIK_LOADER = "const e=document,t=window,n=\"w\",o=\"d\",r=new Set,s=new Set([e]),i=new Map;let a,c;const l=(e,t)=>Array.from(e.querySelectorAll(t)),q=e=>{const t=[];return s.forEach(n=>t.push(...l(n,e))),t},d=(e,t,n,o=!1)=>e.addEventListener(t,n,{capture:o,passive:!1}),b=e=>{_(e);const t=l(e,\"[q\\\\:shadowroot]\");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&b(n)}},f=e=>e&&\"function\"==typeof e.then,p=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}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,n)=>{e.dispatchEvent(u(t,n))},g=e=>e.replace(/([A-Z-])/g,e=>\"-\"+e.toLowerCase()),m=e=>e.replace(/-./g,e=>e[1].toUpperCase()),v=e=>({scope:e.charAt(0),eventName:m(e.slice(2))}),w=async(t,n,o,r)=>{r&&(t.hasAttribute(\"preventdefault:\"+r)&&n.preventDefault(),t.hasAttribute(\"stoppropagation:\"+r)&&n.stopPropagation());const s=t._qDispatch?.[o];if(s){if(\"function\"==typeof s){const e=s(n,t);f(e)&&await e}else if(s.length)for(let e=0;e<s.length;e++){const o=s[e],r=o?.(n,t);f(r)&&await r}return}const a=t.getAttribute(\"q-\"+o);if(a){const o=t.closest(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\"),r=o.getAttribute(\"q:base\"),s=new URL(r,e.baseURI),c=a.split(\"|\");for(let a=0;a<c.length;a++){const l=c[a],q=performance.now(),[d,b,u]=l.split(\"#\"),g={qBase:r,symbol:b,element:t,reqTime:q};let m,v,w;if(\"\"===d){const t=o.getAttribute(\"q:instance\");m=(e[\"qFuncs_\"+t]||[])[Number.parseInt(b)],m||(v=\"sync\",w=Error(\"sym:\"+b))}else{const e=`${b}|${r}|${d}`;if(m=i.get(e),!m){const t=new URL(d,s).href;try{const n=import(t);p(o),m=(await n)[b],m?(i.set(e,m),h(\"qsymbol\",g)):(v=\"no-symbol\",w=Error(`${b} not in ${t}`))}catch(e){v=\"async\",w=e}}}if(m){if(t.isConnected)try{const e=m.call(u,n,t);f(e)&&await e}catch(e){h(\"qerror\",{error:e,...g})}}else h(\"qerror\",{importError:v,error:w,...g}),console.error(w)}}},y=async e=>{const t=g(e.type),n=\"e:\"+t;let o=e.target;for(;o&&o.getAttribute;){const r=w(o,e,n,t),s=e.bubbles&&!e.cancelBubble;f(r)&&await r,o=s&&e.bubbles&&!e.cancelBubble?o.parentElement:null}},A=(e,t)=>{const n=g(t.type),o=e+\":\"+n,r=q(\"[q-\"+e+\"\\\\:\"+n+\"]\");for(let e=0;e<r.length;e++){const s=r[e];w(s,t,o,n)}},E=async e=>{A(o,e)},C=e=>{A(n,e)},k=()=>{const n=e.readyState;if(\"interactive\"==n||\"complete\"==n){if(c=1,s.forEach(b),r.has(\"d:qinit\")){r.delete(\"d:qinit\");const e=u(\"qinit\"),t=q(\"[q-d\\\\:qinit]\");for(let n=0;n<t.length;n++){const o=t[n];w(o,e,\"d:qinit\"),o.removeAttribute(\"q-d:qinit\")}}if(r.has(\"d:qidle\")&&(r.delete(\"d:qidle\"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u(\"qidle\"),t=q(\"[q-d\\\\:qidle]\");for(let n=0;n<t.length;n++){const o=t[n];w(o,e,\"d:qidle\"),o.removeAttribute(\"q-d:qidle\")}})),r.has(\"e:qvisible\")){a||(a=new IntersectionObserver(e=>{for(let t=0;t<e.length;t++){const n=e[t];n.isIntersecting&&(a.unobserve(n.target),w(n.target,u(\"qvisible\",n),\"e:qvisible\"))}}));const e=q(\"[q-e\\\\:qvisible]:not([q\\\\:observed])\");for(let t=0;t<e.length;t++){const n=e[t];a.observe(n),n.setAttribute(\"q:observed\",\"true\")}}}},_=(...e)=>{for(let i=0;i<e.length;i++){const a=e[i];if(\"string\"==typeof a){if(!r.has(a)){r.add(a);const{scope:e,eventName:i}=v(a);e===n?d(t,i,C,!0):s.forEach(t=>d(t,i,e===o?E:y,!0)),1!==c||\"e:qvisible\"!==a&&\"d:qinit\"!==a&&\"d:qidle\"!==a||k()}}else s.has(a)||(r.forEach(e=>{const{scope:t,eventName:r}=v(e);t!==n&&d(a,r,t===o?E:y,!0)}),s.add(a))}},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_(\"e:click\",\"e:input\"),t._qwikEv={events:r,roots:s,push:_},d(e,\"readystatechange\",k),k())";
-const QWIK_LOADER_DEBUG = "const doc = document;\nconst win = window;\nconst windowPrefix = \"w\";\nconst documentPrefix = \"d\";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });\nconst findShadowRoots = (fragment) => {\n  addEventOrRoot(fragment);\n  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 resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === \"SCRIPT\" && script.getAttribute(\"type\") === \"qwik/json\") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, \"<$1\")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, { detail });\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => \"-\" + a.toLowerCase());\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst parseKebabEvent = (event) => ({\n  scope: event.charAt(0),\n  eventName: kebabToCamel(event.slice(2))\n});\nconst dispatch = async (element, ev, scopedKebabName, kebabName) => {\n  if (kebabName) {\n    if (element.hasAttribute(\"preventdefault:\" + kebabName)) {\n      ev.preventDefault();\n    }\n    if (element.hasAttribute(\"stoppropagation:\" + kebabName)) {\n      ev.stopPropagation();\n    }\n  }\n  const handlers = element._qDispatch?.[scopedKebabName];\n  if (handlers) {\n    if (typeof handlers === \"function\") {\n      const result = handlers(ev, element);\n      if (isPromise(result)) {\n        await result;\n      }\n    } else if (handlers.length) {\n      for (let i = 0; i < handlers.length; i++) {\n        const handler = handlers[i];\n        const result = handler?.(ev, element);\n        if (isPromise(result)) {\n          await result;\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    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 eventData = {\n        qBase,\n        symbol,\n        element,\n        reqTime\n      };\n      let handler;\n      let importError;\n      let error;\n      if (chunk === \"\") {\n        const hash = container.getAttribute(\"q:instance\");\n        handler = (doc[\"qFuncs_\" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = \"sync\";\n          error = new Error(\"sym:\" + symbol);\n        }\n      } else {\n        const key = `${symbol}|${qBase}|${chunk}`;\n        handler = symbols.get(key);\n        if (!handler) {\n          const href = new URL(chunk, base).href;\n          try {\n            const module = import(\n                            href\n            );\n            resolveContainer(container);\n            handler = (await module)[symbol];\n            if (!handler) {\n              importError = \"no-symbol\";\n              error = new Error(`${symbol} not in ${href}`);\n            } else {\n              symbols.set(key, handler);\n              emitEvent(\"qsymbol\", eventData);\n            }\n          } catch (err) {\n            importError = \"async\";\n            error = err;\n          }\n        }\n      }\n      if (!handler) {\n        emitEvent(\"qerror\", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        continue;\n      }\n      if (element.isConnected) {\n        try {\n          const result = handler.call(capturedIds, ev, element);\n          if (isPromise(result)) {\n            await result;\n          }\n        } catch (error2) {\n          emitEvent(\"qerror\", { error: error2, ...eventData });\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = async (ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = \"e:\" + kebabName;\n  let element = ev.target;\n  while (element && element.getAttribute) {\n    const results = dispatch(element, ev, scopedKebabName, kebabName);\n    const doBubble = ev.bubbles && !ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;\n  }\n};\nconst broadcast = (infix, ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = infix + \":\" + kebabName;\n  const elements = querySelectorAll(\"[q-\" + infix + \"\\\\:\" + kebabName + \"]\");\n  for (let i = 0; i < elements.length; i++) {\n    const el = elements[i];\n    dispatch(el, ev, scopedKebabName, kebabName);\n  }\n};\nconst processDocumentEvent = async (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processReadyStateChange = () => {\n  const readyState = doc.readyState;\n  if (readyState == \"interactive\" || readyState == \"complete\") {\n    hasInitialized = 1;\n    roots.forEach(findShadowRoots);\n    if (events.has(\"d:qinit\")) {\n      events.delete(\"d:qinit\");\n      const ev = createEvent(\"qinit\");\n      const elements = querySelectorAll(\"[q-d\\\\:qinit]\");\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        dispatch(el, ev, \"d:qinit\");\n        el.removeAttribute(\"q-d:qinit\");\n      }\n    }\n    if (events.has(\"d:qidle\")) {\n      events.delete(\"d:qidle\");\n      const riC = win.requestIdleCallback ?? win.setTimeout;\n      riC.bind(win)(() => {\n        const ev = createEvent(\"qidle\");\n        const elements = querySelectorAll(\"[q-d\\\\:qidle]\");\n        for (let i = 0; i < elements.length; i++) {\n          const el = elements[i];\n          dispatch(el, ev, \"d:qidle\");\n          el.removeAttribute(\"q-d:qidle\");\n        }\n      });\n    }\n    if (events.has(\"e:qvisible\")) {\n      observer || (observer = new IntersectionObserver((entries) => {\n        for (let i = 0; i < entries.length; i++) {\n          const entry = entries[i];\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, createEvent(\"qvisible\", entry), \"e:qvisible\");\n          }\n        }\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        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            )\n          );\n        }\n        if (hasInitialized === 1 && (eventNameOrRoot === \"e:qvisible\" || eventNameOrRoot === \"d:qinit\" || eventNameOrRoot === \"d:qidle\")) {\n          processReadyStateChange();\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrRoot)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = parseKebabEvent(kebabEventName);\n          if (scope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            );\n          }\n        });\n        roots.add(eventNameOrRoot);\n      }\n    }\n  }\n};\nconst _qwikEv = win._qwikEv;\nif (!_qwikEv?.roots) {\n  if (Array.isArray(_qwikEv)) {\n    addEventOrRoot(..._qwikEv);\n  } else {\n    addEventOrRoot(\"e:click\", \"e:input\");\n  }\n  win._qwikEv = {\n    events,\n    roots,\n    push: addEventOrRoot\n  };\n  addEventListener(doc, \"readystatechange\", processReadyStateChange);\n  processReadyStateChange();\n}";
+const QWIK_LOADER = "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 QWIK_LOADER_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 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 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) => {\n  const eventData = {\n    qBase,\n    symbol,\n    element,\n    reqTime\n  };\n  if (chunk === \"\") {\n    const hash = container.getAttribute(\"q:instance\");\n    const handler2 = (doc[\"qFuncs_\" + hash] || [])[Number.parseInt(symbol)];\n    if (!handler2) {\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    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          try {\n            const result = handler2.call(capturedIds, ev, element);\n            if (isPromise(result)) {\n              return result.catch((error) => {\n                emitEvent(\"qerror\", {\n                  error,\n                  qBase,\n                  symbol,\n                  element,\n                  reqTime\n                });\n              });\n            }\n          } catch (error) {\n            emitEvent(\"qerror\", {\n              error,\n              qBase,\n              symbol,\n              element,\n              reqTime\n            });\n          }\n        }\n      };\n      const handler = resolveHandler(container, element, qBase, base, chunk, symbol, reqTime);\n      if (defer || isPromise(handler)) {\n        defer = true;\n        tasks.push(async () => {\n          await run(isPromise(handler) ? await handler : handler);\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      const continuePropagation = !ev.cancelBubble;\n      if (!continuePropagation || 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      const doBubble = ev.bubbles && !ev.cancelBubble;\n      if (!doBubble || 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}";
 export { QWIK_LOADER, QWIK_LOADER_DEBUG };

package/dist/loader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/loader",
-  "version": "2.0.0-beta.31-dev+906321a",
+  "version": "2.0.0-beta.32-dev+0e29f8a",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/optimizer.mjs

@@ -1432,13 +1432,13 @@ Please ensure "src/entry.preview.tsx" has been built before the "preview" comman
     );
   try {
     const f = u.pathToFileURL(c).href, t = await i.strictDynamicImport(f);
-    let g = null, m = null;
-    if (t.default && (typeof t.default == "function" ? g = t.default : typeof t.default == "object" && (g = t.default.router, m = t.default.notFound)), typeof g != "function")
+    let g = null;
+    if (t.default && (typeof t.default == "function" ? g = t.default : typeof t.default == "object" && (g = t.default.router)), typeof g != "function")
       return We(
         e,
         `Entry preview module "${c}" does not export a default middleware function`
       );
-    e.use(g), typeof m == "function" && e.use(m);
+    e.use(g);
   } catch (f) {
     return We(e, String(f));
   }
@@ -2614,7 +2614,7 @@ function Rr(e = {}) {
       const S = e?.devTools?.hmr ?? !0;
       if (this.environment.name === "ssr" && b.modules.length)
         if (S) {
-          const x = /* @__PURE__ */ new Set(), U = (_) => /\.[mc]?[jt]sx?$/.test(_.split("?")[0]);
+          const x = /* @__PURE__ */ new Set(), U = (_) => /\.([mc]?[jt]sx?|mdx?)$/.test(_.split("?")[0]);
           for (const _ of b.modules) {
             const P = _.url.split("?")[0];
             if (_.type === "js" && U(_.url))

package/dist/qwikloader.debug.js

@@ -1,19 +1,25 @@
 const doc = document;
 const win = window;
 const windowPrefix = "w";
+const passiveWindowPrefix = "wp";
 const documentPrefix = "d";
+const passiveDocumentPrefix = "dp";
+const elementPrefix = "e";
+const passiveElementPrefix = "ep";
+const capturePrefix = "capture:";
 const events = /* @__PURE__ */ new Set();
 const roots = /* @__PURE__ */ new Set([doc]);
 const symbols = /* @__PURE__ */ new Map();
 let observer;
 let hasInitialized;
+let queuedTasks;
 const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));
 const querySelectorAll = (query) => {
   const elements = [];
   roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));
   return elements;
 };
-const addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });
+const addEventListener = (el, eventName, handler, capture = false, passive = false) => el.addEventListener(eventName, handler, { capture, passive });
 const findShadowRoots = (fragment) => {
   addEventOrRoot(fragment);
   const shadowRoots = nativeQuerySelectorAll(fragment, "[q\\:shadowroot]");
@@ -24,6 +30,17 @@ const findShadowRoots = (fragment) => {
   }
 };
 const isPromise = (promise) => promise && typeof promise.then === "function";
+const runTasks = async (tasks) => {
+  for (let i = 0; i < tasks.length; i++) {
+    await tasks[i]();
+  }
+};
+const queueTasks = (tasks) => {
+  if (tasks.length) {
+    const run = () => runTasks(tasks);
+    queuedTasks = queuedTasks ? queuedTasks.then(run, run) : run();
+  }
+};
 const resolveContainer = (containerEl) => {
   if (containerEl._qwikjson_ === void 0) {
     const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;
@@ -45,13 +62,82 @@ const emitEvent = (eventName, detail) => {
 };
 const camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());
 const kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());
-const parseKebabEvent = (event) => ({
-  scope: event.charAt(0),
-  eventName: kebabToCamel(event.slice(2))
-});
-const dispatch = async (element, ev, scopedKebabName, kebabName) => {
+const parseKebabEvent = (event) => {
+  const separatorIndex = event.indexOf(":");
+  const scope = event.slice(0, separatorIndex);
+  return {
+    scope,
+    eventName: kebabToCamel(event.slice(separatorIndex + 1))
+  };
+};
+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 eventData = {
+    qBase,
+    symbol,
+    element,
+    reqTime
+  };
+  if (chunk === "") {
+    const hash = container.getAttribute("q:instance");
+    const handler2 = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];
+    if (!handler2) {
+      const error = new Error("sym:" + symbol);
+      emitEvent("qerror", {
+        importError: "sync",
+        error,
+        ...eventData
+      });
+      console.error(error);
+    }
+    return handler2;
+  }
+  const key = `${symbol}|${qBase}|${chunk}`;
+  const handler = symbols.get(key);
+  if (handler) {
+    return handler;
+  }
+  const href = new URL(chunk, base).href;
+  const module = import(
+    /* @vite-ignore */
+    href
+  );
+  resolveContainer(container);
+  return module.then(
+    (module2) => {
+      const handler2 = module2[symbol];
+      if (!handler2) {
+        const error = new Error(`${symbol} not in ${href}`);
+        emitEvent("qerror", {
+          importError: "no-symbol",
+          error,
+          ...eventData
+        });
+        console.error(error);
+      } else {
+        symbols.set(key, handler2);
+        emitEvent("qsymbol", eventData);
+      }
+      return handler2;
+    },
+    (error) => {
+      emitEvent("qerror", {
+        importError: "async",
+        error,
+        ...eventData
+      });
+      console.error(error);
+      return void 0;
+    }
+  );
+};
+const dispatch = (element, ev, scopedKebabName, tasks, kebabName, allowPreventDefault = true) => {
+  let defer = false;
   if (kebabName) {
-    if (element.hasAttribute("preventdefault:" + kebabName)) {
+    if (allowPreventDefault && element.hasAttribute("preventdefault:" + kebabName)) {
       ev.preventDefault();
     }
     if (element.hasAttribute("stoppropagation:" + kebabName)) {
@@ -61,16 +147,40 @@ const dispatch = async (element, ev, scopedKebabName, kebabName) => {
   const handlers = element._qDispatch?.[scopedKebabName];
   if (handlers) {
     if (typeof handlers === "function") {
-      const result = handlers(ev, element);
-      if (isPromise(result)) {
-        await result;
+      const run = () => handlers(ev, element);
+      if (defer) {
+        tasks.push(async () => {
+          const result = run();
+          if (isPromise(result)) {
+            await result;
+          }
+        });
+      } else {
+        const result = run();
+        if (isPromise(result)) {
+          defer = true;
+          tasks.push(() => result);
+        }
       }
     } else if (handlers.length) {
       for (let i = 0; i < handlers.length; i++) {
         const handler = handlers[i];
-        const result = handler?.(ev, element);
-        if (isPromise(result)) {
-          await result;
+        if (handler) {
+          const run = () => handler(ev, element);
+          if (defer) {
+            tasks.push(async () => {
+              const result = run();
+              if (isPromise(result)) {
+                await result;
+              }
+            });
+          } else {
+            const result = run();
+            if (isPromise(result)) {
+              defer = true;
+              tasks.push(() => result);
+            }
+          }
         }
       }
     }
@@ -88,97 +198,111 @@ const dispatch = async (element, ev, scopedKebabName, kebabName) => {
       const qrl = qrls[i];
       const reqTime = performance.now();
       const [chunk, symbol, capturedIds] = qrl.split("#");
-      const eventData = {
-        qBase,
-        symbol,
-        element,
-        reqTime
-      };
-      let handler;
-      let importError;
-      let error;
-      if (chunk === "") {
-        const hash = container.getAttribute("q:instance");
-        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];
-        if (!handler) {
-          importError = "sync";
-          error = new Error("sym:" + symbol);
-        }
-      } else {
-        const key = `${symbol}|${qBase}|${chunk}`;
-        handler = symbols.get(key);
-        if (!handler) {
-          const href = new URL(chunk, base).href;
+      const run = (handler2) => {
+        if (handler2 && element.isConnected) {
           try {
-            const module = import(
-              /* @vite-ignore */
-              href
-            );
-            resolveContainer(container);
-            handler = (await module)[symbol];
-            if (!handler) {
-              importError = "no-symbol";
-              error = new Error(`${symbol} not in ${href}`);
-            } else {
-              symbols.set(key, handler);
-              emitEvent("qsymbol", eventData);
+            const result = handler2.call(capturedIds, ev, element);
+            if (isPromise(result)) {
+              return result.catch((error) => {
+                emitEvent("qerror", {
+                  error,
+                  qBase,
+                  symbol,
+                  element,
+                  reqTime
+                });
+              });
             }
-          } catch (err) {
-            importError = "async";
-            error = err;
+          } catch (error) {
+            emitEvent("qerror", {
+              error,
+              qBase,
+              symbol,
+              element,
+              reqTime
+            });
           }
         }
-      }
-      if (!handler) {
-        emitEvent("qerror", {
-          importError,
-          error,
-          ...eventData
+      };
+      const handler = resolveHandler(container, element, qBase, base, chunk, symbol, reqTime);
+      if (defer || isPromise(handler)) {
+        defer = true;
+        tasks.push(async () => {
+          await run(isPromise(handler) ? await handler : handler);
         });
-        console.error(error);
-        continue;
-      }
-      if (element.isConnected) {
-        try {
-          const result = handler.call(capturedIds, ev, element);
-          if (isPromise(result)) {
-            await result;
-          }
-        } catch (error2) {
-          emitEvent("qerror", { error: error2, ...eventData });
+      } else {
+        const result = run(handler);
+        if (isPromise(result)) {
+          defer = true;
+          tasks.push(() => result);
         }
       }
     }
   }
 };
-const processElementEvent = async (ev) => {
+const processElementEvent = (ev, scope = elementPrefix, allowPreventDefault = true) => {
   const kebabName = camelToKebab(ev.type);
-  const scopedKebabName = "e:" + kebabName;
-  let element = ev.target;
-  while (element && element.getAttribute) {
-    const results = dispatch(element, ev, scopedKebabName, kebabName);
-    const doBubble = ev.bubbles && !ev.cancelBubble;
-    if (isPromise(results)) {
-      await results;
+  const scopedKebabName = scope + ":" + kebabName;
+  const captureAttribute = capturePrefix + kebabName;
+  const elements = [];
+  const captureHandlers = [];
+  const tasks = [];
+  let current = ev.target;
+  while (current) {
+    if (isElementNode(current)) {
+      elements.push(current);
+      captureHandlers.push(isCaptureHandlerElement(current, scopedKebabName, captureAttribute));
+      current = current.parentElement;
+    } else {
+      current = current.parentElement;
     }
-    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;
   }
+  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) {
+        queueTasks(tasks);
+        return;
+      }
+    }
+  }
+  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) {
+        queueTasks(tasks);
+        return;
+      }
+    }
+  }
+  queueTasks(tasks);
 };
-const broadcast = (infix, ev) => {
+const processPassiveElementEvent = (ev) => processElementEvent(ev, passiveElementPrefix, false);
+const broadcast = (scope, ev, allowPreventDefault = true) => {
   const kebabName = camelToKebab(ev.type);
-  const scopedKebabName = infix + ":" + kebabName;
-  const elements = querySelectorAll("[q-" + infix + "\\:" + kebabName + "]");
+  const scopedKebabName = scope + ":" + kebabName;
+  const elements = querySelectorAll("[q-" + scope + "\\:" + kebabName + "]");
+  const tasks = [];
   for (let i = 0; i < elements.length; i++) {
     const el = elements[i];
-    dispatch(el, ev, scopedKebabName, kebabName);
+    dispatch(el, ev, scopedKebabName, tasks, kebabName, allowPreventDefault);
   }
+  queueTasks(tasks);
 };
-const processDocumentEvent = async (ev) => {
+const processDocumentEvent = (ev) => {
   broadcast(documentPrefix, ev);
 };
+const processPassiveDocumentEvent = (ev) => {
+  broadcast(passiveDocumentPrefix, ev, false);
+};
 const processWindowEvent = (ev) => {
   broadcast(windowPrefix, ev);
 };
+const processPassiveWindowEvent = (ev) => {
+  broadcast(passiveWindowPrefix, ev, false);
+};
 const processReadyStateChange = () => {
   const readyState = doc.readyState;
   if (readyState == "interactive" || readyState == "complete") {
@@ -188,11 +312,13 @@ const processReadyStateChange = () => {
       events.delete("d:qinit");
       const ev = createEvent("qinit");
       const elements = querySelectorAll("[q-d\\:qinit]");
+      const tasks = [];
       for (let i = 0; i < elements.length; i++) {
         const el = elements[i];
-        dispatch(el, ev, "d:qinit");
+        dispatch(el, ev, "d:qinit", tasks);
         el.removeAttribute("q-d:qinit");
       }
+      queueTasks(tasks);
     }
     if (events.has("d:qidle")) {
       events.delete("d:qidle");
@@ -200,22 +326,31 @@ const processReadyStateChange = () => {
       riC.bind(win)(() => {
         const ev = createEvent("qidle");
         const elements = querySelectorAll("[q-d\\:qidle]");
+        const tasks = [];
         for (let i = 0; i < elements.length; i++) {
           const el = elements[i];
-          dispatch(el, ev, "d:qidle");
+          dispatch(el, ev, "d:qidle", tasks);
           el.removeAttribute("q-d:qidle");
         }
+        queueTasks(tasks);
       });
     }
     if (events.has("e:qvisible")) {
       observer || (observer = new IntersectionObserver((entries) => {
+        const tasks = [];
         for (let i = 0; i < entries.length; i++) {
           const entry = entries[i];
           if (entry.isIntersecting) {
             observer.unobserve(entry.target);
-            dispatch(entry.target, createEvent("qvisible", entry), "e:qvisible");
+            dispatch(
+              entry.target,
+              createEvent("qvisible", entry),
+              "e:qvisible",
+              tasks
+            );
           }
         }
+        queueTasks(tasks);
       }));
       const elements = querySelectorAll("[q-e\\:qvisible]:not([q\\:observed])");
       for (let i = 0; i < elements.length; i++) {
@@ -233,15 +368,24 @@ const addEventOrRoot = (...eventNames) => {
       if (!events.has(eventNameOrRoot)) {
         events.add(eventNameOrRoot);
         const { scope, eventName } = parseKebabEvent(eventNameOrRoot);
-        if (scope === windowPrefix) {
-          addEventListener(win, eventName, processWindowEvent, true);
+        const passive = isPassiveScope(scope);
+        const rootScope = getRootScope(scope);
+        if (rootScope === windowPrefix) {
+          addEventListener(
+            win,
+            eventName,
+            passive ? processPassiveWindowEvent : processWindowEvent,
+            true,
+            passive
+          );
         } else {
           roots.forEach(
             (root) => addEventListener(
               root,
               eventName,
-              scope === documentPrefix ? processDocumentEvent : processElementEvent,
-              true
+              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,
+              true,
+              passive
             )
           );
         }
@@ -253,12 +397,15 @@ const addEventOrRoot = (...eventNames) => {
       if (!roots.has(eventNameOrRoot)) {
         events.forEach((kebabEventName) => {
           const { scope, eventName } = parseKebabEvent(kebabEventName);
-          if (scope !== windowPrefix) {
+          const passive = isPassiveScope(scope);
+          const rootScope = getRootScope(scope);
+          if (rootScope !== windowPrefix) {
             addEventListener(
               eventNameOrRoot,
               eventName,
-              scope === documentPrefix ? processDocumentEvent : processElementEvent,
-              true
+              rootScope === documentPrefix ? passive ? processPassiveDocumentEvent : processDocumentEvent : passive ? processPassiveElementEvent : processElementEvent,
+              true,
+              passive
             );
           }
         });

package/dist/qwikloader.js

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