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

package/dist/qwikloader.debug.js

@@ -1,27 +1,46 @@
 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);
-  nativeQuerySelectorAll(fragment, "[q\\:shadowroot]").forEach((parent) => {
+  const shadowRoots = nativeQuerySelectorAll(fragment, "[q\\:shadowroot]");
+  for (let i = 0; i < shadowRoots.length; i++) {
+    const parent = shadowRoots[i];
     const shadowRoot = parent.shadowRoot;
     shadowRoot && findShadowRoots(shadowRoot);
-  });
+  }
 };
 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;
@@ -43,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)) {
@@ -59,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);
+            }
+          }
         }
       }
     }
@@ -81,98 +193,116 @@ const dispatch = async (element, ev, scopedKebabName, kebabName) => {
     );
     const qBase = container.getAttribute("q:base");
     const base = new URL(qBase, doc.baseURI);
-    for (const qrl of attrValue.split("|")) {
+    const qrls = attrValue.split("|");
+    for (let i = 0; i < qrls.length; i++) {
+      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;
-  querySelectorAll("[q-" + infix + "\\:" + kebabName + "]").forEach(
-    (el) => dispatch(el, ev, scopedKebabName, 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, 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") {
@@ -181,35 +311,53 @@ const processReadyStateChange = () => {
     if (events.has("d:qinit")) {
       events.delete("d:qinit");
       const ev = createEvent("qinit");
-      querySelectorAll("[q-d\\:qinit]").forEach((el) => {
-        dispatch(el, ev, "d: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", tasks);
         el.removeAttribute("q-d:qinit");
-      });
+      }
+      queueTasks(tasks);
     }
     if (events.has("d:qidle")) {
       events.delete("d:qidle");
       const riC = win.requestIdleCallback ?? win.setTimeout;
       riC.bind(win)(() => {
         const ev = createEvent("qidle");
-        querySelectorAll("[q-d\\:qidle]").forEach((el) => {
-          dispatch(el, ev, "d:qidle");
+        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", tasks);
           el.removeAttribute("q-d:qidle");
-        });
+        }
+        queueTasks(tasks);
       });
     }
     if (events.has("e:qvisible")) {
       observer || (observer = new IntersectionObserver((entries) => {
-        for (const entry of 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);
       }));
-      querySelectorAll("[q-e\\:qvisible]:not([q\\:observed])").forEach((el) => {
+      const elements = querySelectorAll("[q-e\\:qvisible]:not([q\\:observed])");
+      for (let i = 0; i < elements.length; i++) {
+        const el = elements[i];
         observer.observe(el);
         el.setAttribute("q:observed", "true");
-      });
+      }
     }
   }
 };
@@ -220,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
             )
           );
         }
@@ -240,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,o="w",n="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(o=>t.push(...l(o,e))),t},d=(e,t,o,n=!1)=>e.addEventListener(t,o,{capture:n,passive:!1}),b=e=>{_(e),l(e,"[q\\:shadowroot]").forEach(e=>{const t=e.shadowRoot;t&&b(t)})},f=e=>e&&"function"==typeof e.then,p=t=>{if(void 0===t._qwikjson_){let o=(t===e.documentElement?e.body:t).lastElementChild;for(;o;){if("SCRIPT"===o.tagName&&"qwik/json"===o.getAttribute("type")){t._qwikjson_=JSON.parse(o.textContent.replace(/\\x3C(\/?script)/gi,"<$1"));break}o=o.previousElementSibling}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,o)=>{e.dispatchEvent(u(t,o))},m=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),v=e=>e.replace(/-./g,e=>e[1].toUpperCase()),w=e=>({scope:e.charAt(0),eventName:v(e.slice(2))}),y=async(t,o,n,r)=>{r&&(t.hasAttribute("preventdefault:"+r)&&o.preventDefault(),t.hasAttribute("stoppropagation:"+r)&&o.stopPropagation());const s=t._qDispatch?.[n];if(s){if("function"==typeof s){const e=s(o,t);f(e)&&await e}else if(s.length)for(let e=0;e<s.length;e++){const n=s[e],r=n?.(o,t);f(r)&&await r}return}const a=t.getAttribute("q-"+n);if(a){const n=t.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"),r=n.getAttribute("q:base"),s=new URL(r,e.baseURI);for(const c of a.split("|")){const a=performance.now(),[l,q,d]=c.split("#"),b={qBase:r,symbol:q,element:t,reqTime:a};let u,m,v;if(""===l){const t=n.getAttribute("q:instance");u=(e["qFuncs_"+t]||[])[Number.parseInt(q)],u||(m="sync",v=Error("sym:"+q))}else{const e=`${q}|${r}|${l}`;if(u=i.get(e),!u){const t=new URL(l,s).href;try{const o=import(t);p(n),u=(await o)[q],u?(i.set(e,u),h("qsymbol",b)):(m="no-symbol",v=Error(`${q} not in ${t}`))}catch(e){m="async",v=e}}}if(u){if(t.isConnected)try{const e=u.call(d,o,t);f(e)&&await e}catch(e){h("qerror",{error:e,...b})}}else h("qerror",{importError:m,error:v,...b}),console.error(v)}}},g=async e=>{const t=m(e.type),o="e:"+t;let n=e.target;for(;n&&n.getAttribute;){const r=y(n,e,o,t),s=e.bubbles&&!e.cancelBubble;f(r)&&await r,n=s&&e.bubbles&&!e.cancelBubble?n.parentElement:null}},E=(e,t)=>{const o=m(t.type),n=e+":"+o;q("[q-"+e+"\\:"+o+"]").forEach(e=>y(e,t,n,o))},A=async e=>{E(n,e)},C=e=>{E(o,e)},k=()=>{const o=e.readyState;if("interactive"==o||"complete"==o){if(c=1,s.forEach(b),r.has("d:qinit")){r.delete("d:qinit");const e=u("qinit");q("[q-d\\:qinit]").forEach(t=>{y(t,e,"d:qinit"),t.removeAttribute("q-d:qinit")})}r.has("d:qidle")&&(r.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u("qidle");q("[q-d\\:qidle]").forEach(t=>{y(t,e,"d:qidle"),t.removeAttribute("q-d:qidle")})})),r.has("e:qvisible")&&(a||(a=new IntersectionObserver(e=>{for(const t of e)t.isIntersecting&&(a.unobserve(t.target),y(t.target,u("qvisible",t),"e:qvisible"))})),q("[q-e\\:qvisible]:not([q\\:observed])").forEach(e=>{a.observe(e),e.setAttribute("q:observed","true")}))}},_=(...e)=>{for(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}=w(a);e===o?d(t,i,C,!0):s.forEach(t=>d(t,i,e===n?A:g,!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}=w(e);t!==o&&d(a,r,t===n?A:g,!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());