@vue/devtools-applet 7.1.1 → 7.1.3

package/dist/index.js

@@ -1,7 +1,7 @@
 var so = Object.defineProperty;
 var wo = (A, B, Q) => B in A ? so(A, B, { enumerable: !0, configurable: !0, writable: !0, value: Q }) : A[B] = Q;
 var l = (A, B, Q) => (wo(A, typeof B != "symbol" ? B + "" : B, Q), Q);
-import { openBlock as p, createElementBlock as y, createStaticVNode as Do, ref as U, computed as J, defineComponent as Z, h as rE, provide as QB, inject as gB, createElementVNode as M, createVNode as R, unref as F, createTextVNode as uA, normalizeStyle as lA, renderSlot as eA, Fragment as nA, renderList as SA, toDisplayString as iA, pushScopeId as Eg, popScopeId as Cg, nextTick as CB, createBlock as V, normalizeClass as IA, normalizeProps as Te, guardReactiveProps as We, withScopeId as Xe, resolveComponent as yB, withKeys as io, createCommentVNode as AA, mergeProps as FA, withCtx as S, createApp as no, useAttrs as ao, useSlots as ro, resolveDynamicComponent as KQ, watchEffect as YQ, onMounted as cE, withDirectives as pA, isRef as IQ, vModelDynamic as co, createSlots as lo, watch as MA, customRef as uo, getCurrentInstance as eg, mergeModels as Ig, useModel as tg, readonly as ho, getCurrentScope as Mo, onScopeDispose as po, reactive as VE, withModifiers as qA, toRaw as Fo, markRaw as fo, shallowReactive as Go, resolveDirective as No, toHandlers as yo, shallowRef as Lo } from "vue";
+import { openBlock as p, createElementBlock as y, createStaticVNode as Do, ref as U, computed as J, defineComponent as Z, h as rE, provide as QB, inject as gB, createElementVNode as M, createVNode as R, unref as F, createTextVNode as uA, normalizeStyle as lA, renderSlot as IA, Fragment as nA, renderList as SA, toDisplayString as iA, pushScopeId as Eg, popScopeId as Cg, nextTick as CB, createBlock as V, normalizeClass as gA, normalizeProps as Te, guardReactiveProps as We, withScopeId as Xe, resolveComponent as yB, withKeys as io, createCommentVNode as AA, mergeProps as FA, withCtx as S, createApp as no, useAttrs as ao, useSlots as ro, resolveDynamicComponent as KQ, watchEffect as YQ, onMounted as cE, withDirectives as pA, isRef as IQ, vModelDynamic as co, createSlots as lo, watch as MA, customRef as uo, getCurrentInstance as eg, mergeModels as Ig, useModel as tg, readonly as ho, getCurrentScope as Mo, onScopeDispose as po, reactive as VE, withModifiers as qA, toRaw as Fo, markRaw as fo, shallowReactive as Go, resolveDirective as No, toHandlers as yo, shallowRef as Lo } from "vue";
 const tQ = (A, B) => {
   const Q = A.__vccOpts || A;
   for (const [g, E] of B)
@@ -482,7 +482,7 @@ function Bs(A, B, Q, g, E, C) {
     onClick: B[0] || (B[0] = (e) => C.onPaneClick(e, A._.uid)),
     style: lA(A.style)
   }, [
-    eA(A.$slots, "default")
+    IA(A.$slots, "default")
   ], 4);
 }
 const mA = /* @__PURE__ */ $o(As, [["render", Bs]]);
@@ -2205,16 +2205,16 @@ var fs = Object.create, QI = Object.defineProperty, Gs = Object.getOwnPropertyDe
           }), x = !0) : x = !!c.titleCase, c.custom && typeof c.custom.length == "number" && Array.prototype.toString.call(c.custom) && c.custom.forEach(function(X) {
             G[X + ""] = X + "";
           }), Object.keys(G).forEach(function(X) {
-            var EA;
-            X.length > 1 ? EA = new RegExp("\\b" + i(X) + "\\b", "gi") : EA = new RegExp(i(X), "gi"), r = r.replace(EA, G[X]);
+            var CA;
+            X.length > 1 ? CA = new RegExp("\\b" + i(X) + "\\b", "gi") : CA = new RegExp(i(X), "gi"), r = r.replace(CA, G[X]);
           });
           for (m in G)
             T += m;
         }
         for (T += u, T = i(T), r = r.replace(/(^\s+|\s+$)/g, ""), k = !1, K = !1, O = 0, NA = r.length; O < NA; O++)
           m = r[O], n(m, G) ? k = !1 : b[m] ? (m = k && b[m].match(/[A-Za-z0-9]/) ? " " + b[m] : b[m], k = !1) : m in g ? (O + 1 < NA && E.indexOf(r[O + 1]) >= 0 ? (d += m, m = "") : K === !0 ? (m = C[d] + g[m], d = "") : m = k && g[m].match(/[A-Za-z0-9]/) ? " " + g[m] : g[m], k = !1, K = !1) : m in C ? (d += m, m = "", O === NA - 1 && (m = C[d]), K = !0) : /* process symbol chars */ H[m] && !(P && t.indexOf(m) !== -1) && !(v && o.indexOf(m) !== -1) ? (m = k || h.substr(-1).match(/[A-Za-z0-9]/) ? u + H[m] : H[m], m += r[O + 1] !== void 0 && r[O + 1].match(/[A-Za-z0-9]/) ? u : "", k = !0) : (K === !0 ? (m = C[d] + m, d = "", K = !1) : k && (/[A-Za-z0-9]/.test(m) || h.substr(-1).match(/A-Za-z0-9]/)) && (m = " " + m), k = !1), h += m.replace(new RegExp("[^\\w\\s" + T + "_-]", "g"), u);
-        return x && (h = h.replace(/(\w)(\S*)/g, function(X, EA, yA) {
-          var YB = EA.toUpperCase() + (yA !== null ? yA : "");
+        return x && (h = h.replace(/(\w)(\S*)/g, function(X, CA, yA) {
+          var YB = CA.toUpperCase() + (yA !== null ? yA : "");
           return Object.keys(G).indexOf(YB.toLowerCase()) < 0 ? YB : YB.toLowerCase();
         })), h = h.replace(/\s+/g, u).replace(new RegExp("\\" + u + "+", "g"), u).replace(new RegExp("(^\\" + u + "+|\\" + u + "+$)", "g"), ""), j && h.length > j && (QA = h.charAt(j) === u, h = h.slice(0, j), QA || (h = h.slice(0, h.lastIndexOf(u)))), !W && !x && (h = h.toLowerCase()), h;
       }, D = function(r) {
@@ -3309,31 +3309,31 @@ rI(vw, {
   unhighlightElement: () => _w,
   updateInspectorTreeId: () => zw
 });
-var Ow = gA("devtools:check-vue-inspector-detected", async (A) => {
+var Ow = EA("devtools:check-vue-inspector-detected", async (A) => {
   var B, Q;
   return !!await ((Q = (B = A == null ? void 0 : A.api) == null ? void 0 : B.getVueInspector) == null ? void 0 : Q.call(B));
-}), bw = gA("devtools:enable-vue-inspector", async (A) => {
+}), bw = EA("devtools:enable-vue-inspector", async (A) => {
   var B, Q;
   const g = await ((Q = (B = A == null ? void 0 : A.api) == null ? void 0 : B.getVueInspector) == null ? void 0 : Q.call(B));
   g && await g.enable();
-}), qw = gA("devtools:toggle-app", async (A, B) => {
+}), qw = EA("devtools:toggle-app", async (A, B) => {
   await A.api.toggleApp(B);
-}), vQ = gA("devtools:edit-inspector-state", (A, B) => {
+}), vQ = EA("devtools:edit-inspector-state", (A, B) => {
   A.api.editInspectorState(B);
-}), Tw = gA("devtools:open-in-editor", (A, B, Q) => {
+}), Tw = EA("devtools:open-in-editor", (A, B, Q) => {
   A.api.openInEditor({ file: B, baseUrl: Q });
-}), wg = gA("devtools:inspector-tree", async (A, B) => {
+}), wg = EA("devtools:inspector-tree", async (A, B) => {
   const Q = await A.api.getInspectorTree(B);
   return wI(Q);
-}), Ww = gA("devtools:get-component-bounding-rect", (A, B) => A.api.getComponentBoundingRect(B)), cI = gA("devtools:inspect-component-inspector", (A) => A.api.inspectComponentInspector()), Xw = gA("devtools:cancel-inspect-component-inspector", (A) => A.api.cancelInspectComponentInspector()), Zw = gA("devtools:toggle-component-inspector", (A, B) => A.api.toggleComponentInspector(B)), lI = gA("devtools:scroll-to-component", (A, B) => A.api.scrollToComponent(B)), uI = gA("devtools:get-component-render-code", (A, B) => A.api.getComponentRenderCode(B)), Dg = gA("devtools:inspector-state", async (A, B) => {
+}), Ww = EA("devtools:get-component-bounding-rect", (A, B) => A.api.getComponentBoundingRect(B)), cI = EA("devtools:inspect-component-inspector", (A) => A.api.inspectComponentInspector()), Xw = EA("devtools:cancel-inspect-component-inspector", (A) => A.api.cancelInspectComponentInspector()), Zw = EA("devtools:toggle-component-inspector", (A, B) => A.api.toggleComponentInspector(B)), lI = EA("devtools:scroll-to-component", (A, B) => A.api.scrollToComponent(B)), uI = EA("devtools:get-component-render-code", (A, B) => A.api.getComponentRenderCode(B)), Dg = EA("devtools:inspector-state", async (A, B) => {
   const Q = await A.api.getInspectorState(B);
   return wI(Q);
-}), zw = gA("devtools:update-inspector-tree-id", (A, B) => {
+}), zw = EA("devtools:update-inspector-tree-id", (A, B) => {
   A.context.activeInspectorTreeId = B;
-}), _w = gA("devtools:unhighlight-element", (A) => A.api.unhighlightElement()), Vw = gA("devtools:router-info", (A) => JSON.stringify(A.context.routerInfo)), jw = gA("devtools:router-navigate", (A, B) => {
+}), _w = EA("devtools:unhighlight-element", (A) => A.api.unhighlightElement()), Vw = EA("devtools:router-info", (A) => JSON.stringify(A.context.routerInfo)), jw = EA("devtools:router-navigate", (A, B) => {
   var Q;
   (Q = A.context.router) == null || Q.push(B).catch((g) => g);
-}), $w = gA("devtools:matched-routes", (A, B) => {
+}), $w = EA("devtools:matched-routes", (A, B) => {
   var Q, g;
   const E = console.warn;
   console.warn = () => {
@@ -3342,7 +3342,7 @@ var Ow = gA("devtools:check-vue-inspector-detected", async (A) => {
     path: B || "/"
   }).matched) != null ? g : [];
   return console.warn = E, JSON.stringify(C);
-}), AD = gA("devtools:get-timeline-layer", (A) => A.context.timelineLayer), FE = gA("devtools:get-state", (A) => {
+}), AD = EA("devtools:get-timeline-layer", (A) => A.context.timelineLayer), FE = EA("devtools:get-state", (A) => {
   var B, Q;
   return {
     connected: A.state.connected,
@@ -3360,7 +3360,7 @@ var Ow = gA("devtools:check-vue-inspector-detected", async (A) => {
     })),
     activeAppRecordId: A.state.activeAppRecordId
   };
-}), BD = gA("devtools:toggle-high-perf-mode", (A, B) => {
+}), BD = EA("devtools:toggle-high-perf-mode", (A, B) => {
   Sw(B);
 }), QD = "devtools:bridge-action", gD = "devtools:bridge-listener", ED = "__vue_devtools_bridge__", CD = "__vue_devtools_bridge_target__", eD = "devtools:bridge-action-events", ID = "devtools:bridge-listener-events", tD = _[eD] = /* @__PURE__ */ new Map(), oD = _[ID] = /* @__PURE__ */ new Map();
 function hI() {
@@ -3369,7 +3369,7 @@ function hI() {
 function MI() {
   return _[CD];
 }
-function gA(A, B) {
+function EA(A, B) {
   return async (...Q) => {
     if (MI() === "devtools") {
       const E = hI(), C = aI();
@@ -5051,11 +5051,11 @@ const JD = {
 function xD(A, B, Q, g, E, C) {
   return p(), y("div", {
     ref: "reference",
-    class: IA(["v-popper", {
+    class: gA(["v-popper", {
       "v-popper--shown": A.slotData.isShown
     }])
   }, [
-    eA(A.$slots, "default", Te(We(A.slotData)))
+    IA(A.$slots, "default", Te(We(A.slotData)))
   ], 2);
 }
 const vD = /* @__PURE__ */ lg(JD, [["render", xD]]);
@@ -5179,7 +5179,7 @@ function jD(A, B, Q, g, E, C) {
   return p(), y("div", {
     id: A.popperId,
     ref: "popover",
-    class: IA(["v-popper__popper", [
+    class: gA(["v-popper__popper", [
       A.themeClass,
       A.classes.popperClass,
       {
@@ -5216,7 +5216,7 @@ function jD(A, B, Q, g, E, C) {
       M("div", ZD, [
         A.mounted ? (p(), y(nA, { key: 0 }, [
           M("div", null, [
-            eA(A.$slots, "default")
+            IA(A.$slots, "default")
           ]),
           A.handleResize ? (p(), V(e, {
             key: 0,
@@ -5482,7 +5482,7 @@ function Ai(A, B, Q, g, E, C) {
       classes: c,
       result: u
     }) => [
-      eA(A.$slots, "default", {
+      IA(A.$slots, "default", {
         shown: o,
         show: i,
         hide: n
@@ -5502,7 +5502,7 @@ function Ai(A, B, Q, g, E, C) {
         onResize: r
       }, {
         default: S(() => [
-          eA(A.$slots, "popper", {
+          IA(A.$slots, "popper", {
             shown: o,
             hide: n
           })
@@ -5628,7 +5628,7 @@ function Ci(A, B, Q, g, E, C) {
     }) => [
       R(e, {
         ref: "popperContent",
-        class: IA({
+        class: gA({
           "v-popper--tooltip-loading": A.loading
         }),
         "popper-id": t,
@@ -5891,14 +5891,14 @@ const WI = /* @__PURE__ */ ai(ri, [["render", hi]]), Mi = { key: 2 }, LA = /* @_
         s.loading ? (p(), V(WI, {
           key: 0,
           class: "mt0.5 h-full w3"
-        })) : eA(s.$slots, "icon", {
+        })) : IA(s.$slots, "icon", {
           key: 1,
           class: "h-full w3 $ui-inline-fcc"
         }),
         F(o).default ? (p(), y("div", Mi, [
-          eA(s.$slots, "default")
+          IA(s.$slots, "default")
         ])) : AA("", !0),
-        eA(s.$slots, "icon-right")
+        IA(s.$slots, "icon-right")
       ]),
       _: 3
     }, 16, ["aria-disabled", "class"]));
@@ -5912,7 +5912,7 @@ const WI = /* @__PURE__ */ ai(ri, [["render", hi]]), Mi = { key: 2 }, LA = /* @_
   },
   setup(A) {
     return (B, Q) => (p(), V(KQ(B.inline ? "span" : "div"), {
-      class: IA(["$ui-base", [B.icon, B.action ? "cursor-pointer hover:op50" : ""]])
+      class: gA(["$ui-base", [B.icon, B.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
   }
 });
@@ -6083,7 +6083,7 @@ const Ri = ["type", "placeholder", "disabled"], ki = {
       var s;
       e.value && ((s = o.value) == null || s.focus());
     }), (s, D) => (p(), y("div", {
-      class: IA(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100", [
+      class: gA(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100", [
         {
           "border-none bg-transparent group": s.variant === "flat",
           "cursor-not-allowed opacity-50": t.value,
@@ -6100,7 +6100,7 @@ const Ri = ["type", "placeholder", "disabled"], ki = {
     }, [
       s.leftIcon ? (p(), y("div", {
         key: 0,
-        class: IA(Kg)
+        class: gA(Kg)
       }, [
         R(aA, { icon: s.leftIcon }, null, 8, ["icon"])
       ])) : AA("", !0),
@@ -6118,12 +6118,12 @@ const Ri = ["type", "placeholder", "disabled"], ki = {
       ]),
       F(C) ? (p(), y("div", {
         key: 1,
-        class: IA(Kg)
+        class: gA(Kg)
       }, [
         R(WI)
       ])) : s.rightIcon ? (p(), y("div", {
         key: 2,
-        class: IA(Kg)
+        class: gA(Kg)
       }, [
         R(aA, { icon: s.rightIcon }, null, 8, ["icon"])
       ])) : AA("", !0),
@@ -6161,22 +6161,22 @@ const Ri = ["type", "placeholder", "disabled"], ki = {
     }, {
       popper: S(({ hide: E }) => [
         M("div", Ui, [
-          eA(Q.$slots, "popper", Te(We({ hide: E })), () => [
+          IA(Q.$slots, "popper", Te(We({ hide: E })), () => [
             Pi
           ])
         ])
       ]),
       default: S(() => [
-        eA(Q.$slots, "default", {}, () => [
+        IA(Q.$slots, "default", {}, () => [
           R(LA, FA({
             ...Q.buttonProps,
             disabled: Q.disabled
           }, { class: Q.buttonClass }), lo({
             icon: S(() => [
-              eA(Q.$slots, "button-icon")
+              IA(Q.$slots, "button-icon")
             ]),
             "icon-right": S(() => [
-              eA(Q.$slots, "button-icon-right")
+              IA(Q.$slots, "button-icon-right")
             ]),
             _: 2
           }, [
@@ -6215,10 +6215,10 @@ const Ri = ["type", "placeholder", "disabled"], ki = {
       class: "w-full justify-start transition-colors not-action:bg-transparent!"
     }), {
       icon: S(() => [
-        eA(g.$slots, "icon")
+        IA(g.$slots, "icon")
       ]),
       default: S(() => [
-        eA(g.$slots, "default")
+        IA(g.$slots, "default")
       ]),
       _: 3
     }, 16, ["disabled"])), [
@@ -6304,7 +6304,7 @@ const VI = /* @__PURE__ */ Z({
     return (g, E) => (p(), y("ul", Ji, [
       (p(!0), y(nA, null, SA(g.data, (C) => (p(), y("li", {
         key: C.id,
-        class: IA(["selectable-item", { active: C.id === B.value }]),
+        class: gA(["selectable-item", { active: C.id === B.value }]),
         onClick: (e) => Q(C.id)
       }, [
         uA(iA(C.label) + " ", 1),
@@ -6332,7 +6332,7 @@ const VI = /* @__PURE__ */ Z({
     const B = oQ();
     return (Q, g) => (p(), y("div", vi, [
       M("div", null, [
-        eA(Q.$slots, "default", {}, () => [
+        IA(Q.$slots, "default", {}, () => [
           M("i", {
             class: "i-ep:back cursor-pointer op70 text-base hover:op100",
             onClick: g[0] || (g[0] = (E) => F(B).push("/"))
@@ -6357,7 +6357,7 @@ function Vi(A, B) {
   return p(), y("div", zi, [
     _i,
     M("span", null, [
-      eA(A.$slots, "default")
+      IA(A.$slots, "default")
     ])
   ]);
 }
@@ -6913,7 +6913,7 @@ const Fn = { class: "flex pl5px" }, fn = { class: "w160px py5px" }, Gn = /* @__P
         _: 1
       }, 16, ["class"])) : AA("", !0),
       R(F(Ki), {
-        class: IA({
+        class: gA({
           "opacity-0": !n.hovering && !C.value
         }),
         "button-props": {
@@ -6991,7 +6991,7 @@ const Fn = { class: "flex pl5px" }, fn = { class: "w160px py5px" }, Gn = /* @__P
         "onUpdate:modelValue": D[0] || (D[0] = (i) => IQ(I) ? I.value = i : null),
         type: E.value,
         variant: o.value ? "warning" : "normal",
-        class: IA(["h25px px4px", s.customType === "date" ? "w240px" : "w120px"]),
+        class: gA(["h25px px4px", s.customType === "date" ? "w240px" : "w120px"]),
         "auto-focus": s.autoFocus,
         onClick: D[1] || (D[1] = qA(() => {
         }, ["stop"]))
@@ -7046,7 +7046,7 @@ const Fn = { class: "flex pl5px" }, fn = { class: "w160px py5px" }, Gn = /* @__P
   },
   setup(A) {
     return (B, Q) => (p(), y("i", {
-      class: IA(["i-radix-icons:triangle-right flex-none text-4 op-50 transition-base", {
+      class: gA(["i-radix-icons:triangle-right flex-none text-4 op-50 transition-base", {
         "transform rotate-90": B.value
       }])
     }, null, 2));
@@ -7185,7 +7185,7 @@ const Qt = (A) => (Eg("data-v-cf35cdd0"), A = A(), Cg(), A), Ln = {
       M("div", {
         ref_key: "containerRef",
         ref: n,
-        class: IA(["font-state-field flex items-center", [i.value && "cursor-pointer hover:bg-active"]]),
+        class: gA(["font-state-field flex items-center", [i.value && "cursor-pointer hover:bg-active"]]),
         style: lA({ paddingLeft: `${L.depth * 15 + 4}px` }),
         onClick: H[1] || (H[1] = (b) => F(I)(`${L.depth}-${L.index}`))
       }, [
@@ -7204,7 +7204,7 @@ const Qt = (A) => (Eg("data-v-cf35cdd0"), A = A(), Cg(), A), Ln = {
           onSubmit: G
         }, null, 8, ["modelValue", "custom-type", "onCancel"])) : AA("", !0),
         M("span", {
-          class: IA([t.value, "flex whitespace-nowrap"])
+          class: gA([t.value, "flex whitespace-nowrap"])
         }, [
           M("span", {
             class: "flex",
@@ -7313,7 +7313,7 @@ const Qt = (A) => (Eg("data-v-cf35cdd0"), A = A(), Cg(), A), Ln = {
     return (e, I) => (p(), y("div", null, [
       (p(!0), y(nA, null, SA(e.data, (t, o, w) => (p(), y("div", { key: w }, [
         M("div", {
-          class: IA(["flex items-center", [(t == null ? void 0 : t.length) && "cursor-pointer hover:bg-active"]]),
+          class: gA(["flex items-center", [(t == null ? void 0 : t.length) && "cursor-pointer hover:bg-active"]]),
           onClick: (s) => F(C)(`${w}`)
         }, [
           t != null && t.length ? (p(), V(KE, {
@@ -8079,7 +8079,7 @@ function ca(A, B, Q, g, E, C) {
   return pA((p(), y(
     "div",
     {
-      class: IA(["vue-recycle-scroller", {
+      class: gA(["vue-recycle-scroller", {
         ready: E.ready,
         "page-mode": Q.pageMode,
         [`direction-${A.direction}`]: !0
@@ -8091,7 +8091,7 @@ function ca(A, B, Q, g, E, C) {
         "div",
         aa,
         [
-          eA(A.$slots, "before")
+          IA(A.$slots, "before")
         ],
         512
         /* NEED_PATCH */
@@ -8099,7 +8099,7 @@ function ca(A, B, Q, g, E, C) {
       (p(), V(KQ(Q.listTag), {
         ref: "wrapper",
         style: lA({ [A.direction === "vertical" ? "minHeight" : "minWidth"]: E.totalSize + "px" }),
-        class: IA(["vue-recycle-scroller__item-wrapper", Q.listClass])
+        class: gA(["vue-recycle-scroller__item-wrapper", Q.listClass])
       }, {
         default: S(() => [
           (p(!0), y(
@@ -8127,7 +8127,7 @@ function ca(A, B, Q, g, E, C) {
               }
             })), {
               default: S(() => [
-                eA(A.$slots, "default", {
+                IA(A.$slots, "default", {
                   item: t.item,
                   index: t.nr.index,
                   active: t.nr.used
@@ -8139,7 +8139,7 @@ function ca(A, B, Q, g, E, C) {
             128
             /* KEYED_FRAGMENT */
           )),
-          eA(A.$slots, "empty")
+          IA(A.$slots, "empty")
         ]),
         _: 3
         /* FORWARDED */
@@ -8148,7 +8148,7 @@ function ca(A, B, Q, g, E, C) {
         "div",
         ra,
         [
-          eA(A.$slots, "after")
+          IA(A.$slots, "after")
         ],
         512
         /* NEED_PATCH */
@@ -11967,14 +11967,14 @@ GA.prototype.commaOrSpaceSeparated = !1;
 GA.prototype.mustUseProperty = !1;
 GA.prototype.defined = !1;
 let Mu = 0;
-const q = dB(), CA = dB(), Wt = dB(), N = dB(), $ = dB(), GB = dB(), dA = dB();
+const q = dB(), eA = dB(), Wt = dB(), N = dB(), $ = dB(), GB = dB(), dA = dB();
 function dB() {
   return 2 ** ++Mu;
 }
 var nE = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   boolean: q,
-  booleanish: CA,
+  booleanish: eA,
   commaOrSpaceSeparated: dA,
   commaSeparated: GB,
   number: N,
@@ -12057,10 +12057,10 @@ const Vt = KB({
   },
   properties: {
     ariaActiveDescendant: null,
-    ariaAtomic: CA,
+    ariaAtomic: eA,
     ariaAutoComplete: null,
-    ariaBusy: CA,
-    ariaChecked: CA,
+    ariaBusy: eA,
+    ariaChecked: eA,
     ariaColCount: N,
     ariaColIndex: N,
     ariaColSpan: N,
@@ -12068,36 +12068,36 @@ const Vt = KB({
     ariaCurrent: null,
     ariaDescribedBy: $,
     ariaDetails: null,
-    ariaDisabled: CA,
+    ariaDisabled: eA,
     ariaDropEffect: $,
     ariaErrorMessage: null,
-    ariaExpanded: CA,
+    ariaExpanded: eA,
     ariaFlowTo: $,
-    ariaGrabbed: CA,
+    ariaGrabbed: eA,
     ariaHasPopup: null,
-    ariaHidden: CA,
+    ariaHidden: eA,
     ariaInvalid: null,
     ariaKeyShortcuts: null,
     ariaLabel: null,
     ariaLabelledBy: $,
     ariaLevel: N,
     ariaLive: null,
-    ariaModal: CA,
-    ariaMultiLine: CA,
-    ariaMultiSelectable: CA,
+    ariaModal: eA,
+    ariaMultiLine: eA,
+    ariaMultiSelectable: eA,
     ariaOrientation: null,
     ariaOwns: $,
     ariaPlaceholder: null,
     ariaPosInSet: N,
-    ariaPressed: CA,
-    ariaReadOnly: CA,
+    ariaPressed: eA,
+    ariaReadOnly: eA,
     ariaRelevant: null,
-    ariaRequired: CA,
+    ariaRequired: eA,
     ariaRoleDescription: $,
     ariaRowCount: N,
     ariaRowIndex: N,
     ariaRowSpan: N,
-    ariaSelected: CA,
+    ariaSelected: eA,
     ariaSetSize: N,
     ariaSort: null,
     ariaValueMax: N,
@@ -12143,7 +12143,7 @@ const Vt = KB({
     cols: N,
     colSpan: null,
     content: null,
-    contentEditable: CA,
+    contentEditable: eA,
     controls: q,
     controlsList: $,
     coords: N | GB,
@@ -12157,7 +12157,7 @@ const Vt = KB({
     dirName: null,
     disabled: q,
     download: Wt,
-    draggable: CA,
+    draggable: eA,
     encType: null,
     enterKeyHint: null,
     fetchPriority: null,
@@ -12327,7 +12327,7 @@ const Vt = KB({
     sizes: null,
     slot: null,
     span: N,
-    spellCheck: CA,
+    spellCheck: eA,
     src: null,
     srcDoc: null,
     srcLang: null,
@@ -12342,7 +12342,7 @@ const Vt = KB({
     type: null,
     typeMustMatch: q,
     useMap: null,
-    value: CA,
+    value: eA,
     width: N,
     wrap: null,
     // Legacy.
@@ -12433,7 +12433,7 @@ const Vt = KB({
     // `<table>`
     scheme: null,
     // `<meta>`
-    scrolling: CA,
+    scrolling: eA,
     // `<frame>`. Use overflow in the child context
     standby: null,
     // `<object>`
@@ -14414,11 +14414,11 @@ const AM = ["innerHTML"], BM = { class: "shiki" }, QM = ["textContent"], gM = /*
     });
     return (C, e) => C.lang && E.value.supported ? (p(), y("pre", {
       key: 0,
-      class: IA(["code-block", C.lines ? "code-block-lines" : ""]),
+      class: gA(["code-block", C.lines ? "code-block-lines" : ""]),
       innerHTML: E.value.code
     }, null, 10, AM)) : (p(), y("pre", {
       key: 1,
-      class: IA(["code-block", C.lines ? "code-block-lines" : ""])
+      class: gA(["code-block", C.lines ? "code-block-lines" : ""])
     }, [
       M("pre", BM, [
         M("code", null, [
@@ -14486,7 +14486,7 @@ const wM = ["onClick"], DM = {
   "text-4": ""
 }, nM = /* @__PURE__ */ M("span", { class: "text-gray-400 dark:text-gray-600 group-hover:text-white group-hover:op50 [.active_&]:op50 [.active_&]:text-white!" }, "<", -1), aM = {
   "group-hover:text-white": "",
-  class: "[.active_&]:text-white"
+  class: "ws-nowrap [.active_&]:text-white"
 }, rM = /* @__PURE__ */ M("span", { class: "text-gray-400 dark:text-gray-600 group-hover:text-white group-hover:op50 [.active_&]:op50 [.active_&]:text-white!" }, ">", -1), cM = { key: 0 }, Io = /* @__PURE__ */ Z({
   __name: "TreeViewer",
   props: /* @__PURE__ */ Ig({
@@ -14505,9 +14505,14 @@ const wM = ["onClick"], DM = {
     }
     return (C, e) => (p(!0), y(nA, null, SA(C.data, (I, t) => {
       var o, w;
-      return p(), y("div", { key: t }, [
+      return p(), y("div", {
+        key: t,
+        class: gA({
+          "min-w-max": C.depth === 0
+        })
+      }, [
         M("div", {
-          class: IA(["group flex cursor-pointer items-center rounded-1 hover:bg-primary-300 hover:dark:bg-gray-600", { "bg-primary-600! active": B.value === I.id }]),
+          class: gA(["group flex cursor-pointer items-center rounded-1 hover:bg-primary-300 hover:dark:bg-gray-600", { "bg-primary-600! active": B.value === I.id }]),
           style: lA({ paddingLeft: `${15 * C.depth + 4}px` }),
           onClick: (s) => E(I.id)
         }, [
@@ -14535,10 +14540,10 @@ const wM = ["onClick"], DM = {
             depth: C.depth + 1
           }, null, 8, ["modelValue", "data", "depth"])
         ])) : AA("", !0)
-      ]);
+      ], 2);
     }), 128));
   }
-}), _E = (A) => (Eg("data-v-dafbdcb2"), A = A(), Cg(), A), lM = { class: "h-full w-full" }, uM = {
+}), _E = (A) => (Eg("data-v-76b20bc4"), A = A(), Cg(), A), lM = { class: "h-full w-full" }, uM = {
   key: 0,
   class: "h-full flex flex-col p2"
 }, hM = { class: "flex py2" }, MM = {
@@ -14567,15 +14572,15 @@ const wM = ["onClick"], DM = {
   class: "font-state-field flex items-center px-1 text-4"
 }, NM = /* @__PURE__ */ _E(() => /* @__PURE__ */ M("span", { class: "text-gray-400 dark:text-gray-600" }, "<", -1)), yM = {
   "group-hover:text-white": "",
-  class: "max-w-40 of-hidden text-ellipsis [.active_&]:text-white"
+  class: "max-w-40 of-hidden text-ellipsis ws-nowrap [.active_&]:text-white"
 }, LM = /* @__PURE__ */ _E(() => /* @__PURE__ */ M("span", { class: "text-gray-400 dark:text-gray-600" }, ">", -1)), HM = { class: "flex items-center gap-2 px-1" }, JB = "components", RM = /* @__PURE__ */ Z({
   __name: "index",
   emits: ["openInEditor", "onInspectComponentStart", "onInspectComponentEnd"],
   setup(A, { emit: B }) {
     const Q = B, g = U(), E = U(!1), { width: C } = rn(g), e = J(() => E.value ? C.value < 700 : !1), I = U(""), t = U(""), [o, w] = on(!0), s = U(!1), D = U(!1), i = U("");
     function n(k, K = [], T = []) {
-      var X, EA;
-      return K.push(k.id), ((X = k.children) == null ? void 0 : X.length) === 0 && T.push([...K]), (EA = k.children) == null || EA.forEach((yA) => {
+      var X, CA;
+      return K.push(k.id), ((X = k.children) == null ? void 0 : X.length) === 0 && T.push([...K]), (CA = k.children) == null || CA.forEach((yA) => {
         n(yA, K, T);
       }), K.pop(), T;
     }
@@ -14588,8 +14593,8 @@ const wM = ["onClick"], DM = {
     function r(k, K) {
       const T = [];
       return k.forEach((X) => {
-        const EA = X.indexOf(K);
-        EA !== -1 && T.push(...X.slice(0, EA + 1));
+        const CA = X.indexOf(K);
+        CA !== -1 && T.push(...X.slice(0, CA + 1));
       }), [...new Set(T)];
     }
     const c = U([]), u = J(() => {
@@ -14598,8 +14603,8 @@ const wM = ["onClick"], DM = {
     }), h = U({}), d = U(""), f = J(() => {
       const k = [], K = (T) => {
         T.forEach((X) => {
-          var EA;
-          X.id === d.value && k.push(X), (EA = X.children) != null && EA.length && K(X.children);
+          var CA;
+          X.id === d.value && k.push(X), (CA = X.children) != null && CA.length && K(X.children);
         });
       };
       return K(c.value), k[0];
@@ -14619,17 +14624,17 @@ const wM = ["onClick"], DM = {
               [yA.key]: YB
             };
           }
-        }), EA = Jc(Object.values(D0($e(X), "stateType")));
-        X.length && (k[K] = EA);
+        }), CA = Jc(Object.values(D0($e(X), "stateType")));
+        X.length && (k[K] = CA);
       }
       return k;
     }), { expanded: x } = RB(), { expanded: j } = RB("component-state");
     oM();
     function P(k = "") {
       return wg({ inspectorId: JB, filter: k }).then((K) => {
-        var X, EA;
+        var X, CA;
         const T = aB(K);
-        c.value = T, d.value = (EA = (X = c.value) == null ? void 0 : X[0]) == null ? void 0 : EA.id, x.value = a(u.value, 1), s.value = !0;
+        c.value = T, d.value = (CA = (X = c.value) == null ? void 0 : X[0]) == null ? void 0 : CA.id, x.value = a(u.value, 1), s.value = !0;
       });
     }
     function v(k) {
@@ -14684,7 +14689,7 @@ const wM = ["onClick"], DM = {
         var K;
         const k = (K = m.value) == null ? void 0 : K.querySelector(".active");
         k == null || k.scrollIntoView({ behavior: "smooth", block: "center" });
-      }, 0);
+      }, 300);
     }
     return (k, K) => (p(), y("div", lM, [
       R(F(sQ), {
@@ -14812,7 +14817,7 @@ const wM = ["onClick"], DM = {
       }, 8, ["horizontal"])
     ]));
   }
-}), yd = /* @__PURE__ */ tQ(RM, [["__scopeId", "data-v-dafbdcb2"]]), kM = {}, UM = {
+}), yd = /* @__PURE__ */ tQ(RM, [["__scopeId", "data-v-76b20bc4"]]), kM = {}, UM = {
   viewBox: "0 0 566 154",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"