@vue/devtools-electron 8.0.0 → 8.0.2

package/client/{settings-WVpvn2wJ.js → settings-kuD3Maam.js}

@@ -1,5 +1,5 @@
-import { d as ee, j as le, k as P, l as te, q as B, s as oe, i as ne, c as m, w as a, b as l, F as x, x as E, u as t, a as _, y as d, z as U, M as $, A as p, B as se, C as ae, o as r, e as j, t as I, D as F, n as O, _ as ie, E as z, G as ue, H as R, I as h, J as V, K as de } from "./index-1gPbFyyc.js";
-import { _ as re } from "./IconTitle.vue_vue_type_script_setup_true_lang-BUuVJmL3.js";
+import { d as ee, j as le, k as B, l as te, m as E, p as oe, i as ne, c as m, q as a, b as l, F as x, s as $, u as t, a as U, w as d, v as I, M as j, y as p, z as se, A as ae, o as r, e as F, t as O, B as R, n as z, D as ie, E as D, G as ue, H as h, I as H, J as V, K as de } from "./index-i0Vo12ev.js";
+import { _ as re } from "./IconTitle.vue_vue_type_script_setup_true_lang-Dw_OETO7.js";
 const pe = {
   "h-full": "",
   "w-full": "",
@@ -24,10 +24,10 @@ const pe = {
   "justify-start": "",
   "pr-4": "",
   "text-sm": ""
-}, ce = ["onClick"], be = ["onClick"], ye = ["onClick"], Ve = { flex: "~ col gap-2" }, ke = { flex: "~ gap2" }, Ce = { class: "flex items-center gap2 text-sm" }, we = { class: "flex items-center gap2 text-sm" }, Se = { class: "flex items-center gap2 text-sm" }, Te = { class: "flex items-center gap2 text-sm" }, _e = { flex: "~ gap-2" }, ze = /* @__PURE__ */ ee({
+}, ce = ["onClick"], be = ["onClick"], ye = ["onClick"], Ve = { flex: "~ col gap-2" }, ke = { flex: "~ gap2" }, we = { class: "flex items-center gap2 text-sm" }, Ce = { class: "flex items-center gap2 text-sm" }, Se = { class: "flex items-center gap2 text-sm" }, Te = { class: "flex items-center gap2 text-sm" }, Ue = { flex: "~ gap-2" }, De = /* @__PURE__ */ ee({
   __name: "settings",
-  setup(Ue) {
-    const { categorizedTabs: H } = le(), D = ae(), q = D === "iframe" || D === "separate-window", { scale: k, interactionCloseOnOutsideClick: C, showPanel: w, minimizePanelInteractive: g, expandSidebar: S, scrollableSidebar: T, reduceMotion: G } = P(te(B)), J = [
+  setup(Ie) {
+    const { categorizedTabs: _ } = le(), A = ae(), q = A === "iframe" || A === "separate-window", { scale: k, interactionCloseOnOutsideClick: w, showPanel: C, minimizePanelInteractive: g, expandSidebar: S, scrollableSidebar: T, reduceMotion: G } = B(te(E)), J = [
       ["Tiny", 12 / 15],
       ["Small", 14 / 15],
       ["Normal", 1],
@@ -40,7 +40,7 @@ const pe = {
       ["5s", 5e3],
       ["10s", 1e4],
       ["Never", -1]
-    ], { hiddenTabCategories: c, hiddenTabs: b, pinnedTabs: i } = P(B.value.tabSettings);
+    ], { hiddenTabCategories: c, hiddenTabs: b, pinnedTabs: i } = B(E.value.tabSettings);
     function Q(s, e) {
       e ? b.value = b.value.filter((u) => u !== s) : b.value.push(s);
     }
@@ -50,7 +50,7 @@ const pe = {
     function X(s) {
       i.value.includes(s) ? i.value = i.value.filter((e) => e !== s) : i.value.push(s);
     }
-    function A(s, e) {
+    function L(s, e) {
       const u = i.value.indexOf(s);
       if (u === -1)
         return;
@@ -64,7 +64,7 @@ const pe = {
     async function Y() {
       de(), window.location.reload();
     }
-    const L = K.map(([s, e]) => ({ label: s, value: e })), Z = ne(() => `${L.find((e) => e.value === g.value)?.label ?? "Select..."}`);
+    const M = K.map(([s, e]) => ({ label: s, value: e })), Z = ne(() => `${M.find((e) => e.value === g.value)?.label ?? "Select..."}`);
     return (s, e) => {
       const u = re, v = ie;
       return r(), m("div", pe, [
@@ -76,22 +76,22 @@ const pe = {
         l("div", me, [
           l("div", ve, [
             e[12] || (e[12] = l("h3", { "text-lg": "" }, " Tabs ", -1)),
-            (r(!0), m(x, null, E(t(H), ([{ name: o, hidden: f }, M]) => (r(), m(x, { key: o }, [
-              M.length ? (r(), j(t(U), {
+            (r(!0), m(x, null, $(t(_), ([{ name: o, hidden: f }, N]) => (r(), m(x, { key: o }, [
+              N.length ? (r(), F(t(I), {
                 key: 0,
                 p3: "",
                 flex: "~ col gap-1",
-                class: O(f ? "op50 grayscale" : "")
+                class: z(f ? "op50 grayscale" : "")
               }, {
                 default: d(() => [
-                  a(t(F), {
+                  a(t(R), {
                     "model-value": !t(c).includes(o),
                     class: "row-reverse flex py1 pl2 pr1 hover:bg-active",
                     "onUpdate:modelValue": (n) => W(o, n)
                   }, {
                     default: d(() => [
                       l("div", fe, [
-                        l("span", xe, I(o), 1)
+                        l("span", xe, O(o), 1)
                       ])
                     ]),
                     _: 2
@@ -103,11 +103,11 @@ const pe = {
                     border: "b base",
                     op75: ""
                   }, null, -1)),
-                  (r(!0), m(x, null, E(M, (n) => (r(), j(t(F), {
+                  (r(!0), m(x, null, $(N, (n) => (r(), F(t(R), {
                     key: n.name,
-                    class: O(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active", n.hidden ? "op35" : ""]),
+                    class: z(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active", n.hidden ? "op35" : ""]),
                     "model-value": !t(b).includes(n.name),
-                    "onUpdate:modelValue": (N) => Q(n.name, N)
+                    "onUpdate:modelValue": (P) => Q(n.name, P)
                   }, {
                     default: d(() => [
                       l("div", ge, [
@@ -117,32 +117,32 @@ const pe = {
                           fallback: n.fallbackIcon,
                           title: n.title
                         }, null, 8, ["icon", "fallback", "title"]),
-                        l("span", null, I(n.title), 1),
+                        l("span", null, O(n.title), 1),
                         e[10] || (e[10] = l("div", { "flex-auto": "" }, null, -1)),
                         t(i).includes(n.name) ? (r(), m(x, { key: 0 }, [
                           l("button", {
                             class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
-                            onClick: z(() => {
-                              t(i).indexOf(n.name) !== 0 && A(n.name, -1);
+                            onClick: D(() => {
+                              t(i).indexOf(n.name) !== 0 && L(n.name, -1);
                             }, ["stop"])
-                          }, e[8] || (e[8] = [
+                          }, [...e[8] || (e[8] = [
                             l("div", { class: "i-carbon-caret-up" }, null, -1)
-                          ]), 8, ce),
+                          ])], 8, ce),
                           l("button", {
                             class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
-                            onClick: z(() => {
-                              t(i).indexOf(n.name) !== t(i).length - 1 && A(n.name, 1);
+                            onClick: D(() => {
+                              t(i).indexOf(n.name) !== t(i).length - 1 && L(n.name, 1);
                             }, ["stop"])
-                          }, e[9] || (e[9] = [
+                          }, [...e[9] || (e[9] = [
                             l("div", { class: "i-carbon-caret-down" }, null, -1)
-                          ]), 8, be)
-                        ], 64)) : _("", !0),
+                          ])], 8, be)
+                        ], 64)) : U("", !0),
                         l("button", {
                           class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
-                          onClick: z((N) => X(n.name), ["stop"])
+                          onClick: D((P) => X(n.name), ["stop"])
                         }, [
                           l("div", {
-                            class: O(t(i).includes(n.name) ? " i-carbon-pin-filled rotate--45" : " i-carbon-pin op45")
+                            class: z(t(i).includes(n.name) ? " i-carbon-pin-filled rotate--45" : " i-carbon-pin op45")
                           }, null, 2)
                         ], 8, ye)
                       ])
@@ -150,14 +150,13 @@ const pe = {
                     _: 2
                   }, 1032, ["model-value", "class", "onUpdate:modelValue"]))), 128))
                 ]),
-                _: 2,
-                __: [11]
-              }, 1032, ["class"])) : _("", !0)
+                _: 2
+              }, 1032, ["class"])) : U("", !0)
             ], 64))), 128))
           ]),
           l("div", Ve, [
             e[25] || (e[25] = l("h3", { "text-lg": "" }, " Appearance ", -1)),
-            a(t(U), {
+            a(t(I), {
               p4: "",
               flex: "~ col gap-2"
             }, {
@@ -167,7 +166,7 @@ const pe = {
                     animation: !t(G)
                   }, {
                     default: d(({ isDark: o, toggle: f }) => [
-                      a(t($), {
+                      a(t(j), {
                         outlined: "",
                         type: "primary",
                         onClick: f
@@ -178,10 +177,9 @@ const pe = {
                             "dark:i-carbon-moon": "",
                             "translate-y--1px": ""
                           }, null, -1)),
-                          R(" " + I(o ? "Dark" : "Light"), 1)
+                          h(" " + O(o ? "Dark" : "Light"), 1)
                         ]),
-                        _: 2,
-                        __: [13]
+                        _: 2
                       }, 1032, ["onClick"])
                     ]),
                     _: 1
@@ -196,7 +194,7 @@ const pe = {
                 }, null, -1)),
                 e[17] || (e[17] = l("p", null, "UI Scale", -1)),
                 l("div", null, [
-                  a(t(h), {
+                  a(t(H), {
                     modelValue: t(k),
                     "onUpdate:modelValue": e[0] || (e[0] = (o) => p(k) ? k.value = o : null),
                     options: J.map(([o, f]) => ({ label: o, value: f })),
@@ -210,14 +208,14 @@ const pe = {
                   border: "b base",
                   op75: ""
                 }, null, -1)),
-                l("div", Ce, [
+                l("div", we, [
                   a(t(V), {
                     modelValue: t(S),
                     "onUpdate:modelValue": e[1] || (e[1] = (o) => p(S) ? S.value = o : null)
                   }, null, 8, ["modelValue"]),
                   e[14] || (e[14] = l("span", { op75: "" }, "Expand Sidebar", -1))
                 ]),
-                l("div", we, [
+                l("div", Ce, [
                   a(t(V), {
                     modelValue: t(T),
                     "onUpdate:modelValue": e[2] || (e[2] = (o) => p(T) ? T.value = o : null)
@@ -225,30 +223,29 @@ const pe = {
                   e[15] || (e[15] = l("span", { op75: "" }, "Scrollable Sidebar", -1))
                 ])
               ]),
-              _: 1,
-              __: [16, 17, 18]
+              _: 1
             }),
             t(q) ? (r(), m(x, { key: 0 }, [
               e[23] || (e[23] = l("h3", {
                 mt2: "",
                 "text-lg": ""
               }, " Features ", -1)),
-              a(t(U), {
+              a(t(I), {
                 p4: "",
                 flex: "~ col gap-2"
               }, {
                 default: d(() => [
                   l("div", Se, [
                     a(t(V), {
-                      modelValue: t(C),
-                      "onUpdate:modelValue": e[3] || (e[3] = (o) => p(C) ? C.value = o : null)
+                      modelValue: t(w),
+                      "onUpdate:modelValue": e[3] || (e[3] = (o) => p(w) ? w.value = o : null)
                     }, null, 8, ["modelValue"]),
                     e[19] || (e[19] = l("span", { op75: "" }, "Close DevTools when clicking outside", -1))
                   ]),
                   l("div", Te, [
                     a(t(V), {
-                      modelValue: t(w),
-                      "onUpdate:modelValue": e[4] || (e[4] = (o) => p(w) ? w.value = o : null)
+                      modelValue: t(C),
+                      "onUpdate:modelValue": e[4] || (e[4] = (o) => p(C) ? C.value = o : null)
                     }, null, 8, ["modelValue"]),
                     e[20] || (e[20] = l("span", { op75: "" }, "Always show the floating panel", -1))
                   ]),
@@ -261,35 +258,33 @@ const pe = {
                   }, null, -1)),
                   e[22] || (e[22] = l("p", null, "Minimize floating panel on inactive", -1)),
                   l("div", null, [
-                    a(t(h), {
+                    a(t(H), {
                       modelValue: t(g),
                       "onUpdate:modelValue": e[5] || (e[5] = (o) => p(g) ? g.value = o : null),
                       "button-props": { outlined: !0 },
-                      options: t(L),
+                      options: t(M),
                       placeholder: t(Z)
                     }, null, 8, ["modelValue", "options", "placeholder"])
                   ])
                 ]),
-                _: 1,
-                __: [21, 22]
+                _: 1
               })
-            ], 64)) : _("", !0),
+            ], 64)) : U("", !0),
             e[26] || (e[26] = l("h3", {
               mt2: "",
               "text-lg": ""
             }, " Debug ", -1)),
-            l("div", _e, [
-              a(t($), {
+            l("div", Ue, [
+              a(t(j), {
                 outlined: "",
                 type: "warning",
                 onClick: e[6] || (e[6] = (o) => y.value = !0)
               }, {
-                default: d(() => e[24] || (e[24] = [
+                default: d(() => [...e[24] || (e[24] = [
                   l("div", { "i-carbon-breaking-change": "" }, null, -1),
-                  R(" Reset Local Settings & State ", -1)
-                ])),
-                _: 1,
-                __: [24]
+                  h(" Reset Local Settings & State ", -1)
+                ])]),
+                _: 1
               }),
               a(t(se), {
                 modelValue: t(y),
@@ -308,5 +303,5 @@ const pe = {
   }
 });
 export {
-  ze as default
+  De as default
 };

package/client/{timeline-CUtNI62c.js → timeline-BeMBNQIL.js}

@@ -1,4 +1,4 @@
-import { d as M, ag as V, i as d, Y as I, ah as D, ai as P, aj as W, c as o, o as l, b as i, a as N, u as e, T, ak as L, w as s, al as $, F as j, x as F, g as w, n as U, H, t as z, E as K, W as Y, s as h, am as q, a7 as G, y as E, ae as J, e as O, an as Q, A, af as R, ao as X } from "./index-1gPbFyyc.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-i0Vo12ev.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: {}
@@ -28,13 +28,13 @@ const Z = {
   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 _ = P(C, "modelValue");
+    const _ = W(C, "modelValue");
     function u(a) {
       _.value = a, m("select", a), w.value.updateTimelineLayersState({
         selected: a
       });
     }
-    W(() => r.value.selected, (a) => {
+    j(() => r.value.selected, (a) => {
       _.value = a;
     }, {
       immediate: !0
@@ -118,31 +118,31 @@ const Z = {
         ])
       ]),
       i("ul", se, [
-        (l(!0), o(j, null, F(a.data, (t) => (l(), o("li", {
+        (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)
         }, [
-          H(z(t.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: K((n) => S(t.id), ["stop"])
+            onClick: H((n) => S(t.id), ["stop"])
           }, z(g(t.id) ? "Disable" : "Enable"), 9, re)
         ], 10, ie))), 128))
       ])
     ]));
   }
-}), ce = /* @__PURE__ */ Y(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(C) {
-    const y = h(), m = h(), f = h(!1), { width: c } = q(m), r = d(() => f.value ? c.value < 700 : !1), b = I(), x = d(() => b.appRecords.value.map((t) => ({
+    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);
-    G(() => {
+    Y(() => {
       u.value = b.activeAppRecordId.value;
     });
     function g(t) {
@@ -177,7 +177,7 @@ const Z = {
     return (t, n) => {
       const B = ce;
       return l(), o("div", ue, [
-        s(e(J), {
+        s(e(G), {
           ref_key: "splitpanesRef",
           ref: m,
           class: "flex-1 overflow-auto",
@@ -185,7 +185,7 @@ const Z = {
           onReady: n[2] || (n[2] = (k) => f.value = !0)
         }, {
           default: E(() => [
-            e(x).length > 1 ? (l(), O(e(R), {
+            e(x).length > 1 ? (l(), J(e(R), {
               key: 0,
               border: "base h-full",
               size: "20"
@@ -194,7 +194,7 @@ const Z = {
                 i("div", pe, [
                   s(e(Q), {
                     modelValue: e(u),
-                    "onUpdate:modelValue": n[0] || (n[0] = (k) => A(u) ? u.value = k : null),
+                    "onUpdate:modelValue": n[0] || (n[0] = (k) => M(u) ? u.value = k : null),
                     data: e(_),
                     class: "w-full",
                     onSelect: g
@@ -212,7 +212,7 @@ const Z = {
                   i("div", me, [
                     s(B, {
                       modelValue: e(p),
-                      "onUpdate:modelValue": n[1] || (n[1] = (k) => A(p) ? p.value = k : null),
+                      "onUpdate:modelValue": n[1] || (n[1] = (k) => M(p) ? p.value = k : null),
                       data: S,
                       class: "w-full",
                       onSelect: v,