@vue/devtools-electron 7.7.7 → 8.0.1

package/client/{timeline-CVQgEdyi.js → timeline-DPBeIF7u.js}

@@ -1,4 +1,4 @@
-import { d as M, a6 as V, i as d, Y as D, a7 as B, a8 as F, a9 as P, c as o, o as l, b as i, a as I, u as t, w as L, aa as C, l as s, ab as $, F as U, D as W, h as w, n as j, x as q, t as z, L as G, _ as K, C as h, ac as Y, ad as H, q as E, ae as J, e as O, af as Q, G as A, ag as R, ah as X } from "./index-C7XPmmLS.js";
+import { d as A, ag as V, i as d, Y as I, ah as D, ai as W, aj as j, c as o, o as l, b as i, a as N, u as e, T, ak as L, q as s, al as $, F, s as P, g as w, n as U, H as q, t as z, E as H, W as K, p as h, am as O, a7 as Y, w as E, ae as G, e as J, an as Q, y as M, af as R, ao as X } from "./index-CY7IKY7E.js";
 const Z = {
   "h-full": "",
   flex: "",
@@ -16,7 +16,7 @@ const Z = {
 }, oe = {
   key: 1,
   class: "recording-btn bg-black op70 dark:bg-white hover:op100"
-}, ne = { class: "flex items-center gap1" }, se = { class: "p2" }, ie = ["onClick"], re = ["onClick"], de = /* @__PURE__ */ M({
+}, ne = { class: "flex items-center gap1" }, se = { class: "p2" }, ie = ["onClick"], re = ["onClick"], de = /* @__PURE__ */ A({
   __name: "TimelineLayers",
   props: /* @__PURE__ */ V({
     data: {}
@@ -25,16 +25,16 @@ const Z = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ V(["select", "clear"], ["update:modelValue"]),
-  setup(T, { emit: y }) {
-    const m = y, f = D(), c = d(() => f.timelineLayersState.value.recordingState), r = d(() => f.timelineLayersState.value), b = d(() => c.value ? "Stop recording" : "Start recording"), { colorMode: x } = B();
+  setup(C, { emit: y }) {
+    const m = y, f = I(), c = d(() => f.timelineLayersState.value.recordingState), r = d(() => f.timelineLayersState.value), b = d(() => c.value ? "Stop recording" : "Start recording"), { colorMode: x } = D();
     d(() => x.value === "dark");
-    const _ = F(T, "modelValue");
+    const _ = W(C, "modelValue");
     function u(a) {
       _.value = a, m("select", a), w.value.updateTimelineLayersState({
         selected: a
       });
     }
-    P(() => r.value.selected, (a) => {
+    j(() => r.value.selected, (a) => {
       _.value = a;
     }, {
       immediate: !0
@@ -65,26 +65,26 @@ const Z = {
     }
     return (a, v) => (l(), o("div", Z, [
       i("div", ee, [
-        t(c) ? I("", !0) : (l(), o("span", te, "Not recording")),
+        e(c) ? N("", !0) : (l(), o("span", te, "Not recording")),
         i("div", ae, [
-          L((l(), o("div", {
+          T((l(), o("div", {
             class: "flex items-center gap1",
             onClick: p
           }, [
-            t(c) ? (l(), o("span", le)) : (l(), o("span", oe))
+            e(c) ? (l(), o("span", le)) : (l(), o("span", oe))
           ])), [
             [
-              t(C),
-              { content: t(b) },
+              e(L),
+              { content: e(b) },
               void 0,
               { "bottom-end": !0 }
             ]
           ]),
-          L((l(), o("div", {
+          T((l(), o("div", {
             class: "flex items-center gap1",
-            onClick: v[0] || (v[0] = (e) => m("clear"))
+            onClick: v[0] || (v[0] = (t) => m("clear"))
           }, [
-            s(t($), {
+            s(e($), {
               name: "baseline-delete",
               "cursor-pointer": "",
               "text-xl": "",
@@ -93,14 +93,14 @@ const Z = {
             })
           ])), [
             [
-              t(C),
+              e(L),
               { content: "Clear all timelines" },
               void 0,
               { "bottom-end": !0 }
             ]
           ]),
-          L((l(), o("div", ne, [
-            s(t($), {
+          T((l(), o("div", ne, [
+            s(e($), {
               name: "baseline-tips-and-updates",
               "cursor-pointer": "",
               "text-xl": "",
@@ -109,7 +109,7 @@ const Z = {
             })
           ])), [
             [
-              t(C),
+              e(L),
               { content: "<p style='width: 285px'>Timeline events can cause significant performance overhead in large applications, so we recommend enabling it only when needed and on-demand. </p>", html: !0 },
               void 0,
               { "bottom-end": !0 }
@@ -118,35 +118,35 @@ const Z = {
         ])
       ]),
       i("ul", se, [
-        (l(!0), o(U, null, W(a.data, (e) => (l(), o("li", {
-          key: e.id,
-          class: j(["group relative selectable-item", { active: e.id === _.value, op60: !g(e.id) }]),
-          onClick: (n) => u(e.id)
+        (l(!0), o(F, null, P(a.data, (t) => (l(), o("li", {
+          key: t.id,
+          class: U(["group relative selectable-item", { active: t.id === _.value, op60: !g(t.id) }]),
+          onClick: (n) => u(t.id)
         }, [
-          q(z(e.label) + " ", 1),
+          q(z(t.label) + " ", 1),
           i("span", {
             class: "absolute right-2 rounded-1 bg-primary-500 px1 text-3 text-white op0 [.active_&]:bg-primary-400 [.active_&]:dark:bg-gray-600 group-hover:op80 hover:op100!",
-            onClick: G((n) => S(e.id), ["stop"])
-          }, z(g(e.id) ? "Disable" : "Enable"), 9, re)
+            onClick: H((n) => S(t.id), ["stop"])
+          }, z(g(t.id) ? "Disable" : "Enable"), 9, re)
         ], 10, ie))), 128))
       ])
     ]));
   }
-}), ce = /* @__PURE__ */ K(de, [["__scopeId", "data-v-ba7472d9"]]), ue = { class: "h-full w-full" }, pe = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, ve = { class: "h-full flex flex-col" }, me = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, fe = { class: "h-full flex flex-col p2" }, _e = /* @__PURE__ */ M({
+}), ce = /* @__PURE__ */ K(de, [["__scopeId", "data-v-ba7472d9"]]), ue = { class: "h-full w-full" }, pe = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, ve = { class: "h-full flex flex-col" }, me = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, fe = { class: "h-full flex flex-col p2" }, _e = /* @__PURE__ */ A({
   __name: "timeline",
-  setup(T) {
-    const y = h(), m = h(), f = h(!1), { width: c } = Y(m), r = d(() => f.value ? c.value < 700 : !1), b = D(), x = d(() => b.appRecords.value.map((e) => ({
-      label: e.name + (e.version ? ` (${e.version})` : ""),
-      value: e.id
-    }))), _ = d(() => x.value.map((e) => ({
-      label: e.label,
-      id: e.value
+  setup(C) {
+    const y = h(), m = h(), f = h(!1), { width: c } = O(m), r = d(() => f.value ? c.value < 700 : !1), b = I(), x = d(() => b.appRecords.value.map((t) => ({
+      label: t.name + (t.version ? ` (${t.version})` : ""),
+      value: t.id
+    }))), _ = d(() => x.value.map((t) => ({
+      label: t.label,
+      id: t.value
     }))), u = h(b.activeAppRecordId.value);
-    H(() => {
+    Y(() => {
       u.value = b.activeAppRecordId.value;
     });
-    function g(e) {
-      w.value.toggleApp(e).then(() => {
+    function g(t) {
+      w.value.toggleApp(t).then(() => {
         a();
       });
     }
@@ -169,51 +169,50 @@ const Z = {
       }
     ];
     function a() {
-      var e;
-      (e = y.value) == null || e.clear();
+      y.value?.clear();
     }
     function v() {
       a();
     }
-    return (e, n) => {
-      const N = ce;
+    return (t, n) => {
+      const B = ce;
       return l(), o("div", ue, [
-        s(t(J), {
+        s(e(G), {
           ref_key: "splitpanesRef",
           ref: m,
           class: "flex-1 overflow-auto",
-          horizontal: t(r),
+          horizontal: e(r),
           onReady: n[2] || (n[2] = (k) => f.value = !0)
         }, {
           default: E(() => [
-            t(x).length > 1 ? (l(), O(t(R), {
+            e(x).length > 1 ? (l(), J(e(R), {
               key: 0,
               border: "base h-full",
               size: "20"
             }, {
               default: E(() => [
                 i("div", pe, [
-                  s(t(Q), {
-                    modelValue: t(u),
-                    "onUpdate:modelValue": n[0] || (n[0] = (k) => A(u) ? u.value = k : null),
-                    data: t(_),
+                  s(e(Q), {
+                    modelValue: e(u),
+                    "onUpdate:modelValue": n[0] || (n[0] = (k) => M(u) ? u.value = k : null),
+                    data: e(_),
                     class: "w-full",
                     onSelect: g
                   }, null, 8, ["modelValue", "data"])
                 ])
               ]),
               _: 1
-            })) : I("", !0),
-            s(t(R), {
+            })) : N("", !0),
+            s(e(R), {
               border: "base",
               "h-full": ""
             }, {
               default: E(() => [
                 i("div", ve, [
                   i("div", me, [
-                    s(N, {
-                      modelValue: t(p),
-                      "onUpdate:modelValue": n[1] || (n[1] = (k) => A(p) ? p.value = k : null),
+                    s(B, {
+                      modelValue: e(p),
+                      "onUpdate:modelValue": n[1] || (n[1] = (k) => M(p) ? p.value = k : null),
                       data: S,
                       class: "w-full",
                       onSelect: v,
@@ -224,17 +223,17 @@ const Z = {
               ]),
               _: 1
             }),
-            s(t(R), {
+            s(e(R), {
               relative: "",
               "h-full": "",
               size: "65"
             }, {
               default: E(() => [
                 i("div", fe, [
-                  s(t(X), {
+                  s(e(X), {
                     ref_key: "timelineRef",
                     ref: y,
-                    "layer-ids": [t(p)],
+                    "layer-ids": [e(p)],
                     "header-visible": !1,
                     "doc-link": "",
                     "plugin-id": "",