@vue/devtools-applet 7.7.6 → 7.7.8

package/dist/index.js

@@ -379,11 +379,11 @@ function no(n, e = !0, o) {
 function Ye(n, e = !1) {
   function o(u, { flush: C = "sync", deep: T = !1, timeout: k, throwOnTimeout: g } = {}) {
     let $ = null;
-    const V = [new Promise((b) => {
+    const V = [new Promise((w) => {
       $ = te(
         n,
         (P) => {
-          u(P) !== e && ($ ? $() : Ze(() => $ == null ? void 0 : $()), b(P));
+          u(P) !== e && ($ ? $() : Ze(() => $ == null ? void 0 : $()), w(P));
         },
         {
           flush: C,
@@ -401,7 +401,7 @@ function Ye(n, e = !1) {
       return o((P) => P === u, C);
     const { flush: T = "sync", deep: k = !1, timeout: g, throwOnTimeout: $ } = C ?? {};
     let z = null;
-    const b = [new Promise((P) => {
+    const w = [new Promise((P) => {
       z = te(
         [n, u],
         ([F, K]) => {
@@ -414,9 +414,9 @@ function Ye(n, e = !1) {
         }
       );
     })];
-    return g != null && b.push(
+    return g != null && w.push(
       It(g, $).then(() => Y(n)).finally(() => (z == null || z(), Y(n)))
-    ), Promise.race(b);
+    ), Promise.race(w);
   }
   function l(u) {
     return o((C) => !!C, u);
@@ -632,23 +632,23 @@ function ao(n = {}) {
   f.value && o && he(["copy", "cut"], T, { passive: !0 });
   async function k(V = Y(t)) {
     if (f.value && V != null) {
-      let b = !(p.value && z(a.value));
-      if (!b)
+      let w = !(p.value && z(a.value));
+      if (!w)
         try {
           await e.clipboard.writeText(V);
         } catch {
-          b = !0;
+          w = !0;
         }
-      b && g(V), v.value = V, u.value = !0, C.start();
+      w && g(V), v.value = V, u.value = !0, C.start();
     }
   }
   function g(V) {
-    const b = document.createElement("textarea");
-    b.value = V ?? "", b.style.position = "absolute", b.style.opacity = "0", document.body.appendChild(b), b.select(), document.execCommand("copy"), b.remove();
+    const w = document.createElement("textarea");
+    w.value = V ?? "", w.style.position = "absolute", w.style.opacity = "0", document.body.appendChild(w), w.select(), document.execCommand("copy"), w.remove();
   }
   function $() {
-    var V, b, P;
-    return (P = (b = (V = document == null ? void 0 : document.getSelection) == null ? void 0 : V.call(document)) == null ? void 0 : b.toString()) != null ? P : "";
+    var V, w, P;
+    return (P = (w = (V = document == null ? void 0 : document.getSelection) == null ? void 0 : V.call(document)) == null ? void 0 : w.toString()) != null ? P : "";
   }
   function z(V) {
     return V === "granted" || V === "prompt";
@@ -763,11 +763,11 @@ function po(n = {}) {
   }
   function T(g, $) {
     var z, V;
-    const b = (z = g.key) == null ? void 0 : z.toLowerCase(), F = [(V = g.code) == null ? void 0 : V.toLowerCase(), b].filter(Boolean);
-    b && ($ ? p.add(b) : p.delete(b));
+    const w = (z = g.key) == null ? void 0 : z.toLowerCase(), F = [(V = g.code) == null ? void 0 : V.toLowerCase(), w].filter(Boolean);
+    w && ($ ? p.add(w) : p.delete(w));
     for (const K of F)
       v.add(K), u(K, $);
-    b === "meta" && !$ ? (f.forEach((K) => {
+    w === "meta" && !$ ? (f.forEach((K) => {
       p.delete(K), u(K, !1);
     }), f.clear()) : typeof g.getModifierState == "function" && g.getModifierState("Meta") && $ && [...p, ...F].forEach((K) => f.add(K));
   }
@@ -780,8 +780,8 @@ function po(n = {}) {
           return Reflect.get(g, $, z);
         if ($ = $.toLowerCase(), $ in t && ($ = t[$]), !($ in a))
           if (/[+_-]/.test($)) {
-            const b = $.split(/[+_-]/g).map((P) => P.trim());
-            a[$] = E(() => b.map((P) => Y(k[P])).every(Boolean));
+            const w = $.split(/[+_-]/g).map((P) => P.trim());
+            a[$] = E(() => w.map((P) => Y(k[P])).every(Boolean));
           } else
             a[$] = ve(!1);
         const V = Reflect.get(g, $, z);
@@ -803,11 +803,11 @@ function fo(n, e, o, t = {}) {
   } = t, T = et(), k = o || (T == null ? void 0 : T.emit) || ((l = T == null ? void 0 : T.$emit) == null ? void 0 : l.bind(T)) || ((p = (s = T == null ? void 0 : T.proxy) == null ? void 0 : s.$emit) == null ? void 0 : p.bind(T == null ? void 0 : T.proxy));
   let g = f;
   g = g || `update:${e.toString()}`;
-  const $ = (b) => i ? typeof i == "function" ? i(b) : io(b) : b, z = () => qn(n[e]) ? $(n[e]) : u, V = (b) => {
-    C ? C(b) && k(g, b) : k(g, b);
+  const $ = (w) => i ? typeof i == "function" ? i(w) : io(w) : w, z = () => qn(n[e]) ? $(n[e]) : u, V = (w) => {
+    C ? C(w) && k(g, w) : k(g, w);
   };
   if (a) {
-    const b = z(), P = R(b);
+    const w = z(), P = R(w);
     let F = !1;
     return te(
       () => n[e],
@@ -826,8 +826,8 @@ function fo(n, e, o, t = {}) {
       get() {
         return z();
       },
-      set(b) {
-        V(b);
+      set(w) {
+        V(w);
       }
     });
 }
@@ -1113,38 +1113,38 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
       return yt(A) ? A.length : xt(A) ? Object.keys(A).length : 0;
     }), v = E(() => e.data.path || [e.data.key]), u = E(() => v.value[v.value.length - 1]), C = E(() => {
       var m, _, N, M, G, re, Ie;
-      const A = ["Reactive"], x = ((_ = (m = e.data.value) == null ? void 0 : m._custom) == null ? void 0 : _.stateTypeName) || ((N = e.data) == null ? void 0 : N.stateTypeName);
-      if (A.includes(x))
-        return x;
+      const A = ["Reactive"], b = ((_ = (m = e.data.value) == null ? void 0 : m._custom) == null ? void 0 : _.stateTypeName) || ((N = e.data) == null ? void 0 : N.stateTypeName);
+      if (A.includes(b))
+        return b;
       if ((G = (M = e.data.value) == null ? void 0 : M.fields) != null && G.abstract)
         return "";
       {
         const Re = (Ie = (re = e.data.value) == null ? void 0 : re._custom) == null ? void 0 : Ie.type, je = l.value === "custom" && !Re ? `"${t.value}"` : t.value === "" ? '""' : t.value, $e = l.value === "custom" && Re === "ref" ? _t(je) : l.value, ze = l.value === "string" ? "select-text" : "", De = `<span title="${l.value === "string" ? bn(e.data.value) : ""}" class="${$e}-state-type flex whitespace-nowrap ${ze}">${je}</span>`;
-        return x ? `${De} <span class="text-gray-500">(${x})</span>` : De;
+        return b ? `${De} <span class="text-gray-500">(${b})</span>` : De;
       }
     }), T = E(() => {
-      const { value: A, inherit: x, customType: m } = s.value, _ = m === "set";
+      const { value: A, inherit: b, customType: m } = s.value, _ = m === "set";
       let N = [];
       return yt(A) ? A.slice(0, o.value).map((G, re) => ({
         key: re.toString(),
         path: [...v.value, re.toString()],
         value: G,
-        ...x,
+        ...b,
         editable: e.data.editable && !_,
         creating: !1
       })) : (xt(A) && (N = Object.keys(A).slice(0, o.value).map((M) => ({
         key: M,
         path: [...v.value, M],
         value: A[M],
-        ...x,
+        ...b,
         editable: e.data.editable && !_,
         creating: !1
       })), l.value !== "custom" && (N = At(N))), N === e.data.value ? [] : N);
-    }), k = E(() => T.value.length > 0), g = R(), $ = at(), { isHovering: z } = vo(() => g.value), { editingType: V, editing: b, editingText: P, toggleEditing: F, nodeId: K } = Kn();
-    te(() => b.value, (A) => {
+    }), k = E(() => T.value.length > 0), g = R(), $ = at(), { isHovering: z } = vo(() => g.value), { editingType: V, editing: w, editingText: P, toggleEditing: F, nodeId: K } = Kn();
+    te(() => w.value, (A) => {
       if (A) {
-        const { value: x } = s.value;
-        P.value = wn(x, s.value.customType);
+        const { value: b } = s.value;
+        P.value = wn(b, s.value.customType);
       } else
         P.value = "";
     });
@@ -1164,8 +1164,8 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
     }
     const { addNewProp: L, draftingNewProp: I, resetDrafting: O } = Wn();
     function ee(A) {
-      const x = `${e.depth}-${e.index}`;
-      p.value.includes(x) || i(x), L(A, s.value.value);
+      const b = `${e.depth}-${e.index}`;
+      p.value.includes(b) || i(b), L(A, s.value.value);
     }
     async function ne() {
       const A = e.data;
@@ -1181,24 +1181,24 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
         }
       }), await D.value.sendInspectorState($.value.inspectorId), O();
     }
-    return (A, x) => (d(), h("div", null, [
+    return (A, b) => (d(), h("div", null, [
       c("div", {
         ref_key: "containerRef",
         ref: g,
         class: ae(["font-state-field flex items-center text-3.5", [k.value && "cursor-pointer hover:bg-active"]]),
         style: Ee({ paddingLeft: `${A.depth * 15 + 4}px` }),
-        onClick: x[1] || (x[1] = (m) => r(i)(`${A.depth}-${A.index}`))
+        onClick: b[1] || (b[1] = (m) => r(i)(`${A.depth}-${A.index}`))
       }, [
         k.value ? (d(), B(st, {
           key: 0,
           value: r(p).includes(`${A.depth}-${A.index}`)
         }, null, 8, ["value"])) : (d(), h("span", _o)),
         c("span", yo, ie(u.value), 1),
-        x[5] || (x[5] = c("span", { mx1: "" }, ":", -1)),
-        r(b) ? (d(), B(qe, {
+        b[5] || (b[5] = c("span", { mx1: "" }, ":", -1)),
+        r(w) ? (d(), B(qe, {
           key: 2,
           modelValue: r(P),
-          "onUpdate:modelValue": x[0] || (x[0] = (m) => Ge(P) ? P.value = m : null),
+          "onUpdate:modelValue": b[0] || (b[0] = (m) => Ge(P) ? P.value = m : null),
           class: "mr-1",
           "custom-type": s.value.customType,
           onCancel: r(F),
@@ -1214,7 +1214,7 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
         ], 2),
         y(go, {
           hovering: r(z),
-          "disable-edit": r($).disableEdit || r(b),
+          "disable-edit": r($).disableEdit || r(w),
           data: A.data,
           depth: A.depth,
           onEnableEditInput: r(F),
@@ -1232,7 +1232,7 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
           flat: "",
           size: "mini",
           class: "ml-4",
-          onClick: x[2] || (x[2] = (m) => o.value += Tt)
+          onClick: b[2] || (b[2] = (m) => o.value += Tt)
         }, {
           icon: H(() => [
             y(r(ue), { icon: "i-material-symbols-more-horiz" })
@@ -1248,14 +1248,14 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
           c("span", wo, [
             y(qe, {
               modelValue: r(I).key,
-              "onUpdate:modelValue": x[3] || (x[3] = (m) => r(I).key = m),
+              "onUpdate:modelValue": b[3] || (b[3] = (m) => r(I).key = m),
               "show-actions": !1
             }, null, 8, ["modelValue"])
           ]),
-          x[6] || (x[6] = c("span", { "mx-1": "" }, ":", -1)),
+          b[6] || (b[6] = c("span", { "mx-1": "" }, ":", -1)),
           y(qe, {
             modelValue: r(I).value,
-            "onUpdate:modelValue": x[4] || (x[4] = (m) => r(I).value = m),
+            "onUpdate:modelValue": b[4] || (b[4] = (m) => r(I).value = m),
             "auto-focus": !1,
             onCancel: r(O),
             onSubmit: ne
@@ -1440,9 +1440,9 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
       var V;
       return (V = i.timelineLayersState.value) == null ? void 0 : V[o.pluginId];
     }), f = E(() => l.value[p.value] ?? null), v = E(() => a.value ? "Stop recording" : "Start recording"), u = E(() => {
-      var b;
+      var w;
       const V = [];
-      for (const P in (b = f.value) == null ? void 0 : b.data)
+      for (const P in (w = f.value) == null ? void 0 : w.data)
         V.push({
           key: P,
           type: P,
@@ -1452,14 +1452,14 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
       return V;
     }), C = E(() => {
       var P, F, K;
-      const V = (P = f.value) == null ? void 0 : P.groupId, b = s.value.get(V);
-      if (b) {
-        const ce = ((F = b[b.length - 1]) == null ? void 0 : F.time) - (((K = b[0]) == null ? void 0 : K.time) ?? 0);
+      const V = (P = f.value) == null ? void 0 : P.groupId, w = s.value.get(V);
+      if (w) {
+        const ce = ((F = w[w.length - 1]) == null ? void 0 : F.time) - (((K = w[0]) == null ? void 0 : K.time) ?? 0);
         return [{
           key: "events",
           type: "events",
           editable: !1,
-          value: b.length
+          value: w.length
         }, ce && {
           key: "duration",
           type: "duration",
@@ -1470,14 +1470,14 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
     }), T = E(() => ({ "Event Info": u.value, ...C.value && { "Group Info": C.value } }));
     function k(V) {
       var P;
-      const b = V.groupId;
-      b !== void 0 && (s.value.set(b, s.value.get(b) ?? []), (P = s.value.get(b)) == null || P.push(V));
+      const w = V.groupId;
+      w !== void 0 && (s.value.set(w, s.value.get(w) ?? []), (P = s.value.get(w)) == null || P.push(V));
     }
     function g(V) {
-      const b = oe(V);
-      if (!b)
+      const w = oe(V);
+      if (!w)
         return;
-      const { layerId: P, event: F } = b;
+      const { layerId: P, event: F } = w;
       o.layerIds.includes(P) && (l.value.push(F), k(F));
     }
     D.functions.on(X.TIMELINE_EVENT_UPDATED, g), ke(() => {
@@ -1494,7 +1494,7 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
         [o.pluginId]: !a.value
       });
     }
-    return (V, b) => (d(), h("div", Lo, [
+    return (V, w) => (d(), h("div", Lo, [
       V.headerVisible ? (d(), B(Ve, {
         key: 0,
         "doc-link": V.docLink,
@@ -1517,7 +1517,7 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
                 c("div", Uo, [
                   y(Mo, {
                     modelValue: p.value,
-                    "onUpdate:modelValue": b[0] || (b[0] = (P) => p.value = P),
+                    "onUpdate:modelValue": w[0] || (w[0] = (P) => p.value = P),
                     data: l.value
                   }, null, 8, ["modelValue", "data"])
                 ])
@@ -1546,7 +1546,7 @@ const mo = { class: "flex pl5px" }, ho = { class: "w160px py5px" }, go = /* @__P
         key: 2,
         class: "flex-1"
       }, {
-        default: H(() => b[1] || (b[1] = [
+        default: H(() => w[1] || (w[1] = [
           Q(" No events ")
         ])),
         _: 1
@@ -1815,120 +1815,121 @@ const sl = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-b
   emits: ["openInEditor", "onInspectComponentStart", "onInspectComponentEnd"],
   setup(n, { emit: e }) {
     const o = e, t = R(), l = R(!1), { width: s } = uo(t), p = E(() => l.value ? s.value < 700 : !1), i = R(""), a = R(""), [f, v] = Kt(!0), u = R(!1), C = R(!1), T = R(""), k = R(!1), g = ll();
-    function $(w, S = [], U = []) {
+    function $(x, S = [], U = []) {
       var W;
-      return S.push(w.id), ((W = w.children) == null ? void 0 : W.length) === 0 && U.push([...S]), Array.isArray(w.children) && w.children.forEach((le) => {
+      return S.push(x.id), ((W = x.children) == null ? void 0 : W.length) === 0 && U.push([...S]), Array.isArray(x.children) && x.children.forEach((le) => {
         $(le, S, U);
       }), S.pop(), U;
     }
-    function z(w) {
+    function z(x) {
       const S = [], U = (W) => {
         W == null || W.forEach((le) => {
           var ht;
           S.push(le), (ht = le.children) != null && ht.length && U(le.children);
         });
       };
-      return U(w), S;
+      return U(x), S;
     }
-    function V(w, S) {
+    function V(x, S) {
       const U = [];
-      return w == null || w.forEach((W) => {
+      return x == null || x.forEach((W) => {
         U.push(...W.slice(0, S + 1));
       }), [...new Set(U)];
     }
-    function b(w, S) {
+    function w(x, S) {
       const U = [];
-      return w.forEach((W) => {
+      return x.forEach((W) => {
         const le = W.indexOf(S);
         le !== -1 && U.push(...W.slice(0, le + 1));
       }), [...new Set(U)];
     }
     const P = R([]), F = E(() => {
-      var w, S;
-      return (w = P.value) != null && w.length ? $((S = P.value) == null ? void 0 : S[0]) : [];
-    }), K = E(() => z(P.value)), ce = E(() => K.value.map((w) => w.id)), L = R({}), I = R(""), O = E(() => {
-      const w = [], S = (U) => {
+      var x, S;
+      return (x = P.value) != null && x.length ? $((S = P.value) == null ? void 0 : S[0]) : [];
+    }), K = E(() => z(P.value)), ce = E(() => K.value.map((x) => x.id)), L = R({}), I = R(""), O = E(() => {
+      const x = [], S = (U) => {
         U.forEach((W) => {
           var le;
-          W.id === I.value && w.push(W), (le = W.children) != null && le.length && S(W.children);
+          W.id === I.value && x.push(W), (le = W.children) != null && le.length && S(W.children);
         });
       };
-      return S(P.value), w[0];
+      return S(P.value), x[0];
     }), ee = E(() => {
-      var w;
-      return ((w = O.value) == null ? void 0 : w.file) ?? "";
+      var x;
+      return ((x = O.value) == null ? void 0 : x.file) ?? "";
     }), ne = E(() => nt({
       state: L.value,
       filterKey: a.value,
-      processGroup(w) {
-        return Sn(Object.values(Tn(At(w), "stateType")));
+      processGroup(x) {
+        return Sn(Object.values(Tn(At(x), "stateType")));
       }
-    })), { expanded: A } = _e(), { expanded: x } = _e("component-state");
+    })), { expanded: A } = _e(), { expanded: b } = _e("component-state");
     Go();
-    async function m(w = "") {
-      return D.value.getInspectorTree({ inspectorId: Pe, filter: w }).then((S) => {
+    async function m(x = "") {
+      return D.value.getInspectorTree({ inspectorId: Pe, filter: x }).then((S) => {
         var W, le;
         const U = oe(S);
         P.value = U, I.value = (le = (W = P.value) == null ? void 0 : W[0]) == null ? void 0 : le.id, A.value = V(F.value, 1), u.value = !0;
       });
     }
-    function _(w) {
-      if (!w || !(w != null && w.state))
+    function _(x) {
+      if (!x || !(x != null && x.state))
         return {};
       const S = {};
-      return w.state.forEach((U) => {
+      return x.state.forEach((U) => {
         S[U.type] || (S[U.type] = []), S[U.type].push(U);
       }), S;
     }
-    function N(w) {
-      D.value.getInspectorState({ inspectorId: Pe, nodeId: w }).then((S) => {
+    function N(x) {
+      D.value.getInspectorState({ inspectorId: Pe, nodeId: x }).then((S) => {
         const U = oe(S);
-        U && (L.value = _(U), x.value = Array.from({ length: Object.keys(L.value).length }, (W, le) => `${le}`));
+        U && (L.value = _(U), b.value = Array.from({ length: Object.keys(L.value).length }, (W, le) => `${le}`));
       });
     }
-    te(I, (w) => {
-      N(w), k.value && vt();
+    te(I, (x) => {
+      N(x), k.value && vt();
     });
-    function M(w) {
-      const S = oe(w);
+    function M(x) {
+      const S = oe(x);
       S.inspectorId !== Pe || S.nodeId !== I.value || (L.value = _({ state: S.state.state }));
     }
     D.functions.on(X.INSPECTOR_STATE_UPDATED, M), m();
-    function G(w) {
-      const S = w.trim().toLowerCase();
+    function G(x) {
+      const S = x.trim().toLowerCase();
       v(), m(S).then(() => {
         v();
       });
     }
-    Gt(i, (w) => {
-      G(w);
+    Gt(i, (x) => {
+      G(x);
     }, { debounce: 300 });
-    function re(w) {
+    function re(x) {
       var U, W;
-      const S = oe(w);
+      const S = oe(x);
       S.inspectorId === Pe && (i.value ? G(i.value) : P.value = S.rootNodes, ce.value.includes(I.value) || (I.value = (W = (U = P.value) == null ? void 0 : U[0]) == null ? void 0 : W.id, A.value = V(F.value, 1)));
     }
     D.functions.on(X.INSPECTOR_TREE_UPDATED, re), ke(() => {
       D.functions.off(X.INSPECTOR_STATE_UPDATED, M), D.functions.off(X.INSPECTOR_TREE_UPDATED, re);
     });
-    const Ie = Pt(), Re = E(() => Ie.appRecords.value.map((w) => ({
-      label: w.name + (w.version ? ` (${w.version})` : ""),
-      value: w.id
-    }))), je = E(() => Re.value.map((w) => ({
-      label: w.label,
-      id: w.value
+    const Ie = Pt(), Re = E(() => Ie.appRecords.value.map((x) => ({
+      label: x.name + (x.version ? ` (${x.version})` : ""),
+      value: x.id,
+      iframe: x.iframe
+    }))), je = E(() => Re.value.map((x) => ({
+      label: x.label + (x.iframe ? ` (iframe: ${x.iframe})` : ""),
+      id: x.value
     }))), $e = R(Ie.activeAppRecordId.value);
     tt(() => {
       $e.value = Ie.activeAppRecordId.value;
     });
-    async function ze(w, S = {}) {
-      await D.value.toggleApp(w, S), I.value = "", await m();
+    async function ze(x, S = {}) {
+      await D.value.toggleApp(x, S), I.value = "", await m();
     }
     async function De() {
       C.value = !0, o("onInspectComponentStart");
       try {
-        const w = JSON.parse(await D.value.inspectComponentInspector()), S = w.id.split(":")[0];
-        $e.value !== w.appId && await ze(S, { inspectingComponent: !0 }), I.value = w.id, A.value.includes(w.id) || A.value.push(w.id), A.value = [.../* @__PURE__ */ new Set([...A.value, ...b(F.value, w.id)])], on();
+        const x = JSON.parse(await D.value.inspectComponentInspector()), S = x.id.split(":")[0];
+        $e.value !== x.appId && await ze(S, { inspectingComponent: !0 }), I.value = x.id, A.value.includes(x.id) || A.value.push(x.id), A.value = [.../* @__PURE__ */ new Set([...A.value, ...w(F.value, x.id)])], on();
       } finally {
         C.value = !1, o("onInspectComponentEnd");
       }
@@ -1936,8 +1937,8 @@ const sl = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-b
     function ft() {
       C.value = !1, D.value.cancelInspectComponentInspector();
     }
-    he("keydown", (w) => {
-      w.key === "s" && (w.ctrlKey || w.metaKey) && !C.value ? De() : w.key === "Escape" && C.value && ft();
+    he("keydown", (x) => {
+      x.key === "s" && (x.ctrlKey || x.metaKey) && !C.value ? De() : x.key === "Escape" && C.value && ft();
     });
     function en() {
       D.value.scrollToComponent(I.value);
@@ -1948,8 +1949,8 @@ const sl = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-b
       });
     }
     function vt() {
-      D.value.getComponentRenderCode(I.value).then((w) => {
-        T.value = w, k.value = !0;
+      D.value.getComponentRenderCode(I.value).then((x) => {
+        T.value = x, k.value = !0;
       });
     }
     function nn() {
@@ -1959,14 +1960,14 @@ const sl = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-b
     function on() {
       setTimeout(() => {
         var S;
-        const w = (S = mt.value) == null ? void 0 : S.querySelector(".active");
-        w == null || w.scrollIntoView({ behavior: "smooth", block: "center" });
+        const x = (S = mt.value) == null ? void 0 : S.querySelector(".active");
+        x == null || x.scrollIntoView({ behavior: "smooth", block: "center" });
       }, 300);
     }
     function ln() {
       T.value = "", k.value = !1;
     }
-    return (w, S) => (d(), h("div", rl, [
+    return (x, S) => (d(), h("div", rl, [
       y(r(Le), {
         ref_key: "splitpanesRef",
         ref: t,
@@ -2183,7 +2184,7 @@ const sl = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-b
       }, 8, ["modelValue"])) : j("", !0)
     ]));
   }
-}), fs = /* @__PURE__ */ be(bl, [["__scopeId", "data-v-7f4a452a"]]), wl = {}, kl = { class: "h-screen w-screen $ui-fcc flex-col" };
+}), fs = /* @__PURE__ */ be(bl, [["__scopeId", "data-v-476b73cc"]]), wl = {}, kl = { class: "h-screen w-screen $ui-fcc flex-col" };
 function Il(n, e) {
   return d(), h("div", kl, [
     e[0] || (e[0] = c("div", { class: "outer" }, [
@@ -2455,7 +2456,7 @@ const Vl = /* @__PURE__ */ be(Sl, [["render", El]]), Nl = {
         V(G, _, N);
       }), _.pop(), N;
     }
-    function b(m, _) {
+    function w(m, _) {
       const N = [];
       return m == null || m.forEach((M) => {
         N.push(...M.slice(0, _ + 1));
@@ -2508,16 +2509,16 @@ const Vl = /* @__PURE__ */ be(Sl, [["render", El]]), Nl = {
     function ne(m = "") {
       D.value.getInspectorTree({ inspectorId: l.value, filter: m }).then((_) => {
         const N = oe(_);
-        i.value = N, !u.value && N.length && (u.value = N[0].id, e.value = b(a.value, 1), O(N[0].id));
+        i.value = N, !u.value && N.length && (u.value = N[0].id, e.value = w(a.value, 1), O(N[0].id));
       });
     }
     Zt(l).toBeTruthy().then(() => ne());
     function A(m) {
       var N, M;
       const _ = oe(m);
-      !_.rootNodes.length || _.inspectorId !== l.value || (i.value = _.rootNodes, v.value.includes(u.value) || (u.value = (M = (N = i.value) == null ? void 0 : N[0]) == null ? void 0 : M.id, e.value = b(a.value, 1)));
+      !_.rootNodes.length || _.inspectorId !== l.value || (i.value = _.rootNodes, v.value.includes(u.value) || (u.value = (M = (N = i.value) == null ? void 0 : N[0]) == null ? void 0 : M.id, e.value = w(a.value, 1)));
     }
-    function x(m) {
+    function b(m) {
       const _ = oe(m);
       if (_.inspectorId !== l.value || !_.state || _.nodeId !== u.value)
         return;
@@ -2525,9 +2526,9 @@ const Vl = /* @__PURE__ */ be(Sl, [["render", El]]), Nl = {
       C.value = I(M);
     }
     return Me(() => {
-      D.functions.on(X.INSPECTOR_TREE_UPDATED, A), D.functions.on(X.INSPECTOR_STATE_UPDATED, x);
+      D.functions.on(X.INSPECTOR_TREE_UPDATED, A), D.functions.on(X.INSPECTOR_STATE_UPDATED, b);
     }), ke(() => {
-      D.functions.off(X.INSPECTOR_TREE_UPDATED, A), D.functions.off(X.INSPECTOR_STATE_UPDATED, x);
+      D.functions.off(X.INSPECTOR_TREE_UPDATED, A), D.functions.off(X.INSPECTOR_STATE_UPDATED, b);
     }), (m, _) => (d(), h("div", Xl, [
       y(Ve, {
         "doc-link": r(t).homepage
@@ -2901,65 +2902,65 @@ const m1 = /* @__PURE__ */ be(p1, [["render", v1]]), h1 = {
   __name: "Index",
   setup(n) {
     const { expanded: e } = _e(), { expanded: o } = _e("pinia-store-state"), t = Qt, l = R([]), s = R([]), p = xe(), i = R(""), a = R([]), f = E(() => {
-      var x, m;
-      return (x = a.value) != null && x.length ? z((m = a.value) == null ? void 0 : m[0]) : [];
-    }), v = E(() => b(a.value)), u = E(() => v.value.map((x) => x.id)), C = R({}), T = R(""), k = R("");
-    te(T, (x, m) => {
-      !x.trim().length && !m.trim().length || ee(x);
+      var b, m;
+      return (b = a.value) != null && b.length ? z((m = a.value) == null ? void 0 : m[0]) : [];
+    }), v = E(() => w(a.value)), u = E(() => v.value.map((b) => b.id)), C = R({}), T = R(""), k = R("");
+    te(T, (b, m) => {
+      !b.trim().length && !m.trim().length || ee(b);
     });
     const g = E(() => nt({
       state: C.value,
       filterKey: k.value
     })), $ = E(() => {
-      var x, m;
-      return !((x = C.value.state) != null && x.length) && !((m = C.value.getters) != null && m.length);
+      var b, m;
+      return !((b = C.value.state) != null && b.length) && !((m = C.value.getters) != null && m.length);
     });
-    function z(x, m = [], _ = []) {
+    function z(b, m = [], _ = []) {
       var N;
-      return m.push(x.id), ((N = x.children) == null ? void 0 : N.length) === 0 && _.push([...m]), Array.isArray(x.children) && x.children.forEach((M) => {
+      return m.push(b.id), ((N = b.children) == null ? void 0 : N.length) === 0 && _.push([...m]), Array.isArray(b.children) && b.children.forEach((M) => {
         z(M, m, _);
       }), m.pop(), _;
     }
-    function V(x, m) {
+    function V(b, m) {
       const _ = [];
-      return x == null || x.forEach((N) => {
+      return b == null || b.forEach((N) => {
         _.push(...N.slice(0, m + 1));
       }), [...new Set(_)];
     }
-    function b(x) {
+    function w(b) {
       const m = [], _ = (N) => {
         N == null || N.forEach((M) => {
           var G;
           m.push(M), (G = M.children) != null && G.length && _(M.children);
         });
       };
-      return _(x), m;
+      return _(b), m;
     }
     function P() {
-      D.value.getInspectorNodeActions(t).then((x) => {
-        l.value = x;
+      D.value.getInspectorNodeActions(t).then((b) => {
+        l.value = b;
       });
     }
     function F() {
-      D.value.getInspectorActions(t).then((x) => {
-        s.value = x;
+      D.value.getInspectorActions(t).then((b) => {
+        s.value = b;
       });
     }
     P(), F();
-    function K(x) {
-      D.value.callInspectorNodeAction(t, x, i.value);
+    function K(b) {
+      D.value.callInspectorNodeAction(t, b, i.value);
     }
-    function ce(x) {
-      D.value.callInspectorAction(t, x);
+    function ce(b) {
+      D.value.callInspectorAction(t, b);
     }
-    function L(x) {
+    function L(b) {
       var m;
-      for (const _ in x)
-        (m = x[_]) != null && m.length || delete x[_];
-      return x;
+      for (const _ in b)
+        (m = b[_]) != null && m.length || delete b[_];
+      return b;
     }
-    function I(x) {
-      D.value.getInspectorState({ inspectorId: t, nodeId: x }).then((m) => {
+    function I(b) {
+      D.value.getInspectorState({ inspectorId: t, nodeId: b }).then((m) => {
         const _ = oe(m);
         _ && (C.value = L(_), o.value = Array.from({ length: Object.keys(C.value).length }, (N, M) => `${M}`));
       });
@@ -2970,19 +2971,19 @@ const m1 = /* @__PURE__ */ be(p1, [["render", v1]]), h1 = {
     te(i, () => {
       O(), I(i.value);
     });
-    function ee(x = "") {
-      D.value.getInspectorTree({ inspectorId: t, filter: x }).then((m) => {
+    function ee(b = "") {
+      D.value.getInspectorTree({ inspectorId: t, filter: b }).then((m) => {
         const _ = oe(m);
         a.value = _, !i.value && _.length && (i.value = _[0].id, I(_[0].id), e.value = V(f.value, 1));
       });
     }
     ee();
-    function ne(x) {
-      const m = oe(x);
+    function ne(b) {
+      const m = oe(b);
       m.inspectorId !== t || !m.rootNodes.length || (a.value = m.rootNodes, u.value.includes(i.value) || (i.value = m.rootNodes[0].id, e.value = V(f.value, 1), I(m.rootNodes[0].id)));
     }
-    function A(x) {
-      const m = oe(x);
+    function A(b) {
+      const m = oe(b);
       if (m.inspectorId !== t)
         return;
       const _ = m.state;
@@ -2993,7 +2994,7 @@ const m1 = /* @__PURE__ */ be(p1, [["render", v1]]), h1 = {
     }
     return D.functions.on(X.INSPECTOR_TREE_UPDATED, ne), D.functions.on(X.INSPECTOR_STATE_UPDATED, A), ke(() => {
       D.functions.off(X.INSPECTOR_TREE_UPDATED, ne), D.functions.off(X.INSPECTOR_STATE_UPDATED, A);
-    }), (x, m) => (d(), h("div", I1, [
+    }), (b, m) => (d(), h("div", I1, [
       y(Ve, {
         "doc-link": "https://pinia.vuejs.org/",
         "github-repo-link": "https://github.com/vuejs/pinia"
@@ -3349,11 +3350,11 @@ const z1 = /* @__PURE__ */ be(U1, [["render", j1]]), B1 = {
         O && (T.value = z(O), o.value = Array.from({ length: Object.keys(T.value).length }, (ee, ne) => `${ne}`));
       });
     }
-    function b() {
+    function w() {
       T.value = {};
     }
     te(s, () => {
-      b(), V(s.value);
+      w(), V(s.value);
     });
     const P = async (L = "") => {
       await D.value.getInspectorTree({ inspectorId: l.value, filter: L }).then((I) => {