@vue/devtools-applet 7.3.0-beta.2 → 7.3.0-beta.3

package/dist/index.js

@@ -1,8 +1,8 @@
 var Fs = Object.defineProperty;
 var Ns = (A, B, Q) => B in A ? Fs(A, B, { enumerable: !0, configurable: !0, writable: !0, value: Q }) : A[B] = Q;
 var l = (A, B, Q) => (Ns(A, typeof B != "symbol" ? B + "" : B, Q), Q);
-import { openBlock as f, createElementBlock as H, createStaticVNode as Gs, ref as K, computed as x, toValue as Ls, defineComponent as V, h as bE, provide as NB, inject as wB, createElementVNode as p, createVNode as U, unref as N, createTextVNode as fA, normalizeStyle as PA, renderSlot as eA, Fragment as lA, toRaw as BQ, isRef as oB, isReactive as ys, renderList as $A, toDisplayString as yA, createCommentVNode as AA, pushScopeId as GQ, popScopeId as LQ, nextTick as aB, createBlock as z, normalizeClass as CA, normalizeProps as jI, guardReactiveProps as $I, withScopeId as At, resolveComponent as OB, withKeys as Hs, mergeProps as RA, withCtx as T, createApp as Rs, useAttrs as ks, useSlots as Ps, resolveDynamicComponent as Bg, watchEffect as Qg, onMounted as TE, withDirectives as uA, vModelDynamic as Us, createSlots as Ks, watch as aA, customRef as Ys, getCurrentInstance as pg, readonly as Ss, getCurrentScope as ms, onScopeDispose as Js, reactive as LC, withModifiers as VA, mergeModels as Bt, useModel as Qt, onUnmounted as _B, markRaw as xs, shallowReactive as Os, resolveDirective as vs, toHandlers as bs, shallowRef as Ts, vShow as qs } from "vue";
-const HB = (A, B) => {
+import { openBlock as f, createElementBlock as H, createStaticVNode as Gs, ref as K, computed as J, toValue as Ls, defineComponent as V, h as bE, provide as NB, inject as wB, createElementVNode as p, createVNode as U, unref as N, createTextVNode as fA, normalizeStyle as PA, renderSlot as eA, Fragment as lA, toRaw as BQ, isRef as oB, isReactive as ys, renderList as $A, toDisplayString as yA, createCommentVNode as AA, pushScopeId as GQ, popScopeId as LQ, nextTick as aB, createBlock as z, normalizeClass as CA, normalizeProps as jI, guardReactiveProps as $I, withScopeId as At, resolveComponent as vB, withKeys as Hs, mergeProps as RA, withCtx as T, createApp as Rs, useAttrs as ks, useSlots as Ps, resolveDynamicComponent as Bg, watchEffect as Qg, onMounted as TE, withDirectives as uA, vModelDynamic as Us, createSlots as Ks, watch as aA, customRef as Ys, getCurrentInstance as pg, readonly as Ss, getCurrentScope as ms, onScopeDispose as Js, reactive as LC, withModifiers as VA, mergeModels as Bt, useModel as Qt, onUnmounted as HB, markRaw as xs, shallowReactive as Os, resolveDirective as vs, toHandlers as bs, shallowRef as Ts, vShow as qs } from "vue";
+const RB = (A, B) => {
   const Q = A.__vccOpts || A;
   for (const [g, E] of B)
     Q[g] = E;
@@ -17,11 +17,11 @@ const HB = (A, B) => {
 function zs(A, B) {
   return f(), H("svg", _s, Zs);
 }
-const Vs = /* @__PURE__ */ HB(Ws, [["render", zs]]), qE = Symbol("VirtualRouteKey"), gt = Symbol("VirtualRoutesKey");
+const Vs = /* @__PURE__ */ RB(Ws, [["render", zs]]), qE = Symbol("VirtualRouteKey"), gt = Symbol("VirtualRoutesKey");
 function WE(A) {
   const B = K({
     path: "/"
-  }), Q = x(() => Ls(A)), g = x(() => B.value.path), E = V({
+  }), Q = J(() => Ls(A)), g = J(() => B.value.path), E = V({
     setup() {
       return () => {
         const e = Q.value.find((I) => I.path === g.value);
@@ -2196,13 +2196,13 @@ var Oi = Object.create, tt = Object.defineProperty, vi = Object.getOwnPropertyDe
           "¤": "tien te"
         }
       }, t = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), o = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), i = [".", "!", "~", "*", "'", "(", ")"].join(""), s = function(r, c) {
-        var d = "-", h = "", u = "", M = !0, F = {}, S, J, q, m, R, k, G, P, X, W, b, hA, wA, FA, NA = "";
+        var d = "-", h = "", u = "", M = !0, F = {}, m, x, q, S, R, k, G, P, X, W, b, hA, wA, FA, NA = "";
         if (typeof r != "string")
           return "";
         if (typeof c == "string" && (d = c), G = I.en, P = e.en, typeof c == "object") {
-          S = c.maintainCase || !1, F = c.custom && typeof c.custom == "object" ? c.custom : F, q = +c.truncate > 1 && c.truncate || !1, m = c.uric || !1, R = c.uricNoSlash || !1, k = c.mark || !1, M = !(c.symbols === !1 || c.lang === !1), d = c.separator || d, m && (NA += t), R && (NA += o), k && (NA += i), G = c.lang && I[c.lang] && M ? I[c.lang] : M ? I.en : {}, P = c.lang && e[c.lang] ? e[c.lang] : c.lang === !1 || c.lang === !0 ? {} : e.en, c.titleCase && typeof c.titleCase.length == "number" && Array.prototype.toString.call(c.titleCase) ? (c.titleCase.forEach(function(rA) {
+          m = c.maintainCase || !1, F = c.custom && typeof c.custom == "object" ? c.custom : F, q = +c.truncate > 1 && c.truncate || !1, S = c.uric || !1, R = c.uricNoSlash || !1, k = c.mark || !1, M = !(c.symbols === !1 || c.lang === !1), d = c.separator || d, S && (NA += t), R && (NA += o), k && (NA += i), G = c.lang && I[c.lang] && M ? I[c.lang] : M ? I.en : {}, P = c.lang && e[c.lang] ? e[c.lang] : c.lang === !1 || c.lang === !0 ? {} : e.en, c.titleCase && typeof c.titleCase.length == "number" && Array.prototype.toString.call(c.titleCase) ? (c.titleCase.forEach(function(rA) {
             F[rA + ""] = rA + "";
-          }), J = !0) : J = !!c.titleCase, c.custom && typeof c.custom.length == "number" && Array.prototype.toString.call(c.custom) && c.custom.forEach(function(rA) {
+          }), x = !0) : x = !!c.titleCase, c.custom && typeof c.custom.length == "number" && Array.prototype.toString.call(c.custom) && c.custom.forEach(function(rA) {
             F[rA + ""] = rA + "";
           }), Object.keys(F).forEach(function(rA) {
             var YA;
@@ -2212,11 +2212,11 @@ var Oi = Object.create, tt = Object.defineProperty, vi = Object.getOwnPropertyDe
             NA += b;
         }
         for (NA += d, NA = n(NA), r = r.replace(/(^\s+|\s+$)/g, ""), wA = !1, FA = !1, W = 0, hA = r.length; W < hA; W++)
-          b = r[W], D(b, F) ? wA = !1 : P[b] ? (b = wA && P[b].match(/[A-Za-z0-9]/) ? " " + P[b] : P[b], wA = !1) : b in g ? (W + 1 < hA && E.indexOf(r[W + 1]) >= 0 ? (u += b, b = "") : FA === !0 ? (b = C[u] + g[b], u = "") : b = wA && g[b].match(/[A-Za-z0-9]/) ? " " + g[b] : g[b], wA = !1, FA = !1) : b in C ? (u += b, b = "", W === hA - 1 && (b = C[u]), FA = !0) : /* process symbol chars */ G[b] && !(m && t.indexOf(b) !== -1) && !(R && o.indexOf(b) !== -1) ? (b = wA || h.substr(-1).match(/[A-Za-z0-9]/) ? d + G[b] : G[b], b += r[W + 1] !== void 0 && r[W + 1].match(/[A-Za-z0-9]/) ? d : "", wA = !0) : (FA === !0 ? (b = C[u] + b, u = "", FA = !1) : wA && (/[A-Za-z0-9]/.test(b) || h.substr(-1).match(/A-Za-z0-9]/)) && (b = " " + b), wA = !1), h += b.replace(new RegExp("[^\\w\\s" + NA + "_-]", "g"), d);
-        return J && (h = h.replace(/(\w)(\S*)/g, function(rA, YA, KB) {
-          var rB = YA.toUpperCase() + (KB !== null ? KB : "");
+          b = r[W], D(b, F) ? wA = !1 : P[b] ? (b = wA && P[b].match(/[A-Za-z0-9]/) ? " " + P[b] : P[b], wA = !1) : b in g ? (W + 1 < hA && E.indexOf(r[W + 1]) >= 0 ? (u += b, b = "") : FA === !0 ? (b = C[u] + g[b], u = "") : b = wA && g[b].match(/[A-Za-z0-9]/) ? " " + g[b] : g[b], wA = !1, FA = !1) : b in C ? (u += b, b = "", W === hA - 1 && (b = C[u]), FA = !0) : /* process symbol chars */ G[b] && !(S && t.indexOf(b) !== -1) && !(R && o.indexOf(b) !== -1) ? (b = wA || h.substr(-1).match(/[A-Za-z0-9]/) ? d + G[b] : G[b], b += r[W + 1] !== void 0 && r[W + 1].match(/[A-Za-z0-9]/) ? d : "", wA = !0) : (FA === !0 ? (b = C[u] + b, u = "", FA = !1) : wA && (/[A-Za-z0-9]/.test(b) || h.substr(-1).match(/A-Za-z0-9]/)) && (b = " " + b), wA = !1), h += b.replace(new RegExp("[^\\w\\s" + NA + "_-]", "g"), d);
+        return x && (h = h.replace(/(\w)(\S*)/g, function(rA, YA, YB) {
+          var rB = YA.toUpperCase() + (YB !== null ? YB : "");
           return Object.keys(F).indexOf(rB.toLowerCase()) < 0 ? rB : rB.toLowerCase();
-        })), h = h.replace(/\s+/g, d).replace(new RegExp("\\" + d + "+", "g"), d).replace(new RegExp("(^\\" + d + "+|\\" + d + "+$)", "g"), ""), q && h.length > q && (X = h.charAt(q) === d, h = h.slice(0, q), X || (h = h.slice(0, h.lastIndexOf(d)))), !S && !J && (h = h.toLowerCase()), h;
+        })), h = h.replace(/\s+/g, d).replace(new RegExp("\\" + d + "+", "g"), d).replace(new RegExp("(^\\" + d + "+|\\" + d + "+$)", "g"), ""), q && h.length > q && (X = h.charAt(q) === d, h = h.slice(0, q), X || (h = h.slice(0, h.lastIndexOf(d)))), !m && !x && (h = h.toLowerCase()), h;
       }, w = function(r) {
         return function(d) {
           return s(d, r);
@@ -2852,16 +2852,16 @@ function Lw(A = {}) {
 }
 L();
 L();
-var sQ = "__VUE_DEVTOOLS_ROUTER__", vB = "__VUE_DEVTOOLS_ROUTER_INFO__", jC, $C;
-($C = (jC = Y)[vB]) != null || (jC[vB] = {
+var sQ = "__VUE_DEVTOOLS_ROUTER__", bB = "__VUE_DEVTOOLS_ROUTER_INFO__", jC, $C;
+($C = (jC = Y)[bB]) != null || (jC[bB] = {
   currentRoute: null,
   routes: []
 });
 var Ae, Be;
 (Be = (Ae = Y)[sQ]) != null || (Ae[sQ] = {});
-new Proxy(Y[vB], {
+new Proxy(Y[bB], {
   get(A, B) {
-    return Y[vB][B];
+    return Y[bB][B];
   }
 });
 new Proxy(Y[sQ], {
@@ -2905,14 +2905,14 @@ function Rw(A, B) {
     var g;
     const E = (g = A.app) == null ? void 0 : g.config.globalProperties.$router, C = Hw(E == null ? void 0 : E.currentRoute.value), e = AC(yw(E)), I = console.warn;
     console.warn = () => {
-    }, Y[vB] = {
+    }, Y[bB] = {
       currentRoute: C ? yC(C) : {},
       routes: yC(e)
     }, Y[sQ] = E, console.warn = I;
   }
   Q(), Vi.on.componentUpdated(kQ(() => {
     var g;
-    ((g = B.value) == null ? void 0 : g.app) === A.app && (Q(), Ng.hooks.callHook("routerInfoUpdated", { state: Y[vB] }));
+    ((g = B.value) == null ? void 0 : g.app) === A.app && (Q(), Ng.hooks.callHook("routerInfoUpdated", { state: Y[bB] }));
   }, 200));
 }
 L();
@@ -3184,7 +3184,7 @@ function Tw(A, B) {
       return C;
   }
 }
-function bB(A, B) {
+function TB(A, B) {
   Object.entries(A).forEach(([Q, g]) => B(g, Q));
 }
 function ZQ(A, B) {
@@ -3367,7 +3367,7 @@ var In = (A, B, Q) => {
   }
 };
 L();
-var YB = (A, B) => {
+var SB = (A, B) => {
   const Q = A.keys();
   for (; B > 0; )
     Q.next(), B--;
@@ -3386,9 +3386,9 @@ var tn = (A, B) => {
   for (let Q = 0; Q < B.length; Q++) {
     const g = B[Q];
     if (nQ(A))
-      A = YB(A, +g);
+      A = SB(A, +g);
     else if (wQ(A)) {
-      const E = +g, C = +B[++Q] == 0 ? "key" : "value", e = YB(A, E);
+      const E = +g, C = +B[++Q] == 0 ? "key" : "value", e = SB(A, E);
       switch (C) {
         case "key":
           A = e;
@@ -3414,11 +3414,11 @@ var tn = (A, B) => {
       g = g[e];
     else if (nQ(g)) {
       const I = +e;
-      g = YB(g, I);
+      g = SB(g, I);
     } else if (wQ(g)) {
       if (C === B.length - 2)
         break;
-      const t = +e, o = +B[++C] == 0 ? "key" : "value", i = YB(g, t);
+      const t = +e, o = +B[++C] == 0 ? "key" : "value", i = SB(g, t);
       switch (o) {
         case "key":
           g = i;
@@ -3431,11 +3431,11 @@ var tn = (A, B) => {
   }
   const E = B[B.length - 1];
   if (nB(g) ? g[+E] = Q(g[+E]) : iQ(g) && (g[E] = Q(g[E])), nQ(g)) {
-    const C = YB(g, +E), e = Q(C);
+    const C = SB(g, +E), e = Q(C);
     C !== e && (g.delete(C), g.add(e));
   }
   if (wQ(g)) {
-    const C = +B[B.length - 2], e = YB(g, C);
+    const C = +B[B.length - 2], e = SB(g, C);
     switch (+E == 0 ? "key" : "value") {
       case "key": {
         const t = Q(e);
@@ -3454,11 +3454,11 @@ function uE(A, B, Q = []) {
   if (!A)
     return;
   if (!nB(A)) {
-    bB(A, (C, e) => uE(C, B, [...Q, ...gQ(e)]));
+    TB(A, (C, e) => uE(C, B, [...Q, ...gQ(e)]));
     return;
   }
   const [g, E] = A;
-  E && bB(E, (C, e) => {
+  E && TB(E, (C, e) => {
     uE(C, B, [...Q, ...gQ(e)]);
   }), B(g, Q);
 }
@@ -3478,9 +3478,9 @@ function sn(A, B) {
     const [g, E] = B;
     g.forEach((C) => {
       A = lE(A, gQ(C), () => A);
-    }), E && bB(E, Q);
+    }), E && TB(E, Q);
   } else
-    bB(B, Q);
+    TB(B, Q);
   return A;
 }
 var wn = (A, B) => iQ(A) || nB(A) || wQ(A) || nQ(A) || Ht(A, B);
@@ -3524,11 +3524,11 @@ var Kt = (A, B, Q, g, E = [], C = [], e = /* @__PURE__ */ new Map()) => {
       transformedValue: null
     };
   const o = re(A, Q), i = (I = o == null ? void 0 : o.value) != null ? I : A, s = nB(i) ? [] : {}, w = {};
-  bB(i, (D, a) => {
+  TB(i, (D, a) => {
     if (a === "__proto__" || a === "constructor" || a === "prototype")
       throw new Error(`Detected property ${a}. This is a prototype pollution risk, please remove it from your object.`);
     const r = Kt(D, B, Q, g, [...E, a], [...C, A], e);
-    s[a] = r.transformedValue, nB(r.annotations) ? w[a] = r.annotations : iQ(r.annotations) && bB(r.annotations, (c, d) => {
+    s[a] = r.transformedValue, nB(r.annotations) ? w[a] = r.annotations : iQ(r.annotations) && TB(r.annotations, (c, d) => {
       w[Nt(a) + "." + d] = c;
     });
   });
@@ -3972,8 +3972,8 @@ function Pg(A) {
     });
   }
   B = setInterval(() => {
-    Q >= 20 && clearTimeout(B), Q++, g();
-  }, Q * 80), g();
+    Q >= 30 && clearTimeout(B), Q++, g();
+  }, Q * 200 + 200), g();
 }
 xt();
 new Proxy({
@@ -4051,7 +4051,7 @@ function On(A, B) {
     ])
   ]);
 }
-const aQ = /* @__PURE__ */ HB(mn, [["render", On]]), vn = ["top", "right", "bottom", "left"], Re = ["start", "end"], ke = /* @__PURE__ */ vn.reduce((A, B) => A.concat(B, B + "-" + Re[0], B + "-" + Re[1]), []), rQ = Math.min, lB = Math.max, bn = {
+const aQ = /* @__PURE__ */ RB(mn, [["render", On]]), vn = ["top", "right", "bottom", "left"], Re = ["start", "end"], ke = /* @__PURE__ */ vn.reduce((A, B) => A.concat(B, B + "-" + Re[0], B + "-" + Re[1]), []), rQ = Math.min, lB = Math.max, bn = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -4063,7 +4063,7 @@ const aQ = /* @__PURE__ */ HB(mn, [["render", On]]), vn = ["top", "right", "bott
 function ME(A, B, Q) {
   return lB(A, rQ(B, Q));
 }
-function RB(A, B) {
+function kB(A, B) {
   return typeof A == "function" ? A(B) : A;
 }
 function WA(A) {
@@ -4272,7 +4272,7 @@ async function Yg(A, B) {
     elementContext: s = "floating",
     altBoundary: w = !1,
     padding: n = 0
-  } = RB(B, A), D = bt(n), r = I[w ? s === "floating" ? "reference" : "floating" : s], c = EQ(await C.getClippingRect({
+  } = kB(B, A), D = bt(n), r = I[w ? s === "floating" ? "reference" : "floating" : s], c = EQ(await C.getClippingRect({
     element: (Q = await (C.isElement == null ? void 0 : C.isElement(r))) == null || Q ? r : r.contextElement || await (C.getDocumentElement == null ? void 0 : C.getDocumentElement(I.floating)),
     boundary: o,
     rootBoundary: i,
@@ -4313,7 +4313,7 @@ const zn = (A) => ({
     } = B, {
       element: t,
       padding: o = 0
-    } = RB(A, B) || {};
+    } = kB(A, B) || {};
     if (t == null)
       return {};
     const i = bt(o), s = {
@@ -4322,7 +4322,7 @@ const zn = (A) => ({
     }, w = gC(E), n = QC(w), D = await e.getDimensions(t), a = w === "y", r = a ? "top" : "left", c = a ? "bottom" : "right", d = a ? "clientHeight" : "clientWidth", h = C.reference[n] + C.reference[w] - s[w] - C.floating[n], u = s[w] - C.reference[w], M = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(t));
     let F = M ? M[d] : 0;
     (!F || !await (e.isElement == null ? void 0 : e.isElement(M))) && (F = I.floating[d] || C.floating[n]);
-    const S = h / 2 - u / 2, J = F / 2 - D[n] / 2 - 1, q = rQ(i[r], J), m = rQ(i[c], J), R = q, k = F - D[n] - m, G = F / 2 - D[n] / 2 + S, P = ME(R, G, k), W = xA(E) != null && G != P && C.reference[n] / 2 - (G < R ? q : m) - D[n] / 2 < 0 ? G < R ? R - G : k - G : 0;
+    const m = h / 2 - u / 2, x = F / 2 - D[n] / 2 - 1, q = rQ(i[r], x), S = rQ(i[c], x), R = q, k = F - D[n] - S, G = F / 2 - D[n] / 2 + m, P = ME(R, G, k), W = xA(E) != null && G != P && C.reference[n] / 2 - (G < R ? q : S) - D[n] / 2 < 0 ? G < R ? R - G : k - G : 0;
     return {
       [w]: s[w] - W,
       data: {
@@ -4353,7 +4353,7 @@ const jn = function(A) {
         allowedPlacements: w = ke,
         autoAlignment: n = !0,
         ...D
-      } = RB(A, B), a = s !== void 0 || w === ke ? Vn(s || null, n, w) : w, r = await Yg(B, D), c = ((Q = e.autoPlacement) == null ? void 0 : Q.index) || 0, d = a[c];
+      } = kB(A, B), a = s !== void 0 || w === ke ? Vn(s || null, n, w) : w, r = await Yg(B, D), c = ((Q = e.autoPlacement) == null ? void 0 : Q.index) || 0, d = a[c];
       if (d == null)
         return {};
       const h = vt(d, C, await (t.isRTL == null ? void 0 : t.isRTL(o.floating)));
@@ -4377,21 +4377,21 @@ const jn = function(A) {
             placement: F
           }
         };
-      const S = M.map((m) => {
-        const R = xA(m.placement);
-        return [m.placement, R && i ? (
+      const m = M.map((S) => {
+        const R = xA(S.placement);
+        return [S.placement, R && i ? (
           // Check along the mainAxis and main crossAxis side.
-          m.overflows.slice(0, 2).reduce((k, G) => k + G, 0)
+          S.overflows.slice(0, 2).reduce((k, G) => k + G, 0)
         ) : (
           // Check only the mainAxis.
-          m.overflows[0]
-        ), m.overflows];
-      }).sort((m, R) => m[1] - R[1]), q = ((E = S.filter((m) => m[2].slice(
+          S.overflows[0]
+        ), S.overflows];
+      }).sort((S, R) => S[1] - R[1]), q = ((E = m.filter((S) => S[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        xA(m[0]) ? 2 : 3
-      ).every((R) => R <= 0))[0]) == null ? void 0 : E[0]) || S[0][0];
+        xA(S[0]) ? 2 : 3
+      ).every((R) => R <= 0))[0]) == null ? void 0 : E[0]) || m[0][0];
       return q !== I ? {
         data: {
           index: c + 1,
@@ -4424,36 +4424,36 @@ const jn = function(A) {
         fallbackAxisSideDirection: n = "none",
         flipAlignment: D = !0,
         ...a
-      } = RB(A, B), r = WA(g), c = WA(e) === e, d = await (I.isRTL == null ? void 0 : I.isRTL(t.floating)), h = s || (c || !D ? [Ig(e)] : qn(e));
+      } = kB(A, B), r = WA(g), c = WA(e) === e, d = await (I.isRTL == null ? void 0 : I.isRTL(t.floating)), h = s || (c || !D ? [Ig(e)] : qn(e));
       !s && n !== "none" && h.push(..._n(e, D, n, d));
       const u = [e, ...h], M = await Yg(B, a), F = [];
-      let S = ((Q = E.flip) == null ? void 0 : Q.overflows) || [];
+      let m = ((Q = E.flip) == null ? void 0 : Q.overflows) || [];
       if (o && F.push(M[r]), i) {
         const R = vt(g, C, d);
         F.push(M[R[0]], M[R[1]]);
       }
-      if (S = [...S, {
+      if (m = [...m, {
         placement: g,
         overflows: F
       }], !F.every((R) => R <= 0)) {
-        var J, q;
-        const R = (((J = E.flip) == null ? void 0 : J.index) || 0) + 1, k = u[R];
+        var x, q;
+        const R = (((x = E.flip) == null ? void 0 : x.index) || 0) + 1, k = u[R];
         if (k)
           return {
             data: {
               index: R,
-              overflows: S
+              overflows: m
             },
             reset: {
               placement: k
             }
           };
-        let G = (q = S.filter((P) => P.overflows[0] <= 0).sort((P, X) => P.overflows[1] - X.overflows[1])[0]) == null ? void 0 : q.placement;
+        let G = (q = m.filter((P) => P.overflows[0] <= 0).sort((P, X) => P.overflows[1] - X.overflows[1])[0]) == null ? void 0 : q.placement;
         if (!G)
           switch (w) {
             case "bestFit": {
-              var m;
-              const P = (m = S.map((X) => [X.placement, X.overflows.filter((W) => W > 0).reduce((W, b) => W + b, 0)]).sort((X, W) => X[1] - W[1])[0]) == null ? void 0 : m[0];
+              var S;
+              const P = (S = m.map((X) => [X.placement, X.overflows.filter((W) => W > 0).reduce((W, b) => W + b, 0)]).sort((X, W) => X[1] - W[1])[0]) == null ? void 0 : S[0];
               P && (G = P);
               break;
             }
@@ -4477,7 +4477,7 @@ async function AD(A, B) {
     placement: Q,
     platform: g,
     elements: E
-  } = A, C = await (g.isRTL == null ? void 0 : g.isRTL(E.floating)), e = WA(Q), I = xA(Q), t = PQ(Q) === "y", o = ["left", "top"].includes(e) ? -1 : 1, i = C && t ? -1 : 1, s = RB(B, A);
+  } = A, C = await (g.isRTL == null ? void 0 : g.isRTL(E.floating)), e = WA(Q), I = xA(Q), t = PQ(Q) === "y", o = ["left", "top"].includes(e) ? -1 : 1, i = C && t ? -1 : 1, s = kB(B, A);
   let {
     mainAxis: w,
     crossAxis: n,
@@ -4541,7 +4541,7 @@ const BD = function(A) {
           }
         },
         ...t
-      } = RB(A, B), o = {
+      } = kB(A, B), o = {
         x: Q,
         y: g
       }, i = await Yg(B, t), s = PQ(WA(E)), w = Ot(s);
@@ -4582,7 +4582,7 @@ const BD = function(A) {
         apply: e = () => {
         },
         ...I
-      } = RB(A, B), t = await Yg(B, I), o = WA(Q), i = xA(Q), s = PQ(Q) === "y", {
+      } = kB(A, B), t = await Yg(B, I), o = WA(Q), i = xA(Q), s = PQ(Q) === "y", {
         width: w,
         height: n
       } = g.floating;
@@ -4598,8 +4598,8 @@ const BD = function(A) {
         h = i || d ? rQ(r, F) : F;
       }
       if (d && !i) {
-        const F = lB(t.left, 0), S = lB(t.right, 0), J = lB(t.top, 0), q = lB(t.bottom, 0);
-        s ? u = w - 2 * (F !== 0 || S !== 0 ? F + S : lB(t.left, t.right)) : h = n - 2 * (J !== 0 || q !== 0 ? J + q : lB(t.top, t.bottom));
+        const F = lB(t.left, 0), m = lB(t.right, 0), x = lB(t.top, 0), q = lB(t.bottom, 0);
+        s ? u = w - 2 * (F !== 0 || m !== 0 ? F + m : lB(t.left, t.right)) : h = n - 2 * (x !== 0 || q !== 0 ? x + q : lB(t.top, t.bottom));
       }
       await e({
         ...B,
@@ -4675,7 +4675,7 @@ function Xt(A) {
   return sB(A) ? A : A.contextElement;
 }
 const Zt = { x: 1, y: 1 };
-function mB(A) {
+function JB(A) {
   const B = Xt(A);
   if (!TA(B))
     return Zt;
@@ -4688,14 +4688,14 @@ function cQ(A, B, Q, g) {
   B === void 0 && (B = !1), Q === void 0 && (Q = !1);
   const e = A.getBoundingClientRect(), I = Xt(A);
   let t = Zt;
-  B && (g ? sB(g) && (t = mB(g)) : t = mB(A));
+  B && (g ? sB(g) && (t = JB(g)) : t = JB(A));
   const o = I ? kA(I) : window, i = !_t() && Q;
   let s = (e.left + (i && ((E = o.visualViewport) == null ? void 0 : E.offsetLeft) || 0)) / t.x, w = (e.top + (i && ((C = o.visualViewport) == null ? void 0 : C.offsetTop) || 0)) / t.y, n = e.width / t.x, D = e.height / t.y;
   if (I) {
     const a = kA(I), r = g && sB(g) ? kA(g) : g;
     let c = a.frameElement;
     for (; c && g && r !== a; ) {
-      const d = mB(c), h = c.getBoundingClientRect(), u = getComputedStyle(c);
+      const d = JB(c), h = c.getBoundingClientRect(), u = getComputedStyle(c);
       h.x += (c.clientLeft + parseFloat(u.paddingLeft)) * d.x, h.y += (c.clientTop + parseFloat(u.paddingTop)) * d.y, s *= d.x, w *= d.y, n *= d.x, D *= d.y, s += h.x, w += h.y, c = kA(c).frameElement;
     }
   }
@@ -4737,7 +4737,7 @@ function Ye(A, B, Q) {
     }
     return { width: t, height: o, x: i, y: s };
   }(A, Q)) : sB(B) ? EQ(function(g, E) {
-    const C = cQ(g, !0, E === "fixed"), e = C.top + g.clientTop, I = C.left + g.clientLeft, t = TA(g) ? mB(g) : { x: 1, y: 1 };
+    const C = cQ(g, !0, E === "fixed"), e = C.top + g.clientTop, I = C.left + g.clientLeft, t = TA(g) ? JB(g) : { x: 1, y: 1 };
     return { width: g.clientWidth * t.x, height: g.clientHeight * t.y, x: I * t.x, y: e * t.y };
   }(B, Q)) : EQ(function(g) {
     const E = iB(g), C = mg(g), e = g.ownerDocument.body, I = CQ(E.scrollWidth, E.clientWidth, e.scrollWidth, e.clientWidth), t = CQ(E.scrollHeight, E.clientHeight, e.scrollHeight, e.clientHeight);
@@ -4804,12 +4804,12 @@ const eD = { getClippingRect: function(A) {
   const t = { x: 0, y: 0 };
   if ((E || !E && g !== "fixed") && ((DB(Q) !== "body" || Sg(C)) && (e = mg(Q)), TA(Q))) {
     const o = cQ(Q);
-    I = mB(Q), t.x = o.x + Q.clientLeft, t.y = o.y + Q.clientTop;
+    I = JB(Q), t.x = o.x + Q.clientLeft, t.y = o.y + Q.clientTop;
   }
   return { width: B.width * I.x, height: B.height * I.y, x: B.x * I.x - e.scrollLeft * I.x + t.x, y: B.y * I.y - e.scrollTop * I.y + t.y };
 }, isElement: sB, getDimensions: function(A) {
   return TA(A) ? Tt(A) : A.getBoundingClientRect();
-}, getOffsetParent: me, getDocumentElement: iB, getScale: mB, async getElementRects(A) {
+}, getOffsetParent: me, getDocumentElement: iB, getScale: JB, async getElementRects(A) {
   let { reference: B, floating: Q, strategy: g } = A;
   const E = this.getOffsetParent || me, C = this.getDimensions;
   return { reference: CD(B, await E(Q), g), floating: { x: 0, y: 0, ...await C(Q) } };
@@ -4918,13 +4918,13 @@ function Je(A) {
   while (Q);
   return B;
 }
-let TB = !1;
+let qB = !1;
 if (typeof window < "u") {
-  TB = !1;
+  qB = !1;
   try {
     const A = Object.defineProperty({}, "passive", {
       get() {
-        TB = !0;
+        qB = !0;
       }
     });
     window.addEventListener("test", null, A);
@@ -5478,7 +5478,7 @@ const $g = "__floating-vue__popper", Ao = () => V({
       this.$_registerTriggerListeners(this.$_targetNodes, Oe, this.triggers, this.hideTriggers, B), this.$_registerTriggerListeners([this.$_popperNode], Oe, this.popperTriggers, this.popperHideTriggers, B);
     },
     $_registerEventListeners(A, B, Q) {
-      this.$_events.push({ targetNodes: A, eventType: B, handler: Q }), A.forEach((g) => g.addEventListener(B, Q, TB ? {
+      this.$_events.push({ targetNodes: A, eventType: B, handler: Q }), A.forEach((g) => g.addEventListener(B, Q, qB ? {
         passive: !0
       } : void 0));
     },
@@ -5543,7 +5543,7 @@ const $g = "__floating-vue__popper", Ao = () => V({
 });
 if (typeof document < "u" && typeof window < "u") {
   if (jt) {
-    const A = TB ? {
+    const A = qB ? {
       passive: !0,
       capture: !0
     } : !0;
@@ -5604,7 +5604,7 @@ function iD() {
 let eB = 0, IB = 0, eQ = 0, IQ = 0;
 typeof window < "u" && window.addEventListener("mousemove", (A) => {
   eB = eQ, IB = IQ, eQ = A.clientX, IQ = A.clientY;
-}, TB ? {
+}, qB ? {
   passive: !0
 } : void 0);
 function OQ(A, B, Q, g, E, C, e, I) {
@@ -5746,7 +5746,7 @@ const Bo = (A = "theme") => ({
   pD
 ];
 function FD(A, B, Q, g, E, C) {
-  const e = OB("ResizeObserver");
+  const e = vB("ResizeObserver");
   return f(), H("div", {
     id: A.popperId,
     ref: "popover",
@@ -6022,7 +6022,7 @@ const ND = V({
   }
 });
 function GD(A, B, Q, g, E, C) {
-  const e = OB("PopperContent"), I = OB("Popper");
+  const e = vB("PopperContent"), I = vB("Popper");
   return f(), z(I, RA({ ref: "popper" }, A.$props, {
     theme: A.finalTheme,
     "target-nodes": A.getTargetNodes,
@@ -6177,7 +6177,7 @@ const yD = V({
   }
 }), HD = ["innerHTML"], RD = ["textContent"];
 function kD(A, B, Q, g, E, C) {
-  const e = OB("PopperContent"), I = OB("Popper");
+  const e = vB("PopperContent"), I = vB("Popper");
   return f(), z(I, RA({ ref: "popper" }, A.$attrs, {
     theme: A.theme,
     "target-nodes": A.targetNodes,
@@ -6309,7 +6309,7 @@ const mD = {
   }
 };
 function Ze(A) {
-  A.addEventListener("mousedown", sg), A.addEventListener("click", sg), A.addEventListener("touchstart", Io, TB ? {
+  A.addEventListener("mousedown", sg), A.addEventListener("click", sg), A.addEventListener("touchstart", Io, qB ? {
     passive: !0
   } : !1);
 }
@@ -6393,7 +6393,7 @@ const so = /* @__PURE__ */ vD(bD, [["render", _D]]), XD = { key: 2 }, SA = /* @_
   },
   emits: ["click"],
   setup(A, { emit: B }) {
-    const Q = A, g = B, E = ks(), C = x(() => E.to ? "router-link" : E.href ? "a" : "button"), e = x(() => Q.loading || Q.disabled);
+    const Q = A, g = B, E = ks(), C = J(() => E.to ? "router-link" : E.href ? "a" : "button"), e = J(() => Q.loading || Q.disabled);
     function I(s) {
       if (e.value) {
         s.preventDefault(), s.stopPropagation(), s.stopImmediatePropagation();
@@ -6438,7 +6438,7 @@ const so = /* @__PURE__ */ vD(bD, [["render", _D]]), XD = { key: 2 }, SA = /* @_
         info: "hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",
         success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
       }
-    }, o = Ps(), i = x(() => Q.flat ? t.flat[Q.type] : Q.outlined ? t.outlined[Q.type] : t.normal[Q.type]);
+    }, o = Ps(), i = J(() => Q.flat ? t.flat[Q.type] : Q.outlined ? t.outlined[Q.type] : t.normal[Q.type]);
     return (s, w) => (f(), z(Bg(C.value), RA(s.$attrs, {
       role: "button",
       "aria-disabled": e.value,
@@ -6609,7 +6609,7 @@ function ga(A, B, Q, g = {}) {
       { deep: i }
     ), u;
   } else
-    return x({
+    return J({
       get() {
         return c();
       },
@@ -6638,11 +6638,11 @@ const Ea = ["type", "placeholder", "disabled"], Ca = {
   },
   emits: ["update:modelValue", "updateFocused", "keyTab"],
   setup(A, { emit: B }) {
-    const Q = A, g = B, E = ga(Q, "modelValue", g), C = Aa(x(() => Q.loading), Q.loadingDebounceTime), e = Ba(!1, {
+    const Q = A, g = B, E = ga(Q, "modelValue", g), C = Aa(J(() => Q.loading), Q.loadingDebounceTime), e = Ba(!1, {
       onChanged(s) {
         g("updateFocused", s);
       }
-    }), I = x(() => Q.variant === "flat" || Q.variant === "warning" || Q.disabled || Q.readonly), t = x(() => Q.disabled || C.value), o = K();
+    }), I = J(() => Q.variant === "flat" || Q.variant === "warning" || Q.disabled || Q.readonly), t = J(() => Q.disabled || C.value), o = K();
     let i = !1;
     return Qg(() => {
       C.value && e.value ? i = !0 : !C.value && i && (i = !1, aB(() => {
@@ -6717,7 +6717,7 @@ const Ea = ["type", "placeholder", "disabled"], Ca = {
   emits: ["update:visible"],
   setup(A) {
     const B = A;
-    return NB("$ui-dropdown-disabled", x(() => B.disabled)), (Q, g) => (f(), z(N(OD), {
+    return NB("$ui-dropdown-disabled", J(() => B.disabled)), (Q, g) => (f(), z(N(OD), {
       disabled: Q.disabled,
       class: "inline-block w-auto",
       shown: Q.shown,
@@ -6951,7 +6951,7 @@ function Ma() {
 }
 function tC(A) {
   const B = Ma();
-  return x(() => (B.value, !!A()));
+  return J(() => (B.value, !!A()));
 }
 function AI(A, B = {}) {
   const {
@@ -6985,7 +6985,7 @@ function pa(A = {}) {
     source: g,
     copiedDuring: E = 1500,
     legacy: C = !1
-  } = A, e = tC(() => B && "clipboard" in B), I = AI("clipboard-read"), t = AI("clipboard-write"), o = x(() => e.value || C), i = K(""), s = K(!1), w = ua(() => s.value = !1, E);
+  } = A, e = tC(() => B && "clipboard" in B), I = AI("clipboard-read"), t = AI("clipboard-write"), o = J(() => e.value || C), i = K(""), s = K(!1), w = ua(() => s.value = !1, E);
   function n() {
     e.value && c(I.value) ? B.clipboard.readText().then((d) => {
       i.value = d;
@@ -7021,7 +7021,7 @@ function Fa(A, B, Q = {}) {
   let C;
   const e = tC(() => g && "ResizeObserver" in g), I = () => {
     C && (C.disconnect(), C = void 0);
-  }, t = x(() => Array.isArray(A) ? A.map((s) => dB(s)) : [dB(A)]), o = aA(
+  }, t = J(() => Array.isArray(A) ? A.map((s) => dB(s)) : [dB(A)]), o = aA(
     t,
     (s) => {
       if (I(), e.value && g) {
@@ -7040,7 +7040,7 @@ function Fa(A, B, Q = {}) {
   };
 }
 function Na(A, B = { width: 0, height: 0 }, Q = {}) {
-  const { window: g = Og, box: E = "content-box" } = Q, C = x(() => {
+  const { window: g = Og, box: E = "content-box" } = Q, C = J(() => {
     var s, w;
     return (w = (s = dB(A)) == null ? void 0 : s.namespaceURI) == null ? void 0 : w.includes("svg");
   }), e = K(B.width), I = K(B.height), { stop: t } = Fa(
@@ -7131,7 +7131,7 @@ function La(A = {}) {
         if (r = r.toLowerCase(), r in g && (r = g[r]), !(r in t))
           if (/[+_-]/.test(r)) {
             const h = r.split(/[+_-]/g).map((u) => u.trim());
-            t[r] = x(() => h.every((u) => _A(D[u])));
+            t[r] = J(() => h.every((u) => _A(D[u])));
           } else
             t[r] = K(!1);
         const d = Reflect.get(a, r, c);
@@ -7172,7 +7172,7 @@ function ya(A, B, Q, g = {}) {
       { deep: i }
     ), u;
   } else
-    return x({
+    return J({
       get() {
         return c();
       },
@@ -7200,7 +7200,7 @@ function Ra() {
       E && (B.value = E), Q.value = !Q.value;
     },
     editingType: B,
-    nodeId: x(() => g.value.nodeId)
+    nodeId: J(() => g.value.nodeId)
   };
 }
 function ka(A, B) {
@@ -7253,10 +7253,10 @@ const Ua = { class: "flex pl5px" }, Ka = { class: "w160px py5px" }, Ya = /* @__P
   },
   emits: ["enableEditInput", "addNewProp"],
   setup(A) {
-    const B = A, Q = oC(), { copy: g, isSupported: E } = pa(), C = K(!1), e = x(() => BC(B.data.value)), I = x(() => e.value.value), t = x(() => e.value.customType), o = x(() => I.value === null ? "null" : typeof I.value), i = {
+    const B = A, Q = oC(), { copy: g, isSupported: E } = pa(), C = K(!1), e = J(() => BC(B.data.value)), I = J(() => e.value.value), t = J(() => e.value.customType), o = J(() => I.value === null ? "null" : typeof I.value), i = {
       flat: !0,
       size: "mini"
-    }, s = x(() => ({
+    }, s = J(() => ({
       "opacity-0": !B.hovering
     }));
     async function w(D, a = !1) {
@@ -7405,7 +7405,7 @@ const Ua = { class: "flex pl5px" }, Ka = { class: "w160px py5px" }, Ya = /* @__P
   },
   emits: ["cancel", "submit", "update:modelValue"],
   setup(A, { emit: B }) {
-    const Q = A, g = B, E = x(() => Q.customType === "date" ? "datetime-local" : ""), { escape: C, enter: e } = La();
+    const Q = A, g = B, E = J(() => Q.customType === "date" ? "datetime-local" : ""), { escape: C, enter: e } = La();
     Qg(() => {
       C.value ? g("cancel") : e.value && g("submit");
     });
@@ -7540,17 +7540,17 @@ const Do = (A) => (GQ("data-v-a4276957"), A = A(), LQ(), A), Ja = {
     expandedStateId: {}
   },
   setup(A) {
-    const B = A, Q = K(BI), g = x(() => mt(B.data.value, !1, {
+    const B = A, Q = K(BI), g = J(() => mt(B.data.value, !1, {
       customClass: {
         string: "max-w-120 truncate"
       }
-    })), E = x(() => DQ(B.data.value)), C = x(() => BC(B.data.value)), { expanded: e, toggleExpanded: I } = iC(B.expandedStateId ?? ""), t = x(() => {
+    })), E = J(() => DQ(B.data.value)), C = J(() => BC(B.data.value)), { expanded: e, toggleExpanded: I } = iC(B.expandedStateId ?? ""), t = J(() => {
       var G;
       return E.value === "custom" ? `${((G = B.data.value._custom) == null ? void 0 : G.type) ?? "string"}-custom-state` : "";
-    }), o = x(() => {
+    }), o = J(() => {
       const { value: G } = C.value;
       return RC(G) ? G.length : HC(G) ? Object.keys(G).length : 0;
-    }), i = x(() => B.data.path || [B.data.key]), s = x(() => i.value[i.value.length - 1]), w = x(() => {
+    }), i = J(() => B.data.path || [B.data.key]), s = J(() => i.value[i.value.length - 1]), w = J(() => {
       var X, W, b, hA, wA, FA, NA;
       const G = ["Reactive"], P = ((W = (X = B.data) == null ? void 0 : X._custom) == null ? void 0 : W.stateTypeName) || ((b = B.data) == null ? void 0 : b.stateTypeName);
       if (G.includes(P))
@@ -7558,10 +7558,10 @@ const Do = (A) => (GQ("data-v-a4276957"), A = A(), LQ(), A), Ja = {
       if ((wA = (hA = B.data.value) == null ? void 0 : hA.fields) != null && wA.abstract)
         return "";
       {
-        const rA = (NA = (FA = B.data.value) == null ? void 0 : FA._custom) == null ? void 0 : NA.type, YA = E.value === "custom" && !rA ? `"${g.value}"` : g.value === "" ? '""' : g.value, KB = E.value === "custom" && rA === "ref" ? DQ(YA) : E.value, rB = E.value === "string" ? "select-text" : "", v = `<span class="${KB}-state-type flex whitespace-nowrap ${rB}">${YA}</span>`;
+        const rA = (NA = (FA = B.data.value) == null ? void 0 : FA._custom) == null ? void 0 : NA.type, YA = E.value === "custom" && !rA ? `"${g.value}"` : g.value === "" ? '""' : g.value, YB = E.value === "custom" && rA === "ref" ? DQ(YA) : E.value, rB = E.value === "string" ? "select-text" : "", v = `<span class="${YB}-state-type flex whitespace-nowrap ${rB}">${YA}</span>`;
         return P ? `${v} <span class="text-gray-500">(${P})</span>` : v;
       }
-    }), n = x(() => {
+    }), n = J(() => {
       const { value: G, inherit: P, customType: X } = C.value, W = X === "set";
       let b = [];
       return RC(G) ? G.slice(0, Q.value).map((wA, FA) => ({
@@ -7579,7 +7579,7 @@ const Do = (A) => (GQ("data-v-a4276957"), A = A(), LQ(), A), Ja = {
         editable: B.data.editable && !W,
         creating: !1
       })), E.value !== "custom" && (b = Ct(b))), b === B.data.value ? [] : b);
-    }), D = x(() => n.value.length > 0), a = K(), r = oC(), { isHovering: c } = ma(() => a.value), { editingType: d, editing: h, editingText: u, toggleEditing: M, nodeId: F } = Ra();
+    }), D = J(() => n.value.length > 0), a = K(), r = oC(), { isHovering: c } = ma(() => a.value), { editingType: d, editing: h, editingText: u, toggleEditing: M, nodeId: F } = Ra();
     aA(() => h.value, (G) => {
       if (G) {
         const { value: P } = C.value;
@@ -7587,7 +7587,7 @@ const Do = (A) => (GQ("data-v-a4276957"), A = A(), LQ(), A), Ja = {
       } else
         u.value = "";
     });
-    async function S() {
+    async function m() {
       const G = B.data;
       await _.value.editInspectorState({
         path: i.value,
@@ -7601,10 +7601,10 @@ const Do = (A) => (GQ("data-v-a4276957"), A = A(), LQ(), A), Ja = {
         }
       }), await _.value.sendInspectorState(r.value.inspectorId), M();
     }
-    const { addNewProp: J, draftingNewProp: q, resetDrafting: m } = Pa();
+    const { addNewProp: x, draftingNewProp: q, resetDrafting: S } = Pa();
     function R(G) {
       const P = `${B.depth}-${B.index}`;
-      e.value.includes(P) || I(P), J(G, C.value.value);
+      e.value.includes(P) || I(P), x(G, C.value.value);
     }
     async function k() {
       const G = B.data;
@@ -7618,7 +7618,7 @@ const Do = (A) => (GQ("data-v-a4276957"), A = A(), LQ(), A), Ja = {
           type: typeof zQ(q.value.value),
           value: zQ(q.value.value)
         }
-      }), await _.value.sendInspectorState(r.value.inspectorId), m();
+      }), await _.value.sendInspectorState(r.value.inspectorId), S();
     }
     return (G, P) => (f(), H("div", null, [
       p("div", {
@@ -7640,7 +7640,7 @@ const Do = (A) => (GQ("data-v-a4276957"), A = A(), LQ(), A), Ja = {
           "onUpdate:modelValue": P[0] || (P[0] = (X) => oB(u) ? u.value = X : null),
           "custom-type": C.value.customType,
           onCancel: N(M),
-          onSubmit: S
+          onSubmit: m
         }, null, 8, ["modelValue", "custom-type", "onCancel"])) : AA("", !0),
         p("span", {
           class: CA([t.value, "flex whitespace-nowrap"])
@@ -7695,14 +7695,14 @@ const Do = (A) => (GQ("data-v-a4276957"), A = A(), LQ(), A), Ja = {
             modelValue: N(q).value,
             "onUpdate:modelValue": P[4] || (P[4] = (X) => N(q).value = X),
             "auto-focus": !1,
-            onCancel: N(m),
+            onCancel: N(S),
             onSubmit: k
           }, null, 8, ["modelValue", "onCancel"])
         ], 4)) : AA("", !0)
       ])) : AA("", !0)
     ]));
   }
-}), _a = /* @__PURE__ */ HB(Wa, [["__scopeId", "data-v-a4276957"]]), ao = /* @__PURE__ */ V({
+}), _a = /* @__PURE__ */ RB(Wa, [["__scopeId", "data-v-a4276957"]]), ao = /* @__PURE__ */ V({
   __name: "ChildStateViewer",
   props: {
     data: {},
@@ -7943,17 +7943,17 @@ const Cr = ["onClick", "onDblclick"], er = {
 }, jB = "pinia", ar = /* @__PURE__ */ V({
   __name: "Index",
   setup(A) {
-    const { expanded: B } = AB(), { expanded: Q } = AB("pinia-store-state"), g = K(""), E = K([]), C = x(() => {
+    const { expanded: B } = AB(), { expanded: Q } = AB("pinia-store-state"), g = K(""), E = K([]), C = J(() => {
       var h, u;
       return (h = E.value) != null && h.length ? i((u = E.value) == null ? void 0 : u[0]) : [];
-    }), e = x(() => w(E.value)), I = x(() => e.value.map((h) => h.id)), t = K({}), o = x(() => {
+    }), e = J(() => w(E.value)), I = J(() => e.value.map((h) => h.id)), t = K({}), o = J(() => {
       var h, u;
       return !((h = t.value.state) != null && h.length) && !((u = t.value.getters) != null && u.length);
     });
     function i(h, u = [], M = []) {
-      var F, S;
-      return u.push(h.id), ((F = h.children) == null ? void 0 : F.length) === 0 && M.push([...u]), (S = h.children) == null || S.forEach((J) => {
-        i(J, u, M);
+      var F, m;
+      return u.push(h.id), ((F = h.children) == null ? void 0 : F.length) === 0 && M.push([...u]), (m = h.children) == null || m.forEach((x) => {
+        i(x, u, M);
       }), u.pop(), M;
     }
     function s(h, u) {
@@ -7964,9 +7964,9 @@ const Cr = ["onClick", "onDblclick"], er = {
     }
     function w(h) {
       const u = [], M = (F) => {
-        F.forEach((S) => {
-          var J;
-          u.push(S), (J = S.children) != null && J.length && M(S.children);
+        F.forEach((m) => {
+          var x;
+          u.push(m), (x = m.children) != null && x.length && M(m.children);
         });
       };
       return M(h), u;
@@ -8005,9 +8005,9 @@ const Cr = ["onClick", "onDblclick"], er = {
       t.value = n({
         state: M.state,
         getters: M.getters
-      }), Q.value = Array.from({ length: Object.keys(t.value).length }, (F, S) => `${S}`);
+      });
     }
-    return _.functions.on(IA.INSPECTOR_TREE_UPDATED, c), _.functions.on(IA.INSPECTOR_STATE_UPDATED, d), _B(() => {
+    return _.functions.on(IA.INSPECTOR_TREE_UPDATED, c), _.functions.on(IA.INSPECTOR_STATE_UPDATED, d), HB(() => {
       _.functions.off(IA.INSPECTOR_TREE_UPDATED, c), _.functions.off(IA.INSPECTOR_STATE_UPDATED, d);
     }), (h, u) => (f(), H("div", wr, [
       U(Kg, {
@@ -8573,65 +8573,65 @@ var wC = {
       else if (this.$_prerender)
         a = d = 0, r = h = Math.min(this.prerender, t.length), c = null;
       else {
-        const m = this.getScroll();
+        const S = this.getScroll();
         if (B) {
-          let G = m.start - this.$_lastUpdateScrollPosition;
+          let G = S.start - this.$_lastUpdateScrollPosition;
           if (G < 0 && (G = -G), Q === null && G < C || G < Q)
             return {
               continuous: !0
             };
         }
-        this.$_lastUpdateScrollPosition = m.start;
+        this.$_lastUpdateScrollPosition = S.start;
         const R = this.buffer;
-        m.start -= R, m.end += R;
+        S.start -= R, S.end += R;
         let k = 0;
-        if (this.$refs.before && (k = this.$refs.before.scrollHeight, m.start -= k), this.$refs.after) {
+        if (this.$refs.before && (k = this.$refs.before.scrollHeight, S.start -= k), this.$refs.after) {
           const G = this.$refs.after.scrollHeight;
-          m.end += G;
+          S.end += G;
         }
         if (Q === null) {
           let G, P = 0, X = o - 1, W = ~~(o / 2), b;
           do
-            b = W, G = i[W].accumulator, G < m.start ? P = W : W < o - 1 && i[W + 1].accumulator > m.start && (X = W), W = ~~((P + X) / 2);
+            b = W, G = i[W].accumulator, G < S.start ? P = W : W < o - 1 && i[W + 1].accumulator > S.start && (X = W), W = ~~((P + X) / 2);
           while (W !== b);
-          for (W < 0 && (W = 0), a = W, c = i[o - 1].accumulator, r = W; r < o && i[r].accumulator < m.end; r++)
+          for (W < 0 && (W = 0), a = W, c = i[o - 1].accumulator, r = W; r < o && i[r].accumulator < S.end; r++)
             ;
-          for (r === -1 ? r = t.length - 1 : (r++, r > o && (r = o)), d = a; d < o && k + i[d].accumulator < m.start; d++)
+          for (r === -1 ? r = t.length - 1 : (r++, r > o && (r = o)), d = a; d < o && k + i[d].accumulator < S.start; d++)
             ;
-          for (h = d; h < o && k + i[h].accumulator < m.end; h++)
+          for (h = d; h < o && k + i[h].accumulator < S.end; h++)
             ;
         } else {
-          a = ~~(m.start / Q * g);
+          a = ~~(S.start / Q * g);
           const G = a % g;
-          a -= G, r = Math.ceil(m.end / Q * g), d = Math.max(0, Math.floor((m.start - k) / Q * g)), h = Math.floor((m.end - k) / Q * g), a < 0 && (a = 0), r > o && (r = o), d < 0 && (d = 0), h > o && (h = o), c = Math.ceil(o / g) * Q;
+          a -= G, r = Math.ceil(S.end / Q * g), d = Math.max(0, Math.floor((S.start - k) / Q * g)), h = Math.floor((S.end - k) / Q * g), a < 0 && (a = 0), r > o && (r = o), d < 0 && (d = 0), h > o && (h = o), c = Math.ceil(o / g) * Q;
         }
       }
       r - a > Rr.itemsLimit && this.itemsLimitError(), this.totalSize = c;
       let u;
       const M = a <= this.$_endIndex && r >= this.$_startIndex;
       if (M)
-        for (let m = 0, R = n.length; m < R; m++)
-          u = n[m], u.nr.used && (A && (u.nr.index = D[u.item[I]]), (u.nr.index == null || u.nr.index < a || u.nr.index >= r) && this.unuseView(u));
+        for (let S = 0, R = n.length; S < R; S++)
+          u = n[S], u.nr.used && (A && (u.nr.index = D[u.item[I]]), (u.nr.index == null || u.nr.index < a || u.nr.index >= r) && this.unuseView(u));
       const F = M ? null : /* @__PURE__ */ new Map();
-      let S, J, q;
-      for (let m = a; m < r; m++) {
-        S = t[m];
-        const R = I ? S[I] : S;
+      let m, x, q;
+      for (let S = a; S < r; S++) {
+        m = t[S];
+        const R = I ? m[I] : m;
         if (R == null)
           throw new Error(`Key is ${R} on item (keyField is '${I}')`);
-        if (u = s.get(R), !Q && !i[m].size) {
+        if (u = s.get(R), !Q && !i[S].size) {
           u && this.unuseView(u);
           continue;
         }
-        J = S[e];
-        let k = w.get(J), G = !1;
+        x = m[e];
+        let k = w.get(x), G = !1;
         if (!u)
-          M ? k && k.length ? u = k.pop() : u = this.addView(n, m, S, R, J) : (q = F.get(J) || 0, (!k || q >= k.length) && (u = this.addView(n, m, S, R, J), this.unuseView(u, !0), k = w.get(J)), u = k[q], F.set(J, q + 1)), s.delete(u.nr.key), u.nr.used = !0, u.nr.index = m, u.nr.key = R, u.nr.type = J, s.set(R, u), G = !0;
+          M ? k && k.length ? u = k.pop() : u = this.addView(n, S, m, R, x) : (q = F.get(x) || 0, (!k || q >= k.length) && (u = this.addView(n, S, m, R, x), this.unuseView(u, !0), k = w.get(x)), u = k[q], F.set(x, q + 1)), s.delete(u.nr.key), u.nr.used = !0, u.nr.index = S, u.nr.key = R, u.nr.type = x, s.set(R, u), G = !0;
         else if (!u.nr.used && (u.nr.used = !0, G = !0, k)) {
           const P = k.indexOf(u);
           P !== -1 && k.splice(P, 1);
         }
-        u.item = S, G && (m === t.length - 1 && this.$emit("scroll-end"), m === 0 && this.$emit("scroll-start")), Q === null ? (u.position = i[m - 1].accumulator, u.offset = 0) : (u.position = Math.floor(m / g) * Q, u.offset = m % g * E);
+        u.item = m, G && (S === t.length - 1 && this.$emit("scroll-end"), S === 0 && this.$emit("scroll-start")), Q === null ? (u.position = i[S - 1].accumulator, u.offset = 0) : (u.position = Math.floor(S / g) * Q, u.offset = S % g * E);
       }
       return this.$_startIndex = a, this.$_endIndex = r, this.emitUpdate && this.$emit("update", a, r, d, h), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
         continuous: M
@@ -8707,7 +8707,7 @@ const Jr = {
   class: "vue-recycle-scroller__slot"
 };
 function Or(A, B, Q, g, E, C) {
-  const e = OB("ResizeObserver"), I = vs("observe-visibility");
+  const e = vB("ResizeObserver"), I = vs("observe-visibility");
   return uA((f(), H(
     "div",
     {
@@ -8818,7 +8818,7 @@ const vr = { class: "p3" }, br = ["onClick"], Tr = {
   }),
   emits: ["update:modelValue"],
   setup(A) {
-    const B = A, Q = Qt(A, "modelValue"), g = ["#3e5770", "#42b983", "#0098c4"], E = x(() => {
+    const B = A, Q = Qt(A, "modelValue"), g = ["#3e5770", "#42b983", "#0098c4"], E = J(() => {
       let C = -1, e = 0;
       return B.data.forEach((I, t) => {
         (I.groupId !== e || C === -1) && (C = (C + 1) % g.length), e = I.groupId ?? e, I.id = t, I.color = g[C];
@@ -8879,7 +8879,7 @@ const vr = { class: "p3" }, br = ["onClick"], Tr = {
   setup(A) {
     const B = A, { expanded: Q } = AB("timeline-state");
     Q.value = ["0", "1"];
-    const g = K([]), E = K(/* @__PURE__ */ new Map()), C = K(0), e = x(() => g.value[C.value] ?? null), I = x(() => {
+    const g = K([]), E = K(/* @__PURE__ */ new Map()), C = K(0), e = J(() => g.value[C.value] ?? null), I = J(() => {
       var n;
       const w = [];
       for (const D in (n = e.value) == null ? void 0 : n.data)
@@ -8890,7 +8890,7 @@ const vr = { class: "p3" }, br = ["onClick"], Tr = {
           value: e.value.data[D]
         });
       return w;
-    }), t = x(() => {
+    }), t = J(() => {
       var D, a, r;
       const w = (D = e.value) == null ? void 0 : D.groupId, n = E.value.get(w);
       if (n) {
@@ -8907,7 +8907,7 @@ const vr = { class: "p3" }, br = ["onClick"], Tr = {
           value: `${c}ms`
         }].filter(Boolean);
       }
-    }), o = x(() => ({ "Event Info": I.value, ...t.value && { "Group Info": t.value } }));
+    }), o = J(() => ({ "Event Info": I.value, ...t.value && { "Group Info": t.value } }));
     function i(w) {
       var D;
       const n = w.groupId;
@@ -8919,7 +8919,7 @@ const vr = { class: "p3" }, br = ["onClick"], Tr = {
       const { layerId: n, event: D } = w;
       B.layerIds.includes(n) && (g.value.push(D), i(D));
     }
-    return _.functions.on(IA.TIMELINE_EVENT_UPDATED, s), _B(() => {
+    return _.functions.on(IA.TIMELINE_EVENT_UPDATED, s), HB(() => {
       _.functions.off(IA.TIMELINE_EVENT_UPDATED, s);
     }), (w, n) => (f(), H("div", Zr, [
       U(Kg, {
@@ -8992,7 +8992,7 @@ const vr = { class: "p3" }, br = ["onClick"], Tr = {
 }), Ac = {
   "h-full": "",
   "w-full": ""
-}, up = /* @__PURE__ */ V({
+}, hp = /* @__PURE__ */ V({
   __name: "index",
   setup(A) {
     const { VirtualRouterView: B } = WE([
@@ -9039,12 +9039,12 @@ var tc = "[object Null]", oc = "[object Undefined]", II = XA ? XA.toStringTag :
 function ZB(A) {
   return A == null ? A === void 0 ? oc : tc : II && II in Object(A) ? Ec(A) : Ic(A);
 }
-function qB(A) {
+function WB(A) {
   return A != null && typeof A == "object";
 }
 var sc = "[object Symbol]";
 function DC(A) {
-  return typeof A == "symbol" || qB(A) && ZB(A) == sc;
+  return typeof A == "symbol" || WB(A) && ZB(A) == sc;
 }
 function ic(A, B) {
   for (var Q = -1, g = A == null ? 0 : A.length, E = Array(g); ++Q < g; )
@@ -9084,7 +9084,7 @@ function lc(A) {
   return !!sI && sI in A;
 }
 var uc = Function.prototype, hc = uc.toString;
-function kB(A) {
+function PB(A) {
   if (A != null) {
     try {
       return hc.call(A);
@@ -9104,20 +9104,20 @@ function Lc(A) {
   if (!aC(A) || lc(A))
     return !1;
   var B = Lo(A) ? Gc : Mc;
-  return B.test(kB(A));
+  return B.test(PB(A));
 }
 function yc(A, B) {
   return A == null ? void 0 : A[B];
 }
-function PB(A, B) {
+function UB(A, B) {
   var Q = yc(A, B);
   return Lc(Q) ? Q : void 0;
 }
-var Hc = PB(BB, "WeakMap");
+var Hc = UB(BB, "WeakMap");
 const kE = Hc;
 var iI = function() {
   try {
-    var A = PB(Object, "defineProperty");
+    var A = UB(Object, "defineProperty");
     return A({}, "", {}), A;
   } catch {
   }
@@ -9156,12 +9156,12 @@ function Sc(A, B) {
 }
 var mc = "[object Arguments]";
 function wI(A) {
-  return qB(A) && ZB(A) == mc;
+  return WB(A) && ZB(A) == mc;
 }
 var ko = Object.prototype, Jc = ko.hasOwnProperty, xc = ko.propertyIsEnumerable, cC = wI(/* @__PURE__ */ function() {
   return arguments;
 }()) ? wI : function(A) {
-  return qB(A) && Jc.call(A, "callee") && !xc.call(A, "callee");
+  return WB(A) && Jc.call(A, "callee") && !xc.call(A, "callee");
 };
 function Oc() {
   return !1;
@@ -9170,7 +9170,7 @@ var Po = typeof exports == "object" && exports && !exports.nodeType && exports,
 EA[Cl] = EA[el] = EA[Il] = EA[tl] = EA[ol] = EA[sl] = EA[il] = EA[wl] = EA[nl] = !0;
 EA[Tc] = EA[qc] = EA[gl] = EA[Wc] = EA[El] = EA[_c] = EA[Xc] = EA[Zc] = EA[zc] = EA[Vc] = EA[jc] = EA[$c] = EA[Al] = EA[Bl] = EA[Ql] = !1;
 function Dl(A) {
-  return qB(A) && rC(A.length) && !!EA[ZB(A)];
+  return WB(A) && rC(A.length) && !!EA[ZB(A)];
 }
 function al(A) {
   return function(B) {
@@ -9218,7 +9218,7 @@ function uC(A, B) {
   var Q = typeof A;
   return Q == "number" || Q == "symbol" || Q == "boolean" || A == null || DC(A) ? !0 : Nl.test(A) || !Fl.test(A) || B != null && A in Object(B);
 }
-var dQ = PB(Object, "create");
+var dQ = UB(Object, "create");
 function Gl() {
   this.__data__ = dQ ? dQ(null) : {}, this.size = 0;
 }
@@ -9297,7 +9297,7 @@ QB.prototype.delete = Ol;
 QB.prototype.get = vl;
 QB.prototype.has = bl;
 QB.prototype.set = Tl;
-var MQ = PB(BB, "Map");
+var MQ = UB(BB, "Map");
 function ql() {
   this.size = 0, this.__data__ = {
     hash: new LB(),
@@ -9466,15 +9466,15 @@ function h0(A, B, Q) {
 function uI(A) {
   return h0(A, lC, u0);
 }
-var d0 = PB(BB, "DataView");
+var d0 = UB(BB, "DataView");
 const UE = d0;
-var M0 = PB(BB, "Promise");
+var M0 = UB(BB, "Promise");
 const KE = M0;
-var p0 = PB(BB, "Set");
+var p0 = UB(BB, "Set");
 const YE = p0;
-var hI = "[object Map]", f0 = "[object Object]", dI = "[object Promise]", MI = "[object Set]", pI = "[object WeakMap]", fI = "[object DataView]", F0 = kB(UE), N0 = kB(MQ), G0 = kB(KE), L0 = kB(YE), y0 = kB(kE), uB = ZB;
+var hI = "[object Map]", f0 = "[object Object]", dI = "[object Promise]", MI = "[object Set]", pI = "[object WeakMap]", fI = "[object DataView]", F0 = PB(UE), N0 = PB(MQ), G0 = PB(KE), L0 = PB(YE), y0 = PB(kE), uB = ZB;
 (UE && uB(new UE(new ArrayBuffer(1))) != fI || MQ && uB(new MQ()) != hI || KE && uB(KE.resolve()) != dI || YE && uB(new YE()) != MI || kE && uB(new kE()) != pI) && (uB = function(A) {
-  var B = ZB(A), Q = B == f0 ? A.constructor : void 0, g = Q ? kB(Q) : "";
+  var B = ZB(A), Q = B == f0 ? A.constructor : void 0, g = Q ? PB(Q) : "";
   if (g)
     switch (g) {
       case F0:
@@ -9652,7 +9652,7 @@ function eu(A, B, Q, g, E, C) {
   return w ? (C || (C = new jA()), gu(A, B, Q, g, E, C)) : !1;
 }
 function dC(A, B, Q, g, E) {
-  return A === B ? !0 : A == null || B == null || !qB(A) && !qB(B) ? A !== A && B !== B : eu(A, B, Q, g, dC, E);
+  return A === B ? !0 : A == null || B == null || !WB(A) && !WB(B) ? A !== A && B !== B : eu(A, B, Q, g, dC, E);
 }
 var Iu = 1, tu = 2;
 function ou(A, B, Q, g) {
@@ -9794,7 +9794,7 @@ var JA;
   A[A.NotSet = -1] = "NotSet", A[A.None = 0] = "None", A[A.Italic = 1] = "Italic", A[A.Bold = 2] = "Bold", A[A.Underline = 4] = "Underline";
 })(JA || (JA = {}));
 typeof process < "u" && process.env.VSCODE_TEXTMATE_DEBUG;
-var WB;
+var _B;
 (function(A) {
   function B(i) {
     return i.toString(2).padStart(32, "0");
@@ -9840,7 +9840,7 @@ var WB;
     return s !== 0 && (c = s), w !== 8 && (d = w), n !== null && (h = n ? 1 : 0), D !== -1 && (u = D), a !== 0 && (M = a), r !== 0 && (F = r), (c << 0 | d << 8 | h << 10 | u << 11 | M << 15 | F << 24) >>> 0;
   }
   A.set = o;
-})(WB || (WB = {}));
+})(_B || (_B = {}));
 function ng(A, B) {
   const Q = [], g = Ku(A);
   let E = g.next();
@@ -10845,7 +10845,7 @@ class tE {
     this.languageId = B, this.tokenType = Q;
   }
 }
-const SB = class SB {
+const mB = class mB {
   constructor(B, Q) {
     l(this, "_defaultAttributes");
     l(this, "_embeddedLanguagesMatcher");
@@ -10863,7 +10863,7 @@ const SB = class SB {
     return this._defaultAttributes;
   }
   getBasicScopeAttributes(B) {
-    return B === null ? SB._NULL_SCOPE_METADATA : this._getBasicScopeAttributes.get(B);
+    return B === null ? mB._NULL_SCOPE_METADATA : this._getBasicScopeAttributes.get(B);
   }
   /**
    * Given a produced TM scope, return the language that token describes or null if unknown.
@@ -10873,7 +10873,7 @@ const SB = class SB {
     return this._embeddedLanguagesMatcher.match(B) || 0;
   }
   _toStandardTokenType(B) {
-    const Q = B.match(SB.STANDARD_TOKEN_TYPE_REGEXP);
+    const Q = B.match(mB.STANDARD_TOKEN_TYPE_REGEXP);
     if (!Q)
       return 8;
     switch (Q[1]) {
@@ -10889,8 +10889,8 @@ const SB = class SB {
     throw new Error("Unexpected match for standard token type!");
   }
 };
-l(SB, "_NULL_SCOPE_METADATA", new tE(0, 0)), l(SB, "STANDARD_TOKEN_TYPE_REGEXP", /\b(comment|string|regex|meta\.embedded)\b/);
-let JE = SB;
+l(mB, "_NULL_SCOPE_METADATA", new tE(0, 0)), l(mB, "STANDARD_TOKEN_TYPE_REGEXP", /\b(comment|string|regex|meta\.embedded)\b/);
+let JE = mB;
 class Eh {
   constructor(B) {
     l(this, "values");
@@ -10954,16 +10954,16 @@ function $o(A, B, Q, g, E, C, e, I) {
       if (E = E.push(a, g, i, D[0].end === t, null, u, u), c instanceof mE) {
         const M = c;
         QQ(A, B, Q, E, C, M.beginCaptures, D), C.produce(E, D[0].end), i = D[0].end;
-        const F = M.getContentName(B.content, D), S = u.pushAttributed(F, A);
-        if (E = E.withContentNameScopesList(S), M.endHasBackReferences && (E = E.withEndRule(M.getEndWithResolvedBackReferences(B.content, D))), !r && d.hasSameRuleAs(E)) {
+        const F = M.getContentName(B.content, D), m = u.pushAttributed(F, A);
+        if (E = E.withContentNameScopesList(m), M.endHasBackReferences && (E = E.withEndRule(M.getEndWithResolvedBackReferences(B.content, D))), !r && d.hasSameRuleAs(E)) {
           E = E.pop(), C.produce(E, t), o = !0;
           return;
         }
       } else if (c instanceof ag) {
         const M = c;
         QQ(A, B, Q, E, C, M.beginCaptures, D), C.produce(E, D[0].end), i = D[0].end;
-        const F = M.getContentName(B.content, D), S = u.pushAttributed(F, A);
-        if (E = E.withContentNameScopesList(S), M.whileHasBackReferences && (E = E.withEndRule(M.getWhileWithResolvedBackReferences(B.content, D))), !r && d.hasSameRuleAs(E)) {
+        const F = M.getContentName(B.content, D), m = u.pushAttributed(F, A);
+        if (E = E.withContentNameScopesList(m), M.whileHasBackReferences && (E = E.withEndRule(M.getWhileWithResolvedBackReferences(B.content, D))), !r && d.hasSameRuleAs(E)) {
           E = E.pop(), C.produce(E, t), o = !0;
           return;
         }
@@ -11233,7 +11233,7 @@ class nh {
     let C;
     if (!Q || Q === NQ.NULL) {
       C = !0;
-      const i = this._basicScopeAttributesProvider.getDefaultAttributes(), s = this.themeProvider.getDefaults(), w = WB.set(0, i.languageId, i.tokenType, null, s.fontStyle, s.foregroundId, s.backgroundId), n = this.getRule(this._rootId).getName(null, null);
+      const i = this._basicScopeAttributesProvider.getDefaultAttributes(), s = this.themeProvider.getDefaults(), w = _B.set(0, i.languageId, i.tokenType, null, s.fontStyle, s.foregroundId, s.backgroundId), n = this.getRule(this._rootId).getName(null, null);
       let D;
       n ? D = MA.createRootAndLookUpScopeName(n, w, this) : D = MA.createRoot("unknown", w), Q = new NQ(null, this._rootId, -1, -1, !1, null, D, D);
     } else
@@ -11304,7 +11304,7 @@ class MA {
   }
   static mergeAttributes(B, Q, g) {
     let E = -1, C = 0, e = 0;
-    return g !== null && (E = g.fontStyle, C = g.foregroundId, e = g.backgroundId), WB.set(B, Q.languageId, Q.tokenType, null, E, C, e);
+    return g !== null && (E = g.fontStyle, C = g.foregroundId, e = g.backgroundId), _B.set(B, Q.languageId, Q.tokenType, null, E, C, e);
   }
   pushAttributed(B, Q) {
     if (B === null)
@@ -11517,10 +11517,10 @@ class ah {
       if ((E = this.balancedBracketSelectors) != null && E.matchesAlways && (e = !0), this._tokenTypeOverrides.length > 0 || this.balancedBracketSelectors && !this.balancedBracketSelectors.matchesAlways && !this.balancedBracketSelectors.matchesNever) {
         const I = (B == null ? void 0 : B.getScopeNames()) ?? [];
         for (const t of this._tokenTypeOverrides)
-          t.matcher(I) && (C = WB.set(C, 0, t.type, null, -1, 0, 0));
+          t.matcher(I) && (C = _B.set(C, 0, t.type, null, -1, 0, 0));
         this.balancedBracketSelectors && (e = this.balancedBracketSelectors.match(I));
       }
-      if (e && (C = WB.set(C, 0, 8, e, -1, 0, 0)), this._binaryTokens.length > 0 && this._binaryTokens[this._binaryTokens.length - 1] === C) {
+      if (e && (C = _B.set(C, 0, 8, e, -1, 0, 0)), this._binaryTokens.length > 0 && this._binaryTokens[this._binaryTokens.length - 1] === C) {
         this._lastTokenEndIndex = Q;
         return;
       }
@@ -12099,19 +12099,19 @@ function Rh(A, B, Q, g, E) {
     E.includeExplanation && (r = B.tokenizeLine(D, o), c = r.tokens, d = 0);
     const h = B.tokenizeLine2(D, o, I), u = h.tokens.length / 2;
     for (let M = 0; M < u; M++) {
-      const F = h.tokens[2 * M], S = M + 1 < u ? h.tokens[2 * M + 2] : D.length;
-      if (F === S)
+      const F = h.tokens[2 * M], m = M + 1 < u ? h.tokens[2 * M + 2] : D.length;
+      if (F === m)
         continue;
-      const J = h.tokens[2 * M + 1], q = MB(g[zA.getForeground(J)], C), m = zA.getFontStyle(J), R = {
-        content: D.substring(F, S),
+      const x = h.tokens[2 * M + 1], q = MB(g[zA.getForeground(x)], C), S = zA.getFontStyle(x), R = {
+        content: D.substring(F, m),
         offset: a + F,
         color: q,
-        fontStyle: m
+        fontStyle: S
       };
       if (E.includeExplanation) {
         R.explanation = [];
         let k = 0;
-        for (; F + k < S; ) {
+        for (; F + k < m; ) {
           const G = c[d], P = D.substring(G.startIndex, G.endIndex);
           k += P.length, R.explanation.push({
             content: P,
@@ -12475,10 +12475,10 @@ function Jh(A, B, Q) {
         properties: {},
         children: [{ type: "text", value: M.content }]
       };
-      const S = M.htmlStyle || Cs(Es(M));
-      S && (F.properties.style = S);
-      for (const J of g)
-        F = ((h = J == null ? void 0 : J.span) == null ? void 0 : h.call(i, F, r + 1, d, c)) || F;
+      const m = M.htmlStyle || Cs(Es(M));
+      m && (F.properties.style = m);
+      for (const x of g)
+        F = ((h = x == null ? void 0 : x.span) == null ? void 0 : h.call(i, F, r + 1, d, c)) || F;
       e === "inline" ? C.children.push(F) : e === "classic" && c.children.push(F), d += M.content.length;
     }
     if (e === "classic") {
@@ -12607,8 +12607,8 @@ KA.prototype.commaOrSpaceSeparated = !1;
 KA.prototype.mustUseProperty = !1;
 KA.prototype.defined = !1;
 let bh = 0;
-const Z = UB(), tA = UB(), ts = UB(), y = UB(), QA = UB(), JB = UB(), HA = UB();
-function UB() {
+const Z = KB(), tA = KB(), ts = KB(), y = KB(), QA = KB(), xB = KB(), HA = KB();
+function KB() {
   return 2 ** ++bh;
 }
 var OE = /* @__PURE__ */ Object.freeze({
@@ -12616,7 +12616,7 @@ var OE = /* @__PURE__ */ Object.freeze({
   boolean: Z,
   booleanish: tA,
   commaOrSpaceSeparated: HA,
-  commaSeparated: JB,
+  commaSeparated: xB,
   number: y,
   overloadedBoolean: ts,
   spaceSeparated: QA
@@ -12759,7 +12759,7 @@ const ns = zB({
   properties: {
     // Standard Properties.
     abbr: null,
-    accept: JB,
+    accept: xB,
     acceptCharset: QA,
     accessKey: QA,
     action: null,
@@ -12786,7 +12786,7 @@ const ns = zB({
     contentEditable: tA,
     controls: Z,
     controlsList: QA,
-    coords: y | JB,
+    coords: y | xB,
     crossOrigin: null,
     data: null,
     dateTime: null,
@@ -13366,9 +13366,9 @@ const ns = zB({
     from: null,
     fx: null,
     fy: null,
-    g1: JB,
-    g2: JB,
-    glyphName: JB,
+    g1: xB,
+    g2: xB,
+    glyphName: xB,
     glyphOrientationHorizontal: null,
     glyphOrientationVertical: null,
     glyphRef: null,
@@ -14141,19 +14141,19 @@ function Id(A, B, Q) {
   }
   return E && (!Q.useShortestReferences || E.length < g.length) ? E : g;
 }
-function xB(A, B) {
+function OB(A, B) {
   return Ad(A, Object.assign({ format: Id }, B));
 }
 const td = /^>|^->|<!--|-->|--!>|<!-$/g, od = [">"], sd = ["<", ">"];
 function id(A, B, Q, g) {
-  return g.settings.bogusComments ? "<?" + xB(
+  return g.settings.bogusComments ? "<?" + OB(
     A.value,
     Object.assign({}, g.settings.characterReferences, {
       subset: od
     })
   ) + ">" : "<!--" + A.value.replace(td, E) + "-->";
   function E(C) {
-    return xB(
+    return OB(
       C,
       Object.assign({}, g.settings.characterReferences, {
         subset: sd
@@ -14387,7 +14387,7 @@ function md(A, B, Q) {
   let e = A.quote, I;
   if (g.overloadedBoolean && (Q === g.attribute || Q === "") ? Q = !0 : (g.boolean || g.overloadedBoolean && typeof Q != "string") && (Q = !!Q), Q == null || Q === !1 || typeof Q == "number" && Number.isNaN(Q))
     return "";
-  const t = xB(
+  const t = OB(
     g.attribute,
     Object.assign({}, A.settings.characterReferences, {
       // Always encode without parse errors in non-HTML.
@@ -14396,13 +14396,13 @@ function md(A, B, Q) {
   );
   return Q === !0 || (Q = Array.isArray(Q) ? (g.commaSeparated ? nd : Dd)(Q, {
     padLeft: !A.settings.tightCommaSeparatedLists
-  }) : String(Q), A.settings.collapseEmptyAttributes && !Q) ? t : (A.settings.preferUnquoted && (I = xB(
+  }) : String(Q), A.settings.collapseEmptyAttributes && !Q) ? t : (A.settings.preferUnquoted && (I = OB(
     Q,
     Object.assign({}, A.settings.characterReferences, {
       attribute: !0,
       subset: qQ.unquoted[E][C]
     })
-  )), I !== Q && (A.settings.quoteSmart && TI(Q, e) > TI(Q, A.alternative) && (e = A.alternative), I = e + xB(
+  )), I !== Q && (A.settings.quoteSmart && TI(Q, e) > TI(Q, A.alternative) && (e = A.alternative), I = e + OB(
     Q,
     Object.assign({}, A.settings.characterReferences, {
       // Always encode without parse errors in non-HTML.
@@ -14413,7 +14413,7 @@ function md(A, B, Q) {
 }
 const Jd = ["<", "&"];
 function hs(A, B, Q, g) {
-  return Q && Q.type === "element" && (Q.tagName === "script" || Q.tagName === "style") ? A.value : xB(
+  return Q && Q.type === "element" && (Q.tagName === "script" || Q.tagName === "style") ? A.value : OB(
     A.value,
     Object.assign({}, g.settings.characterReferences, {
       subset: Jd
@@ -15049,7 +15049,7 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
   },
   emits: ["loaded"],
   setup(A, { emit: B }) {
-    const Q = A, g = B, E = x(() => {
+    const Q = A, g = B, E = J(() => {
       const C = Q.lang === "text" ? { code: Q.code, supported: !1 } : h8(Q.code, Q.lang) || { code: Q.code, supported: !1 };
       return C.supported && Q.transformRendered && (C.code = Q.transformRendered(C.code)), C.supported && aB(() => g("loaded")), C;
     });
@@ -15136,7 +15136,7 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
   __name: "index",
   emits: ["openInEditor", "onInspectComponentStart", "onInspectComponentEnd"],
   setup(A, { emit: B }) {
-    const Q = B, g = K(), E = K(!1), { width: C } = Na(g), e = x(() => E.value ? C.value < 700 : !1), I = K(""), t = K(""), [o, i] = ha(!0), s = K(!1), w = K(!1), n = K(""), D = K(!1);
+    const Q = B, g = K(), E = K(!1), { width: C } = Na(g), e = J(() => E.value ? C.value < 700 : !1), I = K(""), t = K(""), [o, i] = ha(!0), s = K(!1), w = K(!1), n = K(""), D = K(!1);
     function a(v, O = [], j = []) {
       var BA, nA;
       return O.push(v.id), ((BA = v.children) == null ? void 0 : BA.length) === 0 && j.push([...O]), (nA = v.children) == null || nA.forEach((EB) => {
@@ -15165,24 +15165,24 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
         nA !== -1 && j.push(...BA.slice(0, nA + 1));
       }), [...new Set(j)];
     }
-    const h = K([]), u = x(() => {
+    const h = K([]), u = J(() => {
       var v, O;
       return (v = h.value) != null && v.length ? a((O = h.value) == null ? void 0 : O[0]) : [];
-    }), M = x(() => r(h.value)), F = x(() => M.value.map((v) => v.id)), S = K({}), J = K(""), q = x(() => {
+    }), M = J(() => r(h.value)), F = J(() => M.value.map((v) => v.id)), m = K({}), x = K(""), q = J(() => {
       const v = [], O = (j) => {
         j.forEach((BA) => {
           var nA;
-          BA.id === J.value && v.push(BA), (nA = BA.children) != null && nA.length && O(BA.children);
+          BA.id === x.value && v.push(BA), (nA = BA.children) != null && nA.length && O(BA.children);
         });
       };
       return O(h.value), v[0];
-    }), m = x(() => {
+    }), S = J(() => {
       var v;
       return ((v = q.value) == null ? void 0 : v.file) ?? "";
-    }), R = x(() => {
+    }), R = J(() => {
       const v = {};
-      for (const O in S.value) {
-        const BA = S.value[O].filter((EB) => {
+      for (const O in m.value) {
+        const BA = m.value[O].filter((EB) => {
           try {
             return $a({
               [EB.key]: EB.value
@@ -15202,7 +15202,7 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
       return _.value.getInspectorTree({ inspectorId: AQ, filter: v }).then((O) => {
         var BA, nA;
         const j = cA(O);
-        h.value = j, J.value = (nA = (BA = h.value) == null ? void 0 : BA[0]) == null ? void 0 : nA.id, k.value = c(u.value, 1), s.value = !0;
+        h.value = j, x.value = (nA = (BA = h.value) == null ? void 0 : BA[0]) == null ? void 0 : nA.id, k.value = c(u.value, 1), s.value = !0;
       });
     }
     function X(v) {
@@ -15215,23 +15215,23 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
     }
     function W(v) {
       _.value.getInspectorState({ inspectorId: AQ, nodeId: v }).then((O) => {
-        S.value = X(cA(O)), G.value = Array.from({ length: Object.keys(S.value).length }, (j, BA) => `${BA}`);
+        m.value = X(cA(O)), G.value = Array.from({ length: Object.keys(m.value).length }, (j, BA) => `${BA}`);
       });
     }
-    aA(J, (v) => {
+    aA(x, (v) => {
       W(v), D.value && NA();
     });
     function b(v) {
       const O = cA(v);
-      O.inspectorId !== AQ || O.nodeId !== J.value || (S.value = X({ state: O.state.state }));
+      O.inspectorId !== AQ || O.nodeId !== x.value || (m.value = X({ state: O.state.state }));
     }
     _.functions.on(IA.INSPECTOR_STATE_UPDATED, b), P();
     function hA(v) {
       var j, BA;
       const O = cA(v);
-      O.inspectorId === AQ && (h.value = O.rootNodes, F.value.includes(J.value) || (J.value = (BA = (j = h.value) == null ? void 0 : j[0]) == null ? void 0 : BA.id, k.value = c(u.value, 1)));
+      O.inspectorId === AQ && (h.value = O.rootNodes, F.value.includes(x.value) || (x.value = (BA = (j = h.value) == null ? void 0 : j[0]) == null ? void 0 : BA.id, k.value = c(u.value, 1)));
     }
-    _.functions.on(IA.INSPECTOR_TREE_UPDATED, hA), _B(() => {
+    _.functions.on(IA.INSPECTOR_TREE_UPDATED, hA), HB(() => {
       _.functions.off(IA.INSPECTOR_STATE_UPDATED, b), _.functions.off(IA.INSPECTOR_TREE_UPDATED, hA);
     }), da(I, (v) => {
       const O = v.trim().toLowerCase();
@@ -15242,24 +15242,24 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
     function wA() {
       w.value = !0, Q("onInspectComponentStart"), _.value.inspectComponentInspector().then((v) => {
         const O = JSON.parse(v);
-        J.value = O.id, k.value.includes(O.id) || k.value.push(O.id), k.value = [.../* @__PURE__ */ new Set([...k.value, ...d(u.value, O.id)])], KB();
+        x.value = O.id, k.value.includes(O.id) || k.value.push(O.id), k.value = [.../* @__PURE__ */ new Set([...k.value, ...d(u.value, O.id)])], YB();
       }).finally(() => {
         w.value = !1, Q("onInspectComponentEnd");
       });
     }
     function FA() {
-      _.value.scrollToComponent(J.value);
+      _.value.scrollToComponent(x.value);
     }
     function NA() {
-      _.value.getComponentRenderCode(J.value).then((v) => {
+      _.value.getComponentRenderCode(x.value).then((v) => {
         n.value = v, D.value = !0;
       });
     }
     function rA() {
-      Q("openInEditor", m.value);
+      Q("openInEditor", S.value);
     }
     const YA = K();
-    function KB() {
+    function YB() {
       setTimeout(() => {
         var O;
         const v = (O = YA.value) == null ? void 0 : O.querySelector(".active");
@@ -15306,8 +15306,8 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
                   class: "no-scrollbar flex-1 select-none overflow-scroll"
                 }, [
                   U(KQ, {
-                    modelValue: J.value,
-                    "onUpdate:modelValue": O[1] || (O[1] = (j) => J.value = j),
+                    modelValue: x.value,
+                    "onUpdate:modelValue": O[1] || (O[1] = (j) => x.value = j),
                     data: h.value,
                     "with-tag": !0
                   }, null, 8, ["modelValue", "data"])
@@ -15360,7 +15360,7 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
                           { bottom: !0 }
                         ]
                       ]),
-                      m.value ? uA((f(), H("i", {
+                      S.value ? uA((f(), H("i", {
                         key: 0,
                         class: "i-carbon-launch h-4 w-4 cursor-pointer hover:op-70",
                         onClick: rA
@@ -15377,7 +15377,7 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
                   U(UQ, {
                     class: "no-scrollbar flex-1 select-none overflow-scroll",
                     data: R.value,
-                    "node-id": J.value,
+                    "node-id": x.value,
                     "inspector-id": AQ,
                     "expanded-state-id": "component-state"
                   }, null, 8, ["data", "node-id"])
@@ -15396,7 +15396,7 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
       }, 8, ["horizontal"])
     ]));
   }
-}), dp = /* @__PURE__ */ HB(b8, [["__scopeId", "data-v-87b79665"]]), T8 = {}, q8 = {
+}), Mp = /* @__PURE__ */ RB(b8, [["__scopeId", "data-v-87b79665"]]), T8 = {}, q8 = {
   viewBox: "0 0 566 154",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -15420,7 +15420,7 @@ const d8 = ["innerHTML"], M8 = { class: "shiki" }, p8 = ["textContent"], f8 = /*
 function Z8(A, B) {
   return f(), H("svg", q8, X8);
 }
-const z8 = /* @__PURE__ */ HB(T8, [["render", Z8]]), V8 = {
+const z8 = /* @__PURE__ */ RB(T8, [["render", Z8]]), V8 = {
   "h-full": "",
   "w-full": "",
   flex: "",
@@ -15551,27 +15551,27 @@ const DM = { class: "h-full flex flex-col" }, aM = {
 }, cM = /* @__PURE__ */ V({
   __name: "Index",
   setup(A) {
-    const { expanded: B } = AB(), { expanded: Q } = AB("routes-state"), g = mQ(), E = x(() => g.value.id), C = K(""), e = K([]), I = x(() => {
+    const { expanded: B } = AB(), { expanded: Q } = AB("routes-state"), g = mQ(), E = J(() => g.value.id), C = K(""), e = K([]), I = J(() => {
       var u, M;
       return (u = e.value) != null && u.length ? s((M = e.value) == null ? void 0 : M[0]) : [];
-    }), t = x(() => n(e.value)), o = x(() => t.value.map((u) => u.id)), i = K({});
+    }), t = J(() => n(e.value)), o = J(() => t.value.map((u) => u.id)), i = K({});
     function s(u, M = [], F = []) {
-      var S, J;
-      return M.push(u.id), ((S = u.children) == null ? void 0 : S.length) === 0 && F.push([...M]), (J = u.children) == null || J.forEach((q) => {
+      var m, x;
+      return M.push(u.id), ((m = u.children) == null ? void 0 : m.length) === 0 && F.push([...M]), (x = u.children) == null || x.forEach((q) => {
         s(q, M, F);
       }), M.pop(), F;
     }
     function w(u, M) {
       const F = [];
-      return u.forEach((S) => {
-        F.push(...S.slice(0, M + 1));
+      return u.forEach((m) => {
+        F.push(...m.slice(0, M + 1));
       }), [...new Set(F)];
     }
     function n(u) {
-      const M = [], F = (S) => {
-        S.forEach((J) => {
+      const M = [], F = (m) => {
+        m.forEach((x) => {
           var q;
-          M.push(J), (q = J.children) != null && q.length && F(J.children);
+          M.push(x), (q = x.children) != null && q.length && F(x.children);
         });
       };
       return F(u), M;
@@ -15584,7 +15584,7 @@ const DM = { class: "h-full flex flex-col" }, aM = {
     }
     function a(u) {
       _.value.getInspectorState({ inspectorId: E.value, nodeId: u }).then((M) => {
-        i.value = D(cA(M)), Q.value = Array.from({ length: Object.keys(i.value).length }, (F, S) => `${S}`);
+        i.value = D(cA(M)), Q.value = Array.from({ length: Object.keys(i.value).length }, (F, m) => `${m}`);
       });
     }
     function r() {
@@ -15607,9 +15607,9 @@ const DM = { class: "h-full flex flex-col" }, aM = {
       if (M.inspectorId !== E.value)
         return;
       const F = M.state;
-      i.value = D(F), Q.value = Array.from({ length: Object.keys(i.value).length }, (S, J) => `${J}`);
+      i.value = D(F);
     }
-    return _.functions.on(IA.INSPECTOR_TREE_UPDATED, d), _.functions.on(IA.INSPECTOR_STATE_UPDATED, h), _B(() => {
+    return _.functions.on(IA.INSPECTOR_TREE_UPDATED, d), _.functions.on(IA.INSPECTOR_STATE_UPDATED, h), HB(() => {
       _.functions.off(IA.INSPECTOR_TREE_UPDATED, d), _.functions.off(IA.INSPECTOR_STATE_UPDATED, h);
     }), (u, M) => (f(), H("div", DM, [
       U(Kg, {
@@ -15677,7 +15677,7 @@ const DM = { class: "h-full flex flex-col" }, aM = {
 }), uM = {
   "h-full": "",
   "w-full": ""
-}, Mp = /* @__PURE__ */ V({
+}, pp = /* @__PURE__ */ V({
   __name: "index",
   props: {
     id: {}
@@ -15740,7 +15740,7 @@ const DM = { class: "h-full flex flex-col" }, aM = {
 function fM(A, B) {
   return f(), H("svg", dM, pM);
 }
-const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
+const FM = /* @__PURE__ */ RB(hM, [["render", fM]]), NM = {
   "h-full": "",
   "w-full": "",
   flex: "",
@@ -15758,36 +15758,36 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
   "mt--10": "",
   "items-center": "",
   "justify-center": ""
-}, RM = {
+}, RM = { class: "mr-1" }, kM = {
   key: 0,
   class: "inline-block w20"
-}, kM = ["src", "alt"], PM = {
+}, PM = ["src", "alt"], UM = {
   key: 1,
   class: "mr2 inline-block min-w-20 text-center text-10 font-600"
-}, UM = {
+}, KM = {
   mb6: "",
   "mt--1": "",
   "text-center": "",
   "text-sm": "",
   flex: "~ gap-1"
-}, KM = { op40: "" }, YM = /* @__PURE__ */ p("div", { "flex-auto": "" }, null, -1), SM = { flex: "~ gap2 wrap" }, mM = /* @__PURE__ */ p("div", {
+}, YM = { op40: "" }, SM = /* @__PURE__ */ p("div", { "flex-auto": "" }, null, -1), mM = { flex: "~ gap2 wrap" }, JM = /* @__PURE__ */ p("div", {
   "i-carbon-tree-view-alt": "",
   "text-3xl": ""
-}, null, -1), JM = /* @__PURE__ */ p("code", null, "State", -1), xM = [
-  mM,
-  JM
-], OM = /* @__PURE__ */ p("div", {
+}, null, -1), xM = /* @__PURE__ */ p("code", null, "State", -1), OM = [
+  JM,
+  xM
+], vM = /* @__PURE__ */ p("div", {
   "i-mdi:timeline-clock-outline": "",
   "text-3xl": ""
-}, null, -1), vM = /* @__PURE__ */ p("div", null, "Timeline", -1), bM = [
-  OM,
-  vM
-], TM = {
+}, null, -1), bM = /* @__PURE__ */ p("div", null, "Timeline", -1), TM = [
+  vM,
+  bM
+], qM = {
   flex: "~ gap-6 wrap",
   "mt-5": "",
   "items-center": "",
   "justify-center": ""
-}, qM = ["href"], WM = /* @__PURE__ */ p("div", { "i-carbon-document": "" }, null, -1), _M = /* @__PURE__ */ p("div", { "flex-auto": "" }, null, -1), XM = /* @__PURE__ */ V({
+}, WM = ["href"], _M = /* @__PURE__ */ p("div", { "i-carbon-document": "" }, null, -1), XM = /* @__PURE__ */ p("div", { "flex-auto": "" }, null, -1), ZM = /* @__PURE__ */ V({
   __name: "Home",
   setup(A) {
     const B = yQ(), Q = mQ(), g = K(!1), E = K(!1);
@@ -15804,36 +15804,36 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
           LM,
           p("div", yM, [
             p("div", HM, [
-              p("span", null, [
-                g.value ? AA("", !0) : (f(), H("span", RM)),
+              p("span", RM, [
+                g.value ? AA("", !0) : (f(), H("span", kM)),
                 uA(p("img", {
                   src: N(Q).logo,
                   alt: `${N(Q).label} Logo`,
-                  class: "inline-block w20",
+                  class: "inline-block h16",
                   onError: e,
                   onLoad: C
-                }, null, 40, kM), [
+                }, null, 40, PM), [
                   [qs, g.value && !E.value]
                 ]),
-                E.value ? (f(), H("span", PM, yA(N(Q).label), 1)) : AA("", !0)
+                E.value ? (f(), H("span", UM, yA(N(Q).label), 1)) : AA("", !0)
               ]),
               p("span", null, [
                 U(FM, { "h-18": "" })
               ])
             ]),
-            p("div", UM, [
-              p("span", KM, yA(N(Q).label) + " DevTools ", 1)
+            p("div", KM, [
+              p("span", YM, yA(N(Q).label) + " DevTools ", 1)
             ])
           ]),
-          YM,
-          p("div", SM, [
+          SM,
+          p("div", mM, [
             p("div", {
               flex: "~ col auto",
               "min-w-40": "",
               p4: "",
               "theme-card-lime": "",
               onClick: t[0] || (t[0] = (i) => N(B).push("/state"))
-            }, xM),
+            }, OM),
             (o = N(Q).timelineLayerIds) != null && o.length ? (f(), H("div", {
               key: 0,
               flex: "~ col auto",
@@ -15841,9 +15841,9 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
               p4: "",
               "theme-card-lime": "",
               onClick: t[1] || (t[1] = (i) => N(B).push("/timeline"))
-            }, bM)) : AA("", !0)
+            }, TM)) : AA("", !0)
           ]),
-          p("div", TM, [
+          p("div", qM, [
             p("a", {
               href: N(Q).homepage,
               target: "_blank",
@@ -15853,30 +15853,30 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
               hover: "op100 text-yellow",
               transition: ""
             }, [
-              WM,
+              _M,
               fA(" View Documentation ")
-            ], 8, qM)
+            ], 8, WM)
           ]),
-          _M
+          XM
         ])
       ]);
     };
   }
-}), ZM = { class: "h-full flex flex-col" }, zM = { class: "h-full flex flex-col p2" }, VM = {
+}), zM = { class: "h-full flex flex-col" }, VM = { class: "h-full flex flex-col p2" }, jM = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
-}, jM = { class: "flex items-center gap-2 px-1" }, $M = ["onClick"], Ap = { class: "no-scrollbar flex-1 select-none overflow-scroll" }, Bp = { class: "h-full flex flex-col p2" }, Qp = {
+}, $M = { class: "flex items-center gap-2 px-1" }, Ap = ["onClick"], Bp = { class: "no-scrollbar flex-1 select-none overflow-scroll" }, Qp = { class: "h-full flex flex-col p2" }, gp = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
-}, gp = { class: "flex items-center gap-2 px-1" }, Ep = ["onClick"], Cp = /* @__PURE__ */ V({
+}, Ep = { class: "flex items-center gap-2 px-1" }, Cp = ["onClick"], ep = /* @__PURE__ */ V({
   __name: "Index",
   setup(A) {
-    const { expanded: B } = AB(), { expanded: Q } = AB("custom-inspector-state"), g = mQ(), E = x(() => g.value.id), C = K([]), e = K([]), I = K([]), t = x(() => {
+    const { expanded: B } = AB(), { expanded: Q } = AB("custom-inspector-state"), g = mQ(), E = J(() => g.value.id), C = K([]), e = K([]), I = K([]), t = J(() => {
       var R, k;
       return (R = I.value) != null && R.length ? D((k = I.value) == null ? void 0 : k[0]) : [];
-    }), o = x(() => r(I.value)), i = x(() => o.value.map((R) => R.id)), s = K(""), w = K({}), n = x(() => !Object.keys(w.value).length);
+    }), o = J(() => r(I.value)), i = J(() => o.value.map((R) => R.id)), s = K(""), w = K({}), n = J(() => !Object.keys(w.value).length);
     function D(R, k = [], G = []) {
       var P, X;
       return k.push(R.id), ((P = R.children) == null ? void 0 : P.length) === 0 && G.push([...k]), (X = R.children) == null || X.forEach((W) => {
@@ -15926,11 +15926,11 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
         w.value = M(cA(k)), Q.value = Array.from({ length: Object.keys(w.value).length }, (G, P) => `${P}`);
       });
     }
-    function S() {
+    function m() {
       w.value = {};
     }
     aA(s, () => {
-      S(), F(s.value);
+      m(), F(s.value);
     }), (() => {
       _.value.getInspectorTree({ inspectorId: E.value, filter: "" }).then((R) => {
         const k = cA(R);
@@ -15942,7 +15942,7 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
       const k = cA(R);
       !k.rootNodes.length || k.inspectorId !== E.value || (I.value = k.rootNodes, i.value.includes(s.value) || (s.value = (P = (G = I.value) == null ? void 0 : G[0]) == null ? void 0 : P.id, B.value = a(t.value, 1)));
     }
-    function m(R) {
+    function S(R) {
       const k = cA(R);
       if (k.inspectorId !== E.value || !k.state || k.nodeId !== s.value)
         return;
@@ -15950,10 +15950,10 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
       w.value = M(P);
     }
     return Pg(() => {
-      _.functions.on(IA.INSPECTOR_TREE_UPDATED, q), _.functions.on(IA.INSPECTOR_STATE_UPDATED, m);
-    }), _B(() => {
-      _.functions.off(IA.INSPECTOR_TREE_UPDATED, q), _.functions.off(IA.INSPECTOR_STATE_UPDATED, m);
-    }), (R, k) => (f(), H("div", ZM, [
+      _.functions.on(IA.INSPECTOR_TREE_UPDATED, q), _.functions.on(IA.INSPECTOR_STATE_UPDATED, S);
+    }), HB(() => {
+      _.functions.off(IA.INSPECTOR_TREE_UPDATED, q), _.functions.off(IA.INSPECTOR_STATE_UPDATED, S);
+    }), (R, k) => (f(), H("div", zM, [
       U(Kg, {
         "doc-link": N(g).homepage
       }, {
@@ -15975,9 +15975,9 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
             default: T(() => {
               var G;
               return [
-                p("div", zM, [
-                  (G = e.value) != null && G.length ? (f(), H("div", VM, [
-                    p("div", jM, [
+                p("div", VM, [
+                  (G = e.value) != null && G.length ? (f(), H("div", jM, [
+                    p("div", $M, [
                       (f(!0), H(lA, null, $A(e.value, (P, X) => uA((f(), H("div", {
                         key: X,
                         class: "flex items-center gap1",
@@ -15990,7 +15990,7 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
                           "text-base": "",
                           "hover:op100": ""
                         }, null, 2)
-                      ], 8, $M)), [
+                      ], 8, Ap)), [
                         [
                           N(UA),
                           { content: P.tooltip },
@@ -16000,7 +16000,7 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
                       ])), 128))
                     ])
                   ])) : AA("", !0),
-                  p("div", Ap, [
+                  p("div", Bp, [
                     U(KQ, {
                       modelValue: s.value,
                       "onUpdate:modelValue": k[0] || (k[0] = (P) => s.value = P),
@@ -16016,9 +16016,9 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
             default: T(() => {
               var G;
               return [
-                p("div", Bp, [
-                  (G = C.value) != null && G.length ? (f(), H("div", Qp, [
-                    p("div", gp, [
+                p("div", Qp, [
+                  (G = C.value) != null && G.length ? (f(), H("div", gp, [
+                    p("div", Ep, [
                       (f(!0), H(lA, null, $A(C.value, (P, X) => uA((f(), H("div", {
                         key: X,
                         class: "flex items-center gap1",
@@ -16031,7 +16031,7 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
                           "text-base": "",
                           "hover:op100": ""
                         }, null, 2)
-                      ], 8, Ep)), [
+                      ], 8, Cp)), [
                         [
                           N(UA),
                           { content: P.tooltip },
@@ -16069,7 +16069,7 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
       }))
     ]));
   }
-}), ep = /* @__PURE__ */ V({
+}), Ip = /* @__PURE__ */ V({
   __name: "Index",
   setup(A) {
     const B = mQ();
@@ -16078,7 +16078,7 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
       "doc-link": N(B).homepage
     }, null, 8, ["layer-ids", "doc-link"]));
   }
-}), Ip = {}, tp = (A) => (GQ("data-v-b8018f07"), A = A(), LQ(), A), op = { class: "h-screen w-screen $ui-fcc flex-col" }, sp = /* @__PURE__ */ tp(() => /* @__PURE__ */ p("div", { class: "outer" }, [
+}), tp = {}, op = (A) => (GQ("data-v-b8018f07"), A = A(), LQ(), A), sp = { class: "h-screen w-screen $ui-fcc flex-col" }, ip = /* @__PURE__ */ op(() => /* @__PURE__ */ p("div", { class: "outer" }, [
   /* @__PURE__ */ p("div", { class: "inner" }, [
     /* @__PURE__ */ p("i", {
       class: "i-logos-vue inline-block h8! w8!",
@@ -16086,41 +16086,41 @@ const FM = /* @__PURE__ */ HB(hM, [["render", fM]]), NM = {
     })
   ])
 ], -1));
-function ip(A, B) {
-  return f(), H("div", op, [
-    sp,
+function wp(A, B) {
+  return f(), H("div", sp, [
+    ip,
     eA(A.$slots, "default", {}, void 0, !0)
   ]);
 }
-const wp = /* @__PURE__ */ HB(Ip, [["render", ip], ["__scopeId", "data-v-b8018f07"]]), np = {
+const np = /* @__PURE__ */ RB(tp, [["render", wp], ["__scopeId", "data-v-b8018f07"]]), Dp = {
   "h-full": "",
   "w-full": ""
-}, Dp = { key: 0 }, pp = /* @__PURE__ */ V({
+}, ap = { key: 0 }, fp = /* @__PURE__ */ V({
   __name: "index",
   props: {
     id: {}
   },
   emits: ["loadError"],
   setup(A, { emit: B }) {
-    const Q = A, g = B, E = ps(), C = K(!1), e = x(() => {
+    const Q = A, g = B, E = ps(), C = K(!1), e = J(() => {
       var i;
       return [
         {
           path: "/",
           name: "Home",
-          component: XM,
+          component: ZM,
           icon: "https://raw.githubusercontent.com/TanStack/query/main/packages/vue-query/media/vue-query.svg"
         },
         {
           path: "/state",
           name: "State",
-          component: Cp,
+          component: ep,
           icon: "i-carbon-tree-view-alt"
         },
         ((i = E.value.timelineLayerIds) == null ? void 0 : i.length) && {
           path: "/timeline",
           name: "Timeline",
-          component: ep,
+          component: Ip,
           icon: "i-mdi:timeline-clock-outline"
         }
       ].filter(Boolean);
@@ -16147,14 +16147,16 @@ const wp = /* @__PURE__ */ HB(Ip, [["render", ip], ["__scopeId", "data-v-b8018f0
       o();
     }, {
       immediate: !0
-    }), (i, s) => (f(), H("div", np, [
-      C.value ? (f(), H("div", Dp, [
-        U(wp)
+    }), HB(() => {
+      _.value.unhighlight();
+    }), (i, s) => (f(), H("div", Dp, [
+      C.value ? (f(), H("div", ap, [
+        U(np)
       ])) : (f(), z(N(I), { key: 1 }))
     ]));
   }
 });
-function fp() {
+function Fp() {
   const A = K([]), B = K([]);
   function Q(E) {
     B.value = E, E.length < A.value.length && (A.value = []), B.value.forEach((C) => {
@@ -16171,7 +16173,7 @@ function fp() {
   function g(E) {
     A.value.some((C) => C.id === E.id) || A.value.push(E);
   }
-  return _B(() => {
+  return HB(() => {
     _.functions.off(IA.INSPECTOR_UPDATED, Q);
   }), {
     registeredInspector: A,
@@ -16179,9 +16181,9 @@ function fp() {
   };
 }
 export {
-  dp as Components,
-  pp as CustomInspector,
-  up as Pinia,
-  Mp as Router,
-  fp as useCustomInspector
+  Mp as Components,
+  fp as CustomInspector,
+  hp as Pinia,
+  pp as Router,
+  Fp as useCustomInspector
 };