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

package/dist/preloader.mjs

@@ -29,12 +29,9 @@ const trigger = () => {
     const e = queue[0];
     const t = e.u;
     const o = 1 - t;
-    const n = graph ? (
-      // The more likely the bundle, the more simultaneous preloads we want to allow
-      Math.max(1, config.o * o)
-    ) : (
-      // While the graph is not available, we limit to 2 preloads
-      2
+    const n = graph ? config.o : (
+      // While the graph is not available, we limit to 5 preloads
+      5
     );
     if (o >= 0.99 || preloadCount < n) {
       queue.shift();
@@ -77,7 +74,7 @@ const adjustProbabilities = (e, t, o) => {
   if (n - e.u < 0.01) return;
   if (
     // don't queue until we have initialized the preloader
-    base != null && e.i < BundleImportState_Preload && e.u < config.l
+    base != null && e.i < BundleImportState_Preload
   ) {
     if (e.i === BundleImportState_None) {
       e.i = BundleImportState_Queued;
@@ -94,7 +91,7 @@ const adjustProbabilities = (e, t, o) => {
       const e2 = getBundle(n2.m);
       if (e2.u === 0) continue;
       let r;
-      if (n2.S > 0.5 && (t2 === 1 || t2 >= 0.99 && depsCount < 100)) {
+      if (t2 === 1 || t2 >= 0.99 && depsCount < 100) {
         depsCount++;
         r = Math.min(0.01, 1 - n2.S);
       } else {

package/dist/qwikloader.debug.js

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

package/dist/qwikloader.js

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