@vue/devtools-electron 7.7.7 → 8.0.0

package/client/assets-BPNh8kJj.js

@@ -0,0 +1,1052 @@
+import { d as T, aq as re, ay as Z, i as w, a7 as le, c as p, a as P, o as a, b as r, F as z, x as F, n as M, u as s, t as x, w as A, a6 as ae, e as S, y as C, H as X, r as L, M as Q, T as E, ak as W, az as ue, av as se, S as ne, Y as de, aA as Y, aa as ce, s as D, aB as pe, f as ee, U as J, a5 as oe, ax as H, A as q, aj as te, a8 as he, aC as fe, aD as me, aw as ve, a0 as ye, at as ge, I as _e, J as be, V as we } from "./index-1gPbFyyc.js";
+import { _ as $e } from "./SectionBlock-CVoN8mOT.js";
+import { _ as xe } from "./IconTitle.vue_vue_type_script_setup_true_lang-BUuVJmL3.js";
+const ke = {
+  key: 0,
+  relative: "",
+  "code-block": ""
+}, Be = {
+  flex: "~ wrap",
+  "w-full": ""
+}, Ae = ["onClick"], Ce = {
+  flex: "~ gap-2",
+  px3: "",
+  pb3: ""
+}, Pe = /* @__PURE__ */ T({
+  __name: "CodeSnippets",
+  props: {
+    codeSnippets: {},
+    eventType: {}
+  },
+  setup(f) {
+    const n = f, e = re(n.codeSnippets[0]), { copy: t } = Z(), i = w(() => e.value?.lang || "text");
+    return le(() => {
+      n.codeSnippets.includes(e.value) || (e.value = n.codeSnippets[0]);
+    }), (o, l) => o.codeSnippets.length ? (a(), p("div", ke, [
+      r("div", Be, [
+        (a(!0), p(z, null, F(o.codeSnippets, (d, m) => (a(), p("button", {
+          key: m,
+          px4: "",
+          py2: "",
+          border: "r base",
+          hover: "bg-active",
+          class: M(d === s(e) ? "" : "border-b"),
+          onClick: (v) => e.value = d
+        }, [
+          r("div", {
+            class: M(d === s(e) ? "" : "op30"),
+            "font-mono": ""
+          }, x(d.name), 3)
+        ], 10, Ae))), 128)),
+        l[1] || (l[1] = r("div", {
+          border: "b base",
+          "flex-auto": ""
+        }, null, -1))
+      ]),
+      s(e) ? (a(), p(z, { key: 0 }, [
+        A(s(ae), {
+          code: s(e).code,
+          lang: s(i),
+          lines: !1,
+          "w-full": "",
+          "of-auto": "",
+          p3: ""
+        }, null, 8, ["code", "lang"]),
+        r("div", Ce, [
+          A(s(Q), {
+            onClick: l[0] || (l[0] = (d) => s(t)(s(e).code, { silent: !1, type: o.eventType || `code-snippet-${s(e).name}` }))
+          }, {
+            icon: C(() => [
+              L(o.$slots, "i-carbon-copy")
+            ]),
+            default: C(() => [
+              l[2] || (l[2] = X(" Copy ", -1))
+            ]),
+            _: 3,
+            __: [2]
+          }),
+          s(e)?.docs ? (a(), S(s(Q), {
+            key: 0,
+            to: s(e).docs,
+            target: "_blank"
+          }, {
+            icon: C(() => [
+              L(o.$slots, "i-carbon-catalog")
+            ]),
+            default: C(() => [
+              l[3] || (l[3] = X(" Docs ", -1))
+            ]),
+            _: 3,
+            __: [3]
+          }, 8, ["to"])) : P("", !0)
+        ])
+      ], 64)) : P("", !0)
+    ])) : P("", !0);
+  }
+}), Se = ["title"], ze = /* @__PURE__ */ T({
+  __name: "FilepathItem",
+  props: {
+    filepath: {},
+    lineBreak: { type: Boolean },
+    subpath: { type: Boolean }
+  },
+  setup(f) {
+    const n = f, e = w(
+      () => ({ path: n.filepath })
+    ), { copy: t } = Z();
+    return (i, o) => E((a(), p("button", {
+      "font-mono": "",
+      "hover:underline": "",
+      class: M(i.lineBreak ? "" : "ws-nowrap of-hidden truncate"),
+      title: i.filepath,
+      onClick: o[0] || (o[0] = (l) => s(t)(i.filepath))
+    }, [
+      X(x(s(e).path), 1)
+    ], 10, Se)), [
+      [s(W), "Copy file path"]
+    ]);
+  }
+});
+function je(f) {
+  return typeof f == "string" ? `'${f}'` : new Ve().serialize(f);
+}
+const Ve = /* @__PURE__ */ function() {
+  class f {
+    #e = /* @__PURE__ */ new Map();
+    compare(e, t) {
+      const i = typeof e, o = typeof t;
+      return i === "string" && o === "string" ? e.localeCompare(t) : i === "number" && o === "number" ? e - t : String.prototype.localeCompare.call(this.serialize(e, !0), this.serialize(t, !0));
+    }
+    serialize(e, t) {
+      if (e === null) return "null";
+      switch (typeof e) {
+        case "string":
+          return t ? e : `'${e}'`;
+        case "bigint":
+          return `${e}n`;
+        case "object":
+          return this.$object(e);
+        case "function":
+          return this.$function(e);
+      }
+      return String(e);
+    }
+    serializeObject(e) {
+      const t = Object.prototype.toString.call(e);
+      if (t !== "[object Object]") return this.serializeBuiltInType(t.length < 10 ? `unknown:${t}` : t.slice(8, -1), e);
+      const i = e.constructor, o = i === Object || i === void 0 ? "" : i.name;
+      if (o !== "" && globalThis[o] === i) return this.serializeBuiltInType(o, e);
+      if (typeof e.toJSON == "function") {
+        const l = e.toJSON();
+        return o + (l !== null && typeof l == "object" ? this.$object(l) : `(${this.serialize(l)})`);
+      }
+      return this.serializeObjectEntries(o, Object.entries(e));
+    }
+    serializeBuiltInType(e, t) {
+      const i = this["$" + e];
+      if (i) return i.call(this, t);
+      if (typeof t?.entries == "function") return this.serializeObjectEntries(e, t.entries());
+      throw new Error(`Cannot serialize ${e}`);
+    }
+    serializeObjectEntries(e, t) {
+      const i = Array.from(t).sort((l, d) => this.compare(l[0], d[0]));
+      let o = `${e}{`;
+      for (let l = 0; l < i.length; l++) {
+        const [d, m] = i[l];
+        o += `${this.serialize(d, !0)}:${this.serialize(m)}`, l < i.length - 1 && (o += ",");
+      }
+      return o + "}";
+    }
+    $object(e) {
+      let t = this.#e.get(e);
+      return t === void 0 && (this.#e.set(e, `#${this.#e.size}`), t = this.serializeObject(e), this.#e.set(e, t)), t;
+    }
+    $function(e) {
+      const t = Function.prototype.toString.call(e);
+      return t.slice(-15) === "[native code] }" ? `${e.name || ""}()[native]` : `${e.name}(${e.length})${t.replace(/\s*\n\s*/g, "")}`;
+    }
+    $Array(e) {
+      let t = "[";
+      for (let i = 0; i < e.length; i++) t += this.serialize(e[i]), i < e.length - 1 && (t += ",");
+      return t + "]";
+    }
+    $Date(e) {
+      try {
+        return `Date(${e.toISOString()})`;
+      } catch {
+        return "Date(null)";
+      }
+    }
+    $ArrayBuffer(e) {
+      return `ArrayBuffer[${new Uint8Array(e).join(",")}]`;
+    }
+    $Set(e) {
+      return `Set${this.$Array(Array.from(e).sort((t, i) => this.compare(t, i)))}`;
+    }
+    $Map(e) {
+      return this.serializeObjectEntries("Map", e.entries());
+    }
+  }
+  for (const n of ["Error", "RegExp", "URL"]) f.prototype["$" + n] = function(e) {
+    return `${n}(${e})`;
+  };
+  for (const n of ["Int8Array", "Uint8Array", "Uint8ClampedArray", "Int16Array", "Uint16Array", "Int32Array", "Uint32Array", "Float32Array", "Float64Array"]) f.prototype["$" + n] = function(e) {
+    return `${n}[${e.join(",")}]`;
+  };
+  for (const n of ["BigInt64Array", "BigUint64Array"]) f.prototype["$" + n] = function(e) {
+    return `${n}[${e.join("n,")}${e.length > 0 ? "n" : ""}]`;
+  };
+  return f;
+}(), Ie = [1779033703, -1150833019, 1013904242, -1521486534, 1359893119, -1694144372, 528734635, 1541459225], De = [1116352408, 1899447441, -1245643825, -373957723, 961987163, 1508970993, -1841331548, -1424204075, -670586216, 310598401, 607225278, 1426881987, 1925078388, -2132889090, -1680079193, -1046744716, -459576895, -272742522, 264347078, 604807628, 770255983, 1249150122, 1555081692, 1996064986, -1740746414, -1473132947, -1341970488, -1084653625, -958395405, -710438585, 113926993, 338241895, 666307205, 773529912, 1294757372, 1396182291, 1695183700, 1986661051, -2117940946, -1838011259, -1564481375, -1474664885, -1035236496, -949202525, -778901479, -694614492, -200395387, 275423344, 430227734, 506948616, 659060556, 883997877, 958139571, 1322822218, 1537002063, 1747873779, 1955562222, 2024104815, -2067236844, -1933114872, -1866530822, -1538233109, -1090935817, -965641998], Te = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_", O = [];
+class Ue {
+  _data = new G();
+  _hash = new G([...Ie]);
+  _nDataBytes = 0;
+  _minBufferSize = 0;
+  finalize(n) {
+    n && this._append(n);
+    const e = this._nDataBytes * 8, t = this._data.sigBytes * 8;
+    return this._data.words[t >>> 5] |= 128 << 24 - t % 32, this._data.words[(t + 64 >>> 9 << 4) + 14] = Math.floor(e / 4294967296), this._data.words[(t + 64 >>> 9 << 4) + 15] = e, this._data.sigBytes = this._data.words.length * 4, this._process(), this._hash;
+  }
+  _doProcessBlock(n, e) {
+    const t = this._hash.words;
+    let i = t[0], o = t[1], l = t[2], d = t[3], m = t[4], v = t[5], j = t[6], V = t[7];
+    for (let b = 0; b < 64; b++) {
+      if (b < 16) O[b] = n[e + b] | 0;
+      else {
+        const c = O[b - 15], u = (c << 25 | c >>> 7) ^ (c << 14 | c >>> 18) ^ c >>> 3, $ = O[b - 2], k = ($ << 15 | $ >>> 17) ^ ($ << 13 | $ >>> 19) ^ $ >>> 10;
+        O[b] = u + O[b - 7] + k + O[b - 16];
+      }
+      const U = m & v ^ ~m & j, K = i & o ^ i & l ^ o & l, g = (i << 30 | i >>> 2) ^ (i << 19 | i >>> 13) ^ (i << 10 | i >>> 22), h = (m << 26 | m >>> 6) ^ (m << 21 | m >>> 11) ^ (m << 7 | m >>> 25), y = V + h + U + De[b] + O[b], I = g + K;
+      V = j, j = v, v = m, m = d + y | 0, d = l, l = o, o = i, i = y + I | 0;
+    }
+    t[0] = t[0] + i | 0, t[1] = t[1] + o | 0, t[2] = t[2] + l | 0, t[3] = t[3] + d | 0, t[4] = t[4] + m | 0, t[5] = t[5] + v | 0, t[6] = t[6] + j | 0, t[7] = t[7] + V | 0;
+  }
+  _append(n) {
+    typeof n == "string" && (n = G.fromUtf8(n)), this._data.concat(n), this._nDataBytes += n.sigBytes;
+  }
+  _process(n) {
+    let e, t = this._data.sigBytes / 64;
+    n ? t = Math.ceil(t) : t = Math.max((t | 0) - this._minBufferSize, 0);
+    const i = t * 16, o = Math.min(i * 4, this._data.sigBytes);
+    if (i) {
+      for (let l = 0; l < i; l += 16) this._doProcessBlock(this._data.words, l);
+      e = this._data.words.splice(0, i), this._data.sigBytes -= o;
+    }
+    return new G(e, o);
+  }
+}
+class G {
+  words;
+  sigBytes;
+  constructor(n, e) {
+    n = this.words = n || [], this.sigBytes = e === void 0 ? n.length * 4 : e;
+  }
+  static fromUtf8(n) {
+    const e = unescape(encodeURIComponent(n)), t = e.length, i = [];
+    for (let o = 0; o < t; o++) i[o >>> 2] |= (e.charCodeAt(o) & 255) << 24 - o % 4 * 8;
+    return new G(i, t);
+  }
+  toBase64() {
+    const n = [];
+    for (let e = 0; e < this.sigBytes; e += 3) {
+      const t = this.words[e >>> 2] >>> 24 - e % 4 * 8 & 255, i = this.words[e + 1 >>> 2] >>> 24 - (e + 1) % 4 * 8 & 255, o = this.words[e + 2 >>> 2] >>> 24 - (e + 2) % 4 * 8 & 255, l = t << 16 | i << 8 | o;
+      for (let d = 0; d < 4 && e * 8 + d * 6 < this.sigBytes * 8; d++) n.push(Te.charAt(l >>> 6 * (3 - d) & 63));
+    }
+    return n.join("");
+  }
+  concat(n) {
+    if (this.words[this.sigBytes >>> 2] &= 4294967295 << 32 - this.sigBytes % 4 * 8, this.words.length = Math.ceil(this.sigBytes / 4), this.sigBytes % 4) for (let e = 0; e < n.sigBytes; e++) {
+      const t = n.words[e >>> 2] >>> 24 - e % 4 * 8 & 255;
+      this.words[this.sigBytes + e >>> 2] |= t << 24 - (this.sigBytes + e) % 4 * 8;
+    }
+    else for (let e = 0; e < n.sigBytes; e += 4) this.words[this.sigBytes + e >>> 2] = n.words[e >>> 2];
+    this.sigBytes += n.sigBytes;
+  }
+}
+function Oe(f) {
+  return new Ue().finalize(f).toBase64();
+}
+function Fe(f) {
+  return Oe(je(f));
+}
+const Ee = /* @__PURE__ */ T({
+  __name: "AssetFontPreview",
+  props: {
+    asset: {}
+  },
+  setup(f) {
+    const n = f, e = w(() => `devtools-assets-${Fe(n.asset)}`);
+    return ue(w(() => `
+  @font-face {
+    font-family: '${e.value}';
+    src: url('${n.asset.publicPath}');
+  }
+`)), (t, i) => (a(), p("div", {
+      "of-hidden": "",
+      style: se({ fontFamily: `'${s(e)}'` })
+    }, " Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz ", 4));
+  }
+}), Me = {
+  flex: "",
+  "items-center": "",
+  "justify-center": "",
+  "of-hidden": "",
+  "bg-active": "",
+  "object-cover": "",
+  p1: ""
+}, Le = ["src"], Re = {
+  key: 2,
+  "i-carbon-document": "",
+  "text-3xl": "",
+  op20: ""
+}, Ne = {
+  key: 3,
+  "w-full": "",
+  "self-start": "",
+  p4: ""
+}, Je = ["textContent"], qe = { key: 4 }, Ge = ["src", "autoplay", "controls"], Xe = { key: 5 }, He = {
+  key: 0,
+  "i-carbon-volume-up": "",
+  "text-3xl": "",
+  op20: ""
+}, Ke = ["src"], We = {
+  key: 6,
+  "i-vscode-icons-file-type-wasm": "",
+  "text-3xl": ""
+}, Ye = {
+  key: 7,
+  "i-carbon-help": "",
+  "text-3xl": "",
+  op20: ""
+}, ie = /* @__PURE__ */ T({
+  __name: "AssetPreview",
+  props: {
+    asset: {},
+    textContent: {},
+    detail: { type: Boolean }
+  },
+  setup(f) {
+    return (n, e) => {
+      const t = Ee;
+      return a(), p("div", Me, [
+        n.asset.type === "image" ? (a(), p("img", {
+          key: 0,
+          src: n.asset.publicPath
+        }, null, 8, Le)) : n.asset.type === "font" ? (a(), S(t, {
+          key: n.asset.publicPath,
+          asset: n.asset,
+          "self-stretch": "",
+          p2: "",
+          "text-2xl": ""
+        }, null, 8, ["asset"])) : n.asset.type === "text" && !n.textContent ? (a(), p("div", Re)) : n.asset.type === "text" && n.textContent ? (a(), p("div", Ne, [
+          r("pre", {
+            "max-h-10rem": "",
+            "of-hidden": "",
+            "text-xs": "",
+            "font-mono": "",
+            textContent: x(n.textContent)
+          }, null, 8, Je)
+        ])) : n.asset.type === "video" ? (a(), p("div", qe, [
+          r("video", {
+            src: n.asset.publicPath,
+            autoplay: n.detail,
+            controls: n.detail
+          }, null, 8, Ge)
+        ])) : n.asset.type === "audio" ? (a(), p("div", Xe, [
+          n.detail ? (a(), p("audio", {
+            key: 1,
+            src: n.asset.publicPath,
+            controls: ""
+          }, null, 8, Ke)) : (a(), p("div", He))
+        ])) : n.asset.type === "wasm" ? (a(), p("div", We)) : (a(), p("div", Ye))
+      ]);
+    };
+  }
+}), Qe = {
+  flex: "~ col gap-4",
+  "min-h-full": "",
+  "w-full": "",
+  "of-hidden": "",
+  p4: ""
+}, Ze = {
+  flex: "~",
+  "items-center": "",
+  "justify-center": ""
+}, et = {
+  "max-w-full": "",
+  "w-full": "",
+  "table-fixed": ""
+}, tt = {
+  flex: "~ gap-1",
+  "w-full": "",
+  "items-center": ""
+}, st = {
+  flex: "~ gap-1",
+  "w-full": "",
+  "items-center": "",
+  "of-hidden": ""
+}, nt = {
+  "flex-auto": "",
+  "of-hidden": "",
+  truncate: "",
+  "ws-pre": "",
+  "font-mono": ""
+}, ot = { capitalize: "" }, it = { key: 0 }, rt = { op70: "" }, lt = { flex: "~ gap2 wrap" }, at = /* @__PURE__ */ T({
+  __name: "AssetDetails",
+  props: {
+    modelValue: {}
+  },
+  setup(f, { emit: n }) {
+    const e = f, t = n, i = de(), o = ne(e, "modelValue", t, { passive: !0 }), l = w(() => i.vitePluginDetected.value), d = Y(() => H.value.getAssetImporters(o.value.publicPath).then((c) => c), []), m = w(() => ce.value), v = Y(() => {
+      if (o.value.type === "image")
+        return H.value.getImageMeta(o.value.filePath).then((c) => c);
+    }), j = D(), V = D(0), b = Y(async () => {
+      if (o.value.type !== "text")
+        return;
+      V.value;
+      const c = await H.value.getTextAssetContent(o.value.filePath).then((u) => u);
+      return j.value = c, c;
+    }), U = w(() => {
+      const c = [];
+      if (o.value.type === "image") {
+        const u = v.value?.width ? `
+  width="${v.value.width}"
+  height="${v.value.height}" ` : " ";
+        return c.push(
+          { lang: "vue-html", code: `<img${u}
+  src="${o.value.publicPath}"
+/>`, name: "Plain Image" }
+        ), c;
+      }
+      return c.push({
+        lang: "html",
+        code: `<a download href="${o.value.publicPath}">
+  Download ${o.value.path.split("/").slice(-1)[0]}
+</a>`,
+        name: "Download link"
+      }), c;
+    }), { copy: K } = Z(), g = pe(() => o.value.mtime), h = w(() => {
+      const c = o.value.size;
+      return c < 1024 ? `${c} B` : c < 1024 * 1024 ? `${(c / 1024).toFixed(2)} KB` : `${(c / 1024 / 1024).toFixed(2)} MB`;
+    }), y = w(() => {
+      if (!v.value?.width || !v.value?.height)
+        return "";
+      const c = ($, k) => k ? c(k, $ % k) : $, u = c(v.value.width, v.value.height);
+      return u > 3 ? `${v.value.width / u}:${v.value.height / u}` : "";
+    }), I = w(() => [
+      "image",
+      "text",
+      "video",
+      "audio",
+      "font"
+    ].includes(o.value.type));
+    return (c, u) => {
+      const $ = ie, k = ze, R = oe("RouterLink"), _ = Pe;
+      return a(), p("div", Qe, [
+        s(I) ? (a(), p(z, { key: 0 }, [
+          u[2] || (u[2] = r("div", {
+            flex: "~ gap2",
+            "mb--2": "",
+            "items-center": "",
+            op50: ""
+          }, [
+            r("div", { "x-divider": "" }),
+            r("div", { "flex-none": "" }, " Preview "),
+            r("div", { "x-divider": "" })
+          ], -1)),
+          r("div", Ze, [
+            A($, {
+              detail: "",
+              "max-h-80": "",
+              "min-h-20": "",
+              "min-w-20": "",
+              "w-auto": "",
+              rounded: "",
+              border: "~ base",
+              asset: s(o),
+              "text-content": s(b)
+            }, null, 8, ["asset", "text-content"])
+          ])
+        ], 64)) : P("", !0),
+        u[12] || (u[12] = r("div", {
+          flex: "~ gap2",
+          "mb--2": "",
+          "items-center": "",
+          op50: ""
+        }, [
+          r("div", { "x-divider": "" }),
+          r("div", { "flex-none": "" }, " Details "),
+          r("div", { "x-divider": "" })
+        ], -1)),
+        r("table", et, [
+          r("tbody", null, [
+            r("tr", null, [
+              u[3] || (u[3] = r("td", {
+                "w-30": "",
+                "ws-nowrap": "",
+                pr5: "",
+                "text-right": "",
+                op50: ""
+              }, " Filepath ", -1)),
+              r("td", null, [
+                r("div", tt, [
+                  A(k, {
+                    filepath: s(o).filePath,
+                    "text-left": ""
+                  }, null, 8, ["filepath"]),
+                  s(l) && s(m) ? E((a(), S(s(J), {
+                    key: 0,
+                    title: "Open in Editor",
+                    icon: "i-carbon-launch",
+                    action: "",
+                    "flex-none": "",
+                    border: !1,
+                    onClick: u[0] || (u[0] = (B) => s(ee)(s(o).filePath))
+                  }, null, 512)), [
+                    [s(W), "Open in Editor"]
+                  ]) : P("", !0)
+                ])
+              ])
+            ]),
+            r("tr", null, [
+              u[4] || (u[4] = r("td", {
+                "w-30": "",
+                "ws-nowrap": "",
+                pr5: "",
+                "text-right": "",
+                op50: ""
+              }, " Public Path ", -1)),
+              r("td", null, [
+                r("div", st, [
+                  r("div", nt, x(s(o).publicPath), 1),
+                  E(A(s(J), {
+                    title: "Copy public path",
+                    icon: "i-carbon-copy",
+                    action: "",
+                    mr1: "",
+                    "mt--2px": "",
+                    "flex-none": "",
+                    border: !1,
+                    onClick: u[1] || (u[1] = (B) => s(K)(s(o).publicPath, { type: "assets-public-path" }))
+                  }, null, 512), [
+                    [s(W), "Copy public path"]
+                  ]),
+                  A(R, {
+                    to: s(o).publicPath,
+                    target: "_blank"
+                  }, {
+                    default: C(() => [
+                      E(A(s(J), {
+                        icon: "i-carbon-launch",
+                        action: "",
+                        "flex-none": "",
+                        border: !1,
+                        title: "Open in Browser"
+                      }, null, 512), [
+                        [s(W), "Open in Browser"]
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["to"])
+                ])
+              ])
+            ]),
+            r("tr", null, [
+              u[5] || (u[5] = r("td", {
+                "w-30": "",
+                "ws-nowrap": "",
+                pr5: "",
+                "text-right": "",
+                op50: ""
+              }, " Type ", -1)),
+              r("td", ot, x(s(o).type), 1)
+            ]),
+            s(v)?.width ? (a(), p(z, { key: 0 }, [
+              r("tr", null, [
+                u[6] || (u[6] = r("td", {
+                  "w-30": "",
+                  "ws-nowrap": "",
+                  pr5: "",
+                  "text-right": "",
+                  op50: ""
+                }, " Image Size ", -1)),
+                r("td", null, x(s(v).width) + " x " + x(s(v).height), 1)
+              ]),
+              s(y) ? (a(), p("tr", it, [
+                u[7] || (u[7] = r("td", {
+                  "w-30": "",
+                  "ws-nowrap": "",
+                  pr5: "",
+                  "text-right": "",
+                  op50: ""
+                }, " Aspect Ratio ", -1)),
+                r("td", null, x(s(y)), 1)
+              ])) : P("", !0)
+            ], 64)) : P("", !0),
+            r("tr", null, [
+              u[8] || (u[8] = r("td", {
+                "w-30": "",
+                "ws-nowrap": "",
+                pr5: "",
+                "text-right": "",
+                op50: ""
+              }, " File size ", -1)),
+              r("td", null, x(s(h)), 1)
+            ]),
+            r("tr", null, [
+              u[9] || (u[9] = r("td", {
+                "w-30": "",
+                "ws-nowrap": "",
+                pr5: "",
+                "text-right": "",
+                op50: ""
+              }, " Last modified ", -1)),
+              r("td", null, [
+                X(x(new Date(s(o).mtime).toLocaleString()) + " ", 1),
+                r("span", rt, "(" + x(s(g)) + ")", 1)
+              ])
+            ]),
+            r("tr", null, [
+              u[10] || (u[10] = r("td", {
+                "w-30": "",
+                "ws-nowrap": "",
+                pr5: "",
+                "text-right": "",
+                "align-top": "",
+                op50: ""
+              }, " Importers ", -1)),
+              r("td", null, [
+                s(d).length > 0 ? (a(!0), p(z, { key: 0 }, F(s(d), (B) => (a(), p("div", {
+                  key: B.url,
+                  flex: "~ gap-1",
+                  "w-full": "",
+                  "items-center": ""
+                }, [
+                  A(k, {
+                    filepath: B.id || B.url,
+                    "text-left": ""
+                  }, null, 8, ["filepath"]),
+                  s(i).vitePluginDetected.value && s(m) && B.id ? E((a(), S(s(J), {
+                    key: 0,
+                    title: "Open in Editor",
+                    icon: "i-carbon-launch",
+                    action: "",
+                    "flex-none": "",
+                    border: !1,
+                    onClick: (N) => s(ee)(B.id)
+                  }, null, 8, ["onClick"])), [
+                    [s(W), "Open in Editor"]
+                  ]) : P("", !0)
+                ]))), 128)) : (a(), p(z, { key: 1 }, [
+                  X(" None ")
+                ], 64))
+              ])
+            ])
+          ])
+        ]),
+        u[13] || (u[13] = r("div", {
+          flex: "~ gap2",
+          "mb--2": "",
+          "items-center": "",
+          op50: ""
+        }, [
+          r("div", { "x-divider": "" }),
+          r("div", { "flex-none": "" }, " Actions "),
+          r("div", { "x-divider": "" })
+        ], -1)),
+        r("div", lt, [
+          A(s(Q), {
+            to: s(o).publicPath,
+            download: "",
+            target: "_blank"
+          }, {
+            icon: C(() => [
+              L(c.$slots, "i-carbon-download")
+            ]),
+            default: C(() => [
+              u[11] || (u[11] = X(" Download ", -1))
+            ]),
+            _: 3,
+            __: [11]
+          }, 8, ["to"])
+        ]),
+        u[14] || (u[14] = r("div", { "flex-auto": "" }, null, -1)),
+        s(U).length ? (a(), S(_, {
+          key: 1,
+          border: "t base",
+          "mx--4": "",
+          "mb--4": "",
+          "code-snippets": s(U)
+        }, null, 8, ["code-snippets"])) : P("", !0)
+      ]);
+    };
+  }
+}), ut = /* @__PURE__ */ T({
+  __name: "AssetListItem",
+  props: {
+    item: {},
+    index: { default: 0 },
+    modelValue: {}
+  },
+  setup(f, { emit: n }) {
+    const e = f, i = ne(e, "modelValue", n, { passive: !0 }), o = w(() => e.item?.children?.length), l = D(!0), d = w(() => o.value ? "i-carbon-folder" : e.item.type === "image" ? "i-carbon-image" : e.item.type === "video" ? "i-carbon-video" : e.item.type === "audio" ? "i-carbon-volume-up" : e.item.type === "font" ? "i-carbon-text-small-caps" : e.item.type === "text" ? "i-carbon-document" : e.item.type === "json" ? "i-carbon-json" : e.item.type === "wasm" ? "i-vscode-icons-file-type-wasm" : "i-carbon-document-blank");
+    return (m, v) => {
+      const j = oe("AssetListItem", !0);
+      return a(), p("div", null, [
+        r("button", {
+          flex: "~ gap-2",
+          "w-full": "",
+          "items-center": "",
+          hover: "bg-active",
+          px4: "",
+          py1: "",
+          style: se({ paddingLeft: `calc(1rem + ${m.index * 1.5}em)` }),
+          class: M({ "bg-active": !s(o) && s(i)?.filePath === m.item?.filePath }),
+          border: "b base",
+          onClick: v[0] || (v[0] = (V) => s(o) ? l.value = !s(l) : i.value = m.item)
+        }, [
+          r("div", {
+            class: M(s(d))
+          }, null, 2),
+          r("span", {
+            class: M({ "flex items-center": s(o) }),
+            "flex-auto": "",
+            "text-start": "",
+            "text-sm": "",
+            "font-mono": ""
+          }, x(m.item.path), 3),
+          s(o) ? (a(), S(s(J), {
+            key: 0,
+            icon: "carbon:chevron-right",
+            "transform-rotate": s(l) ? 90 : 0,
+            transition: ""
+          }, null, 8, ["transform-rotate"])) : P("", !0)
+        ], 6),
+        s(l) ? L(m.$slots, "default", { key: 0 }, () => [
+          (a(!0), p(z, null, F(m.item?.children, (V) => (a(), S(j, {
+            key: V.filepath,
+            modelValue: s(i),
+            "onUpdate:modelValue": v[1] || (v[1] = (b) => q(i) ? i.value = b : null),
+            item: V,
+            index: m.index + 1
+          }, null, 8, ["modelValue", "item", "index"]))), 128))
+        ]) : P("", !0)
+      ]);
+    };
+  }
+}), dt = {
+  flex: "~ col gap-1",
+  hover: "bg-active",
+  "items-center": "",
+  "of-hidden": "",
+  rounded: "",
+  p2: ""
+}, ct = {
+  "w-full": "",
+  "of-hidden": "",
+  truncate: "",
+  "ws-nowrap": "",
+  "text-center": "",
+  "text-xs": ""
+}, pt = /* @__PURE__ */ T({
+  __name: "AssetGridItem",
+  props: {
+    asset: {},
+    folder: {}
+  },
+  setup(f) {
+    const n = f, e = w(() => n.folder && n.asset.path.startsWith(n.folder) ? n.asset.path.slice(n.folder.length) : n.asset.path);
+    return (t, i) => {
+      const o = ie;
+      return a(), p("button", dt, [
+        A(o, {
+          "h-30": "",
+          "w-30": "",
+          rounded: "",
+          border: "~ base",
+          asset: t.asset
+        }, null, 8, ["asset"]),
+        r("div", ct, x(s(e)), 1)
+      ]);
+    };
+  }
+}), ht = {
+  flex: "~ col gap2",
+  border: "b base",
+  "navbar-glass": "",
+  "flex-1": "",
+  p4: ""
+}, ft = {
+  flex: "~ gap4",
+  "items-center": ""
+}, mt = /* @__PURE__ */ T({
+  __name: "Navbar",
+  props: {
+    search: {},
+    noPadding: { type: Boolean }
+  },
+  emits: ["update:search"],
+  setup(f, { emit: n }) {
+    const e = f, t = n, i = D(e.search);
+    return te(() => e.search, (o) => {
+      i.value = o;
+    }), te(i, () => {
+      t("update:search", i.value);
+    }), (o, l) => (a(), p("div", ht, [
+      r("div", ft, [
+        L(o.$slots, "search", {}, () => [
+          o.search !== void 0 ? (a(), S(s(he), {
+            key: 0,
+            modelValue: s(i),
+            "onUpdate:modelValue": l[0] || (l[0] = (d) => q(i) ? i.value = d : null),
+            placeholder: "Search...",
+            "left-icon": "i-carbon-search",
+            class: M(["flex-auto", { "px-5 py-2": !o.noPadding }])
+          }, null, 8, ["modelValue", "class"])) : P("", !0)
+        ]),
+        L(o.$slots, "actions")
+      ]),
+      L(o.$slots, "default")
+    ]));
+  }
+}), vt = {
+  block: "",
+  "h-full": "",
+  "of-hidden": "",
+  class: "drawer-container relative"
+}, yt = {
+  "h-full": "",
+  "w-full": "",
+  "of-auto": ""
+}, gt = {
+  "flex-none": "",
+  flex: "~ gap2 items-center",
+  "text-lg": ""
+}, _t = {
+  flex: "~ items-center justify-center",
+  absolute: "",
+  "bottom-0": "",
+  "right-2px": "",
+  "h-4": "",
+  "w-4": "",
+  "rounded-full": "",
+  "bg-primary-800": "",
+  "text-8px": "",
+  "text-white": ""
+}, bt = {
+  "w-full": "",
+  flex: "~ gap-2 items-center",
+  rounded: "",
+  px2: "",
+  py2: ""
+}, wt = {
+  "text-xs": "",
+  op75: ""
+}, $t = { op50: "" }, xt = { key: 0 }, kt = {
+  "mt--4": "",
+  px2: "",
+  grid: "~ cols-minmax-8rem"
+}, Bt = {
+  key: 1,
+  p2: "",
+  grid: "~ cols-minmax-8rem"
+}, At = { key: 1 }, Ct = 50, Vt = /* @__PURE__ */ T({
+  __name: "assets",
+  setup(f) {
+    const n = D(""), e = D(), t = D("grid"), i = D([]), o = w(() => {
+      const g = [];
+      for (const h of i.value || []) {
+        const y = h.path.split(".").pop();
+        y && !g.find((I) => I.value === y) && g.push({ label: y, value: y });
+      }
+      return g;
+    }), l = D([]);
+    fe(() => o.value, (g) => {
+      l.value = g.map((h) => h.value);
+    });
+    const d = D(), m = w(() => new me(i.value || [], {
+      keys: [
+        "path"
+      ]
+    })), v = w(() => (n.value ? m.value.search(n.value).map((h) => h.item) : i.value || []).filter((h) => {
+      const y = h.path.split(".").pop();
+      return !y || l.value.includes(y);
+    })), j = w(() => {
+      const g = {};
+      for (const h of v.value) {
+        const y = `${h.relativePath.split("/").slice(0, -1).join("/")}/`;
+        g[y] || (g[y] = []), g[y].push(h);
+      }
+      return Object.entries(g).sort(([h], [y]) => h.localeCompare(y));
+    }), V = w(() => {
+      const g = { children: [] }, h = (y, I, c) => {
+        const [u, ...$] = I;
+        let k = y.children.find((R) => R.path === u);
+        k || (k = { ...c, path: u, children: [] }, y.children.push(k)), $.length > 1 ? h(k, $, c) : $.length === 1 && k.children.push({ ...c, path: $[0] });
+      };
+      return v.value.forEach((y) => {
+        const I = y.relativePath.split("/").filter((c) => c !== "");
+        h(g, I, y);
+      }), g.children;
+    });
+    function b() {
+      H.value.getStaticAssets().then((g) => {
+        i.value = g;
+      });
+    }
+    function U() {
+      b();
+    }
+    ve(() => {
+      b(), H.functions.on("assetsUpdated", U);
+    });
+    function K() {
+      t.value = t.value === "list" ? "grid" : "list";
+    }
+    return ye(() => {
+      H.functions.off("assetsUpdated", U);
+    }), (g, h) => {
+      const y = xe, I = mt, c = pt, u = $e, $ = ut, k = at, R = we("tooltip");
+      return a(), p("div", vt, [
+        r("div", yt, [
+          A(I, {
+            ref_key: "navbar",
+            ref: e,
+            search: s(n),
+            "onUpdate:search": h[1] || (h[1] = (_) => q(n) ? n.value = _ : null),
+            pb2: "",
+            "no-padding": !0
+          }, {
+            actions: C(() => [
+              r("div", gt, [
+                A(s(_e), {
+                  modelValue: s(l),
+                  "onUpdate:modelValue": h[0] || (h[0] = (_) => q(l) ? l.value = _ : null),
+                  multiple: !0,
+                  options: s(o)
+                }, {
+                  button: C(() => [
+                    E((a(), S(y, {
+                      icon: "i-carbon-filter hover:op50",
+                      border: !1,
+                      title: "Filter",
+                      relative: "",
+                      "cursor-pointer": "",
+                      p2: "",
+                      "text-lg": "",
+                      onClick: () => {
+                      }
+                    }, {
+                      default: C(() => [
+                        r("span", _t, x(s(l).length), 1)
+                      ]),
+                      _: 1
+                    })), [
+                      [
+                        R,
+                        "Filter",
+                        void 0,
+                        { "bottom-end": !0 }
+                      ]
+                    ])
+                  ]),
+                  item: C(({
+                    item: _,
+                    active: B
+                  }) => [
+                    r("div", bt, [
+                      A(s(be), { "model-value": B }, null, 8, ["model-value"]),
+                      r("span", wt, x(_.label), 1)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "options"]),
+                E(A(s(J), {
+                  border: !1,
+                  icon: s(t) === "grid" ? "i-carbon-list" : "i-carbon-grid",
+                  title: "Toggle view",
+                  action: "",
+                  "cursor-pointer": "",
+                  "text-lg": "",
+                  onClick: K
+                }, null, 8, ["icon"]), [
+                  [
+                    R,
+                    "Toggle View",
+                    void 0,
+                    { "bottom-end": !0 }
+                  ]
+                ])
+              ])
+            ]),
+            default: C(() => [
+              r("div", $t, [
+                s(n) ? (a(), p("span", xt, x(s(v).length) + " matched · ", 1)) : P("", !0),
+                r("span", null, x(s(i)?.length) + " assets in total", 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["search"]),
+          s(t) === "grid" ? (a(), p(z, { key: 0 }, [
+            s(j).length > 1 ? (a(!0), p(z, { key: 0 }, F(s(j), ([_, B]) => (a(), S(u, {
+              key: _,
+              text: _,
+              description: `${B.length} items`,
+              open: B.length <= Ct,
+              padding: !1
+            }, {
+              default: C(() => [
+                r("div", kt, [
+                  (a(!0), p(z, null, F(B, (N) => (a(), S(c, {
+                    key: N.path,
+                    asset: N,
+                    folder: _,
+                    onClick: (Pt) => d.value = N
+                  }, null, 8, ["asset", "folder", "onClick"]))), 128))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["text", "description", "open"]))), 128)) : (a(), p("div", Bt, [
+              (a(!0), p(z, null, F(s(v), (_) => (a(), S(c, {
+                key: _.path,
+                asset: _,
+                onClick: (B) => d.value = _
+              }, null, 8, ["asset", "onClick"]))), 128))
+            ]))
+          ], 64)) : (a(), p("div", At, [
+            (a(!0), p(z, null, F(s(V), (_, B) => (a(), S($, {
+              key: B,
+              modelValue: s(d),
+              "onUpdate:modelValue": h[2] || (h[2] = (N) => q(d) ? d.value = N : null),
+              item: _
+            }, null, 8, ["modelValue", "item"]))), 128))
+          ]))
+        ]),
+        A(s(ge), {
+          "model-value": !!s(d),
+          top: s(e),
+          permanent: "",
+          "mount-to": ".drawer-container",
+          position: "absolute",
+          "content-class": "w120 text-sm",
+          "onUpdate:modelValue": h[4] || (h[4] = (_) => {
+            _ || (d.value = void 0);
+          })
+        }, {
+          default: C(() => [
+            s(d) ? (a(), S(k, {
+              key: 0,
+              modelValue: s(d),
+              "onUpdate:modelValue": h[3] || (h[3] = (_) => q(d) ? d.value = _ : null)
+            }, null, 8, ["modelValue"])) : P("", !0)
+          ]),
+          _: 1
+        }, 8, ["model-value", "top"])
+      ]);
+    };
+  }
+});
+export {
+  Vt as default
+};