@vue/devtools-electron 8.0.7 → 8.1.1

package/client/{timeline-L8ee0M8l.js → timeline-CkPFmiOX.js}

@@ -1,4 +1,4 @@
-import { d as A, ag as V, i as c, Y as I, ah as D, ai as U, aj as j, c as o, o as l, b as i, a as N, u as e, T as L, ak as R, s, al as $, F, v as P, g as w, n as W, H as q, t as z, E as H, W as K, q as h, am as O, a7 as Y, w as E, ae as G, e as J, an as Q, z as M, af as C, ao as X } from "./index-unERAPcu.js";
+import { d as M, ag as V, i as f, Y as I, ah as D, ai as U, aj as j, c as n, o as l, b as d, a as N, u as e, T as L, ak as R, s as r, al as $, F, v as P, h as E, n as W, H as q, t as z, E as H, W as K, q as h, am as Y, a7 as G, x as k, ae as J, e as O, an as Q, A, af as C, ao as X } from "./index-BMNNx3yZ.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"], ce = /* @__PURE__ */ A({
+}, ne = { class: "flex items-center gap1" }, se = { class: "p2" }, ie = ["onClick"], re = ["onClick"], de = /* @__PURE__ */ M({
   __name: "TimelineLayers",
   props: /* @__PURE__ */ V({
     data: {}
@@ -25,66 +25,66 @@ const Z = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ V(["select", "clear"], ["update:modelValue"]),
-  setup(S, { emit: y }) {
-    const m = y, f = I(), d = c(() => f.timelineLayersState.value.recordingState), r = c(() => f.timelineLayersState.value), b = c(() => d.value ? "Stop recording" : "Start recording"), { colorMode: x } = D();
-    c(() => x.value === "dark");
-    const g = U(S, "modelValue");
-    function u(a) {
-      g.value = a, m("select", a), w.value.updateTimelineLayersState({
-        selected: a
+  setup(w, { emit: y }) {
+    const b = y, _ = I(), u = f(() => _.timelineLayersState.value.recordingState), c = f(() => _.timelineLayersState.value), g = f(() => u.value ? "Stop recording" : "Start recording");
+    D();
+    const p = U(w, "modelValue");
+    function S(t) {
+      p.value = t, b("select", t), E.value.updateTimelineLayersState({
+        selected: t
       });
     }
-    j(() => r.value.selected, (a) => {
-      g.value = a;
+    j(() => c.value.selected, (t) => {
+      p.value = t;
     }, {
       immediate: !0
     });
-    function _(a) {
+    function s(t) {
       return {
-        mouse: r.value.mouseEventEnabled,
-        keyboard: r.value.keyboardEventEnabled,
-        "component-event": r.value.componentEventEnabled,
-        performance: r.value.performanceEventEnabled
-      }[a];
+        mouse: c.value.mouseEventEnabled,
+        keyboard: c.value.keyboardEventEnabled,
+        "component-event": c.value.componentEventEnabled,
+        performance: c.value.performanceEventEnabled
+      }[t];
     }
-    function p() {
-      w.value.updateTimelineLayersState({
-        recordingState: !d.value
+    function T() {
+      E.value.updateTimelineLayersState({
+        recordingState: !u.value
       });
     }
-    function T(a) {
-      const v = {
+    function v(t) {
+      const i = {
         mouse: "mouseEventEnabled",
         keyboard: "keyboardEventEnabled",
         "component-event": "componentEventEnabled",
         performance: "performanceEventEnabled"
-      }[a];
-      w.value.updateTimelineLayersState({
-        [v]: !_(a)
+      }[t];
+      E.value.updateTimelineLayersState({
+        [i]: !s(t)
       });
     }
-    return (a, v) => (l(), o("div", Z, [
-      i("div", ee, [
-        e(d) ? N("", !0) : (l(), o("span", te, "Not recording")),
-        i("div", ae, [
-          L((l(), o("div", {
+    return (t, i) => (l(), n("div", Z, [
+      d("div", ee, [
+        e(u) ? N("", !0) : (l(), n("span", te, "Not recording")),
+        d("div", ae, [
+          L((l(), n("div", {
             class: "flex items-center gap1",
-            onClick: p
+            onClick: T
           }, [
-            e(d) ? (l(), o("span", le)) : (l(), o("span", oe))
+            e(u) ? (l(), n("span", le)) : (l(), n("span", oe))
           ])), [
             [
               e(R),
-              { content: e(b) },
+              { content: e(g) },
               void 0,
               { "bottom-end": !0 }
             ]
           ]),
-          L((l(), o("div", {
+          L((l(), n("div", {
             class: "flex items-center gap1",
-            onClick: v[0] || (v[0] = (t) => m("clear"))
+            onClick: i[0] || (i[0] = (o) => b("clear"))
           }, [
-            s(e($), {
+            r(e($), {
               name: "baseline-delete",
               "cursor-pointer": "",
               "text-xl": "",
@@ -99,8 +99,8 @@ const Z = {
               { "bottom-end": !0 }
             ]
           ]),
-          L((l(), o("div", ne, [
-            s(e($), {
+          L((l(), n("div", ne, [
+            r(e($), {
               name: "baseline-tips-and-updates",
               "cursor-pointer": "",
               "text-xl": "",
@@ -117,40 +117,40 @@ const Z = {
           ])
         ])
       ]),
-      i("ul", se, [
-        (l(!0), o(F, null, P(S.data, (t) => (l(), o("li", {
-          key: t.id,
-          class: W(["group relative selectable-item", { active: t.id === g.value, op60: !_(t.id) }]),
-          onClick: (n) => u(t.id)
+      d("ul", se, [
+        (l(!0), n(F, null, P(w.data, (o) => (l(), n("li", {
+          key: o.id,
+          class: W(["group relative selectable-item", { active: o.id === p.value, op60: !s(o.id) }]),
+          onClick: (a) => S(o.id)
         }, [
-          q(z(t.label) + " ", 1),
-          i("span", {
+          q(z(o.label) + " ", 1),
+          d("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: H((n) => T(t.id), ["stop"])
-          }, z(_(t.id) ? "Disable" : "Enable"), 9, re)
+            onClick: H((a) => v(o.id), ["stop"])
+          }, z(s(o.id) ? "Disable" : "Enable"), 9, re)
         ], 10, ie))), 128))
       ])
     ]));
   }
-}), de = /* @__PURE__ */ K(ce, [["__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" }, ge = /* @__PURE__ */ A({
+}), ce = /* @__PURE__ */ K(de, [["__scopeId", "data-v-95cda1e2"]]), 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({
   __name: "timeline",
-  setup(S) {
-    const y = h(), m = h(), f = h(!1), { width: d } = O(m), r = c(() => f.value ? d.value < 700 : !1), b = I(), x = c(() => b.appRecords.value.map((t) => ({
-      label: t.name + (t.version ? ` (${t.version})` : ""),
-      value: t.id
-    }))), g = c(() => x.value.map((t) => ({
-      label: t.label,
-      id: t.value
-    }))), u = h(b.activeAppRecordId.value);
-    Y(() => {
-      u.value = b.activeAppRecordId.value;
+  setup(w) {
+    const y = h(), b = h(), _ = h(!1), { width: u } = Y(b), c = f(() => _.value ? u.value < 700 : !1), g = I(), p = f(() => g.appRecords.value.map((a) => ({
+      label: a.name + (a.version ? ` (${a.version})` : ""),
+      value: a.id
+    }))), S = f(() => p.value.map((a) => ({
+      label: a.label,
+      id: a.value
+    }))), s = h(g.activeAppRecordId.value);
+    G(() => {
+      s.value = g.activeAppRecordId.value;
     });
-    function _(t) {
-      w.value.toggleApp(t).then(() => {
-        a();
+    function T(a) {
+      E.value.toggleApp(a).then(() => {
+        i();
       });
     }
-    const p = h(""), T = [
+    const v = h(""), t = [
       {
         label: "Mouse",
         id: "mouse"
@@ -168,72 +168,72 @@ const Z = {
         id: "performance"
       }
     ];
-    function a() {
+    function i() {
       y.value?.clear();
     }
-    function v() {
-      a();
+    function o() {
+      i();
     }
-    return (t, n) => {
-      const B = de;
-      return l(), o("div", ue, [
-        s(e(G), {
+    return (a, m) => {
+      const B = ce;
+      return l(), n("div", ue, [
+        r(e(J), {
           ref_key: "splitpanesRef",
-          ref: m,
+          ref: b,
           class: "flex-1 overflow-auto",
-          horizontal: e(r),
-          onReady: n[2] || (n[2] = (k) => f.value = !0)
+          horizontal: e(c),
+          onReady: m[2] || (m[2] = (x) => _.value = !0)
         }, {
-          default: E(() => [
-            e(x).length > 1 ? (l(), J(e(C), {
+          default: k(() => [
+            e(p).length > 1 ? (l(), O(e(C), {
               key: 0,
               border: "base h-full",
               size: "20"
             }, {
-              default: E(() => [
-                i("div", pe, [
-                  s(e(Q), {
-                    modelValue: e(u),
-                    "onUpdate:modelValue": n[0] || (n[0] = (k) => M(u) ? u.value = k : null),
-                    data: e(g),
+              default: k(() => [
+                d("div", pe, [
+                  r(e(Q), {
+                    modelValue: e(s),
+                    "onUpdate:modelValue": m[0] || (m[0] = (x) => A(s) ? s.value = x : null),
+                    data: e(S),
                     class: "w-full",
-                    onSelect: _
+                    onSelect: T
                   }, null, 8, ["modelValue", "data"])
                 ])
               ]),
               _: 1
             })) : N("", !0),
-            s(e(C), {
+            r(e(C), {
               border: "base",
               "h-full": ""
             }, {
-              default: E(() => [
-                i("div", ve, [
-                  i("div", me, [
-                    s(B, {
-                      modelValue: e(p),
-                      "onUpdate:modelValue": n[1] || (n[1] = (k) => M(p) ? p.value = k : null),
-                      data: T,
+              default: k(() => [
+                d("div", ve, [
+                  d("div", me, [
+                    r(B, {
+                      modelValue: e(v),
+                      "onUpdate:modelValue": m[1] || (m[1] = (x) => A(v) ? v.value = x : null),
+                      data: t,
                       class: "w-full",
-                      onSelect: v,
-                      onClear: a
+                      onSelect: o,
+                      onClear: i
                     }, null, 8, ["modelValue"])
                   ])
                 ])
               ]),
               _: 1
             }),
-            s(e(C), {
+            r(e(C), {
               relative: "",
               "h-full": "",
               size: "65"
             }, {
-              default: E(() => [
-                i("div", fe, [
-                  s(e(X), {
+              default: k(() => [
+                d("div", fe, [
+                  r(e(X), {
                     ref_key: "timelineRef",
                     ref: y,
-                    "layer-ids": [e(p)],
+                    "layer-ids": [e(v)],
                     "header-visible": !1,
                     "doc-link": "",
                     "plugin-id": "",
@@ -251,5 +251,5 @@ const Z = {
   }
 });
 export {
-  ge as default
+  _e as default
 };