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

package/dist/qwikloader.debug.js

@@ -58,8 +58,14 @@ const dispatch = async (element, ev, scopedKebabName, kebabName) => {
   }
   const handlers = element._qDispatch?.[scopedKebabName];
   if (handlers) {
-    if (handlers.length) {
-      for (const handler of handlers) {
+    if (typeof handlers === "function") {
+      const result = handlers(ev, element);
+      if (isPromise(result)) {
+        await 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;
@@ -208,7 +214,8 @@ const processReadyStateChange = () => {
   }
 };
 const addEventOrRoot = (...eventNames) => {
-  for (const eventNameOrRoot of eventNames) {
+  for (let i = 0; i < eventNames.length; i++) {
+    const eventNameOrRoot = eventNames[i];
     if (typeof eventNameOrRoot === "string") {
       if (!events.has(eventNameOrRoot)) {
         events.add(eventNameOrRoot);

package/dist/qwikloader.js

@@ -1 +1 @@
-const e=document,t=window,o="w",r="d",n=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,r=!1)=>e.addEventListener(t,o,{capture:r,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,r,n)=>{n&&(t.hasAttribute("preventdefault:"+n)&&o.preventDefault(),t.hasAttribute("stoppropagation:"+n)&&o.stopPropagation());const s=t._qDispatch?.[r];if(s){if(s.length)for(const e of s){const r=e?.(o,t);f(r)&&await r}return}const a=t.getAttribute("q-"+r);if(a){const r=t.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"),n=r.getAttribute("q:base"),s=new URL(n,e.baseURI);for(const c of a.split("|")){const a=performance.now(),[l,q,d]=c.split("#"),b={qBase:n,symbol:q,element:t,reqTime:a};let u,m,v;if(""===l){const t=r.getAttribute("q:instance");u=(e["qFuncs_"+t]||[])[Number.parseInt(q)],u||(m="sync",v=Error("sym:"+q))}else{const e=`${q}|${n}|${l}`;if(u=i.get(e),!u){const t=new URL(l,s).href;try{const o=import(t);p(r),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)}}},E=async e=>{const t=m(e.type),o="e:"+t;let r=e.target;for(;r&&r.getAttribute;){const n=y(r,e,o,t),s=e.bubbles&&!e.cancelBubble;f(n)&&await n,r=s&&e.bubbles&&!e.cancelBubble?r.parentElement:null}},g=(e,t)=>{const o=m(t.type),r=e+":"+o;q("[q-"+e+"\\:"+o+"]").forEach(e=>y(e,t,r,o))},A=async e=>{g(r,e)},C=e=>{g(o,e)},k=()=>{const o=e.readyState;if("interactive"==o||"complete"==o){if(c=1,s.forEach(b),n.has("d:qinit")){n.delete("d:qinit");const e=u("qinit");q("[q-d\\:qinit]").forEach(t=>{y(t,e,"d:qinit"),t.removeAttribute("q-d:qinit")})}n.has("d:qidle")&&(n.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")})})),n.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(const i of e)if("string"==typeof i){if(!n.has(i)){n.add(i);const{scope:e,eventName:a}=w(i);e===o?d(t,a,C,!0):s.forEach(t=>d(t,a,e===r?A:E,!0)),1!==c||"e:qvisible"!==i&&"d:qinit"!==i&&"d:qidle"!==i||k()}}else s.has(i)||(n.forEach(e=>{const{scope:t,eventName:n}=w(e);t!==o&&d(i,n,t===r?A:E,!0)}),s.add(i))},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_("e:click","e:input"),t._qwikEv={events:n,roots:s,push:_},d(e,"readystatechange",k),k());
+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());

package/dist/server.d.ts

@@ -1,18 +1,12 @@
 /// <reference path="./server-modules.d.ts" />
 
 import type { QwikManifest } from './optimizer';
-import type { ResolvedManifest } from './optimizer';
+import { ResolvedManifest } from './optimizer';
 import type { ServerQwikManifest } from './optimizer';
 import type { SnapshotResult } from '.';
 import type { StreamWriter } from './internal';
 import type { SymbolMapperFn } from './optimizer';
 
-/** @public */
-declare interface ComponentEntryStrategy {
-    type: 'component';
-    manual?: Record<string, string>;
-}
-
 /** @public */
 declare interface DevJSX {
     fileName: string;
@@ -21,9 +15,6 @@ declare interface DevJSX {
     stack?: string;
 }
 
-/** @public */
-declare type EntryStrategy = InlineEntryStrategy | HoistEntryStrategy | SingleEntryStrategy | HookEntryStrategy | SegmentEntryStrategy | ComponentEntryStrategy | SmartEntryStrategy;
-
 /**
  * Any function taking a props object that returns JSXOutput.
  *
@@ -64,31 +55,6 @@ export declare function getQwikPrefetchWorkerScript(opts?: {
     debug?: boolean;
 }): string;
 
-/** @public */
-declare interface GlobalInjections {
-    tag: string;
-    attributes?: {
-        [key: string]: string;
-    };
-    location: 'head' | 'body';
-}
-
-/** @public */
-declare interface HoistEntryStrategy {
-    type: 'hoist';
-}
-
-/** @deprecated Use SegmentStrategy instead */
-declare interface HookEntryStrategy {
-    type: 'hook';
-    manual?: Record<string, string>;
-}
-
-/** @public */
-declare interface InlineEntryStrategy {
-    type: 'inline';
-}
-
 /** @public */
 export declare interface InOrderAuto {
     strategy: 'auto';
@@ -208,42 +174,6 @@ export declare interface PreloaderOptions {
     preloadProbability?: number;
 }
 
-/** @public */
-declare interface QwikAsset {
-    /** Name of the asset */
-    name: string | undefined;
-    /** Size of the asset */
-    size: number;
-}
-
-/** @public */
-declare interface QwikBundle {
-    /** Size of the bundle */
-    size: number;
-    /** Total size of this bundle's static import graph */
-    total: number;
-    /** Interactivity score of the bundle */
-    interactivity?: number;
-    /** Symbols in the bundle */
-    symbols?: string[];
-    /** Direct imports */
-    imports?: string[];
-    /** Dynamic imports */
-    dynamicImports?: string[];
-    /** Source files of the bundle */
-    origins?: string[];
-}
-
-/**
- * Bundle graph.
- *
- * Format: [ 'bundle-a.js', 3, 5 // Depends on 'bundle-b.js' and 'bundle-c.js' 'bundle-b.js', 5, //
- * Depends on 'bundle-c.js' 'bundle-c.js', ]
- *
- * @public
- */
-declare type QwikBundleGraph = Array<string | number>;
-
 /** @public */
 export declare type QwikLoaderOptions = 'module' | 'inline' | 'never' | {
     /** @deprecated No longer used. */
@@ -252,79 +182,6 @@ export declare type QwikLoaderOptions = 'module' | 'inline' | 'never' | {
     position?: 'top' | 'bottom';
 };
 
-/**
- * The metadata of the build. One of its uses is storing where QRL symbols are located.
- *
- * @public
- */
-declare interface QwikManifest_2 {
-    /** Content hash of the manifest, if this changes, the code changed */
-    manifestHash: string;
-    /** QRL symbols */
-    symbols: {
-        [symbolName: string]: QwikSymbol;
-    };
-    /** Where QRLs are located. The key is the symbol name, the value is the bundle fileName */
-    mapping: {
-        [symbolName: string]: string;
-    };
-    /**
-     * All code bundles, used to know the import graph. The key is the bundle fileName relative to
-     * "build/"
-     */
-    bundles: {
-        [fileName: string]: QwikBundle;
-    };
-    /** All assets. The key is the fileName relative to the rootDir */
-    assets?: {
-        [fileName: string]: QwikAsset;
-    };
-    /** All bundles in a compact graph format with probabilities */
-    bundleGraph?: QwikBundleGraph;
-    /** The bundle graph fileName */
-    bundleGraphAsset?: string;
-    /** The preloader bundle fileName */
-    preloader?: string;
-    /** The Qwik core bundle fileName */
-    core?: string;
-    /** The Qwik loader bundle fileName */
-    qwikLoader?: string;
-    /** CSS etc to inject in the document head */
-    injections?: GlobalInjections[];
-    /** The version of the manifest */
-    version: string;
-    /** The options used to build the manifest */
-    options?: {
-        target?: string;
-        buildMode?: string;
-        entryStrategy?: {
-            type: EntryStrategy['type'];
-        };
-    };
-    /** The platform used to build the manifest */
-    platform?: {
-        [name: string]: string;
-    };
-}
-
-/** @public */
-declare interface QwikSymbol {
-    origin: string;
-    displayName: string;
-    hash: string;
-    canonicalFilename: string;
-    ctxKind: 'function' | 'eventHandler';
-    ctxName: string;
-    /** Whether the symbol captures a variable */
-    captures: boolean;
-    parent: string | null;
-    loc: [number, number];
-    /** The parameter names if it's a function with parameters */
-    paramNames?: string[];
-    /** The transformed names of scoped variables, if any */
-    captureNames?: string[];
-}
-
 /** @public */
 export declare type Render = RenderToString | RenderToStream;
 
@@ -433,26 +290,12 @@ export declare interface RenderToStringResult extends RenderResult {
     };
 }
 
-/** @public */
-declare interface ResolvedManifest_2 {
-    mapper: SymbolMapper;
-    manifest: ServerQwikManifest_2;
-    injections?: GlobalInjections[];
-    bundleGraph?: QwikBundleGraph;
-}
-
 /**
  * Merges a given manifest with the built manifest and provides mappings for symbols.
  *
  * @public
  */
-export declare function resolveManifest(manifest?: Partial<QwikManifest | ResolvedManifest_2> | undefined): ResolvedManifest_2 | undefined;
-
-/** @public */
-declare interface SegmentEntryStrategy {
-    type: 'segment';
-    manual?: Record<string, string>;
-}
+export declare function resolveManifest(manifest?: Partial<QwikManifest | ResolvedManifest> | undefined): ResolvedManifest | undefined;
 
 /** @public */
 export declare interface SerializeDocumentOptions {
@@ -461,13 +304,6 @@ export declare interface SerializeDocumentOptions {
     debug?: boolean;
 }
 
-/**
- * The manifest values that are needed for SSR.
- *
- * @public
- */
-declare type ServerQwikManifest_2 = Pick<QwikManifest_2, 'manifestHash' | 'injections' | 'bundleGraph' | 'bundleGraphAsset' | 'mapping' | 'preloader' | 'core' | 'qwikLoader'>;
-
 /** @public */
 export declare function setServerPlatform(manifest?: Partial<QwikManifest | ResolvedManifest>): Promise<void>;
 
@@ -495,26 +331,11 @@ declare interface Signal<T = any> {
     trigger(): void;
 }
 
-/** @public */
-declare interface SingleEntryStrategy {
-    type: 'single';
-    manual?: Record<string, string>;
-}
-
-/** @public */
-declare interface SmartEntryStrategy {
-    type: 'smart';
-    manual?: Record<string, string>;
-}
-
 /** @public */
 export declare interface StreamingOptions {
     inOrder?: InOrderStreaming;
 }
 
-/** @public */
-declare type SymbolMapper = Record<string, readonly [symbol: string, chunk: string]>;
-
 /**
  * Auto: Prefetch all possible QRLs used by the document. Default
  *

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.29-dev+bc61b71
+ * @qwik.dev/core/server 2.0.0-beta.30-dev+5421ed4
  * Copyright QwikDev. All Rights Reserved.
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/QwikDev/qwik/blob/main/LICENSE
@@ -23,7 +23,6 @@ import { isDev } from "@qwik.dev/core/build";
 var g = globalThis;
 var qDev = g.qDev !== false;
 var qInspector = g.qInspector === true;
-var qSerialize = g.qSerialize !== false;
 var qDynamicPlatform = g.qDynamicPlatform !== false;
 var qTest = g.qTest === true;
 var qRuntimeQrl = g.qRuntimeQrl === true;
@@ -1094,8 +1093,8 @@ if (isBrowser3) {
   document.addEventListener("qsymbol", (ev) => {
     const { symbol, href } = ev.detail;
     if (href) {
-      const hash2 = symbol.slice(symbol.lastIndexOf("_") + 1);
-      preload(hash2, 1);
+      const hash = symbol.slice(symbol.lastIndexOf("_") + 1);
+      preload(hash, 1);
     }
   });
 }
@@ -1124,8 +1123,8 @@ var PAREN_CLOSE = ")";
 var COMMA = ",";
 
 // packages/qwik/src/server/platform.ts
-var getDevSegmentPath = (mapper, hash2, symbolName, parent) => {
-  const existing = mapper?.[hash2];
+var getDevSegmentPath = (mapper, hash, symbolName, parent) => {
+  const existing = mapper?.[hash];
   if (existing) {
     return existing;
   }
@@ -1146,13 +1145,13 @@ function createPlatform(opts, resolvedManifest) {
   const mapper = resolvedManifest?.mapper;
   const mapperFn = opts.symbolMapper ? opts.symbolMapper : (symbolName, _chunk, parent) => {
     if (mapper || isDev5 && import.meta.env.MODE !== "test") {
-      const hash2 = getSymbolHash(symbolName);
-      const result = !isDev5 ? mapper[hash2] : getDevSegmentPath(mapper, hash2, symbolName, parent);
+      const hash = getSymbolHash(symbolName);
+      const result = !isDev5 ? mapper[hash] : getDevSegmentPath(mapper, hash, symbolName, parent);
       if (!result) {
-        if (hash2 === SYNC_QRL) {
-          return [hash2, ""];
+        if (hash === SYNC_QRL) {
+          return [hash, ""];
         }
-        const isRegistered = globalThis.__qwik_reg_symbols?.has(hash2);
+        const isRegistered = globalThis.__qwik_reg_symbols?.has(hash);
         if (isRegistered) {
           return [symbolName, "_"];
         }
@@ -1164,8 +1163,8 @@ function createPlatform(opts, resolvedManifest) {
   const serverPlatform = {
     isServer: true,
     async importSymbol(_containerEl, url, symbolName) {
-      const hash2 = getSymbolHash(symbolName);
-      const regSym = globalThis.__qwik_reg_symbols?.get(hash2);
+      const hash = getSymbolHash(symbolName);
+      const regSym = globalThis.__qwik_reg_symbols?.get(hash);
       if (regSym) {
         return regSym;
       }
@@ -1219,7 +1218,7 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.29-dev+bc61b71",
+  qwik: "2.0.0-beta.30-dev+5421ed4",
   qwikDom: "2.1.19"
 };
 
@@ -1485,8 +1484,8 @@ var preLoaderOptionsDefault = {
 };
 
 // packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = 'const e=document,t=window,o="w",r="d",n=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,r=!1)=>e.addEventListener(t,o,{capture:r,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,r,n)=>{n&&(t.hasAttribute("preventdefault:"+n)&&o.preventDefault(),t.hasAttribute("stoppropagation:"+n)&&o.stopPropagation());const s=t._qDispatch?.[r];if(s){if(s.length)for(const e of s){const r=e?.(o,t);f(r)&&await r}return}const a=t.getAttribute("q-"+r);if(a){const r=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),n=r.getAttribute("q:base"),s=new URL(n,e.baseURI);for(const c of a.split("|")){const a=performance.now(),[l,q,d]=c.split("#"),b={qBase:n,symbol:q,element:t,reqTime:a};let u,m,v;if(""===l){const t=r.getAttribute("q:instance");u=(e["qFuncs_"+t]||[])[Number.parseInt(q)],u||(m="sync",v=Error("sym:"+q))}else{const e=`${q}|${n}|${l}`;if(u=i.get(e),!u){const t=new URL(l,s).href;try{const o=import(t);p(r),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)}}},E=async e=>{const t=m(e.type),o="e:"+t;let r=e.target;for(;r&&r.getAttribute;){const n=y(r,e,o,t),s=e.bubbles&&!e.cancelBubble;f(n)&&await n,r=s&&e.bubbles&&!e.cancelBubble?r.parentElement:null}},g=(e,t)=>{const o=m(t.type),r=e+":"+o;q("[q-"+e+"\\\\:"+o+"]").forEach(e=>y(e,t,r,o))},A=async e=>{g(r,e)},C=e=>{g(o,e)},k=()=>{const o=e.readyState;if("interactive"==o||"complete"==o){if(c=1,s.forEach(b),n.has("d:qinit")){n.delete("d:qinit");const e=u("qinit");q("[q-d\\\\:qinit]").forEach(t=>{y(t,e,"d:qinit"),t.removeAttribute("q-d:qinit")})}n.has("d:qidle")&&(n.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")})})),n.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(const i of e)if("string"==typeof i){if(!n.has(i)){n.add(i);const{scope:e,eventName:a}=w(i);e===o?d(t,a,C,!0):s.forEach(t=>d(t,a,e===r?A:E,!0)),1!==c||"e:qvisible"!==i&&"d:qinit"!==i&&"d:qidle"!==i||k()}}else s.has(i)||(n.forEach(e=>{const{scope:t,eventName:n}=w(e);t!==o&&d(i,n,t===r?A:E,!0)}),s.add(i))},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_("e:click","e:input"),t._qwikEv={events:n,roots:s,push:_},d(e,"readystatechange",k),k())';
-var QWIK_LOADER_DEFAULT_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  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\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 (handlers.length) {\n      for (const handler of handlers) {\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    for (const qrl of attrValue.split("|")) {\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  querySelectorAll("[q-" + infix + "\\\\:" + kebabName + "]").forEach(\n    (el) => 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      querySelectorAll("[q-d\\\\:qinit]").forEach((el) => {\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        querySelectorAll("[q-d\\\\:qidle]").forEach((el) => {\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 (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, createEvent("qvisible", entry), "e:qvisible");\n          }\n        }\n      }));\n      querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])").forEach((el) => {\n        observer.observe(el);\n        el.setAttribute("q:observed", "true");\n      });\n    }\n  }\n};\nconst addEventOrRoot = (...eventNames) => {\n  for (const eventNameOrRoot of eventNames) {\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}';
+var QWIK_LOADER_DEFAULT_MINIFIED = '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())';
+var QWIK_LOADER_DEFAULT_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  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\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    for (const qrl of attrValue.split("|")) {\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  querySelectorAll("[q-" + infix + "\\\\:" + kebabName + "]").forEach(\n    (el) => 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      querySelectorAll("[q-d\\\\:qinit]").forEach((el) => {\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        querySelectorAll("[q-d\\\\:qidle]").forEach((el) => {\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 (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, createEvent("qvisible", entry), "e:qvisible");\n          }\n        }\n      }));\n      querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])").forEach((el) => {\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}';
 var QWIK_BACKPATCH_EXECUTOR_MINIFIED = `const t='script[type="qwik/backpatch"]',e=document.currentScript;if(e){const o=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const e=o.querySelector(t);if(e){const t=JSON.parse(e.textContent||"[]"),n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let r=n.currentNode,c=r.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],i=t[e+1];let s=t[e+2];for(;c<o&&(r=n.nextNode(),r);)r.hasAttribute(":")&&c++;const l=r;null==s||!1===s?l.removeAttribute(i):("boolean"==typeof s&&(s=""),l.setAttribute(i,s))}}}}`;
 var QWIK_BACKPATCH_EXECUTOR_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
 const executorScript = document.currentScript;
@@ -2208,7 +2207,7 @@ var SSRContainer = class extends _SharedContainer {
   componentStack = [];
   cleanupQueue = [];
   emitContainerDataFrame = null;
-  $instanceHash$ = hash();
+  $instanceHash$ = randomStr();
   // Temporary flag to find missing roots after the state was serialized
   $noMoreRoots$ = false;
   qlInclude;
@@ -2263,12 +2262,15 @@ var SSRContainer = class extends _SharedContainer {
   }
   async render(jsx) {
     this.openContainer();
-    await _walkJSX(this, jsx, {
+    await this.renderJSX(jsx, {
       currentStyleScoped: null,
       parentComponentFrame: this.getComponentFrame()
     });
     await this.closeContainer();
   }
+  async renderJSX(jsx, options) {
+    await _walkJSX(this, jsx, options);
+  }
   setContext(host, context, value) {
     const ssrNode = host;
     let ctx = ssrNode.getProp(QCtxAttr);
@@ -2511,7 +2513,7 @@ var SSRContainer = class extends _SharedContainer {
         lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
       }
       componentFrame.componentNode.setProp(slotName, lastNode.id);
-      await _walkJSX(this, children, {
+      await this.renderJSX(children, {
         currentStyleScoped: scopedStyleId,
         parentComponentFrame: componentFrame.projectionComponentFrame
       });
@@ -3108,8 +3110,8 @@ function isSSRUnsafeAttr(name) {
   }
   return false;
 }
-function hash() {
-  return Math.random().toString(36).slice(2);
+function randomStr() {
+  return (Math.random().toString(36) + "000000").slice(2, 8);
 }
 function addPreventDefaultEventToSerializationContext(serializationCtx, key) {
   const eventName = "e" + key.substring(14);