npm - @shopify/create-hydrogen - Versions diffs - 4.3.14 → 5.0.0 - Mend

@shopify/create-hydrogen 4.3.14 → 5.0.0

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.

Files changed (127) hide show

package/dist/assets/hydrogen/bundle/analyzer.html ADDED Viewed

@@ -0,0 +1,2045 @@
+<!DOCTYPE html>
+<!-- Open this file in your browser for an interactive view of your bundle  -->
+<!-- saved from url=(0034)https://esbuild.github.io/analyze/ -->
+<!-- Snapshot: 2023/07/16 -->
+<html lang="en" data-theme="null">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <title>esbuild - Bundle Size Analyzer</title>
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="https://esbuild.github.io/favicon.svg"
+    />
+    <meta property="og:title" content="esbuild - Bundle Size Analyzer" />
+    <meta property="og:type" content="website" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      html:not([data-theme='dark']) {
+        --bg: #fff;
+        --fg-on: #000;
+        --fg: #222;
+        --pre-dim: #777;
+        --pre-val: #870;
+        --pre: #222;
+        --bar-min-width: 1px;
+      }
+      html[data-theme='dark'] {
+        color-scheme: dark;
+        --bg: #191919;
+        --fg-on: #ddd;
+        --fg: #aaa;
+        --pre-dim: #999;
+        --pre-val: #cb8;
+        --pre: #ccc;
+        --bar-min-width: 3px;
+      }
+      @media (prefers-color-scheme: dark) {
+        html:not([data-theme='light']) {
+          color-scheme: dark;
+          --bg: #191919;
+          --fg-on: #ddd;
+          --fg: #aaa;
+          --pre-dim: #999;
+          --pre-val: #cb8;
+          --pre: #ccc;
+          --bar-min-width: 3px;
+        }
+      }
+      body {
+        margin: 50px;
+        font: 16px/20px sans-serif;
+        background: var(--bg);
+        color: var(--fg);
+      }
+      #startPanel {
+        margin: 10% auto 0;
+      }
+      #resultsPanel {
+        display: none;
+      }
+      section {
+        margin: auto;
+        max-width: 600px;
+      }
+      #logo {
+        background-image: url(https://esbuild.github.io/favicon.svg);
+        background-size: 80px;
+        background-repeat: no-repeat;
+        padding-left: 100px;
+        display: inline-block;
+        text-align: left;
+        margin-bottom: 10px;
+      }
+      h1 {
+        font-size: 80px;
+        line-height: 1em;
+        color: var(--fg-on);
+        margin: 0;
+      }
+      blockquote {
+        font-size: 29px;
+        line-height: 1em;
+        margin: 5px 0;
+        font-style: italic;
+      }
+      p {
+        margin: 30px 0;
+      }
+      a,
+      b {
+        color: var(--fg-on);
+      }
+      code {
+        font: 14px/20px Noto Sans Mono, monospace;
+        background: rgba(127, 127, 127, 0.2);
+        padding: 2px 4px;
+        margin-bottom: -2px;
+        border-radius: 3px;
+      }
+      pre {
+        color: var(--pre);
+        font: 14px/20px Noto Sans Mono, monospace;
+        padding: 0;
+        margin: 0;
+        white-space: pre-wrap;
+      }
+      .center {
+        text-align: center;
+      }
+      .noscript {
+        color: #e24834;
+      }
+      button {
+        padding: 5px 30px;
+        line-height: 1.5em;
+        background: none;
+        color: var(--fg);
+        border: 1px solid var(--fg);
+        border-radius: 100px;
+        cursor: pointer;
+      }
+      button:active,
+      button:hover {
+        color: var(--fg-on);
+        border: 1px solid var(--fg-on);
+        background: rgba(127, 127, 127, 0.2);
+      }
+      button:active {
+        padding: 6px 30px 4px;
+        background: rgba(0, 0, 0, 0.2);
+      }
+      #settingsPanel {
+        text-align: center;
+      }
+      #settingsPanel .chartSwitcher {
+        position: relative;
+        margin: 50px 0;
+        display: flex;
+        justify-content: center;
+      }
+      #settingsPanel .chartSwitcher:after {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0.5em;
+        content: '';
+        display: block;
+        border: 1px solid #ffcf00;
+        z-index: -1;
+      }
+      #settingsPanel .chartSwitcher span {
+        background: var(--bg);
+        padding: 0 1em;
+        border-left: 2px solid #ffcf00;
+      }
+      #settingsPanel .chartSwitcher span:first-child {
+        border: none;
+      }
+      #settingsPanel a {
+        text-decoration: none;
+        color: var(--fg);
+      }
+      #settingsPanel a:hover {
+        text-decoration: underline;
+      }
+      #settingsPanel a.active {
+        font-weight: 700;
+        color: var(--fg-on);
+      }
+      .summary {
+        max-width: 600px;
+        margin: auto;
+      }
+      .tooltip {
+        position: absolute;
+        background: black;
+        color: #999;
+        border-radius: 30px;
+        padding: 0 10px;
+        font-size: 14px;
+        line-height: 30px;
+        display: none;
+        user-select: none;
+        touch-action: none;
+        pointer-events: none;
+        z-index: 1;
+        white-space: pre;
+      }
+      .tooltip b {
+        color: #fff;
+      }
+      #dragTarget {
+        display: none;
+        position: fixed;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        user-select: none;
+        touch-action: none;
+        box-shadow: inset 0 0 0 10px #ffcf00;
+        z-index: 10;
+      }
+      #summaryPanel {
+        text-align: center;
+      }
+      #summaryPanel table {
+        border-collapse: collapse;
+        margin: auto;
+      }
+      #summaryPanel td:first-child {
+        text-align: right;
+      }
+      #summaryPanel h2 {
+        font-size: 30px;
+        line-height: 1em;
+        color: var(--fg-on);
+        margin: 0;
+      }
+      #summaryPanel .symbol {
+        font-size: 30px;
+        padding: 0 30px;
+      }
+      #summaryPanel .formatBreakdown {
+        display: inline-block;
+        margin: 20px auto 0;
+        white-space: nowrap;
+        text-decoration: none;
+      }
+      #summaryPanel .formatBreakdown:hover .side {
+        text-decoration: underline;
+      }
+      #summaryPanel .bar {
+        display: inline-table;
+        vertical-align: middle;
+        margin: 0 0.8em;
+        border: 1px solid #222;
+      }
+      #summaryPanel .bar > div {
+        height: 20px;
+        display: table-cell;
+      }
+      #colorLegend {
+        padding-left: 1.6em;
+        line-height: 1.1em;
+      }
+      #colorLegend .chit {
+        display: inline-block;
+        vertical-align: middle;
+        width: 1.1em;
+        height: 1.1em;
+        margin-left: -1.6em;
+        margin-right: 0.5em;
+        border: 1px solid #222;
+        box-sizing: border-box;
+      }
+      #colorLegend small {
+        display: block;
+        opacity: 0.5;
+        margin-bottom: 1em;
+      }
+      #sunburstPanel main {
+        display: flex;
+        justify-content: center;
+        margin-top: 50px;
+        margin-bottom: 500px;
+      }
+      #sunburstPanel .left {
+        margin-right: 20px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+      #sunburstPanel canvas {
+        display: block;
+        margin-bottom: 30px;
+      }
+      #sunburstPanel .details {
+        flex: 1;
+        max-width: 800px;
+        position: relative;
+      }
+      #sunburstPanel .dir {
+        font-size: 20px;
+        line-height: 1.2em;
+        display: flex;
+        white-space: pre;
+        margin: 0 10px 20px;
+      }
+      #sunburstPanel .dir .segments {
+        flex: 1;
+        height: 20px;
+      }
+      #sunburstPanel .dir a {
+        opacity: 0.5;
+        text-decoration: none;
+      }
+      #sunburstPanel .dir a[href]:hover {
+        text-decoration: underline;
+      }
+      #sunburstPanel .dir a:last-child {
+        opacity: 1;
+        color: var(--fg-on);
+        font-weight: 700;
+      }
+      #sunburstPanel .bars {
+        width: 100%;
+      }
+      #sunburstPanel .bars .row {
+        display: table-row;
+        text-decoration: none;
+        line-height: 26px;
+        color: var(--fg);
+      }
+      #sunburstPanel .bars .row.hover {
+        background: rgba(127, 127, 127, 0.2);
+        color: var(--fg-on);
+      }
+      #sunburstPanel .bars .row.hover .bar:after {
+        content: '';
+        position: absolute;
+        left: 1px;
+        top: 1px;
+        right: 1px;
+        bottom: 1px;
+        background: rgba(255, 255, 255, 0.3);
+      }
+      #sunburstPanel .bars .row > div {
+        display: table-cell;
+      }
+      #sunburstPanel .bars .name {
+        padding: 0 10px;
+        vertical-align: top;
+        white-space: pre;
+      }
+      #sunburstPanel .bars .name span {
+        opacity: 0.5;
+      }
+      #sunburstPanel .bars .size {
+        width: 100%;
+        padding-right: 100px;
+      }
+      #sunburstPanel .bars .bar {
+        position: relative;
+        height: 27px;
+        box-shadow: inset 0 0 0 1px #222;
+        margin-bottom: -1px;
+        min-width: var(--bar-min-width);
+      }
+      #sunburstPanel .bars .bar.empty {
+        min-width: 0;
+      }
+      #sunburstPanel .bars .last {
+        position: absolute;
+        right: -10px;
+        width: 0;
+        white-space: nowrap;
+      }
+      #whyFile {
+        position: fixed;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        padding: 50px;
+        background: rgba(0, 0, 0, 0.6);
+        overflow-y: auto;
+      }
+      #whyFile .dialog {
+        position: relative;
+        margin: 0 auto;
+        padding: 50px;
+        max-width: 1000px;
+        background: var(--bg);
+        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
+        box-sizing: border-box;
+        border-radius: 20px;
+      }
+      #whyFile .dialog:focus {
+        outline: none;
+      }
+      #whyFile .closeButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 50px;
+        text-decoration: none;
+        font-size: 30px;
+        line-height: 50px;
+        text-align: center;
+        color: var(--fg);
+      }
+      #whyFile .closeButton:hover {
+        font-size: 35px;
+        color: var(--fg-on);
+      }
+      #whyFile .closeButton:active {
+        font-size: 30px;
+      }
+      #whyFile h2 {
+        border-bottom: 2px solid #ffcf00;
+        padding-bottom: 4px;
+        margin: 0;
+        font-size: 20px;
+        line-height: 1.2em;
+        color: var(--fg-on);
+      }
+      #whyFile .outputFile {
+        position: relative;
+        border: 1px solid rgba(127, 127, 127, 0.5);
+        padding: 30px 10px 10px;
+        border-radius: 10px;
+        white-space: pre-wrap;
+        margin-top: 10px;
+        line-height: 22px;
+      }
+      #whyFile .outputPath {
+        position: absolute;
+        left: 0;
+        top: 0;
+        background: rgba(127, 127, 127, 0.1);
+        border-right: 1px solid rgba(127, 127, 127, 0.5);
+        border-bottom: 1px solid rgba(127, 127, 127, 0.5);
+        border-top-left-radius: 10px;
+        border-bottom-right-radius: 10px;
+        padding: 5px 10px;
+      }
+      #whyFile pre {
+        padding: 0 0 0 30px;
+      }
+      #whyFile .comment {
+        color: var(--pre-dim);
+      }
+      #whyFile .keyword {
+        color: var(--fg-on);
+      }
+      #whyFile .string {
+        color: var(--pre-val);
+      }
+      #whyFile .arrow,
+      #whyFile .longArrow {
+        position: relative;
+      }
+      #whyFile .arrow:after,
+      #whyFile .longArrow:after {
+        content: '';
+        position: absolute;
+        top: 0;
+        width: 30px;
+        background: var(--fg);
+        opacity: 0.5;
+      }
+      #whyFile .arrow:after {
+        height: 40px;
+        --icon: url('data:image/svg+xml,<svg width="30" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 26L20.5 35L23 25.5L16.5 26Z"/><path d="M5 7C15 7 19 15 20 30" fill="none" stroke="black"/></svg>');
+        mask-image: var(--icon);
+        -webkit-mask-image: var(--icon);
+      }
+      #whyFile .longArrow:after {
+        height: 90px;
+        --icon: url('data:image/svg+xml,<svg width="30" height="90" xmlns="http://www.w3.org/2000/svg"><path d="M17 76L20 85L23 76H17Z"/><path d="M5 7C15 7 20 25 20 80" fill="none" stroke="black"/></svg>');
+        mask-image: var(--icon);
+        -webkit-mask-image: var(--icon);
+      }
+      #flamePanel main {
+        position: relative;
+        margin-top: 60px;
+      }
+      #flamePanel canvas {
+        position: absolute;
+        left: -50px;
+        top: 0;
+      }
+      #flamePanel section {
+        margin-top: 30px;
+        min-height: 500px;
+      }
+      #warningsPanel {
+        max-width: 1000px;
+        margin: auto;
+      }
+      #warningsPanel .expand {
+        margin-top: 20px;
+        text-align: center;
+      }
+      #warningsPanel .content {
+        display: none;
+      }
+      #warningsPanel .warning {
+        margin: 30px 0;
+        white-space: pre-wrap;
+        color: var(--fg-on);
+      }
+      #warningsPanel ul {
+        color: var(--fg);
+        margin: 5px 0 0;
+      }
+      #warningsPanel .dim {
+        opacity: 0.5;
+      }
+      #warningsPanel pre a {
+        text-decoration: none;
+      }
+      #warningsPanel pre a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="dragTarget"></div>
+    <div id="startPanel">
+      <section>
+        <div class="center">
+          <div id="logo">
+            <h1>esbuild</h1>
+            <blockquote>Bundle Size Analyzer</blockquote>
+          </div>
+        </div>
+        <p>
+          This page provides a way to visualize the contents of your esbuild
+          bundle. Add the
+          <a href="https://esbuild.github.io/api/#metafile">metafile</a> option
+          to your esbuild command, then import it using the button below:
+        </p>
+        <p class="center">
+          <button id="importButton">Import your metafile...</button>
+        </p>
+        <p>
+          Or you can
+          <a href="javascript:void 0" id="loadExample">load an example</a> to
+          play around with the visualization.
+        </p>
+        <noscript>
+          <p class="noscript">
+            &#x274C; This page requires JavaScript. Please enable JavaScript and
+            reload the page.
+          </p>
+        </noscript>
+      </section>
+    </div>
+    <div id="resultsPanel">
+      <div id="summaryPanel"></div>
+      <div id="warningsPanel"></div>
+      <div id="settingsPanel">
+        <div class="chartSwitcher">
+          <span
+            ><a id="useSunburst" href="javascript:void 0"
+              >Sunburst Chart</a
+            ></span
+          >
+          <span><a id="useFlame" href="javascript:void 0">Flame Chart</a></span>
+        </div>
+      </div>
+      <div id="chartPanel"></div>
+    </div>
+    <input type="file" style="display: none" />
+    <script>
+      'use strict';
+      globalThis.METAFILE = '';
+      (() => {
+        var d = document,
+          c = Math,
+          Y = requestAnimationFrame,
+          Z = localStorage,
+          B = window;
+        var be = Object.prototype.hasOwnProperty,
+          Et = Array.prototype.indexOf,
+          $e,
+          Yt = /\.\w+\.map$/,
+          Vt = /^\(disabled\):/,
+          vt = navigator.platform.indexOf('Mac') >= 0,
+          et = () => (B.performance || Date).now(),
+          tt = (e) => {
+            try {
+              return Z.getItem(e);
+            } catch (t) {
+              return null;
+            }
+          },
+          lt = (e, t) => {
+            try {
+              Z.setItem(e, t);
+            } catch (r) {}
+          },
+          ye = (e) => Yt.test(e);
+        var Ce = (e) => e.replace(Vt, ''),
+          xe = (e) => ($e ? $e.format(e) : e + ''),
+          Ke = (e) => {
+            let t = e.toFixed(1).split('.', 2);
+            return xe(+t[0]) + '.' + t[1];
+          },
+          le = (e) =>
+            e === 1
+              ? '1 byte'
+              : e < 1024
+              ? xe(e) + ' bytes'
+              : e < 1024 * 1024
+              ? Ke(e / 1024) + ' kb'
+              : e < 1024 * 1024 * 1024
+              ? Ke(e / (1024 * 1024)) + ' mb'
+              : Ke(e / (1024 * 1024 * 1024)) + ' gb',
+          H = (e) =>
+            e
+              .replace(/&/g, '&amp;')
+              .replace(/</g, '&lt;')
+              .replace(/>/g, '&gt;'),
+          Be = (e) => {
+            let t = 0.6 + 0.4 * c.max(0, c.cos(e)),
+              r = 0.5 + 0.2 * c.max(0, c.cos(e + (c.PI * 2) / 3));
+            return (
+              'hsl(' +
+              (e * 180) / c.PI +
+              'deg, ' +
+              c.round(100 * t) +
+              '%, ' +
+              c.round(100 * r) +
+              '%)'
+            );
+          },
+          K = (e) => d.createTextNode(e),
+          rt = (e) => {
+            let t = d.createElement('code');
+            return (t.textContent = e), t;
+          },
+          Me = (e, t) => {
+            let r = d.createElement('span');
+            return (r.className = e), (r.textContent = t), r;
+          },
+          Ue = (e, t) => {
+            let r = e.split('/');
+            if (!t) return r;
+            for (let s = 0; s <= r.length; s++)
+              if (t[s] !== r[s]) {
+                t.length = s;
+                break;
+              }
+            return t;
+          },
+          Ct = (e, t) => {
+            let r = e.split('/');
+            if (!t) return r.reverse();
+            for (let s = 0; s <= r.length; s++)
+              if (t[s] !== r[r.length - s - 1]) {
+                t.length = s;
+                break;
+              }
+            return t;
+          },
+          xt = (e) => {
+            let t = e.lastIndexOf('/');
+            return t < 0 ? '.' : e.slice(0, t);
+          },
+          Mt = (e, t) => {
+            let r = e.split('/'),
+              s = t === '.' ? [] : t.split('/'),
+              n = 0;
+            for (; n < s.length && r[0] === s[n]; ) r.shift(), n++;
+            if (n === s.length) r.unshift('.');
+            else for (; n < s.length; ) r.unshift('..'), n++;
+            return r.join('/');
+          },
+          Nt = (e) => {
+            let t = e.split('/');
+            for (let r = t.length - 1; r >= 0; r--)
+              if (t[r] === 'node_modules')
+                return (
+                  (t = t.slice(r + 1)),
+                  t.length > 1 &&
+                    /^index\.(?:[jt]sx?)$/.test(t[t.length - 1]) &&
+                    t.pop(),
+                  t.join('/')
+                );
+            return null;
+          },
+          Ee = !1,
+          bt = matchMedia('(prefers-color-scheme: dark)'),
+          yt = () => Re && Re(),
+          Ze = null,
+          Qe = null,
+          Re = null,
+          je = (e) => (Ze = e),
+          ze = (e) => (Qe = e),
+          Ge = (e) => (Re = e);
+        d.addEventListener('keydown', () => (Ee = !0), {capture: !0});
+        d.addEventListener('mousedown', () => (Ee = !1), {capture: !0});
+        B.addEventListener('wheel', (e) => Ze && Ze(e), {passive: !1});
+        B.addEventListener('resize', () => Qe && Qe());
+        try {
+          bt.addEventListener('change', yt);
+        } catch (e) {
+          bt.addListener(yt);
+        }
+        try {
+          $e = new Intl.NumberFormat();
+        } catch (e) {}
+        var it = d.getElementById('dragTarget'),
+          qt = d.getElementById('importButton'),
+          ot = 0,
+          nt,
+          It = (e, t = e.dataTransfer) =>
+            t && t.types && Et.call(t.types, 'Files') !== -1,
+          Ot = (e) => {
+            if (e.length === 1) {
+              let t = new FileReader();
+              (t.onload = () => De(t.result)), t.readAsText(e[0]);
+            }
+          };
+        d.ondragover = (e) => {
+          e.preventDefault();
+        };
+        d.ondragenter = (e) => {
+          e.preventDefault(), It(e) && ((it.style.display = 'block'), ot++);
+        };
+        d.ondragleave = (e) => {
+          e.preventDefault(),
+            It(e) && --ot === 0 && (it.style.display = 'none');
+        };
+        d.ondrop = (e) => {
+          e.preventDefault(),
+            (it.style.display = 'none'),
+            (ot = 0),
+            e.dataTransfer && e.dataTransfer.files && Ot(e.dataTransfer.files);
+        };
+        qt.onclick = function () {
+          nt && d.body.removeChild(nt);
+          let e = d.createElement('input');
+          (e.type = 'file'),
+            (e.style.display = 'none'),
+            d.body.appendChild(e),
+            (nt = e),
+            e.click(),
+            (e.onchange = () => e.files && Ot(e.files));
+        };
+        d.body.addEventListener('paste', (e) => {
+          e.clipboardData &&
+            (e.preventDefault(), De(e.clipboardData.getData('text/plain')));
+        });
+        var St = (e) => {
+          let t = e.inputs;
+          for (let r in t) if (t[r].format) return !0;
+          return !1;
+        };
+        var Ne = (e, t) => t.t - e.t || +(e.e > t.e) - +(e.e < t.e),
+          Ie = (e, t, r) => {
+            let s = t.split('/'),
+              n = s.length,
+              i = e,
+              u = '';
+            e.t += r;
+            for (let a = 0; a < n; a++) {
+              let l = s[a],
+                o = i.o,
+                m = o[l],
+                p = l + (a + 1 < n ? '/' : '');
+              (u += p),
+                be.call(o, l) || ((m = {n: p, e: u, t: 0, o: {}}), (o[l] = m)),
+                (m.t += r),
+                (i = m);
+            }
+            return n;
+          };
+        var Lt,
+          Pt,
+          Rt,
+          Xe = d.createElement('canvas'),
+          j = Xe.getContext('2d'),
+          Q = 1,
+          at,
+          dt,
+          st = 0,
+          Je,
+          Ae = {},
+          ut = null,
+          Ye = (e) => (ut = e),
+          Ve = (e, t, r, s, n) => {
+            let i = Ae[t] || Se;
+            if (i instanceof Array) {
+              let u = B.devicePixelRatio || 1;
+              if (Lt !== e || Pt !== u || Rt !== n) {
+                let a = c.round(64 * u) / 64,
+                  l,
+                  o,
+                  m;
+                (Q = n),
+                  (Q = c.log2(Q)),
+                  (Q -= c.floor(Q)),
+                  (l = Q),
+                  (o = c.min(1, 8 * l)),
+                  (Q = c.pow(2, Q)),
+                  (m = (8 * c.SQRT2) / Q),
+                  (Lt = e),
+                  (Pt = u),
+                  (Rt = n),
+                  (Xe.width = Xe.height = c.round(64 * a)),
+                  j.scale(a, a),
+                  (j.fillStyle = i[0]),
+                  j.fillRect(0, 0, 64, 64),
+                  (j.globalAlpha = 0.25),
+                  (j.fillStyle = i[1]),
+                  j.fillRect(0, 0, 64, 64),
+                  (j.globalAlpha = 0.67),
+                  (j.strokeStyle = i[1]),
+                  j.beginPath();
+                for (let p = 0; p <= 64; p += 16)
+                  j.moveTo(p - 32, p + 32), j.lineTo(p + 32, p - 32);
+                if (
+                  ((j.lineWidth = m * (1 - (o - l) / 2)), j.stroke(), o + l > 0)
+                ) {
+                  j.beginPath();
+                  for (let p = 8; p < 64; p += 16)
+                    j.moveTo(p - 32, p + 32), j.lineTo(p + 32, p - 32);
+                  (j.lineWidth = (m * (o + l)) / 2), j.stroke();
+                }
+                (at = e.createPattern(Xe, 'repeat')), (Q /= a);
+              }
+              return (
+                (r /= 64 * Q * u),
+                (r -= c.floor(r)),
+                (r *= 64 * Q * u),
+                at.setTransform(new DOMMatrix([Q, 0, 0, Q, r, s])),
+                at
+              );
+            }
+            return i;
+          },
+          _e = (e) => {
+            let t = Ae[e] || Se;
+            return t instanceof Array
+              ? `url('data:image/svg+xml,<svg width="26" height="26" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="26" fill="${t[0]}"/><rect width="26" height="26" fill="${t[1]}" fill-opacity="25%"/><path d="M22.5 -3.5L-3.5 22.5M35.5 9.5L9.5 35.5" stroke="${t[1]}" stroke-opacity="67%" stroke-width="9.19239"/></svg>')`
+              : t;
+          },
+          Ht = (e, t) => {
+            if (dt !== e) {
+              let r = e.outputs;
+              (dt = e), (st = 0), (Je = {n: '', e: '', t: 0, o: {}});
+              for (let s in r) {
+                if (ye(s)) continue;
+                let i = r[s].inputs;
+                for (let u in i) Ie(Je, Ce(u), i[u].bytesInOutput);
+              }
+            }
+            st !== t &&
+              ((st = t),
+              (Ae = {}),
+              (Oe.innerHTML = ''),
+              t === 1
+                ? wt(Ae, Je, 0, c.PI * 2)
+                : t === 2 && (Ft(Ae, Je), (Oe.innerHTML = Zt)),
+              ut && ut());
+          },
+          wt = (e, t, r, s) => {
+            let n = t.t,
+              i = t.o,
+              u = [];
+            e[t.e] = Be(r + s / 2);
+            for (let a in i) u.push(i[a]);
+            for (let a of u.sort(Ne)) {
+              let l = (a.t / n) * s;
+              wt(e, a, r, l), (r += l);
+            }
+          },
+          He = Be(3.5),
+          we = Be(1),
+          Se = '#CCC',
+          Kt = [He, we],
+          $t = (e) => (e ? (e === 1 ? He : e === 2 ? we : Kt) : Se),
+          Fe = (e, t) =>
+            e === Se
+              ? ''
+              : e === we
+              ? t + 'ESM'
+              : e === He
+              ? t + 'CJS'
+              : t + 'ESM & CJS',
+          Ft = (e, t) => {
+            let r = t.o,
+              s = 0,
+              n = !1;
+            for (let i in r) (s |= Ft(e, r[i])), (n = !0);
+            if (!n) {
+              let i = dt.inputs[t.e],
+                u = i && i.format;
+              s = u === 'esm' ? 2 : u === 'cjs' ? 1 : 0;
+            }
+            return (e[t.e] = $t(s)), s;
+          },
+          Oe = d.createElement('div'),
+          Zt =
+            '<span class="chit" style="background:' +
+            we +
+            '"></span>ESM <small>modern, faster, smaller</small><span class="chit" style="background:' +
+            He +
+            '"></span>CommonJS <small>legacy, slower, larger</small><span class="chit" style="background:' +
+            Se +
+            '"></span>Other';
+        Oe.id = 'colorLegend';
+        var kt = d.getElementById('summaryPanel'),
+          Dt = (e) => (e === 1 ? 'file' : 'files'),
+          At = (e, t) => {
+            let r = e.inputs,
+              s = e.outputs,
+              n = 0,
+              i = 0,
+              u = 0,
+              a = 0,
+              l = 0,
+              o = 0,
+              m = 0,
+              p,
+              I,
+              P;
+            for (let g in r) {
+              let O = r[g],
+                x = O.format;
+              x === 'esm'
+                ? (l += O.bytes)
+                : x === 'cjs'
+                ? (o += O.bytes)
+                : (m += O.bytes),
+                n++,
+                (u += O.bytes);
+            }
+            for (let g in s) ye(g) || (i++, (a += s[g].bytes));
+            (p = c.round((200 * l) / u)),
+              (I = c.round((200 * o) / u)),
+              (kt.innerHTML =
+                '<table><tr><td><h2>' +
+                H(le(u)) +
+                '</h2>' +
+                H(xe(n)) +
+                ' input ' +
+                Dt(n) +
+                '</td><td class="symbol">&rarr;</td><td><h2>' +
+                H(le(a)) +
+                '</h2>' +
+                H(xe(i)) +
+                ' output ' +
+                Dt(i) +
+                '</td></tr></table>' +
+                (l || o
+                  ? '<a href="javascript:void 0" class="formatBreakdown"><span class="side">' +
+                    xe(c.round((100 * o) / u)) +
+                    '% CJS</span><div class="bar"><div style="background:' +
+                    He +
+                    ';width:' +
+                    I +
+                    'px"></div><div style="background:#CCC;width:' +
+                    (200 - p - I) +
+                    'px"></div><div style="background:' +
+                    we +
+                    ';width:' +
+                    p +
+                    'px"></div></div><span class="side">' +
+                    xe(c.round((100 * l) / u)) +
+                    '% ESM</span></a>'
+                  : '')),
+              (P = kt.querySelector('.formatBreakdown')),
+              P && (P.onclick = t);
+          };
+        var ve = d.createElement('div'),
+          _t,
+          pt,
+          qe = null,
+          Wt = () => ve.parentElement !== null,
+          We = () => {
+            ve.remove(), qe && (qe.focus(), (qe = null));
+          },
+          Qt = (e) => {
+            let t = e.inputs,
+              r = e.outputs,
+              s = {},
+              n = {},
+              i = [],
+              u = {};
+            for (let l in r) {
+              let o = r[l],
+                m = o.entryPoint;
+              if (m) {
+                (s[m] = l), i.push(l);
+                for (let p of o.imports)
+                  !p.external && !be.call(u, p.path) && (u[p.path] = !0);
+              }
+            }
+            let a = [];
+            for (let l of i) {
+              let o = r[l].entryPoint;
+              be.call(u, l) ||
+                ((n[o] = {e: o, d: void 0, i: 'entry-point'}), a.push(o));
+            }
+            if (!a.length)
+              for (let l of i) {
+                let o = r[l].entryPoint;
+                (n[o] = {e: o, d: void 0, i: 'entry-point'}), a.push(o);
+              }
+            for (; a.length > 0; ) {
+              let l = [];
+              for (let o of a) {
+                let m = t[o];
+                for (let p of m.imports)
+                  !p.external &&
+                    !be.call(n, p.path) &&
+                    ((n[p.path] = {e: o, d: p.original, i: p.kind}),
+                    l.push(p.path));
+              }
+              a = l;
+            }
+            return {h: s, g: n};
+          },
+          Le = (e, t, r) => {
+            let s = e.inputs[t],
+              n = d.activeElement;
+            if (!s) return;
+            (!pt || _t !== e) && ((_t = e), (pt = Qt(e))),
+              Ee && n && n.focus && n.tagName === 'A' && (qe = n);
+            let i = d.createElement('div');
+            (i.className = 'dialog'),
+              (i.innerHTML =
+                '<h2>' +
+                H(t) +
+                '</h2><p>Original size: <b>' +
+                H(le(s.bytes)) +
+                '</b>' +
+                (r === null
+                  ? ''
+                  : '<br>Bundled size: <b>' + H(le(r)) + '</b>') +
+                (s.format === 'esm'
+                  ? '<br>Module format: <b>ESM</b>'
+                  : s.format === 'cjs'
+                  ? '<br>Module format: <b>CommonJS</b>'
+                  : '') +
+                '</p>'),
+              el(i, pt, t);
+            let u = d.createElement('a');
+            (u.className = 'closeButton'),
+              (u.href = 'javascript:void 0'),
+              (u.onclick = We),
+              (u.innerHTML = '&times;'),
+              i.appendChild(u),
+              (i.tabIndex = 0),
+              (ve.id = 'whyFile'),
+              (ve.innerHTML = ''),
+              ve.appendChild(i),
+              (ve.onmousedown = (a) => {
+                a.target === ve && We();
+              }),
+              d.body.appendChild(ve),
+              i.focus(),
+              (i.onkeydown = (a) => {
+                a.key === 'Escape' &&
+                  !a.shiftKey &&
+                  !a.metaKey &&
+                  !a.ctrlKey &&
+                  !a.altKey &&
+                  (a.preventDefault(), We());
+              });
+          },
+          el = (e, t, r) => {
+            let s = t.g,
+              n = r,
+              i = [{e: r, c: null}];
+            for (;;) {
+              let o = s[n];
+              if (!o) return;
+              if (n === o.e) break;
+              i.push({e: o.e, c: {e: n, d: o.d, i: o.i}}), (n = o.e);
+            }
+            i.reverse();
+            let u = t.h,
+              a,
+              l = 'Entry point';
+            e.appendChild(K('This file is included in the bundle because:'));
+            for (let o of i) {
+              if (be.call(u, o.e)) {
+                let P = d.createElement('div');
+                (a = d.createElement('div')),
+                  (a.className = 'outputFile'),
+                  (P.className = 'outputPath'),
+                  (P.textContent = 'Output file '),
+                  P.appendChild(rt(u[o.e])),
+                  a.appendChild(P),
+                  e.appendChild(a);
+              } else if (!a) return;
+              let m = K(l + ' '),
+                p = K(` is included in the bundle.
+  `);
+              a.firstChild &&
+                a.appendChild(
+                  K(`
+  `),
+                ),
+                a.appendChild(m),
+                a.appendChild(rt(o.e)),
+                a.appendChild(p);
+              let I = o.c;
+              if (I) {
+                let P = I.d || Nt(I.e) || Mt(I.e, xt(o.e)),
+                  g = d.createElement('pre'),
+                  O = d.createElement('span');
+                if (
+                  ((O.className = be.call(u, I.e) ? 'longArrow' : 'arrow'),
+                  I.i === 'import-statement')
+                )
+                  g.appendChild(Me('keyword', 'import ')),
+                    g.appendChild(Me('string', JSON.stringify(P))),
+                    g.appendChild(K(';')),
+                    (l = 'Imported file');
+                else if (I.i === 'require-call')
+                  g.appendChild(K('require(')),
+                    g.appendChild(Me('string', JSON.stringify(P))),
+                    g.appendChild(K(');')),
+                    (l = 'Required file');
+                else if (I.i === 'dynamic-import')
+                  g.appendChild(K('import(')),
+                    g.appendChild(Me('string', JSON.stringify(P))),
+                    g.appendChild(K(');')),
+                    (l = 'Dynamically-imported file');
+                else if (I.i === 'import-rule')
+                  g.appendChild(K('@import ')),
+                    g.appendChild(Me('string', JSON.stringify(P))),
+                    g.appendChild(K(';')),
+                    (l = 'Imported stylesheet');
+                else if (I.i === 'url-token')
+                  g.appendChild(K('url(')),
+                    g.appendChild(Me('string', JSON.stringify(P))),
+                    g.appendChild(K(')')),
+                    (l = 'URL reference');
+                else return;
+                (p.textContent = ` contains:
+  `),
+                  g.appendChild(O),
+                  g.appendChild(
+                    K(`
+  `),
+                  ),
+                  a.appendChild(g);
+              } else m.textContent = 'So ' + m.textContent.toLowerCase();
+            }
+          };
+        var Bt = (e, t) => {
+            for (; t; ) {
+              if (t === e) return !0;
+              t = t.r;
+            }
+            return !1;
+          },
+          tl = (e) => {
+            let t = e.inputs,
+              r = e.outputs,
+              s = {n: '', e: '', t: 0, o: {}},
+              n = (a) => {
+                let l = a.o,
+                  o = [];
+                for (let m in l) o.push(n(l[m]));
+                return {e: a.e, t: a.t, l: o.sort(Ne), r: null};
+              },
+              i = (a, l) => {
+                let o = 0;
+                for (let m of a.l) {
+                  let p = i(m, l + 1);
+                  (m.r = a), p > o && (o = p);
+                }
+                return o + 1;
+              };
+            for (let a in t) Ie(s, Ce(a), 0);
+            for (let a in r) {
+              if (ye(a)) continue;
+              let o = r[a].inputs;
+              for (let m in o) Ie(s, Ce(m), o[m].bytesInOutput);
+            }
+            let u = n(s);
+            for (; u.l.length === 1; ) u = u.l[0];
+            return {a: u, f: i(u, 0)};
+          },
+          ft = (e, t, r) => {
+            if (e === t) return;
+            let s = t.r,
+              n = s.t || 1,
+              i = 0;
+            ft(e, s, r);
+            for (let u of s.l) {
+              if (u === t) {
+                (r.u += (r.s * i) / n), (r.s = (u.t / n) * r.s);
+                break;
+              }
+              i += u.t;
+            }
+            r.p += 1;
+          },
+          ke = (e) => 50 * 8 * c.log(1 + c.log(1 + e / 8)),
+          jt = (e) => {
+            let t = d.createElement('div'),
+              r = d.createElement('main'),
+              s = tl(e),
+              n = s.a,
+              i = null,
+              u = (g) => {
+                n !== g && ((n = g), p(), P());
+              },
+              a = (g) => {
+                i !== g && ((i = g), p(), P());
+              },
+              l = () => {
+                let g = d.createElement('div'),
+                  O = d.createElement('canvas'),
+                  x = O.getContext('2d'),
+                  U = () => {
+                    let f = 2 * c.ceil(ke(s.f)),
+                      C = B.devicePixelRatio || 1;
+                    (w = c.min(c.round(innerWidth * 0.4), f)),
+                      (z = w),
+                      (W = w >> 1),
+                      (A = z >> 1),
+                      (O.style.width = w + 'px'),
+                      (O.style.height = z + 'px'),
+                      (O.width = c.round(w * C)),
+                      (O.height = c.round(z * C)),
+                      x.scale(C, C),
+                      pe();
+                  },
+                  he = (f, C, N, L, se, $, D) => {
+                    let q = ke(C + 1);
+                    if (q > A) return D;
+                    f === i && ($ |= 8);
+                    let de = (N + q) / 2,
+                      te = L + se;
+                    if (te - D < 1.5 / de) return D;
+                    let X = 2 / de;
+                    if ((se > X && (X = se), $ & 2))
+                      (x.fillStyle = Ve(x, f.e, W, A, 1)),
+                        x.beginPath(),
+                        x.arc(W, A, N, L, L + X, !1),
+                        x.arc(W, A, q, L + X, L, !0),
+                        x.fill(),
+                        i &&
+                          ($ & 8 || f.r === i) &&
+                          ((x.fillStyle = 'rgba(255, 255, 255, 0.3)'),
+                          x.fill());
+                    else {
+                      let ce = X === c.PI * 2,
+                        Tt = $ & 4 || ce ? q : N;
+                      $ & 1 && N > 0 && x.arc(W, A, N, L + X, L, !0),
+                        x.moveTo(W + Tt * c.cos(L), A + Tt * c.sin(L)),
+                        x.arc(W, A, q, L, L + X, !1),
+                        ce ||
+                          x.lineTo(W + N * c.cos(L + X), A + N * c.sin(L + X));
+                    }
+                    let me = f.t,
+                      ge = $ & 10,
+                      Te = 0,
+                      ne = -1 / 0;
+                    for (let ce of f.l)
+                      (ne = he(
+                        ce,
+                        C + 1,
+                        q,
+                        L + (se * Te) / me,
+                        (ce.t / me) * se,
+                        ge,
+                        ne,
+                      )),
+                        (Te += ce.t),
+                        (ge |= 4);
+                    return te;
+                  },
+                  pe = () => {
+                    x.clearRect(0, 0, w, z),
+                      he(F, G, ke(G), J, re, 3, -1 / 0),
+                      (x.strokeStyle = '#222'),
+                      x.beginPath(),
+                      he(F, G, ke(G), J, re, 1, -1 / 0),
+                      x.stroke(),
+                      G === 0 &&
+                        ((x.fillStyle = '#222'),
+                        (x.font = 'bold 16px sans-serif'),
+                        (x.textAlign = 'center'),
+                        (x.textBaseline = 'middle'),
+                        x.fillText(le(S.t), W, A));
+                  },
+                  ee = -c.PI / 2,
+                  w = 0,
+                  z = 0,
+                  W = 0,
+                  A = 0,
+                  V = null,
+                  ie = 0,
+                  T = 0,
+                  R = ee,
+                  _ = c.PI * 2,
+                  S = n,
+                  fe = T,
+                  oe = R,
+                  ae = _,
+                  F = n,
+                  G = T,
+                  J = R,
+                  re = _,
+                  h = (f) => {
+                    let C = (D, q, de, te, X) => {
+                        let me = ke(q + 1);
+                        if (me > A) return null;
+                        if (se >= de && se < me) {
+                          let ne = $ - te;
+                          if (
+                            ((ne /= c.PI * 2),
+                            (ne -= c.floor(ne)),
+                            (ne *= c.PI * 2),
+                            ne < X)
+                          )
+                            return D === F ? D.r : D;
+                        }
+                        let ge = D.t,
+                          Te = 0;
+                        for (let ne of D.l) {
+                          let ce = C(
+                            ne,
+                            q + 1,
+                            me,
+                            te + (X * Te) / ge,
+                            (ne.t / ge) * X,
+                          );
+                          if (ce) return ce;
+                          Te += ne.t;
+                        }
+                        return null;
+                      },
+                      N = f.pageX,
+                      L = f.pageY;
+                    for (let D = O; D; D = D.offsetParent)
+                      (N -= D.offsetLeft), (L -= D.offsetTop);
+                    (N -= W), (L -= A);
+                    let se = c.sqrt(N * N + L * L),
+                      $ = c.atan2(L, N);
+                    return C(F, G, ke(G), J, re);
+                  },
+                  b = () => {
+                    let f = (et() - ie) / 350;
+                    f < 0 || f > 1
+                      ? ((f = 1),
+                        (V = null),
+                        (F = S),
+                        (fe = 0),
+                        (oe = ee),
+                        (ae = c.PI * 2))
+                      : (f < 0.5
+                          ? (f *= 4 * f * f)
+                          : ((f = 1 - f), (f *= 4 * f * f), (f = 1 - f)),
+                        (V = Y(b))),
+                      (G = T + (fe - T) * f),
+                      (J = R + (oe - R) * f),
+                      (re = _ + (ae - _) * f),
+                      pe();
+                  },
+                  y = d.createElement('div'),
+                  E = (f, C, N) => {
+                    (y.style.display = 'block'),
+                      (y.style.left = f + 'px'),
+                      (y.style.top = C + 'px'),
+                      (y.innerHTML = N);
+                  },
+                  v = () => {
+                    y.style.display = 'none';
+                  },
+                  k = null,
+                  M = [];
+                return (
+                  U(),
+                  Ge(pe),
+                  ze(U),
+                  je(null),
+                  (O.onmousemove = (f) => {
+                    let C = h(f);
+                    if ((a(C), C && C !== F.r)) {
+                      let N = C.e;
+                      if (C.r) {
+                        let L = C.r.e.length;
+                        N = H(N.slice(0, L)) + '<b>' + H(N.slice(L)) + '</b>';
+                      } else N = '<b>' + H(N) + '</b>';
+                      ue === 2
+                        ? (N += H(Fe(_e(C.e), ' \u2013 ')))
+                        : (N += ' \u2013 ' + H(le(C.t))),
+                        E(f.pageX, f.pageY + 20, N),
+                        (O.style.cursor = 'pointer');
+                    } else v();
+                  }),
+                  (O.onmouseout = () => {
+                    a(null), v();
+                  }),
+                  (O.onclick = (f) => {
+                    let C = h(f);
+                    if (!C) return;
+                    v();
+                    let N = [];
+                    C !== F.r
+                      ? (N = M.concat(n))
+                      : M.length > 0 && ((C = M.pop()), (N = M.slice())),
+                      C.l.length > 0
+                        ? (u(C), (M = N))
+                        : (f.preventDefault(), Le(e, C.e, C.t));
+                  }),
+                  (g.className = 'left'),
+                  g.appendChild(O),
+                  g.appendChild(Oe),
+                  (y.className = 'tooltip'),
+                  r.appendChild(y),
+                  r.appendChild(g),
+                  [
+                    pe,
+                    () => {
+                      if (
+                        (k !== i &&
+                          ((k = i),
+                          i || ((O.style.cursor = 'auto'), v()),
+                          V === null && (V = Y(b))),
+                        S !== n)
+                      ) {
+                        if (
+                          ((M.length = 0),
+                          V === null && (V = Y(b)),
+                          (ie = et()),
+                          Bt(F, n))
+                        ) {
+                          let f = {p: G, u: J, s: re};
+                          ft(F, n, f),
+                            (G = f.p),
+                            (J = f.u),
+                            (re = f.s),
+                            (fe = 0),
+                            (oe = ee),
+                            (ae = c.PI * 2),
+                            (F = n);
+                        } else if (Bt(n, F)) {
+                          let f = {p: 0, u: ee, s: c.PI * 2};
+                          ft(n, F, f), (fe = f.p), (oe = f.u), (ae = f.s);
+                        } else (ie = -1 / 0), (F = n);
+                        (T = G), (R = J), (_ = re), (S = n);
+                      }
+                    },
+                  ]
+                );
+              },
+              o = () => {
+                let g = d.createElement('div'),
+                  O = () => {
+                    let w = n.r,
+                      z = n.l,
+                      W = d.createElement('div'),
+                      A = 1;
+                    W.className = 'bars';
+                    for (let T of z) {
+                      let R = T.t;
+                      R > A && (A = R);
+                    }
+                    if (((x.length = 0), (U.length = 0), w)) {
+                      let T = d.createElement('a');
+                      (T.className = 'row'), (T.tabIndex = 0), W.appendChild(T);
+                      let R = d.createElement('div');
+                      (R.className = 'name'), T.appendChild(R);
+                      let _ = d.createElement('div');
+                      (_.className = 'size'),
+                        T.appendChild(_),
+                        (T.href = 'javascript:void 0'),
+                        (R.textContent = '../'),
+                        (T.onclick = () => {
+                          u(w), Ee && U.length > 0 && U[0].focus();
+                        }),
+                        (T.onfocus = T.onmouseover = () => a(w)),
+                        (T.onblur = T.onmouseout = () => a(null)),
+                        x.push(w),
+                        U.push(T);
+                    }
+                    for (let T of z) {
+                      let R = T.e.slice(n.e.length),
+                        _ = le(T.t),
+                        S = d.createElement('a');
+                      (S.className = 'row'), (S.tabIndex = 0), W.appendChild(S);
+                      let fe = /^[^/]*\/?/.exec(R)[0],
+                        oe = d.createElement('div');
+                      (oe.className = 'name'),
+                        (oe.innerHTML =
+                          H(fe) + '<span>' + R.slice(fe.length) + '</span>'),
+                        S.appendChild(oe);
+                      let ae = d.createElement('div');
+                      (ae.className = 'size'), S.appendChild(ae);
+                      let F = d.createElement('div'),
+                        G = _e(T.e);
+                      (F.className = T.t ? 'bar' : 'bar empty'),
+                        (F.style.background = G),
+                        (F.style.width = (100 * T.t) / A + '%'),
+                        ae.appendChild(F);
+                      let J = d.createElement('div');
+                      (J.className = 'last'),
+                        (J.textContent = ue === 2 ? Fe(G, '') : _),
+                        F.appendChild(J),
+                        (S.href = 'javascript:void 0'),
+                        (S.onclick = (re) => {
+                          re.preventDefault(),
+                            T.l.length > 0
+                              ? (u(T), Ee && U.length > 0 && U[0].focus())
+                              : Le(e, T.e, T.t);
+                        }),
+                        (S.onfocus = S.onmouseover = () => a(T)),
+                        (S.onblur = S.onmouseout = () => a(null)),
+                        x.push(T),
+                        U.push(S);
+                    }
+                    let V = d.createElement('div');
+                    (V.className = 'dir'), (V.textContent = 'Directory: ');
+                    let ie = d.createElement('div');
+                    (ie.className = 'segments'), V.appendChild(ie);
+                    for (let T = n; T; T = T.r) {
+                      let R = T.e || '/',
+                        _ = d.createElement('a');
+                      T.r && (R = R.slice(T.r.e.length)),
+                        (_.textContent = R),
+                        T !== n &&
+                          ((_.href = 'javascript:void 0'),
+                          (_.onclick = (S) => {
+                            S.preventDefault(),
+                              u(T),
+                              Ee &&
+                                U.length > 0 &&
+                                U[!x[0] && U.length > 1 ? 1 : 0].focus();
+                          })),
+                        ie.insertBefore(_, ie.firstChild),
+                        n == s.a &&
+                          ((_.tabIndex = -1), x.unshift(n), U.unshift(_));
+                    }
+                    (g.innerHTML = ''), g.appendChild(V), g.appendChild(W);
+                  },
+                  x = [],
+                  U = [],
+                  he = n,
+                  pe = null,
+                  ee = null;
+                return (
+                  (g.className = 'details'),
+                  r.appendChild(g),
+                  O(),
+                  [
+                    O,
+                    () => {
+                      if ((he !== n && ((he = n), O()), pe !== i)) {
+                        (pe = i),
+                          ee && (ee.classList.remove('hover'), (ee = null));
+                        for (let w = i; w; w = w.r) {
+                          let z = x.indexOf(w);
+                          if (z >= 0) {
+                            (ee = U[z]), ee.classList.add('hover');
+                            break;
+                          }
+                        }
+                      }
+                    },
+                  ]
+                );
+              },
+              [m, p] = l(),
+              [I, P] = o();
+            return (
+              Ye(() => {
+                m(), I();
+              }),
+              (t.id = 'sunburstPanel'),
+              (t.innerHTML =
+                '<div class="summary"><p>This visualization shows how much space each input file takes up in the final bundle. Input files that take up 0 bytes have been completely eliminated by tree-shaking.</p></div>'),
+              t.appendChild(r),
+              t
+            );
+          };
+        var ll = (e) => {
+            let t = e.outputs,
+              r = 0,
+              s = 0,
+              n = [],
+              i,
+              u = (l) => ' \u2013 ' + le(l),
+              a = (l) => {
+                let o = l.o,
+                  m = [];
+                for (let p in o) m.push(a(o[p]));
+                return {n: l.n, e: l.e, m: u(l.t), t: l.t, l: m.sort(Ne)};
+              };
+            for (let l in t) {
+              let o = l.split('/');
+              o.pop(), (i = Ue(o.join('/'), i));
+            }
+            for (let l in t) {
+              if (ye(l)) continue;
+              let m = {
+                  n: i ? l.split('/').slice(i.length).join('/') : l,
+                  e: '',
+                  t: 0,
+                  o: {},
+                },
+                p = t[l],
+                I = p.inputs,
+                P = p.bytes;
+              for (let g in I) {
+                let O = Ie(m, Ce(g), I[g].bytesInOutput);
+                O > s && (s = O);
+              }
+              (m.t = P), (r += P), n.push(a(m));
+            }
+            e: for (;;) {
+              let l;
+              for (let o of n) {
+                let m = o.l;
+                if (!m.length) continue;
+                if (m.length > 1 || m[0].l.length !== 1) break e;
+                let p = m[0].n;
+                if (l === void 0) l = p;
+                else if (l !== p) break e;
+              }
+              if (l === void 0) break;
+              for (let o of n) {
+                let m = o.l;
+                if (m.length) {
+                  m = m[0].l;
+                  for (let p of m) p.n = l + p.n;
+                  o.l = m;
+                }
+              }
+              s--;
+            }
+            for (let l of n) {
+              let o = 0;
+              for (let m of l.l) o += m.t;
+              o < l.t &&
+                l.l.push({
+                  n: '(unassigned)',
+                  e: '',
+                  m: u(l.t - o),
+                  t: l.t - o,
+                  l: [],
+                });
+            }
+            return n.sort(Ne), {a: {n: '', e: '', m: '', t: r, l: n}, f: s + 1};
+          },
+          zt = (e) => {
+            let t = ll(e),
+              r = t.a.t,
+              s = 0,
+              n = r,
+              i = d.createElement('div'),
+              u = d.createElement('main'),
+              a = d.createElement('canvas'),
+              l = a.getContext('2d'),
+              o = 0,
+              m = 0,
+              p = 0,
+              I = 0,
+              P = 1,
+              g = null,
+              O = null,
+              x = '',
+              U = '14px sans-serif',
+              he = {},
+              pe = 'bold ' + U,
+              ee = {},
+              w = 0,
+              z = ee,
+              W = (h) => {
+                O !== h &&
+                  ((O = h),
+                  (a.style.cursor = h && !h.l.length ? 'pointer' : 'auto'),
+                  h || oe(),
+                  _());
+              },
+              A = (h, b) => {
+                let y = h[b];
+                return (
+                  y === void 0 &&
+                    ((y = l.measureText(String.fromCharCode(b)).width),
+                    (h[b] = y)),
+                  y
+                );
+              },
+              V = () => {
+                let h = B.devicePixelRatio || 1;
+                (o = i.clientWidth + 2 * 50),
+                  (m = t.f * 24 + 1),
+                  (p = (o - 1e3) >> 1),
+                  (I = p + 1e3),
+                  p < 0 && (p = 0),
+                  I > o && (I = o),
+                  (I -= p),
+                  (P = r / I),
+                  (a.style.width = o + 'px'),
+                  (a.style.height = m + 'px'),
+                  (u.style.height = m + 'px'),
+                  (a.width = c.round(o * h)),
+                  (a.height = c.round(m * h)),
+                  l.scale(h, h),
+                  R();
+              },
+              ie = (h, b) => {
+                let y = w,
+                  E = h.length,
+                  v = 0;
+                for (; v < E && ((y += A(z, h.charCodeAt(v))), !(y > b)); ) v++;
+                return h.slice(0, v) + '...';
+              },
+              T = (h, b, y, E, v) => {
+                let k = I / (n - s),
+                  M = p + (y - s) * k,
+                  f = h.t * k,
+                  C = M + f;
+                if (C < E + 1.5) return E;
+                if (M + f < 0 || M > o) return C;
+                let N = f < 2 ? 2 : f,
+                  L = (M > 0 ? M : 0) + 5,
+                  se = b + 24 / 2,
+                  $ = '',
+                  D = '',
+                  q,
+                  de = 0,
+                  te = f + M - L,
+                  X = h.e ? Ve(l, h.e, p - s * k, 24, k * P) : Se,
+                  me = 'black',
+                  ge = -1 / 0;
+                v & 1
+                  ? ((me = x), (l.font = pe), (z = he), (w = 3 * A(z, 46)))
+                  : ((l.fillStyle = X),
+                    l.fillRect(M, b, N, 24),
+                    (v & 2 || (O && h.e === O.e)) &&
+                      ((l.fillStyle = 'rgba(255, 255, 255, 0.3)'),
+                      l.fillRect(M, b, N, 24),
+                      (v |= 2))),
+                  w < te &&
+                    (($ = h.n),
+                    (q = l.measureText($).width),
+                    q <= te ? (de += q) : (($ = ie($, te)), (de = te)),
+                    (l.fillStyle = me),
+                    l.fillText($, L, se)),
+                  v & 1 && ((l.font = U), (z = ee), (w = 3 * A(z, 46))),
+                  de + w < te &&
+                    ((D = ue === 2 ? Fe(X, ' \u2013 ') : h.m),
+                    (q = l.measureText(D).width),
+                    de + q > te && (D = ie(D, te - de)),
+                    (l.globalAlpha = 0.5),
+                    l.fillText(D, L + de, se),
+                    (l.globalAlpha = 1));
+                for (let Te of h.l)
+                  (ge = T(Te, b + 24, y, ge, v & -2)), (y += Te.t);
+                return (
+                  v & 1 ||
+                    ((l.strokeStyle = '#222'), l.strokeRect(M, b, N, 24)),
+                  C
+                );
+              },
+              R = () => {
+                let h = getComputedStyle(d.body),
+                  b = 0,
+                  y = -1 / 0;
+                (g = null),
+                  (x = h.getPropertyValue('--fg-on')),
+                  l.clearRect(0, 0, o, m),
+                  (l.textBaseline = 'middle');
+                for (let E of t.a.l) (y = T(E, 0, b, y, 1)), (b += E.t);
+              },
+              _ = () => {
+                g === null && (g = Y(R));
+              },
+              S = d.createElement('div'),
+              fe = (h, b, y) => {
+                (S.style.display = 'block'),
+                  (S.style.left = h + 'px'),
+                  (S.style.top = b + 'px'),
+                  (S.innerHTML = y);
+                let E = S.offsetWidth;
+                for (let v = S; v; v = v.offsetParent) E += v.offsetLeft;
+                E > o && (S.style.left = h + o - E + 'px');
+              },
+              oe = () => {
+                S.style.display = 'none';
+              },
+              ae = (h) => {
+                let b = (M, f, C) => {
+                    if (v >= C && v < C + M.t) {
+                      if (E >= f && E < f + 24 && M.e) return M;
+                      if (E >= f + 24)
+                        for (let N of M.l) {
+                          let L = b(N, f + 24, C);
+                          if (L) return L;
+                          C += N.t;
+                        }
+                    }
+                    return null;
+                  },
+                  y = h.pageX,
+                  E = h.pageY;
+                for (let M = a; M; M = M.offsetParent)
+                  (y -= M.offsetLeft), (E -= M.offsetTop);
+                let v = s + ((n - s) / I) * (y - p),
+                  k = 0;
+                for (let M of t.a.l) {
+                  let f = b(M, 0, k);
+                  if (f) return f;
+                  k += M.t;
+                }
+                return null;
+              },
+              F = (h, b, y) => {
+                let E = s,
+                  v = n,
+                  k = 0;
+                if (y !== null) {
+                  let M = E + ((v - E) / I) * (y - p),
+                    f = c.pow(1.01, b);
+                  (E = M + (E - M) * f), (v = M + (v - M) * f);
+                } else k = (h * (v - E)) / I;
+                E + k < 0 ? (k = -E) : v + k > r && (k = r - v),
+                  (E += k),
+                  (v += k),
+                  E < 0 && (E = 0),
+                  v > r && (v = r),
+                  (s !== E || n !== v) && ((s = E), (n = v), _());
+              },
+              G = (h) => {
+                let b = ae(h);
+                if ((W(b), b)) {
+                  let y = b.e,
+                    E = y.length - b.n.length;
+                  (y = H(y.slice(0, E)) + '<b>' + H(y.slice(E)) + '</b>'),
+                    ue === 2
+                      ? (y += H(Fe(_e(b.e), ' \u2013 ')))
+                      : (y += ' \u2013 ' + H(le(b.t))),
+                    fe(h.pageX, h.pageY + 20, y);
+                } else oe();
+              },
+              J = !1;
+            (a.onmousedown = (h) => {
+              if (((J = !1), h.button !== 2)) {
+                let b = h.pageX,
+                  y = (v) => {
+                    let k = v.pageX - b;
+                    (!J && c.abs(k) < 3) ||
+                      ((J = !0), F(-k, 0, null), (b = v.pageX));
+                  },
+                  E = () => {
+                    d.removeEventListener('mousemove', y),
+                      d.removeEventListener('mouseup', E);
+                  };
+                h.preventDefault(),
+                  d.addEventListener('mousemove', y),
+                  d.addEventListener('mouseup', E);
+              }
+            }),
+              (a.onmousemove = (h) => {
+                G(h);
+              }),
+              (a.onmouseout = (h) => {
+                W(null);
+              }),
+              (a.onclick = (h) => {
+                if (J) return;
+                let b = ae(h);
+                W(b), b && !b.l.length && Le(e, b.e, b.t);
+              }),
+              je((h) => {
+                if (Wt()) return;
+                let b = h.deltaX,
+                  y = h.deltaY,
+                  E = h.ctrlKey || h.metaKey;
+                (E || c.abs(b) >= c.abs(y)) && h.preventDefault(),
+                  F(b, y, E ? h.pageX : null),
+                  G(h);
+              }),
+              V(),
+              Promise.resolve().then(V),
+              Ge(R),
+              Ye(R),
+              ze(V),
+              (i.id = 'flamePanel'),
+              (i.innerHTML =
+                '<div class="summary"><p>This visualization shows which input files were placed into each output file in the bundle. Use the scroll wheel with the ' +
+                (vt ? 'command' : 'control') +
+                ' key to zoom in and out.</p></div>'),
+              (S.className = 'tooltip'),
+              u.appendChild(a),
+              i.appendChild(u),
+              i.appendChild(S);
+            let re = d.createElement('section');
+            return re.appendChild(Oe), i.appendChild(re), i;
+          };
+        var Gt,
+          rl = (e) => {
+            let t = e.inputs,
+              r = {},
+              s = [];
+            for (let n in t) {
+              let i = t[n];
+              for (let u of i.imports)
+                if (u.original && u.original[0] !== '.') {
+                  let a = r[u.original] || (r[u.original] = []);
+                  a.includes(u.path) || a.push(u.path);
+                }
+            }
+            for (let n in r) {
+              let i = r[n];
+              if (i.length > 1) {
+                let u = d.createElement('div'),
+                  a = d.createElement('ul'),
+                  l,
+                  o;
+                (u.className = 'warning'),
+                  (u.innerHTML =
+                    'The import path <code>' +
+                    H(n) +
+                    '</code> resolves to multiple files in the bundle:');
+                for (let m of i) l = Ue(m, l);
+                for (let m of i) {
+                  let p = m.split('/');
+                  l && (p = p.slice(l.length)), (o = Ct(p.join('/'), o));
+                }
+                for (let m of i.sort()) {
+                  let p = m.split('/').map(H),
+                    I = d.createElement('li'),
+                    P = '<pre><a href="javascript:void 0">',
+                    g = '';
+                  l &&
+                    l.length &&
+                    ((P +=
+                      '<span class="dim">' +
+                      p.slice(0, l.length).join('/') +
+                      '/</span>'),
+                    (p = p.slice(l.length))),
+                    o &&
+                      o.length &&
+                      ((g =
+                        '<span class="dim">' +
+                        (p.length > o.length ? '/' : '') +
+                        p.slice(p.length - o.length).join('/') +
+                        '</span>'),
+                      (p.length -= o.length)),
+                    (I.innerHTML =
+                      P + '<b>' + p.join('/') + '</b>' + g + '</a></pre>'),
+                    a.appendChild(I),
+                    (I.querySelector('a').onclick = () => {
+                      Le(e, m, null);
+                    });
+                }
+                u.appendChild(a), s.push(u);
+              }
+            }
+            return s;
+          },
+          Jt = (e) => {
+            if (Gt === e) return;
+            Gt = e;
+            let t = d.getElementById('warningsPanel'),
+              r = rl(e),
+              s = r.length;
+            if (s) {
+              t.innerHTML =
+                '<div class="expand">\u26A0\uFE0F This bundle has <b><a href="javascript:void 0">' +
+                s +
+                ' warning' +
+                (s === 1 ? '' : 's') +
+                '</a></b><span>.</span></div>';
+              let n = t.querySelector('span'),
+                i = d.createElement('div');
+              i.className = 'content';
+              for (let u of r) i.appendChild(u);
+              t.appendChild(i),
+                (t.querySelector('a').onclick = () => {
+                  i.style.display === 'block'
+                    ? ((n.textContent = '.'), (i.style.display = 'none'))
+                    : ((n.textContent = ':'), (i.style.display = 'block'));
+                });
+            } else t.innerHTML = '';
+          };
+        var nl = d.getElementById('startPanel'),
+          il = d.getElementById('resultsPanel'),
+          mt = d.getElementById('chartPanel'),
+          ct = d.getElementById('useSunburst'),
+          ht = d.getElementById('useFlame'),
+          Pe = 0,
+          ue = 0,
+          gt = (e) =>
+            typeof e == 'object' && e !== null && !(e instanceof Array),
+          De = (e) => {
+            let t = JSON.parse(e),
+              r = St(t),
+              s = (i) => {
+                Pe !== i &&
+                  (Pe === 1
+                    ? ct.classList.remove('active')
+                    : Pe === 2 && ht.classList.remove('active'),
+                  (Pe = i),
+                  (mt.innerHTML = ''),
+                  Pe === 1
+                    ? (mt.appendChild(jt(t)),
+                      ct.classList.add('active'),
+                      lt('chart', 'sunburst'))
+                    : Pe === 2 &&
+                      (mt.appendChild(zt(t)),
+                      ht.classList.add('active'),
+                      lt('chart', 'flame')));
+              },
+              n = (i) => {
+                ue !== i && ((ue = i), Ht(t, ue));
+              };
+            if (!gt(t) || !gt(t.inputs) || !gt(t.outputs))
+              throw new Error('Invalid metafile format');
+            (nl.style.display = 'none'),
+              (il.style.display = 'block'),
+              (ct.onclick = () => s(1)),
+              (ht.onclick = () => s(2)),
+              (Pe = 0),
+              (ue = 0),
+              At(t, () => n(ue === 1 ? 2 : 1)),
+              Jt(t),
+              We(),
+              s(tt('chart') === 'flame' ? 2 : 1),
+              n(1);
+          },
+          ol = d.documentElement.dataset,
+          Xt = () => {
+            (ol.theme = tt('theme') + ''), Re && Re();
+          };
+        Xt();
+        B.addEventListener('storage', Xt);
+        d.getElementById('loadExample').onclick = () => {
+          fetch('example-metafile.json')
+            .then((e) => e.text())
+            .then(De);
+        };
+        if (true) {
+          try {
+            De(atob(location.hash.slice(1) || globalThis.METAFILE));
+          } catch (e) {}
+          try {
+            history.replaceState({}, '', location.pathname);
+          } catch (e) {}
+        }
+      })();
+    </script>
+  </body>
+</html>