@qwik.dev/core 2.0.0-beta.25 → 2.0.0-beta.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -344,7 +344,7 @@ const Et = () => typeof Deno < "u" ? "deno" : typeof Bun < "u" ? "bun" : typeof
344
344
  r != null && (t[i] = r);
345
345
  }), t.entryStrategy = e.entryStrategy?.type ?? "smart", t.manualChunks = e.entryStrategy?.manual ?? void 0, t;
346
346
  }, Rr = {
347
- qwik: "2.0.0-beta.25-dev+2677279"
347
+ qwik: "2.0.0-beta.26-dev+c693cf5"
348
348
  }, $t = (e, t = 0) => {
349
349
  for (let i = 0; i < e.length; i++) {
350
350
  const r = e.charCodeAt(i);
@@ -1581,10 +1581,241 @@ function Ae(e, t) {
1581
1581
  stack: ""
1582
1582
  });
1583
1583
  }
1584
+ const In = `"undefined"==typeof window||window.__qwikViteLog||(window.__qwikViteLog=!0,console.debug("%c⭐️ Qwik Dev SSR Mode","background: #0c75d2; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;","App is running in SSR development mode!\\n - Additional JS is loaded by Vite for debugging and live reloading\\n - Rendering performance might not be optimal\\n - Delayed interactivity because prefetching is disabled\\n - Vite dev bundles do not represent production output\\n\\nProduction build can be tested running 'npm run preview'"))`, Sn = 'if("undefined"!=typeof document){const e=()=>{const e="data-qwik-inspector",t=globalThis.__HOTKEYS__,o=globalThis.__BASE__;let n=document.querySelector("#qwik-inspector-info-popup");n||(n=document.createElement("div"),n.id="qwik-inspector-info-popup",n["aria-hidden"]="true",document.body.appendChild(n)),n.textContent=`Click-to-Source: ${t.join(" + ")}`,console.debug("%c🔍 Qwik Click-To-Source","background: #564CE0; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;",`Hold-press the \'${t.join(" + ")}\' key${t.length>1?"s":""} and click a component to jump directly to the source code in your IDE!`),window.__qwik_inspector_state={pressedKeys:new Set};const r=document.body,i=document.createElement("div");function s(t){return t&&t instanceof Element?t.closest(`[${e}]`):null}function d(){const e=window.__qwik_inspector_state.hoveredElement;if(e&&c()){const t=e.getBoundingClientRect();i.style.setProperty("height",t.height+"px"),i.style.setProperty("width",t.width+"px"),i.style.setProperty("top",t.top+"px"),i.style.setProperty("left",t.left+"px"),i.style.setProperty("visibility","visible"),r.style.setProperty("cursor","pointer")}else i.style.setProperty("height","0px"),i.style.setProperty("width","0px"),i.style.setProperty("visibility","hidden"),r.style.removeProperty("cursor")}function c(){return function(){const e=Array.from(window.__qwik_inspector_state.pressedKeys).map(e=>e?e.replace(/(Left|Right)$/g,""):void 0);return t.every(t=>e.includes(t))}()}i.id="qwik-inspector-overlay",i.setAttribute("aria-hidden","true"),r.appendChild(i),document.addEventListener("keydown",e=>{window.__qwik_inspector_state.pressedKeys.add(e.code),d()},{capture:!0}),document.addEventListener("keyup",e=>{window.__qwik_inspector_state.pressedKeys.delete(e.code),d()},{capture:!0}),window.addEventListener("blur",()=>{window.__qwik_inspector_state.pressedKeys.clear(),d()},{capture:!0}),document.addEventListener("mouseover",e=>{const t=s(e.target);window.__qwik_inspector_state.hoveredElement=t||void 0,d()},{capture:!0}),document.addEventListener("click",t=>{if(c()){window.__qwik_inspector_state.pressedKeys.clear();const n=s(t.target);if(n){t.preventDefault(),t.stopPropagation();const i=n.getAttribute(e);if("false"!==i){r.style.setProperty("cursor","progress");const e=i.match(/^(.*?)(:\\d+(:\\d+)?)?$/);if(e){const[,t,n]=e;fetch(`${o}${t}?editor${n}`).then(()=>{r.style.removeProperty("cursor")})}}}}},{capture:!0}),document.addEventListener("contextmenu",e=>{if(c()){window.__qwik_inspector_state.pressedKeys.clear();s(e.target)&&e.preventDefault()}},{capture:!0}),window.addEventListener("resize",d),document.addEventListener("scroll",d)};document.addEventListener("DOMContentLoaded",e)}', kn = `if("undefined"!=typeof HTMLElement){class e extends HTMLElement{get _root(){return this.shadowRoot||this}constructor(){super(),this.state={},this.props||(this.props={}),this.componentProps=["children","error"],this.nodesToDestroy=[],this.pendingUpdate=!1,this.attachShadow({mode:"open"})}destroyAnyNodes(){this.nodesToDestroy.forEach(e=>e.remove()),this.nodesToDestroy=[]}connectedCallback(){this.getAttributeNames().forEach(e=>{const t=e.replace(/-/g,""),o=new RegExp(t,"i");this.componentProps.forEach(t=>{if(o.test(t)){const o=this.getAttribute(e);this.props[t]!==o&&(this.props[t]=o)}})}),this._root.innerHTML='\\n\\n <template data-el="show-errored-host">\\n <div class="error">\\n <template data-el="div-errored-host-2">\\n \\x3c!-- String(props.error) --\\x3e\\n </template>\\n </div>\\n </template>\\n\\n <div class="arrow">👇 Uncaught error happened here 👇\\n <span class="dev-tools">DevTools: Cmd+Alt+I</span>\\n </div>\\n <div class="div">\\n <slot></slot>\\n </div>\\n\\n <style>\\n .error {\\n border-radius: 5px 5px 0px 0;\\n background: black;\\n color: white;\\n font-family: monospace;\\n font-size: 12px;\\n margin: 0;\\n padding: 10px;\\n }\\n .arrow {\\n background: #f47e81;\\n color: black;\\n font-size: 14px;\\n padding: 10px;\\n text-align: center;\\n font-family: sans-serif;\\n }\\n .dev-tools {\\n background: red;\\n padding: 2px 5px;\\n border-radius: 3px;\\n font-weight: 800;\\n }\\n .div {\\n outline: 5px solid red;\\n border-radius: 10px;\\n }\\n </style>',this.pendingUpdate=!0,this.render(),this.onMount(),this.pendingUpdate=!1,this.update()}showContent(e){const t=e.content.cloneNode(!0);Array.from(t.childNodes).forEach(t=>{e?.scope&&(t.scope=e.scope),e?.context&&(t.context=e.context),this.nodesToDestroy.push(t)}),e.after(t)}onMount(){}onUpdate(){}update(){!0!==this.pendingUpdate&&(this.pendingUpdate=!0,this.render(),this.onUpdate(),this.pendingUpdate=!1)}render(){this.destroyAnyNodes(),this.updateBindings()}updateBindings(){this._root.querySelectorAll("[data-el='show-errored-host']").forEach(e=>{this.props.error&&this.showContent(e)}),this._root.querySelectorAll("[data-el='div-errored-host-2']").forEach(e=>{this.renderTextNode(e,String(this.props.error))})}renderTextNode(e,t){const o=document.createTextNode(t);e?.scope&&(o.scope=e.scope),e?.context&&(o.context=e.context),e.after(o),this.nodesToDestroy.push(e.nextSibling)}}customElements.define("errored-host",e),document.addEventListener("qerror",e=>{const t=customElements.get("vite-error-overlay");if(!t)return;const o=new t(e.detail.error);document.body.appendChild(o)})}`, En = '[data-qwik-cls]{outline:2px solid red}[data-qwik-cls]:after{position:absolute;font-size:12px;content:"CLS " attr(data-qwik-cls);font-family:monospace;font-weight:700;background:red;color:#fff;margin:-2px;padding:1px;line-height:1;pointer-events:none}#qwik-image-warning-container{position:absolute!important;top:0!important;left:0!important;width:0!important;overflow:visible!important;height:0!important;pointer-events:none!important;contain:size layout style content;z-index:1}', _n = 'if("undefined"!=typeof document){const e=()=>{class e extends HTMLElement{#e=null;constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(document.createElement("template").innerHTML=globalThis.__TEMPLATE__);const e=this.shadowRoot.querySelector("dialog");this.shadowRoot.addEventListener("click",async t=>{const o=t.target;"BUTTON"===o.nodeName&&("action-btn"===o.id?this.#e&&(this.#e(),e.close()):"icon"===o.id?e.open?e.close():(e.className=function(e){const{x:t}=e.getBoundingClientRect();let o="right";return t>window.innerWidth-260&&(o="left"),`bottom ${o}`}(o),e.show()):"loc"===o.id&&o.dataset.url&&globalThis.qwikOpenInEditor(o.dataset.url))})}set loc(e){const t=this.shadowRoot.querySelector("#loc");t.textContent=e,globalThis.qwikOpenInEditor&&(t.dataset.url=e)}set header(e){this.shadowRoot.querySelector("#title").textContent=e}set message(e){this.shadowRoot.querySelector("#message").innerHTML=e}set actionFn(e){this.#e=e}set actionName(e){e&&(this.shadowRoot.querySelector(".action-container").innerHTML=`<button id="action-btn" type="button">${e}</button>`)}}customElements.define("image-warning",e);const t=new Map;let o=document.querySelector("#qwik-image-warning-container");o||(o=document.createElement("div"),o.id="qwik-image-warning-container",document.body.appendChild(o));let n=!1;const i=new Map;function r(e){let t=i.get(e);return void 0===t&&(t=async function(e){if(!/^(https?|file|capacitor):/.test(e))return;const t=new URL("/__image_info",location.href);return t.searchParams.set("url",e),fetch(t).then(e=>e.json()).catch(()=>null)}(e),i.set(e,t)),t}function a(e){return e.endsWith("px")}async function s(e){const i=t.get(e);e.isConnected?e.complete&&async function(e){const i=window.scrollX,s=window.scrollY,c=e.getBoundingClientRect(),d=e.currentSrc,l=await r(d);let h=t.get(e);const u=window.innerWidth>500;if(l&&u){let r=!1;const d=e.getAttribute("data-qwik-inspector"),u=c.width*c.height;if(!e.hasAttribute("width")||!e.hasAttribute("height")){n=!0;const t=getComputedStyle(e),o="auto"!==t.getPropertyValue("aspect-ratio").toString(),i=a(t.getPropertyValue("width").toString()),s=a(t.getPropertyValue("height").toString()),c="absolute"===t.getPropertyValue("position").toString();r=u>1e3&&!c&&!o&&(!i||!s)}const g=u<.5*(l.width&&l.height)&&"svg"!==l.type;if(n=!1,r||g){if(h||(h=document.createElement("image-warning"),o.appendChild(h),t.set(e,h)),h.style.top=c.top+s+"px",h.style.left=c.left+i+"px",h.style.width=c.width+"px",h.style.height=c.height+"px",h.info=l,h.loc=d,r){const t=`width="${l.width}" height="${l.height}"`;h.header="Perf: layout shift",h.message=`Image\'s size is unknown until it\'s loaded, <a href="https://web.dev/cls/" target="_blank" rel="noopener noreferrer">causing layout shift</a>.</p><p>To solve this problem set the width/height in the img tag:</p><pre>&lt;img <span>${t}</span></pre>`;const o=1===document.querySelectorAll(\'[data-qwik-inspector="\'+d+\'"]\').length;d&&(o?(h.actionName="Auto fix",h.actionFn=async()=>{const t=new URL("/__image_fix",location.href);t.searchParams.set("loc",d),t.searchParams.set("width",l.width),t.searchParams.set("height",l.height),e.srcset||(t.searchParams.set("src",e.currentSrc),t.searchParams.set("currentHref",location.href)),await fetch(t,{method:"POST"})}):(h.actionName="Open in editor",h.actionFn=async()=>{await navigator.clipboard.writeText(t),globalThis.qwikOpenInEditor(d)}))}else g&&(h.header="Perf: properly size image",h.message=`The image is too big, <a href="https://developer.chrome.com/en/docs/lighthouse/performance/uses-responsive-images/" target="_blank" rel="noopener noreferrer">hurting performance</a>, it should be resized to the size it\'s displayed at. The image dimensions are ${l.width} x ${l.height} but it\'s displayed at ${c.width}x${c.height}.</p>`);return}}h&&(h.remove(),t.delete(e))}(e):i&&(i.remove(),t.delete(e))}const c=new ResizeObserver(e=>{if(!n)for(const t of e)s(t.target)}),d=new MutationObserver(e=>{for(const t of e){for(const e of t.addedNodes)"IMG"===e.nodeName?c.observe(e):1===e.nodeType&&e.querySelectorAll("img").forEach(e=>{c.observe(e)});for(const e of t.removedNodes)"IMG"===e.nodeName?(s(e),c.unobserve(e)):1===e.nodeType&&e.querySelectorAll("img").forEach(e=>{s(e),c.unobserve(e)})}});let l,h=0;const u=()=>{setTimeout(()=>{l&&(l.disconnect(),h>.005&&console.error("Detected Layout Shift during page load",h)),d.observe(document.body,{childList:!0,subtree:!0}),document.body.querySelectorAll("img").forEach(e=>{c.observe(e)})},100)};"complete"===document.readyState?u():window.addEventListener("load",u);const g=1===performance?.navigation.type||performance.getEntriesByType("navigation").map(e=>e.type).includes("reload");"undefined"==typeof PerformanceObserver||g||(l=new PerformanceObserver(e=>{e.getEntries().forEach(e=>{if(!e.hadRecentInput){if(e.value>.006)for(const t of e.sources)t.node&&1===t.node.nodeType&&"IMAGE-WARNING"!==t.node.nodeName&&t.node.setAttribute("data-qwik-cls",Number(e.value).toFixed(3));h+=e.value}})}),l.observe({type:"layout-shift",buffered:!0}))};document.addEventListener("load",e)}', Tn = `<style>
1585
+ :host {
1586
+ position: absolute;
1587
+ border: 1px solid red;
1588
+ pointer-events: none;
1589
+ z-index: 1;
1590
+ contain: layout size;
1591
+ }
1592
+
1593
+ #icon {
1594
+ border: 0;
1595
+ margin: 5px;
1596
+ color: black;
1597
+ max-width: 100%;
1598
+ width: 20px;
1599
+ background: yellow;
1600
+ border-radius: 100%;
1601
+ height: 20px;
1602
+ padding: 3px;
1603
+ pointer-events: all;
1604
+ cursor: pointer;
1605
+ }
1606
+
1607
+ #icon svg {
1608
+ width: 100%;
1609
+ height: auto;
1610
+ pointer-events: none;
1611
+ }
1612
+
1613
+ dialog {
1614
+ padding: 0;
1615
+ border: 0;
1616
+ margin: 0 5px;
1617
+ background: #ffffe8;
1618
+ color: black;
1619
+ width: 250px;
1620
+ font-size: 11px;
1621
+ position: absolute;
1622
+ inset-inline-start: unset;
1623
+ inset-inline-end: unset;
1624
+ border-radius: 5px;
1625
+ pointer-events: all;
1626
+ overflow: hidden;
1627
+ box-shadow: 0px -2px 20px 0px #0000002e;
1628
+ z-index: 10000;
1629
+ }
1630
+
1631
+ .top {
1632
+ bottom: calc(100% + 5px);
1633
+ }
1634
+ .bottom {
1635
+ top: 40px;
1636
+ }
1637
+ .right {
1638
+ inset-inline-start: 0;
1639
+ inset-inline-end: unset;
1640
+ }
1641
+ .left {
1642
+ inset-inline-start: unset;
1643
+ inset-inline-end: calc(100% - 40px);
1644
+ }
1645
+
1646
+ .content {
1647
+ padding: 5px;
1648
+ }
1649
+
1650
+ #loc {
1651
+ background: #2e3801;
1652
+ color: #d2d2d2;
1653
+ font-family: monospace;
1654
+ padding: 3px 5px;
1655
+ pointer-events: all;
1656
+ margin: 0;
1657
+ border: 0;
1658
+ cursor: pointer;
1659
+ font-size: 11px;
1660
+ width: calc(100% - 24px);
1661
+ text-overflow: ellipsis;
1662
+ overflow: hidden;
1663
+ display: block;
1664
+ direction: rtl;
1665
+ text-align: right;
1666
+ }
1667
+ #loc:hover {
1668
+ background: #3a4a01;
1669
+ }
1670
+
1671
+ pre {
1672
+ background: #f1fb8e;
1673
+ padding: 5px;
1674
+ margin: 5px 0;
1675
+ border-radius: 3px;
1676
+ user-select: none;
1677
+ }
1678
+
1679
+ pre span {
1680
+ user-select: all;
1681
+ }
1682
+
1683
+ a {
1684
+ text-decoration: underline;
1685
+ }
1686
+
1687
+ #close {
1688
+ border: 0;
1689
+ width: 25px;
1690
+ height: 25px;
1691
+ position: absolute;
1692
+ right: 0;
1693
+ top: 0;
1694
+ background: #ffe14f;
1695
+ color: black;
1696
+ font-weight: 900;
1697
+ padding: 0;
1698
+ margin: 0;
1699
+ display: flex;
1700
+ align-items: center;
1701
+ justify-content: center;
1702
+ line-height: 1;
1703
+ cursor: pointer;
1704
+ }
1705
+ #close:hover {
1706
+ background: #ffeb6f;
1707
+ }
1708
+
1709
+ #action-btn {
1710
+ border: 2px solid #18ae00;
1711
+ padding: 2px 4px;
1712
+ background: #50ff50;
1713
+ border-radius: 5px;
1714
+ color: #0c5500;
1715
+ font-weight: 800;
1716
+ font-size: 10px;
1717
+ cursor: pointer;
1718
+ }
1719
+
1720
+ p {
1721
+ margin: 5px 0;
1722
+ }
1723
+
1724
+ h2 {
1725
+ font-weight: 900;
1726
+ margin: 10px 0;
1727
+ }
1728
+ </style>
1729
+ <button id="icon" type="button" aria-label="Open image dev dialog">
1730
+ <svg width="32" height="32" viewBox="0 0 24 24">
1731
+ <path
1732
+ fill="currentColor"
1733
+ d="M2.725 21q-.275 0-.5-.138t-.35-.362q-.125-.225-.138-.488t.138-.512l9.25-16q.15-.25.388-.375T12 3q.25 0 .488.125t.387.375l9.25 16q.15.25.138.513t-.138.487q-.125.225-.35.363t-.5.137H2.725ZM12 18q.425 0 .713-.288T13 17q0-.425-.288-.713T12 16q-.425 0-.713.288T11 17q0 .425.288.713T12 18Zm0-3q.425 0 .713-.288T13 14v-3q0-.425-.288-.713T12 10q-.425 0-.713.288T11 11v3q0 .425.288.713T12 15Z"
1734
+ />
1735
+ </svg>
1736
+ </button>
1737
+ <dialog>
1738
+ <form method="dialog">
1739
+ <button id="close" type="submit" aria-label="Close">X</button>
1740
+ </form>
1741
+ <button id="loc"></button>
1742
+ <div class="content">
1743
+ <h2 id="title"></h2>
1744
+ <p id="message"></p>
1745
+ <p class="action-container"></p>
1746
+ </div>
1747
+ </dialog>
1748
+ `, Cn = `vite-error-overlay{--color-bright: rgba(255, 255, 255, .8);--color-yellow: rgba(255, 246, 85, .8);--qwik-dark-blue: #006ce9;--qwik-light-blue: #3ec2f7;--qwik-light-purple: #ac7ff4;--qwik-dark-purple: #713fc2;--yellow: #fff;--purple: var(--color-bright);--red: var(--qwik-light-blue);--vertical-box-spacing: 15px;--box-padding: 20px;--box-margin: 0 0 var(--vertical-box-spacing) 0;--box-background: rgba(0, 0, 0, .5);--box-border-radius: 8px}vite-error-overlay::part(backdrop){background:#020b1199}vite-error-overlay::part(window){background:transparent;border:none;box-shadow:none;box-sizing:border-box;margin:50px auto;max-width:1200px;padding:var(--box-padding);width:90%}vite-error-overlay::part(message){display:flex;flex-direction:column;font-size:1.6rem;line-height:1.7;margin-bottom:30px}vite-error-overlay::part(plugin){font-size:.8rem;font-weight:100}vite-error-overlay::part(file),vite-error-overlay::part(frame),vite-error-overlay::part(stack),vite-error-overlay::part(tip){background:var(--box-background);border-left:5px solid transparent;border-radius:var(--box-border-radius);margin:var(--box-margin);min-height:50px;padding:var(--box-padding);position:relative}vite-error-overlay::part(file){border-left-color:#19b6f6;color:var(--color-bright)}vite-error-overlay::part(frame){border-left-color:var(--color-yellow);color:var(--color-yellow)}vite-error-overlay::part(stack){border-left-color:#ff5722}vite-error-overlay::part(tip){border-top:none;border-left-color:#ac7ff4}vite-error-overlay::part(file):before,vite-error-overlay::part(frame):before,vite-error-overlay::part(stack):before{border-bottom:1px solid #222;color:var(--color-bright);display:block;margin-bottom:15px;padding-bottom:5px;padding-left:30px;font-size:.8rem}vite-error-overlay::part(file):before{content:"File"}vite-error-overlay::part(frame):before{content:"Frame"}vite-error-overlay::part(stack):before{content:"Stack Trace"}vite-error-overlay::part(file):after,vite-error-overlay::part(frame):after,vite-error-overlay::part(stack):after{content:"";display:block;height:20px;position:absolute;left:var(--box-padding);top:var(--box-padding);width:20px}vite-error-overlay::part(file):after{background-image:url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFile-Generic%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='File-Generic'%3E%3Crect id='Rectangle' fill-rule='nonzero' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4 5 C4 3.89543 4.89543 3 6 3 L15.1716 3 C15.702 3 16.2107 3.21071 16.5858 3.58579 L19.4142 6.41421 C19.7893 6.78929 20 7.29799 20 7.82843 L20 19 C20 20.1046 19.1046 21 18 21 L6 21 C4.89543 21 4 20.1046 4 19 L4 5 Z' id='Path' stroke='rgba(255,255,255,0.7)' stroke-width='1' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M15 4 L15 6 C15 7.10457 15.8954 8 17 8 L19 8' id='Path' stroke='rgba(255,255,255,0.7)' stroke-width='1' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}vite-error-overlay::part(frame):after{background-image:url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6602 2.84952H19.1516C20.2555 2.84952 21.1504 3.74444 21.1504 4.84839V8.3398' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M2.84949 8.33981L2.84949 4.8484C2.84949 3.74446 3.74441 2.84953 4.84836 2.84953L8.33977 2.84953' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M21.1505 15.6602L21.1505 19.1516C21.1505 20.2555 20.2556 21.1505 19.1516 21.1505L15.6602 21.1505' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M8.33984 21.1505L4.84843 21.1505C3.74449 21.1505 2.84956 20.2555 2.84956 19.1516L2.84956 15.6602' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3C/svg%3E")}vite-error-overlay::part(stack):after{background-image:url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 20H9.78C7.98 20 4.58 19.09 4.58 15.64C4.58 12.19 7.98 11.28 9.78 11.28H14.22C14.37 11.28 17.92 11.23 17.92 8.42C17.92 5.61 14.37 5.56 14.22 5.56H9.22C9.02109 5.56 8.83032 5.48098 8.68967 5.34033C8.54902 5.19968 8.47 5.00891 8.47 4.81C8.47 4.61109 8.54902 4.42032 8.68967 4.27967C8.83032 4.13902 9.02109 4.06 9.22 4.06H14.22C16.02 4.06 19.42 4.97 19.42 8.42C19.42 11.87 16.02 12.78 14.22 12.78H9.78C9.63 12.78 6.08 12.83 6.08 15.64C6.08 18.45 9.63 18.5 9.78 18.5H14.78C14.9789 18.5 15.1697 18.579 15.3103 18.7197C15.451 18.8603 15.53 19.0511 15.53 19.25C15.53 19.4489 15.451 19.6397 15.3103 19.7803C15.1697 19.921 14.9789 20 14.78 20Z' fill='rgba(255,255,255,0.7)'/%3E%3Cpath d='M6.44 8.31C5.74314 8.30407 5.06363 8.09202 4.48708 7.70056C3.91054 7.30909 3.46276 6.75573 3.20018 6.11021C2.93759 5.46469 2.87195 4.75589 3.01153 4.07312C3.1511 3.39036 3.48965 2.76418 3.9845 2.2735C4.47935 1.78281 5.10837 1.44958 5.79229 1.31579C6.47622 1.182 7.18444 1.25363 7.82771 1.52167C8.47099 1.78971 9.02054 2.24215 9.40711 2.82199C9.79368 3.40182 9.99998 4.08311 10 4.78C10 5.2461 9.90773 5.70759 9.72846 6.13783C9.54919 6.56808 9.28648 6.95856 8.95551 7.28675C8.62453 7.61494 8.23184 7.87433 7.80009 8.04995C7.36834 8.22558 6.90609 8.31396 6.44 8.31ZM6.44 2.75C6.04444 2.75 5.65776 2.86729 5.32886 3.08706C4.99996 3.30682 4.74362 3.61918 4.59224 3.98463C4.44087 4.35008 4.40126 4.75221 4.47843 5.14018C4.5556 5.52814 4.74609 5.8845 5.02579 6.16421C5.3055 6.44391 5.66186 6.6344 6.04982 6.71157C6.43779 6.78874 6.83992 6.74913 7.20537 6.59776C7.57082 6.44638 7.88318 6.19003 8.10294 5.86114C8.32271 5.53224 8.44 5.14556 8.44 4.75C8.44 4.48735 8.38827 4.22728 8.28776 3.98463C8.18725 3.74198 8.03993 3.5215 7.85422 3.33578C7.6685 3.15007 7.44802 3.00275 7.20537 2.90224C6.96272 2.80173 6.70265 2.75 6.44 2.75Z' fill='rgba(255,255,255,0.7)'/%3E%3Cpath d='M17.56 22.75C16.8614 22.752 16.1779 22.5466 15.5961 22.1599C15.0143 21.7733 14.5603 21.2227 14.2916 20.5778C14.0229 19.933 13.9515 19.2229 14.0866 18.5375C14.2217 17.8521 14.5571 17.2221 15.0504 16.7275C15.5437 16.2328 16.1726 15.8956 16.8577 15.7586C17.5427 15.6215 18.253 15.6909 18.8986 15.9577C19.5442 16.2246 20.0961 16.6771 20.4844 17.2578C20.8727 17.8385 21.08 18.5214 21.08 19.22C21.08 20.1545 20.7095 21.0508 20.0496 21.7125C19.3898 22.3743 18.4945 22.7473 17.56 22.75ZM17.56 17.19C17.1644 17.19 16.7778 17.3073 16.4489 17.5271C16.12 17.7468 15.8636 18.0592 15.7122 18.4246C15.5609 18.7901 15.5213 19.1922 15.5984 19.5802C15.6756 19.9681 15.8661 20.3245 16.1458 20.6042C16.4255 20.8839 16.7819 21.0744 17.1698 21.1516C17.5578 21.2287 17.9599 21.1891 18.3254 21.0377C18.6908 20.8864 19.0032 20.63 19.2229 20.3011C19.4427 19.9722 19.56 19.5856 19.56 19.19C19.56 18.6596 19.3493 18.1508 18.9742 17.7758C18.5991 17.4007 18.0904 17.19 17.56 17.19Z' fill='rgba(255,255,255,0.7)'/%3E%3C/svg%3E")}vite-error-overlay::part(tip):before{content:"Not sure how to solve this? Visit https://qwik.dev or connect with the community on Discord.";display:block;margin-bottom:1em}`, Pn = "#qwik-inspector-overlay{position:fixed;background:#18b6f645;pointer-events:none;box-sizing:border-box;border:2px solid rgba(172,126,244,.46);border-radius:4px;contain:strict;cursor:pointer;z-index:999999}#qwik-inspector-info-popup{position:fixed;bottom:10px;right:10px;font-family:monospace;background:#000000c2;color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 20px 25px -5px #00000057,0 8px 10px -6px #0000003d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-animation:fadeOut .3s 3s ease-in-out forwards;animation:fadeOut .3s 3s ease-in-out forwards;z-index:999999;contain:layout}#qwik-inspector-info-popup p{margin:0}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}";
1749
+ async function Dn(e, t, i, r) {
1750
+ const o = await i.dynamicImport("node:fs"), m = await i.dynamicImport("node:url"), s = ["mjs", "cjs", "js"].map(
1751
+ (f) => r.join(t, `entry.preview.${f}`)
1752
+ ).find((f) => o.existsSync(f));
1753
+ if (!s)
1754
+ return Ge(
1755
+ e,
1756
+ `Unable to find output "${t}/entry.preview" module.
1757
+
1758
+ Please ensure "src/entry.preview.tsx" has been built before the "preview" command.`
1759
+ );
1760
+ try {
1761
+ const f = m.pathToFileURL(s).href, n = await i.strictDynamicImport(f);
1762
+ let w = null, x = null;
1763
+ if (n.default && (typeof n.default == "function" ? w = n.default : typeof n.default == "object" && (w = n.default.router, x = n.default.notFound)), typeof w != "function")
1764
+ return Ge(
1765
+ e,
1766
+ `Entry preview module "${s}" does not export a default middleware function`
1767
+ );
1768
+ e.use(w), typeof x == "function" && e.use(x);
1769
+ } catch (f) {
1770
+ return Ge(e, String(f));
1771
+ }
1772
+ }
1773
+ function Ge(e, t) {
1774
+ console.log(`
1775
+ ❌ ${t}
1776
+ `), e.use((i, r) => {
1777
+ r.writeHead(400, {
1778
+ "Content-Type": "text/plain"
1779
+ }), r.end(t);
1780
+ });
1781
+ }
1782
+ const Nn = (e, t) => {
1783
+ const i = [
1784
+ { tag: "style", children: Cn, injectTo: "body" },
1785
+ { tag: "style", children: Pn, injectTo: "body" },
1786
+ { tag: "script", attrs: { type: "module" }, children: kn, injectTo: "body" },
1787
+ { tag: "script", attrs: { type: "module" }, children: In, injectTo: "body" }
1788
+ ];
1789
+ if ((e.devTools?.imageDevTools ?? !0) && i.push(
1790
+ {
1791
+ tag: "style",
1792
+ children: En,
1793
+ injectTo: "body"
1794
+ },
1795
+ {
1796
+ tag: "script",
1797
+ attrs: { type: "module" },
1798
+ children: _n.replace(
1799
+ "globalThis.__TEMPLATE__",
1800
+ JSON.stringify(Tn)
1801
+ ),
1802
+ injectTo: "body"
1803
+ }
1804
+ ), e.devTools?.clickToSource ?? !0) {
1805
+ const r = e.devTools.clickToSource ?? [];
1806
+ t.endsWith("/") && (t = t.slice(0, -1)), i.push({
1807
+ tag: "script",
1808
+ attrs: { type: "module" },
1809
+ children: Sn.replace("globalThis.__HOTKEYS__", JSON.stringify(r)).replace("globalThis.__BASE__", JSON.stringify(t)),
1810
+ injectTo: "body"
1811
+ });
1812
+ }
1813
+ return i;
1814
+ };
1584
1815
  function z(e) {
1585
1816
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
1586
1817
  }
1587
- var he = {}, Ge = {}, at;
1818
+ var he = {}, Ke = {}, at;
1588
1819
  function H() {
1589
1820
  return at || (at = 1, (function(e) {
1590
1821
  Object.defineProperty(e, "__esModule", { value: !0 }), e.findBox = e.readUInt = e.readUInt32LE = e.readUInt32BE = e.readInt32LE = e.readUInt24LE = e.readUInt16LE = e.readUInt16BE = e.readInt16LE = e.toHexString = e.toUTF8String = void 0;
@@ -1643,10 +1874,10 @@ function H() {
1643
1874
  }
1644
1875
  }
1645
1876
  e.findBox = d;
1646
- })(Ge)), Ge;
1877
+ })(Ke)), Ke;
1647
1878
  }
1648
1879
  var lt;
1649
- function In() {
1880
+ function Mn() {
1650
1881
  if (lt) return he;
1651
1882
  lt = 1, Object.defineProperty(he, "__esModule", { value: !0 }), he.BMP = void 0;
1652
1883
  const e = H();
@@ -1658,8 +1889,8 @@ function In() {
1658
1889
  })
1659
1890
  }, he;
1660
1891
  }
1661
- var Sn = In();
1662
- const kn = /* @__PURE__ */ z(Sn);
1892
+ var qn = Mn();
1893
+ const On = /* @__PURE__ */ z(qn);
1663
1894
  var me = {}, ge = {}, ct;
1664
1895
  function Dt() {
1665
1896
  if (ct) return ge;
@@ -1697,7 +1928,7 @@ function Dt() {
1697
1928
  }, ge;
1698
1929
  }
1699
1930
  var dt;
1700
- function En() {
1931
+ function Ln() {
1701
1932
  if (dt) return me;
1702
1933
  dt = 1, Object.defineProperty(me, "__esModule", { value: !0 }), me.CUR = void 0;
1703
1934
  const e = Dt(), t = H(), i = 2;
@@ -1709,10 +1940,10 @@ function En() {
1709
1940
  calculate: (r) => e.ICO.calculate(r)
1710
1941
  }, me;
1711
1942
  }
1712
- var _n = En();
1713
- const Tn = /* @__PURE__ */ z(_n);
1943
+ var jn = Ln();
1944
+ const Un = /* @__PURE__ */ z(jn);
1714
1945
  var ye = {}, ut;
1715
- function Cn() {
1946
+ function Bn() {
1716
1947
  if (ut) return ye;
1717
1948
  ut = 1, Object.defineProperty(ye, "__esModule", { value: !0 }), ye.DDS = void 0;
1718
1949
  const e = H();
@@ -1724,10 +1955,10 @@ function Cn() {
1724
1955
  })
1725
1956
  }, ye;
1726
1957
  }
1727
- var Pn = Cn();
1728
- const Dn = /* @__PURE__ */ z(Pn);
1958
+ var An = Bn();
1959
+ const Fn = /* @__PURE__ */ z(An);
1729
1960
  var be = {}, ft;
1730
- function Nn() {
1961
+ function Rn() {
1731
1962
  if (ft) return be;
1732
1963
  ft = 1, Object.defineProperty(be, "__esModule", { value: !0 }), be.GIF = void 0;
1733
1964
  const e = H(), t = /^GIF8[79]a/;
@@ -1739,10 +1970,10 @@ function Nn() {
1739
1970
  })
1740
1971
  }, be;
1741
1972
  }
1742
- var Mn = Nn();
1743
- const qn = /* @__PURE__ */ z(Mn);
1973
+ var $n = Rn();
1974
+ const zn = /* @__PURE__ */ z($n);
1744
1975
  var ve = {}, pt;
1745
- function On() {
1976
+ function Hn() {
1746
1977
  if (pt) return ve;
1747
1978
  pt = 1, Object.defineProperty(ve, "__esModule", { value: !0 }), ve.ICNS = void 0;
1748
1979
  const e = H(), t = 8, i = 4, r = 4, o = {
@@ -1816,12 +2047,12 @@ function On() {
1816
2047
  }
1817
2048
  }, ve;
1818
2049
  }
1819
- var Ln = On();
1820
- const jn = /* @__PURE__ */ z(Ln);
1821
- var Un = Dt();
1822
- const Bn = /* @__PURE__ */ z(Un);
2050
+ var Wn = Hn();
2051
+ const Gn = /* @__PURE__ */ z(Wn);
2052
+ var Kn = Dt();
2053
+ const Qn = /* @__PURE__ */ z(Kn);
1823
2054
  var we = {}, ht;
1824
- function An() {
2055
+ function Jn() {
1825
2056
  if (ht) return we;
1826
2057
  ht = 1, Object.defineProperty(we, "__esModule", { value: !0 }), we.J2C = void 0;
1827
2058
  const e = H();
@@ -1834,10 +2065,10 @@ function An() {
1834
2065
  })
1835
2066
  }, we;
1836
2067
  }
1837
- var Fn = An();
1838
- const Rn = /* @__PURE__ */ z(Fn);
2068
+ var Yn = Jn();
2069
+ const Xn = /* @__PURE__ */ z(Yn);
1839
2070
  var xe = {}, mt;
1840
- function $n() {
2071
+ function Vn() {
1841
2072
  if (mt) return xe;
1842
2073
  mt = 1, Object.defineProperty(xe, "__esModule", { value: !0 }), xe.JP2 = void 0;
1843
2074
  const e = H();
@@ -1859,10 +2090,10 @@ function $n() {
1859
2090
  }
1860
2091
  }, xe;
1861
2092
  }
1862
- var zn = $n();
1863
- const Hn = /* @__PURE__ */ z(zn);
2093
+ var Zn = Vn();
2094
+ const er = /* @__PURE__ */ z(Zn);
1864
2095
  var Ie = {}, gt;
1865
- function Wn() {
2096
+ function tr() {
1866
2097
  if (gt) return Ie;
1867
2098
  gt = 1, Object.defineProperty(Ie, "__esModule", { value: !0 }), Ie.JPG = void 0;
1868
2099
  const e = H(), t = "45786966", i = 2, r = 6, o = 2, m = "4d4d", l = "4949", s = 12, f = 2;
@@ -1920,10 +2151,10 @@ function Wn() {
1920
2151
  }
1921
2152
  }, Ie;
1922
2153
  }
1923
- var Gn = Wn();
1924
- const Kn = /* @__PURE__ */ z(Gn);
2154
+ var nr = tr();
2155
+ const rr = /* @__PURE__ */ z(nr);
1925
2156
  var Se = {}, yt;
1926
- function Qn() {
2157
+ function or() {
1927
2158
  if (yt) return Se;
1928
2159
  yt = 1, Object.defineProperty(Se, "__esModule", { value: !0 }), Se.KTX = void 0;
1929
2160
  const e = H();
@@ -1942,10 +2173,10 @@ function Qn() {
1942
2173
  }
1943
2174
  }, Se;
1944
2175
  }
1945
- var Jn = Qn();
1946
- const Yn = /* @__PURE__ */ z(Jn);
2176
+ var ir = or();
2177
+ const sr = /* @__PURE__ */ z(ir);
1947
2178
  var ke = {}, bt;
1948
- function Xn() {
2179
+ function ar() {
1949
2180
  if (bt) return ke;
1950
2181
  bt = 1, Object.defineProperty(ke, "__esModule", { value: !0 }), ke.PNG = void 0;
1951
2182
  const e = H(), t = `PNG\r
@@ -1972,10 +2203,10 @@ function Xn() {
1972
2203
  }
1973
2204
  }, ke;
1974
2205
  }
1975
- var Vn = Xn();
1976
- const Zn = /* @__PURE__ */ z(Vn);
2206
+ var lr = ar();
2207
+ const cr = /* @__PURE__ */ z(lr);
1977
2208
  var Ee = {}, vt;
1978
- function er() {
2209
+ function dr() {
1979
2210
  if (vt) return Ee;
1980
2211
  vt = 1, Object.defineProperty(Ee, "__esModule", { value: !0 }), Ee.PNM = void 0;
1981
2212
  const e = H(), t = {
@@ -2030,10 +2261,10 @@ function er() {
2030
2261
  }
2031
2262
  }, Ee;
2032
2263
  }
2033
- var tr = er();
2034
- const nr = /* @__PURE__ */ z(tr);
2264
+ var ur = dr();
2265
+ const fr = /* @__PURE__ */ z(ur);
2035
2266
  var _e = {}, wt;
2036
- function rr() {
2267
+ function pr() {
2037
2268
  if (wt) return _e;
2038
2269
  wt = 1, Object.defineProperty(_e, "__esModule", { value: !0 }), _e.PSD = void 0;
2039
2270
  const e = H();
@@ -2045,10 +2276,10 @@ function rr() {
2045
2276
  })
2046
2277
  }, _e;
2047
2278
  }
2048
- var or = rr();
2049
- const ir = /* @__PURE__ */ z(or);
2279
+ var hr = pr();
2280
+ const mr = /* @__PURE__ */ z(hr);
2050
2281
  var Te = {}, xt;
2051
- function sr() {
2282
+ function gr() {
2052
2283
  if (xt) return Te;
2053
2284
  xt = 1, Object.defineProperty(Te, "__esModule", { value: !0 }), Te.SVG = void 0;
2054
2285
  const e = H(), t = /<svg\s([^>"']|"[^"]*"|'[^']*')*>/, i = {
@@ -2122,10 +2353,10 @@ function sr() {
2122
2353
  }
2123
2354
  }, Te;
2124
2355
  }
2125
- var ar = sr();
2126
- const lr = /* @__PURE__ */ z(ar);
2356
+ var yr = gr();
2357
+ const br = /* @__PURE__ */ z(yr);
2127
2358
  var Ce = {}, It;
2128
- function cr() {
2359
+ function vr() {
2129
2360
  if (It) return Ce;
2130
2361
  It = 1, Object.defineProperty(Ce, "__esModule", { value: !0 }), Ce.TGA = void 0;
2131
2362
  const e = H();
@@ -2141,10 +2372,10 @@ function cr() {
2141
2372
  }
2142
2373
  }, Ce;
2143
2374
  }
2144
- var dr = cr();
2145
- const ur = /* @__PURE__ */ z(dr);
2375
+ var wr = vr();
2376
+ const xr = /* @__PURE__ */ z(wr);
2146
2377
  var Pe = {}, St;
2147
- function fr() {
2378
+ function Ir() {
2148
2379
  if (St) return Pe;
2149
2380
  St = 1, Object.defineProperty(Pe, "__esModule", { value: !0 }), Pe.WEBP = void 0;
2150
2381
  const e = H();
@@ -2188,10 +2419,10 @@ function fr() {
2188
2419
  }
2189
2420
  }, Pe;
2190
2421
  }
2191
- var pr = fr();
2192
- const hr = /* @__PURE__ */ z(pr);
2422
+ var Sr = Ir();
2423
+ const kr = /* @__PURE__ */ z(Sr);
2193
2424
  var De = {}, kt;
2194
- function mr() {
2425
+ function Er() {
2195
2426
  if (kt) return De;
2196
2427
  kt = 1, Object.defineProperty(De, "__esModule", { value: !0 }), De.HEIF = void 0;
2197
2428
  const e = H(), t = {
@@ -2225,8 +2456,8 @@ function mr() {
2225
2456
  }
2226
2457
  }, De;
2227
2458
  }
2228
- var gr = mr();
2229
- const yr = /* @__PURE__ */ z(gr), br = {
2459
+ var _r = Er();
2460
+ const Tr = /* @__PURE__ */ z(_r), Cr = {
2230
2461
  56: "psd",
2231
2462
  66: "bmp",
2232
2463
  68: "dds",
@@ -2236,37 +2467,37 @@ const yr = /* @__PURE__ */ z(gr), br = {
2236
2467
  137: "png",
2237
2468
  255: "jpg"
2238
2469
  }, Fe = {
2239
- webp: hr.WEBP,
2240
- jpg: Kn.JPG,
2241
- png: Zn.PNG,
2242
- svg: lr.SVG,
2243
- gif: qn.GIF,
2244
- avif: yr.HEIF,
2245
- bmp: kn.BMP,
2246
- cur: Tn.CUR,
2247
- dds: Dn.DDS,
2248
- icns: jn.ICNS,
2249
- ico: Bn.ICO,
2250
- j2c: Rn.J2C,
2251
- jp2: Hn.JP2,
2252
- ktx: Yn.KTX,
2253
- pnm: nr.PNM,
2254
- psd: ir.PSD,
2255
- tga: ur.TGA
2256
- }, vr = Object.keys(Fe);
2257
- function wr(e) {
2258
- const t = e[0], i = br[t];
2259
- return i && Fe[i].validate(e) ? i : vr.find((r) => Fe[r].validate(e));
2470
+ webp: kr.WEBP,
2471
+ jpg: rr.JPG,
2472
+ png: cr.PNG,
2473
+ svg: br.SVG,
2474
+ gif: zn.GIF,
2475
+ avif: Tr.HEIF,
2476
+ bmp: On.BMP,
2477
+ cur: Un.CUR,
2478
+ dds: Fn.DDS,
2479
+ icns: Gn.ICNS,
2480
+ ico: Qn.ICO,
2481
+ j2c: Xn.J2C,
2482
+ jp2: er.JP2,
2483
+ ktx: sr.KTX,
2484
+ pnm: fr.PNM,
2485
+ psd: mr.PSD,
2486
+ tga: xr.TGA
2487
+ }, Pr = Object.keys(Fe);
2488
+ function Dr(e) {
2489
+ const t = e[0], i = Cr[t];
2490
+ return i && Fe[i].validate(e) ? i : Pr.find((r) => Fe[r].validate(e));
2260
2491
  }
2261
- function xr(e) {
2262
- const t = wr(e);
2492
+ function Nr(e) {
2493
+ const t = Dr(e);
2263
2494
  if (typeof t < "u") {
2264
2495
  const i = Fe[t].calculate(e);
2265
2496
  if (i !== void 0)
2266
2497
  return i.type = t, i;
2267
2498
  }
2268
2499
  }
2269
- async function Ir(e) {
2500
+ async function Mr(e) {
2270
2501
  if (/^(https?|file|capacitor):/.test(e))
2271
2502
  try {
2272
2503
  const t = await fetch(e, {
@@ -2276,7 +2507,7 @@ async function Ir(e) {
2276
2507
  console.error("can not fetch", e);
2277
2508
  return;
2278
2509
  }
2279
- const i = await t.arrayBuffer(), r = xr(Buffer.from(i));
2510
+ const i = await t.arrayBuffer(), r = Nr(Buffer.from(i));
2280
2511
  if (r)
2281
2512
  return {
2282
2513
  width: r.width,
@@ -2289,7 +2520,7 @@ async function Ir(e) {
2289
2520
  return;
2290
2521
  }
2291
2522
  }
2292
- const Sr = (e, t, i) => async (r, o, m) => {
2523
+ const qr = (e, t, i) => async (r, o, m) => {
2293
2524
  try {
2294
2525
  const l = await e.dynamicImport("node:fs"), s = await e.dynamicImport("node:path");
2295
2526
  let f;
@@ -2302,7 +2533,7 @@ const Sr = (e, t, i) => async (r, o, m) => {
2302
2533
  if (r.method === "GET" && f.pathname === "/__image_info") {
2303
2534
  const n = f.searchParams.get("url");
2304
2535
  if (o.setHeader("content-type", "application/json"), n) {
2305
- const w = await Ir(n);
2536
+ const w = await Mr(n);
2306
2537
  o.setHeader("cache-control", "public, max-age=31536000, immutable"), w ? o.write(JSON.stringify(w)) : o.statusCode = 404;
2307
2538
  } else {
2308
2539
  o.statusCode = 500;
@@ -2355,7 +2586,7 @@ const Sr = (e, t, i) => async (r, o, m) => {
2355
2586
  A = q.pathname.replace("/src/", "~/");
2356
2587
  else
2357
2588
  return;
2358
- const G = kr(q.pathname), X = `${A}?jsx`;
2589
+ const G = Or(q.pathname), X = `${A}?jsx`;
2359
2590
  k = k.replace(/^<img/, `<${G}`), k = k.replace(/\bwidth=(({[^}]*})|('[^']*')|("[^"]*"))\s*/, ""), k = k.replace(/\bheight=(({[^}]*})|('[^']*')|("[^"]*"))\s*/, ""), k = k.replace(/\bsrc=(({[^}]*})|('[^']*')|("[^"]*"))\s*/, "");
2360
2591
  let Q = 0;
2361
2592
  if (h === ".mdx" && c.startsWith("---") && (Q = c.indexOf("---", 4) + 3, Q === -1))
@@ -2376,244 +2607,14 @@ import ${G} from '${X}';`;
2376
2607
  l instanceof Error && await rn(e, l), m(l);
2377
2608
  }
2378
2609
  };
2379
- function kr(e) {
2610
+ function Or(e) {
2380
2611
  const t = e.lastIndexOf("."), i = e.lastIndexOf("/");
2381
- return e = e.substring(i + 1, t), `Img${Er(e)}`;
2612
+ return e = e.substring(i + 1, t), `Img${Lr(e)}`;
2382
2613
  }
2383
- function Er(e) {
2614
+ function Lr(e) {
2384
2615
  return `${e}`.toLowerCase().replace(new RegExp(/[-_]+/, "g"), " ").replace(new RegExp(/[^\w\s]/, "g"), "").replace(new RegExp(/\s+(.)(\w*)/, "g"), (t, i, r) => `${i.toUpperCase() + r}`).replace(new RegExp(/\w/), (t) => t.toUpperCase());
2385
2616
  }
2386
- const _r = `"undefined"==typeof window||window.__qwikViteLog||(window.__qwikViteLog=!0,console.debug("%c⭐️ Qwik Dev SSR Mode","background: #0c75d2; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;","App is running in SSR development mode!\\n - Additional JS is loaded by Vite for debugging and live reloading\\n - Rendering performance might not be optimal\\n - Delayed interactivity because prefetching is disabled\\n - Vite dev bundles do not represent production output\\n\\nProduction build can be tested running 'npm run preview'"))`, Tr = 'if("undefined"!=typeof document){const e=()=>{const e="data-qwik-inspector",t=globalThis.__HOTKEYS__,o=globalThis.__BASE__;let n=document.querySelector("#qwik-inspector-info-popup");n||(n=document.createElement("div"),n.id="qwik-inspector-info-popup",n["aria-hidden"]="true",document.body.appendChild(n)),n.textContent=`Click-to-Source: ${t.join(" + ")}`,console.debug("%c🔍 Qwik Click-To-Source","background: #564CE0; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;",`Hold-press the \'${t.join(" + ")}\' key${t.length>1?"s":""} and click a component to jump directly to the source code in your IDE!`),window.__qwik_inspector_state={pressedKeys:new Set};const r=document.body,i=document.createElement("div");function s(t){return t&&t instanceof Element?t.closest(`[${e}]`):null}function d(){const e=window.__qwik_inspector_state.hoveredElement;if(e&&c()){const t=e.getBoundingClientRect();i.style.setProperty("height",t.height+"px"),i.style.setProperty("width",t.width+"px"),i.style.setProperty("top",t.top+"px"),i.style.setProperty("left",t.left+"px"),i.style.setProperty("visibility","visible"),r.style.setProperty("cursor","pointer")}else i.style.setProperty("height","0px"),i.style.setProperty("width","0px"),i.style.setProperty("visibility","hidden"),r.style.removeProperty("cursor")}function c(){return function(){const e=Array.from(window.__qwik_inspector_state.pressedKeys).map(e=>e?e.replace(/(Left|Right)$/g,""):void 0);return t.every(t=>e.includes(t))}()}i.id="qwik-inspector-overlay",i.setAttribute("aria-hidden","true"),r.appendChild(i),document.addEventListener("keydown",e=>{window.__qwik_inspector_state.pressedKeys.add(e.code),d()},{capture:!0}),document.addEventListener("keyup",e=>{window.__qwik_inspector_state.pressedKeys.delete(e.code),d()},{capture:!0}),window.addEventListener("blur",()=>{window.__qwik_inspector_state.pressedKeys.clear(),d()},{capture:!0}),document.addEventListener("mouseover",e=>{const t=s(e.target);window.__qwik_inspector_state.hoveredElement=t||void 0,d()},{capture:!0}),document.addEventListener("click",t=>{if(c()){window.__qwik_inspector_state.pressedKeys.clear();const n=s(t.target);if(n){t.preventDefault(),t.stopPropagation();const i=n.getAttribute(e);if("false"!==i){r.style.setProperty("cursor","progress");const e=i.match(/^(.*?)(:\\d+(:\\d+)?)?$/);if(e){const[,t,n]=e;fetch(`${o}${t}?editor${n}`).then(()=>{r.style.removeProperty("cursor")})}}}}},{capture:!0}),document.addEventListener("contextmenu",e=>{if(c()){window.__qwik_inspector_state.pressedKeys.clear();s(e.target)&&e.preventDefault()}},{capture:!0}),window.addEventListener("resize",d),document.addEventListener("scroll",d)};document.addEventListener("DOMContentLoaded",e)}', Cr = `if("undefined"!=typeof HTMLElement){class e extends HTMLElement{get _root(){return this.shadowRoot||this}constructor(){super(),this.state={},this.props||(this.props={}),this.componentProps=["children","error"],this.nodesToDestroy=[],this.pendingUpdate=!1,this.attachShadow({mode:"open"})}destroyAnyNodes(){this.nodesToDestroy.forEach(e=>e.remove()),this.nodesToDestroy=[]}connectedCallback(){this.getAttributeNames().forEach(e=>{const t=e.replace(/-/g,""),o=new RegExp(t,"i");this.componentProps.forEach(t=>{if(o.test(t)){const o=this.getAttribute(e);this.props[t]!==o&&(this.props[t]=o)}})}),this._root.innerHTML='\\n\\n <template data-el="show-errored-host">\\n <div class="error">\\n <template data-el="div-errored-host-2">\\n \\x3c!-- String(props.error) --\\x3e\\n </template>\\n </div>\\n </template>\\n\\n <div class="arrow">👇 Uncaught error happened here 👇\\n <span class="dev-tools">DevTools: Cmd+Alt+I</span>\\n </div>\\n <div class="div">\\n <slot></slot>\\n </div>\\n\\n <style>\\n .error {\\n border-radius: 5px 5px 0px 0;\\n background: black;\\n color: white;\\n font-family: monospace;\\n font-size: 12px;\\n margin: 0;\\n padding: 10px;\\n }\\n .arrow {\\n background: #f47e81;\\n color: black;\\n font-size: 14px;\\n padding: 10px;\\n text-align: center;\\n font-family: sans-serif;\\n }\\n .dev-tools {\\n background: red;\\n padding: 2px 5px;\\n border-radius: 3px;\\n font-weight: 800;\\n }\\n .div {\\n outline: 5px solid red;\\n border-radius: 10px;\\n }\\n </style>',this.pendingUpdate=!0,this.render(),this.onMount(),this.pendingUpdate=!1,this.update()}showContent(e){const t=e.content.cloneNode(!0);Array.from(t.childNodes).forEach(t=>{e?.scope&&(t.scope=e.scope),e?.context&&(t.context=e.context),this.nodesToDestroy.push(t)}),e.after(t)}onMount(){}onUpdate(){}update(){!0!==this.pendingUpdate&&(this.pendingUpdate=!0,this.render(),this.onUpdate(),this.pendingUpdate=!1)}render(){this.destroyAnyNodes(),this.updateBindings()}updateBindings(){this._root.querySelectorAll("[data-el='show-errored-host']").forEach(e=>{this.props.error&&this.showContent(e)}),this._root.querySelectorAll("[data-el='div-errored-host-2']").forEach(e=>{this.renderTextNode(e,String(this.props.error))})}renderTextNode(e,t){const o=document.createTextNode(t);e?.scope&&(o.scope=e.scope),e?.context&&(o.context=e.context),e.after(o),this.nodesToDestroy.push(e.nextSibling)}}customElements.define("errored-host",e),document.addEventListener("qerror",e=>{const t=customElements.get("vite-error-overlay");if(!t)return;const o=new t(e.detail.error);document.body.appendChild(o)})}`, Pr = '[data-qwik-cls]{outline:2px solid red}[data-qwik-cls]:after{position:absolute;font-size:12px;content:"CLS " attr(data-qwik-cls);font-family:monospace;font-weight:700;background:red;color:#fff;margin:-2px;padding:1px;line-height:1;pointer-events:none}#qwik-image-warning-container{position:absolute!important;top:0!important;left:0!important;width:0!important;overflow:visible!important;height:0!important;pointer-events:none!important;contain:size layout style content;z-index:1}', Dr = 'if("undefined"!=typeof document){const e=()=>{class e extends HTMLElement{#e=null;constructor(){super(),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(document.createElement("template").innerHTML=globalThis.__TEMPLATE__);const e=this.shadowRoot.querySelector("dialog");this.shadowRoot.addEventListener("click",async t=>{const o=t.target;"BUTTON"===o.nodeName&&("action-btn"===o.id?this.#e&&(this.#e(),e.close()):"icon"===o.id?e.open?e.close():(e.className=function(e){const{x:t}=e.getBoundingClientRect();let o="right";return t>window.innerWidth-260&&(o="left"),`bottom ${o}`}(o),e.show()):"loc"===o.id&&o.dataset.url&&globalThis.qwikOpenInEditor(o.dataset.url))})}set loc(e){const t=this.shadowRoot.querySelector("#loc");t.textContent=e,globalThis.qwikOpenInEditor&&(t.dataset.url=e)}set header(e){this.shadowRoot.querySelector("#title").textContent=e}set message(e){this.shadowRoot.querySelector("#message").innerHTML=e}set actionFn(e){this.#e=e}set actionName(e){e&&(this.shadowRoot.querySelector(".action-container").innerHTML=`<button id="action-btn" type="button">${e}</button>`)}}customElements.define("image-warning",e);const t=new Map;let o=document.querySelector("#qwik-image-warning-container");o||(o=document.createElement("div"),o.id="qwik-image-warning-container",document.body.appendChild(o));let n=!1;const i=new Map;function r(e){let t=i.get(e);return void 0===t&&(t=async function(e){if(!/^(https?|file|capacitor):/.test(e))return;const t=new URL("/__image_info",location.href);return t.searchParams.set("url",e),fetch(t).then(e=>e.json()).catch(()=>null)}(e),i.set(e,t)),t}function a(e){return e.endsWith("px")}async function s(e){const i=t.get(e);e.isConnected?e.complete&&async function(e){const i=window.scrollX,s=window.scrollY,c=e.getBoundingClientRect(),d=e.currentSrc,l=await r(d);let h=t.get(e);const u=window.innerWidth>500;if(l&&u){let r=!1;const d=e.getAttribute("data-qwik-inspector"),u=c.width*c.height;if(!e.hasAttribute("width")||!e.hasAttribute("height")){n=!0;const t=getComputedStyle(e),o="auto"!==t.getPropertyValue("aspect-ratio").toString(),i=a(t.getPropertyValue("width").toString()),s=a(t.getPropertyValue("height").toString()),c="absolute"===t.getPropertyValue("position").toString();r=u>1e3&&!c&&!o&&(!i||!s)}const g=u<.5*(l.width&&l.height)&&"svg"!==l.type;if(n=!1,r||g){if(h||(h=document.createElement("image-warning"),o.appendChild(h),t.set(e,h)),h.style.top=c.top+s+"px",h.style.left=c.left+i+"px",h.style.width=c.width+"px",h.style.height=c.height+"px",h.info=l,h.loc=d,r){const t=`width="${l.width}" height="${l.height}"`;h.header="Perf: layout shift",h.message=`Image\'s size is unknown until it\'s loaded, <a href="https://web.dev/cls/" target="_blank" rel="noopener noreferrer">causing layout shift</a>.</p><p>To solve this problem set the width/height in the img tag:</p><pre>&lt;img <span>${t}</span></pre>`;const o=1===document.querySelectorAll(\'[data-qwik-inspector="\'+d+\'"]\').length;d&&(o?(h.actionName="Auto fix",h.actionFn=async()=>{const t=new URL("/__image_fix",location.href);t.searchParams.set("loc",d),t.searchParams.set("width",l.width),t.searchParams.set("height",l.height),e.srcset||(t.searchParams.set("src",e.currentSrc),t.searchParams.set("currentHref",location.href)),await fetch(t,{method:"POST"})}):(h.actionName="Open in editor",h.actionFn=async()=>{await navigator.clipboard.writeText(t),globalThis.qwikOpenInEditor(d)}))}else g&&(h.header="Perf: properly size image",h.message=`The image is too big, <a href="https://developer.chrome.com/en/docs/lighthouse/performance/uses-responsive-images/" target="_blank" rel="noopener noreferrer">hurting performance</a>, it should be resized to the size it\'s displayed at. The image dimensions are ${l.width} x ${l.height} but it\'s displayed at ${c.width}x${c.height}.</p>`);return}}h&&(h.remove(),t.delete(e))}(e):i&&(i.remove(),t.delete(e))}const c=new ResizeObserver(e=>{if(!n)for(const t of e)s(t.target)}),d=new MutationObserver(e=>{for(const t of e){for(const e of t.addedNodes)"IMG"===e.nodeName?c.observe(e):1===e.nodeType&&e.querySelectorAll("img").forEach(e=>{c.observe(e)});for(const e of t.removedNodes)"IMG"===e.nodeName?(s(e),c.unobserve(e)):1===e.nodeType&&e.querySelectorAll("img").forEach(e=>{s(e),c.unobserve(e)})}});let l,h=0;const u=()=>{setTimeout(()=>{l&&(l.disconnect(),h>.005&&console.error("Detected Layout Shift during page load",h)),d.observe(document.body,{childList:!0,subtree:!0}),document.body.querySelectorAll("img").forEach(e=>{c.observe(e)})},100)};"complete"===document.readyState?u():window.addEventListener("load",u);const g=1===performance?.navigation.type||performance.getEntriesByType("navigation").map(e=>e.type).includes("reload");"undefined"==typeof PerformanceObserver||g||(l=new PerformanceObserver(e=>{e.getEntries().forEach(e=>{if(!e.hadRecentInput){if(e.value>.006)for(const t of e.sources)t.node&&1===t.node.nodeType&&"IMAGE-WARNING"!==t.node.nodeName&&t.node.setAttribute("data-qwik-cls",Number(e.value).toFixed(3));h+=e.value}})}),l.observe({type:"layout-shift",buffered:!0}))};document.addEventListener("load",e)}', Nr = `<style>
2387
- :host {
2388
- position: absolute;
2389
- border: 1px solid red;
2390
- pointer-events: none;
2391
- z-index: 1;
2392
- contain: layout size;
2393
- }
2394
-
2395
- #icon {
2396
- border: 0;
2397
- margin: 5px;
2398
- color: black;
2399
- max-width: 100%;
2400
- width: 20px;
2401
- background: yellow;
2402
- border-radius: 100%;
2403
- height: 20px;
2404
- padding: 3px;
2405
- pointer-events: all;
2406
- cursor: pointer;
2407
- }
2408
-
2409
- #icon svg {
2410
- width: 100%;
2411
- height: auto;
2412
- pointer-events: none;
2413
- }
2414
-
2415
- dialog {
2416
- padding: 0;
2417
- border: 0;
2418
- margin: 0 5px;
2419
- background: #ffffe8;
2420
- color: black;
2421
- width: 250px;
2422
- font-size: 11px;
2423
- position: absolute;
2424
- inset-inline-start: unset;
2425
- inset-inline-end: unset;
2426
- border-radius: 5px;
2427
- pointer-events: all;
2428
- overflow: hidden;
2429
- box-shadow: 0px -2px 20px 0px #0000002e;
2430
- z-index: 10000;
2431
- }
2432
-
2433
- .top {
2434
- bottom: calc(100% + 5px);
2435
- }
2436
- .bottom {
2437
- top: 40px;
2438
- }
2439
- .right {
2440
- inset-inline-start: 0;
2441
- inset-inline-end: unset;
2442
- }
2443
- .left {
2444
- inset-inline-start: unset;
2445
- inset-inline-end: calc(100% - 40px);
2446
- }
2447
-
2448
- .content {
2449
- padding: 5px;
2450
- }
2451
-
2452
- #loc {
2453
- background: #2e3801;
2454
- color: #d2d2d2;
2455
- font-family: monospace;
2456
- padding: 3px 5px;
2457
- pointer-events: all;
2458
- margin: 0;
2459
- border: 0;
2460
- cursor: pointer;
2461
- font-size: 11px;
2462
- width: calc(100% - 24px);
2463
- text-overflow: ellipsis;
2464
- overflow: hidden;
2465
- display: block;
2466
- direction: rtl;
2467
- text-align: right;
2468
- }
2469
- #loc:hover {
2470
- background: #3a4a01;
2471
- }
2472
-
2473
- pre {
2474
- background: #f1fb8e;
2475
- padding: 5px;
2476
- margin: 5px 0;
2477
- border-radius: 3px;
2478
- user-select: none;
2479
- }
2480
-
2481
- pre span {
2482
- user-select: all;
2483
- }
2484
-
2485
- a {
2486
- text-decoration: underline;
2487
- }
2488
-
2489
- #close {
2490
- border: 0;
2491
- width: 25px;
2492
- height: 25px;
2493
- position: absolute;
2494
- right: 0;
2495
- top: 0;
2496
- background: #ffe14f;
2497
- color: black;
2498
- font-weight: 900;
2499
- padding: 0;
2500
- margin: 0;
2501
- display: flex;
2502
- align-items: center;
2503
- justify-content: center;
2504
- line-height: 1;
2505
- cursor: pointer;
2506
- }
2507
- #close:hover {
2508
- background: #ffeb6f;
2509
- }
2510
-
2511
- #action-btn {
2512
- border: 2px solid #18ae00;
2513
- padding: 2px 4px;
2514
- background: #50ff50;
2515
- border-radius: 5px;
2516
- color: #0c5500;
2517
- font-weight: 800;
2518
- font-size: 10px;
2519
- cursor: pointer;
2520
- }
2521
-
2522
- p {
2523
- margin: 5px 0;
2524
- }
2525
-
2526
- h2 {
2527
- font-weight: 900;
2528
- margin: 10px 0;
2529
- }
2530
- </style>
2531
- <button id="icon" type="button" aria-label="Open image dev dialog">
2532
- <svg width="32" height="32" viewBox="0 0 24 24">
2533
- <path
2534
- fill="currentColor"
2535
- d="M2.725 21q-.275 0-.5-.138t-.35-.362q-.125-.225-.138-.488t.138-.512l9.25-16q.15-.25.388-.375T12 3q.25 0 .488.125t.387.375l9.25 16q.15.25.138.513t-.138.487q-.125.225-.35.363t-.5.137H2.725ZM12 18q.425 0 .713-.288T13 17q0-.425-.288-.713T12 16q-.425 0-.713.288T11 17q0 .425.288.713T12 18Zm0-3q.425 0 .713-.288T13 14v-3q0-.425-.288-.713T12 10q-.425 0-.713.288T11 11v3q0 .425.288.713T12 15Z"
2536
- />
2537
- </svg>
2538
- </button>
2539
- <dialog>
2540
- <form method="dialog">
2541
- <button id="close" type="submit" aria-label="Close">X</button>
2542
- </form>
2543
- <button id="loc"></button>
2544
- <div class="content">
2545
- <h2 id="title"></h2>
2546
- <p id="message"></p>
2547
- <p class="action-container"></p>
2548
- </div>
2549
- </dialog>
2550
- `, Mr = `vite-error-overlay{--color-bright: rgba(255, 255, 255, .8);--color-yellow: rgba(255, 246, 85, .8);--qwik-dark-blue: #006ce9;--qwik-light-blue: #3ec2f7;--qwik-light-purple: #ac7ff4;--qwik-dark-purple: #713fc2;--yellow: #fff;--purple: var(--color-bright);--red: var(--qwik-light-blue);--vertical-box-spacing: 15px;--box-padding: 20px;--box-margin: 0 0 var(--vertical-box-spacing) 0;--box-background: rgba(0, 0, 0, .5);--box-border-radius: 8px}vite-error-overlay::part(backdrop){background:#020b1199}vite-error-overlay::part(window){background:transparent;border:none;box-shadow:none;box-sizing:border-box;margin:50px auto;max-width:1200px;padding:var(--box-padding);width:90%}vite-error-overlay::part(message){display:flex;flex-direction:column;font-size:1.6rem;line-height:1.7;margin-bottom:30px}vite-error-overlay::part(plugin){font-size:.8rem;font-weight:100}vite-error-overlay::part(file),vite-error-overlay::part(frame),vite-error-overlay::part(stack),vite-error-overlay::part(tip){background:var(--box-background);border-left:5px solid transparent;border-radius:var(--box-border-radius);margin:var(--box-margin);min-height:50px;padding:var(--box-padding);position:relative}vite-error-overlay::part(file){border-left-color:#19b6f6;color:var(--color-bright)}vite-error-overlay::part(frame){border-left-color:var(--color-yellow);color:var(--color-yellow)}vite-error-overlay::part(stack){border-left-color:#ff5722}vite-error-overlay::part(tip){border-top:none;border-left-color:#ac7ff4}vite-error-overlay::part(file):before,vite-error-overlay::part(frame):before,vite-error-overlay::part(stack):before{border-bottom:1px solid #222;color:var(--color-bright);display:block;margin-bottom:15px;padding-bottom:5px;padding-left:30px;font-size:.8rem}vite-error-overlay::part(file):before{content:"File"}vite-error-overlay::part(frame):before{content:"Frame"}vite-error-overlay::part(stack):before{content:"Stack Trace"}vite-error-overlay::part(file):after,vite-error-overlay::part(frame):after,vite-error-overlay::part(stack):after{content:"";display:block;height:20px;position:absolute;left:var(--box-padding);top:var(--box-padding);width:20px}vite-error-overlay::part(file):after{background-image:url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFile-Generic%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='File-Generic'%3E%3Crect id='Rectangle' fill-rule='nonzero' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4 5 C4 3.89543 4.89543 3 6 3 L15.1716 3 C15.702 3 16.2107 3.21071 16.5858 3.58579 L19.4142 6.41421 C19.7893 6.78929 20 7.29799 20 7.82843 L20 19 C20 20.1046 19.1046 21 18 21 L6 21 C4.89543 21 4 20.1046 4 19 L4 5 Z' id='Path' stroke='rgba(255,255,255,0.7)' stroke-width='1' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M15 4 L15 6 C15 7.10457 15.8954 8 17 8 L19 8' id='Path' stroke='rgba(255,255,255,0.7)' stroke-width='1' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}vite-error-overlay::part(frame):after{background-image:url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6602 2.84952H19.1516C20.2555 2.84952 21.1504 3.74444 21.1504 4.84839V8.3398' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M2.84949 8.33981L2.84949 4.8484C2.84949 3.74446 3.74441 2.84953 4.84836 2.84953L8.33977 2.84953' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M21.1505 15.6602L21.1505 19.1516C21.1505 20.2555 20.2556 21.1505 19.1516 21.1505L15.6602 21.1505' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M8.33984 21.1505L4.84843 21.1505C3.74449 21.1505 2.84956 20.2555 2.84956 19.1516L2.84956 15.6602' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3C/svg%3E")}vite-error-overlay::part(stack):after{background-image:url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 20H9.78C7.98 20 4.58 19.09 4.58 15.64C4.58 12.19 7.98 11.28 9.78 11.28H14.22C14.37 11.28 17.92 11.23 17.92 8.42C17.92 5.61 14.37 5.56 14.22 5.56H9.22C9.02109 5.56 8.83032 5.48098 8.68967 5.34033C8.54902 5.19968 8.47 5.00891 8.47 4.81C8.47 4.61109 8.54902 4.42032 8.68967 4.27967C8.83032 4.13902 9.02109 4.06 9.22 4.06H14.22C16.02 4.06 19.42 4.97 19.42 8.42C19.42 11.87 16.02 12.78 14.22 12.78H9.78C9.63 12.78 6.08 12.83 6.08 15.64C6.08 18.45 9.63 18.5 9.78 18.5H14.78C14.9789 18.5 15.1697 18.579 15.3103 18.7197C15.451 18.8603 15.53 19.0511 15.53 19.25C15.53 19.4489 15.451 19.6397 15.3103 19.7803C15.1697 19.921 14.9789 20 14.78 20Z' fill='rgba(255,255,255,0.7)'/%3E%3Cpath d='M6.44 8.31C5.74314 8.30407 5.06363 8.09202 4.48708 7.70056C3.91054 7.30909 3.46276 6.75573 3.20018 6.11021C2.93759 5.46469 2.87195 4.75589 3.01153 4.07312C3.1511 3.39036 3.48965 2.76418 3.9845 2.2735C4.47935 1.78281 5.10837 1.44958 5.79229 1.31579C6.47622 1.182 7.18444 1.25363 7.82771 1.52167C8.47099 1.78971 9.02054 2.24215 9.40711 2.82199C9.79368 3.40182 9.99998 4.08311 10 4.78C10 5.2461 9.90773 5.70759 9.72846 6.13783C9.54919 6.56808 9.28648 6.95856 8.95551 7.28675C8.62453 7.61494 8.23184 7.87433 7.80009 8.04995C7.36834 8.22558 6.90609 8.31396 6.44 8.31ZM6.44 2.75C6.04444 2.75 5.65776 2.86729 5.32886 3.08706C4.99996 3.30682 4.74362 3.61918 4.59224 3.98463C4.44087 4.35008 4.40126 4.75221 4.47843 5.14018C4.5556 5.52814 4.74609 5.8845 5.02579 6.16421C5.3055 6.44391 5.66186 6.6344 6.04982 6.71157C6.43779 6.78874 6.83992 6.74913 7.20537 6.59776C7.57082 6.44638 7.88318 6.19003 8.10294 5.86114C8.32271 5.53224 8.44 5.14556 8.44 4.75C8.44 4.48735 8.38827 4.22728 8.28776 3.98463C8.18725 3.74198 8.03993 3.5215 7.85422 3.33578C7.6685 3.15007 7.44802 3.00275 7.20537 2.90224C6.96272 2.80173 6.70265 2.75 6.44 2.75Z' fill='rgba(255,255,255,0.7)'/%3E%3Cpath d='M17.56 22.75C16.8614 22.752 16.1779 22.5466 15.5961 22.1599C15.0143 21.7733 14.5603 21.2227 14.2916 20.5778C14.0229 19.933 13.9515 19.2229 14.0866 18.5375C14.2217 17.8521 14.5571 17.2221 15.0504 16.7275C15.5437 16.2328 16.1726 15.8956 16.8577 15.7586C17.5427 15.6215 18.253 15.6909 18.8986 15.9577C19.5442 16.2246 20.0961 16.6771 20.4844 17.2578C20.8727 17.8385 21.08 18.5214 21.08 19.22C21.08 20.1545 20.7095 21.0508 20.0496 21.7125C19.3898 22.3743 18.4945 22.7473 17.56 22.75ZM17.56 17.19C17.1644 17.19 16.7778 17.3073 16.4489 17.5271C16.12 17.7468 15.8636 18.0592 15.7122 18.4246C15.5609 18.7901 15.5213 19.1922 15.5984 19.5802C15.6756 19.9681 15.8661 20.3245 16.1458 20.6042C16.4255 20.8839 16.7819 21.0744 17.1698 21.1516C17.5578 21.2287 17.9599 21.1891 18.3254 21.0377C18.6908 20.8864 19.0032 20.63 19.2229 20.3011C19.4427 19.9722 19.56 19.5856 19.56 19.19C19.56 18.6596 19.3493 18.1508 18.9742 17.7758C18.5991 17.4007 18.0904 17.19 17.56 17.19Z' fill='rgba(255,255,255,0.7)'/%3E%3C/svg%3E")}vite-error-overlay::part(tip):before{content:"Not sure how to solve this? Visit https://qwik.dev or connect with the community on Discord.";display:block;margin-bottom:1em}`, qr = "#qwik-inspector-overlay{position:fixed;background:#18b6f645;pointer-events:none;box-sizing:border-box;border:2px solid rgba(172,126,244,.46);border-radius:4px;contain:strict;cursor:pointer;z-index:999999}#qwik-inspector-info-popup{position:fixed;bottom:10px;right:10px;font-family:monospace;background:#000000c2;color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 20px 25px -5px #00000057,0 8px 10px -6px #0000003d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-animation:fadeOut .3s 3s ease-in-out forwards;animation:fadeOut .3s 3s ease-in-out forwards;z-index:999999;contain:layout}#qwik-inspector-info-popup p{margin:0}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}";
2551
- async function Or(e, t, i, r) {
2552
- const o = await i.dynamicImport("node:fs"), m = await i.dynamicImport("node:url"), s = ["mjs", "cjs", "js"].map(
2553
- (f) => r.join(t, `entry.preview.${f}`)
2554
- ).find((f) => o.existsSync(f));
2555
- if (!s)
2556
- return Ke(
2557
- e,
2558
- `Unable to find output "${t}/entry.preview" module.
2559
-
2560
- Please ensure "src/entry.preview.tsx" has been built before the "preview" command.`
2561
- );
2562
- try {
2563
- const f = m.pathToFileURL(s).href, n = await i.strictDynamicImport(f);
2564
- let w = null, x = null;
2565
- if (n.default && (typeof n.default == "function" ? w = n.default : typeof n.default == "object" && (w = n.default.router, x = n.default.notFound)), typeof w != "function")
2566
- return Ke(
2567
- e,
2568
- `Entry preview module "${s}" does not export a default middleware function`
2569
- );
2570
- e.use(w), typeof x == "function" && e.use(x);
2571
- } catch (f) {
2572
- return Ke(e, String(f));
2573
- }
2574
- }
2575
- function Ke(e, t) {
2576
- console.log(`
2577
- ❌ ${t}
2578
- `), e.use((i, r) => {
2579
- r.writeHead(400, {
2580
- "Content-Type": "text/plain"
2581
- }), r.end(t);
2582
- });
2583
- }
2584
- const Lr = (e, t) => {
2585
- const i = [
2586
- { tag: "style", children: Mr, injectTo: "body" },
2587
- { tag: "style", children: qr, injectTo: "body" },
2588
- { tag: "script", attrs: { type: "module" }, children: Cr, injectTo: "body" },
2589
- { tag: "script", attrs: { type: "module" }, children: _r, injectTo: "body" }
2590
- ];
2591
- if ((e.devTools?.imageDevTools ?? !0) && i.push(
2592
- {
2593
- tag: "style",
2594
- children: Pr,
2595
- injectTo: "body"
2596
- },
2597
- {
2598
- tag: "script",
2599
- attrs: { type: "module" },
2600
- children: Dr.replace(
2601
- "globalThis.__TEMPLATE__",
2602
- JSON.stringify(Nr)
2603
- ),
2604
- injectTo: "body"
2605
- }
2606
- ), e.devTools?.clickToSource ?? !0) {
2607
- const r = e.devTools.clickToSource ?? [];
2608
- t.endsWith("/") && (t = t.slice(0, -1)), i.push({
2609
- tag: "script",
2610
- attrs: { type: "module" },
2611
- children: Tr.replace("globalThis.__HOTKEYS__", JSON.stringify(r)).replace("globalThis.__BASE__", JSON.stringify(t)),
2612
- injectTo: "body"
2613
- });
2614
- }
2615
- return i;
2616
- }, jr = [
2617
+ const jr = [
2617
2618
  Ue,
2618
2619
  Qe,
2619
2620
  Je,
@@ -2874,7 +2875,7 @@ function zr(e = {}) {
2874
2875
  const b = u.getOptions();
2875
2876
  if (b.target === "ssr") {
2876
2877
  const S = u.getSys();
2877
- if (S.env === "node" || S.env === "bun") {
2878
+ if (S.env === "node" || S.env === "bun" || S.env === "deno") {
2878
2879
  const k = Object.keys(g), q = async (D) => {
2879
2880
  try {
2880
2881
  const P = S.path.basename(D), $ = S.path.extname(P);
@@ -2898,15 +2899,15 @@ function zr(e = {}) {
2898
2899
  },
2899
2900
  transformIndexHtml() {
2900
2901
  if (t === "serve")
2901
- return Lr(u.getOptions(), o);
2902
+ return Nn(u.getOptions(), o);
2902
2903
  },
2903
2904
  configureServer(c) {
2904
- u.configureServer(c), (e?.devTools?.imageDevTools ?? !0) && c.middlewares.use(Sr(u.getSys(), f, s));
2905
+ u.configureServer(c), (e?.devTools?.imageDevTools ?? !0) && c.middlewares.use(qr(u.getSys(), f, s));
2905
2906
  },
2906
2907
  configurePreviewServer(c) {
2907
2908
  return async () => {
2908
2909
  const g = u.getSys(), b = u.getPath();
2909
- await Or(c.middlewares, n, g, b);
2910
+ await Dn(c.middlewares, n, g, b);
2910
2911
  };
2911
2912
  },
2912
2913
  handleHotUpdate(c) {