@openc3/vue-common 6.10.1 → 6.10.3

package/dist/{Graph-BEodMaxQ.js → Graph-CbjlChwf.js}

@@ -1,13 +1,13 @@
 import { T as Z } from "./timeFilters-BKnCM4rv.js";
-import { T as $ } from "./TargetPacketItemChooser-oSQHf8Ht.js";
-import { resolveComponent as d, createBlock as x, openBlock as v, withKeys as z, withCtx as n, createVNode as l, createElementVNode as I, createTextVNode as f, createElementBlock as N, Fragment as F, renderList as ee, createCommentVNode as _, toDisplayString as C, withModifiers as W, withDirectives as G, normalizeClass as te, vShow as P, normalizeProps as ie, guardReactiveProps as se } from "vue";
-import { y as J, c as K, u as A, g as le } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
-import { _ as R } from "./CustomIcon-DTfsnDJn.js";
+import { T as Q } from "./TargetPacketItemChooser-D5h9Octy.js";
+import { resolveComponent as d, createBlock as x, openBlock as v, withKeys as z, withCtx as n, createVNode as l, createElementVNode as I, createTextVNode as f, createElementBlock as N, Fragment as F, renderList as ee, createCommentVNode as _, toDisplayString as C, withModifiers as W, withDirectives as L, normalizeClass as te, vShow as G, normalizeProps as ie, guardReactiveProps as se } from "vue";
+import { y as J, c as K, u as A, g as le } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-D9LFRi0t.js";
+import { _ as R } from "./CustomIcon-B9m73Gqm.js";
 import { t as j, i as q } from "./format-CVeawcIv.js";
 import { p as B } from "./parse-DnkEsW-3.js";
 const ae = {
   components: {
-    TargetPacketItemChooser: $
+    TargetPacketItemChooser: Q
   },
   mixins: [Z],
   props: {
@@ -26,10 +26,12 @@ const ae = {
       required: !0
     },
     graphMinY: {
-      type: Number
+      type: Number,
+      required: !0
     },
     graphMaxY: {
-      type: Number
+      type: Number,
+      required: !0
     },
     lines: {
       type: Array,
@@ -40,10 +42,12 @@ const ae = {
       required: !0
     },
     startDateTime: {
-      type: Number
+      type: Number,
+      default: null
     },
     endDateTime: {
-      type: Number
+      type: Number,
+      default: null
     },
     timeZone: {
       type: String,
@@ -166,9 +170,9 @@ const ae = {
     }
   }
 }, ne = { class: "edit-box" }, oe = { class: "edit-box" }, re = { class: "edit-box" }, de = { class: "edit-box" }, he = { class: "edit-box" };
-function me(t, e, i, a, s, o) {
-  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), m = d("v-tabs"), g = d("v-text-field"), T = d("v-card-text"), b = d("v-col"), w = d("v-select"), c = d("v-row"), S = d("v-tabs-window-item"), k = d("v-btn"), D = d("v-list-item"), M = d("v-list"), E = d("v-checkbox"), L = d("target-packet-item-chooser"), U = d("v-data-table"), V = d("v-tabs-window"), X = d("v-card-actions"), u = d("v-card"), Q = d("v-dialog");
-  return v(), x(Q, {
+function ue(t, e, i, a, s, o) {
+  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), u = d("v-tabs"), g = d("v-text-field"), T = d("v-card-text"), b = d("v-col"), w = d("v-select"), c = d("v-row"), S = d("v-tabs-window-item"), k = d("v-btn"), D = d("v-list-item"), M = d("v-list"), E = d("v-checkbox"), Y = d("target-packet-item-chooser"), U = d("v-data-table"), V = d("v-tabs-window"), X = d("v-card-actions"), m = d("v-card"), $ = d("v-dialog");
+  return v(), x($, {
     modelValue: o.show,
     "onUpdate:modelValue": e[13] || (e[13] = (h) => o.show = h),
     persistent: "",
@@ -184,9 +188,9 @@ function me(t, e, i, a, s, o) {
         ]),
         _: 1
       }),
-      l(u, { class: "pa-3" }, {
+      l(m, { class: "pa-3" }, {
         default: n(() => [
-          l(m, {
+          l(u, {
             modelValue: t.tab,
             "onUpdate:modelValue": e[0] || (e[0] = (h) => t.tab = h),
             class: "ml-3"
@@ -485,7 +489,7 @@ function me(t, e, i, a, s, o) {
                       ])]),
                       _: 1
                     })),
-                    t.customXAxisEnabled && i.xAxisItemPacket ? (v(), x(L, {
+                    t.customXAxisEnabled && i.xAxisItemPacket ? (v(), x(Y, {
                       key: 1,
                       "initial-target-name": i.xAxisItemPacket.targetName,
                       "initial-packet-name": i.xAxisItemPacket.packetName,
@@ -567,7 +571,7 @@ function me(t, e, i, a, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ue = /* @__PURE__ */ R(ae, [["render", me]]), pe = {
+const me = /* @__PURE__ */ R(ae, [["render", ue]]), pe = {
   props: {
     modelValue: Boolean,
     item: {
@@ -628,7 +632,7 @@ const ue = /* @__PURE__ */ R(ae, [["render", me]]), pe = {
   }
 }, ce = { key: 0 }, fe = { class: "pa-3" };
 function ge(t, e, i, a, s, o) {
-  const r = d("v-card-title"), p = d("v-select"), y = d("v-card-text"), m = d("v-spacer"), g = d("v-btn"), T = d("v-card-actions"), b = d("v-card"), w = d("v-dialog");
+  const r = d("v-card-title"), p = d("v-select"), y = d("v-card-text"), u = d("v-spacer"), g = d("v-btn"), T = d("v-card-actions"), b = d("v-card"), w = d("v-dialog");
   return v(), x(w, {
     modelValue: o.show,
     "onUpdate:modelValue": e[9] || (e[9] = (c) => o.show = c),
@@ -709,7 +713,7 @@ function ge(t, e, i, a, s, o) {
           }),
           l(T, { class: "px-2" }, {
             default: n(() => [
-              l(m),
+              l(u),
               l(g, {
                 variant: "outlined",
                 onClick: e[7] || (e[7] = (c) => t.$emit("cancel"))
@@ -738,9 +742,9 @@ function ge(t, e, i, a, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
+const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__time", ye = {
   components: {
-    GraphEditDialog: ue,
+    GraphEditDialog: me,
     GraphEditItemDialog: ve
   },
   mixins: [Z],
@@ -797,7 +801,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
     },
     initialXAxisItem: {
       type: String,
-      default: Y
+      default: P
     },
     // These allow the parent to force a specific height and/or width
     height: {
@@ -923,7 +927,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
       );
     },
     actualXAxisItem: function() {
-      return this.canUseCustomXAxisItem && this.xAxisItem ? this.xAxisItem : Y;
+      return this.canUseCustomXAxisItem && this.xAxisItem ? this.xAxisItem : P;
     },
     xAxisConverter: function() {
       return this.xAxisIsDefault ? (t) => t / 1e9 : (t) => t;
@@ -935,7 +939,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
       return this.xAxisIsTime ? "Time" : this.actualXAxisItem.split("__").at(-2);
     },
     xAxisIsDefault: function() {
-      return this.actualXAxisItem === Y;
+      return this.actualXAxisItem === P;
     },
     xAxisIsTime: function() {
       const t = ["PACKET_TIMESECONDS", "RECEIVED_TIMESECONDS"];
@@ -970,7 +974,9 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
       this.playbackMode === "playback" ? this.setupPlaybackMode() : (this.lastPlaybackDateTime = null, this.clearAllData(), this.startGraph());
     },
     playbackDateTime: function(t, e) {
-      this.playbackMode === "playback" && (this.lastPlaybackDateTime === null || this.lastPlaybackDateTime > this.playbackDateTime ? this.clearAllData() : this.api.get_tlm_values(
+      this.playbackMode === "playback" && (this.lastPlaybackDateTime === null || this.lastPlaybackDateTime > this.playbackDateTime ? this.clearAllData() : (this.$store.commit("playback", {
+        playbackLoading: this.$store.state.playback.playbackLoading + 1
+      }), this.api.get_tlm_values(
         this.graphItems,
         30,
         // stale timeout
@@ -998,8 +1004,13 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
               } else
                 this.data[a].push(i[a][0]);
         }
-        this.dataChanged = !0, this.updateGraphData();
-      }), this.lastPlaybackDateTime = this.playbackDateTime);
+        this.$store.commit("playback", {
+          playbackLoading: Math.max(
+            0,
+            this.$store.state.playback.playbackLoading - 1
+          )
+        }), this.dataChanged = !0, this.updateGraphData();
+      })), this.lastPlaybackDateTime = this.playbackDateTime);
     },
     data: function(t, e) {
       this.dataChanged = !0;
@@ -1159,8 +1170,8 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
               let o = a.root.querySelector(".u-legend");
               o.addEventListener("contextmenu", (r) => {
                 r.preventDefault(), this.editGraphMenu = !1, this.legendMenu = !1, this.itemMenuX = r.clientX, this.itemMenuY = r.clientY;
-                let p = r.target.closest(".u-series"), y = Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(p), m = a.series[y];
-                m.item ? (this.selectedItem = m.item, this.itemMenu = !0) : (this.itemMenu = !1, this.legendMenuX = r.clientX, this.legendMenuY = r.clientY, this.legendMenu = !0);
+                let p = r.target.closest(".u-series"), y = Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(p), u = a.series[y];
+                u.item ? (this.selectedItem = u.item, this.itemMenu = !0) : (this.itemMenu = !1, this.legendMenuX = r.clientX, this.legendMenuY = r.clientY, this.legendMenu = !0);
               }), o.querySelector("tbody").appendChild(this.$refs.info);
             }
           ]
@@ -1216,7 +1227,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
     setupPlaybackMode: function() {
       this.stopGraph(), this.clearAllData();
       const t = this.itemSubscriptionKeys.map((e) => e.split("__").slice(2).join("__"));
-      if (this.actualXAxisItem === Y) {
+      if (this.actualXAxisItem === P) {
         const e = t[0].split("__").slice(0, 2).join("__");
         t.unshift(`${e}__PACKET_TIMESECONDS__RAW`);
       } else this.xAxisIsAlsoGraphedItem || t.unshift(this.actualXAxisItem);
@@ -1448,40 +1459,40 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
         hooks: {
           draw: (t) => {
             const { ctx: e, bbox: i } = t, a = t.valToPos(t.scales.y.min, "y", !0), s = t.valToPos(t.scales.y.max, "y", !0), o = t.valToPos(this.limitsValues[0], "y", !0), r = t.valToPos(this.limitsValues[1], "y", !0), p = t.valToPos(this.limitsValues[2], "y", !0), y = t.valToPos(this.limitsValues[3], "y", !0);
-            if (this.lines.forEach((m) => {
-              t.scales.y.min <= m.yValue && m.yValue <= t.scales.y.max && (e.save(), e.beginPath(), e.strokeStyle = m.color, e.lineWidth = 2, e.moveTo(i.left, t.valToPos(m.yValue, "y", !0)), e.lineTo(
+            if (this.lines.forEach((u) => {
+              t.scales.y.min <= u.yValue && u.yValue <= t.scales.y.max && (e.save(), e.beginPath(), e.strokeStyle = u.color, e.lineWidth = 2, e.moveTo(i.left, t.valToPos(u.yValue, "y", !0)), e.lineTo(
                 i.left + i.width,
-                t.valToPos(m.yValue, "y", !0)
+                t.valToPos(u.yValue, "y", !0)
               ), e.stroke(), e.restore());
             }), e.save(), e.beginPath(), e.fillStyle = "rgba(255,0,0,0.15)", t.scales.y.min < this.limitsValues[0]) {
-              let m = o < s ? s : o;
-              e.fillRect(i.left, o, i.width, a - m);
+              let u = o < s ? s : o;
+              e.fillRect(i.left, o, i.width, a - u);
             }
             if (t.scales.y.max > this.limitsValues[3]) {
-              let m = a < y ? a : y;
-              e.fillRect(i.left, s, i.width, m - s);
+              let u = a < y ? a : y;
+              e.fillRect(i.left, s, i.width, u - s);
             }
             if (e.fillStyle = "rgba(255,255,0,0.15)", t.scales.y.min < this.limitsValues[1] && // yellowLow
             t.scales.y.max > this.limitsValues[0]) {
-              let m = r < s ? s : r;
-              e.fillRect(i.left, m, i.width, o - m);
+              let u = r < s ? s : r;
+              e.fillRect(i.left, u, i.width, o - u);
             }
             if (t.scales.y.max > this.limitsValues[2] && // yellowHigh
             t.scales.y.min < this.limitsValues[3]) {
-              let m = a < y ? a : y, g = a < p ? a : p;
-              e.fillRect(i.left, m, i.width, g - m);
+              let u = a < y ? a : y, g = a < p ? a : p;
+              e.fillRect(i.left, u, i.width, g - u);
             }
             if (e.fillStyle = "rgba(0,255,0,0.15)", this.limitsValues.length === 4) {
               if (t.scales.y.min < this.limitsValues[2] && // yellowHigh
               t.scales.y.max > this.limitsValues[1]) {
-                let m = p < s ? s : p, g = a < r ? a : r;
-                e.fillRect(i.left, m, i.width, g - m);
+                let u = p < s ? s : p, g = a < r ? a : r;
+                e.fillRect(i.left, u, i.width, g - u);
               }
             } else {
-              const m = t.valToPos(this.limitsValues[4], "y", !0), g = t.valToPos(this.limitsValues[5], "y", !0);
+              const u = t.valToPos(this.limitsValues[4], "y", !0), g = t.valToPos(this.limitsValues[5], "y", !0);
               if (t.scales.y.min < this.limitsValues[4] && // greenLow
               t.scales.y.max > this.limitsValues[1]) {
-                let w = m < s ? s : m;
+                let w = u < s ? s : u;
                 e.fillRect(i.left, w, i.width, r - w);
               }
               if (t.scales.y.max > this.limitsValues[5] && // greenHigh
@@ -1490,7 +1501,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
                 e.fillRect(i.left, w, i.width, c - w);
               }
               e.fillStyle = "rgba(0,0,255,0.15)";
-              let T = g < s ? s : g, b = a < m ? a : m;
+              let T = g < s ? s : g, b = a < u ? a : u;
               e.fillRect(i.left, T, i.width, b - T);
             }
             e.stroke(), e.restore();
@@ -1686,18 +1697,18 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
   class: "u-series"
 };
 function ke(t, e, i, a, s, o) {
-  const r = d("v-btn"), p = d("v-spacer"), y = d("v-toolbar"), m = d("v-expand-transition"), g = d("v-card"), T = d("graph-edit-dialog"), b = d("v-text-field"), w = d("v-row"), c = d("v-textarea"), S = d("v-dialog"), k = d("v-list-item-title"), D = d("v-list-item"), M = d("v-list"), E = d("v-menu"), L = d("graph-edit-item-dialog"), U = d("v-list-subheader"), V = d("v-icon"), X = d("v-tooltip");
+  const r = d("v-btn"), p = d("v-spacer"), y = d("v-toolbar"), u = d("v-expand-transition"), g = d("v-card"), T = d("graph-edit-dialog"), b = d("v-text-field"), w = d("v-row"), c = d("v-textarea"), S = d("v-dialog"), k = d("v-list-item-title"), D = d("v-list-item"), M = d("v-list"), E = d("v-menu"), Y = d("graph-edit-item-dialog"), U = d("v-list-subheader"), V = d("v-icon"), X = d("v-tooltip");
   return v(), N("div", {
-    onClick: e[22] || (e[22] = W((u) => t.$emit("click"), ["prevent"]))
+    onClick: e[22] || (e[22] = W((m) => t.$emit("click"), ["prevent"]))
   }, [
     l(g, null, {
       default: n(() => [
-        G(l(y, {
+        L(l(y, {
           height: "24",
           class: te(["pl-2 pr-2", i.selectedGraphId === i.id ? "active" : ""])
         }, {
           default: n(() => [
-            G(l(r, {
+            L(l(r, {
               class: "mx-2",
               icon: "mdi-alert",
               density: "compact",
@@ -1707,7 +1718,7 @@ function ke(t, e, i, a, s, o) {
                 s.errorDialog = !0;
               })
             }, null, 512), [
-              [P, s.errors.length !== 0]
+              [G, s.errors.length !== 0]
             ]),
             l(r, {
               icon: "mdi-pencil",
@@ -1789,27 +1800,27 @@ function ke(t, e, i, a, s, o) {
               variant: "text",
               density: "compact",
               "data-test": "close-graph-icon",
-              onClick: e[2] || (e[2] = W((u) => t.$emit("close-graph"), ["stop"]))
+              onClick: e[2] || (e[2] = W((m) => t.$emit("close-graph"), ["stop"]))
             })
           ]),
           _: 1
         }, 8, ["class"]), [
-          [P, !s.hideToolbarData]
+          [G, !s.hideToolbarData]
         ]),
-        l(m, null, {
+        l(u, null, {
           default: n(() => [
-            G(I("div", xe, [
+            L(I("div", xe, [
               I("div", {
                 id: `chart${i.id}`
               }, null, 8, be),
               e[23] || (e[23] = I("div", { id: "betweenCharts" }, null, -1)),
-              G(I("div", {
+              L(I("div", {
                 id: `overview${i.id}`
               }, null, 8, Ie), [
-                [P, s.showOverview]
+                [G, s.showOverview]
               ])
             ], 512), [
-              [P, s.expand]
+              [G, s.expand]
             ])
           ]),
           _: 1
@@ -1820,9 +1831,9 @@ function ke(t, e, i, a, s, o) {
     s.editGraph ? (v(), x(T, {
       key: 0,
       modelValue: s.editGraph,
-      "onUpdate:modelValue": e[3] || (e[3] = (u) => s.editGraph = u),
+      "onUpdate:modelValue": e[3] || (e[3] = (m) => s.editGraph = m),
       "x-axis-item": s.xAxisItem,
-      "onUpdate:xAxisItem": e[4] || (e[4] = (u) => s.xAxisItem = u),
+      "onUpdate:xAxisItem": e[4] || (e[4] = (m) => s.xAxisItem = m),
       title: s.title,
       "legend-position": s.legendPosition,
       items: s.items,
@@ -1834,13 +1845,13 @@ function ke(t, e, i, a, s, o) {
       "end-date-time": s.graphEndDateTime,
       "time-zone": i.timeZone,
       "x-axis-item-packet": o.allowableXAxisItemPacket,
-      onRemove: e[5] || (e[5] = (u) => o.removeItems([u])),
+      onRemove: e[5] || (e[5] = (m) => o.removeItems([m])),
       onOk: o.editGraphClose,
-      onCancel: e[6] || (e[6] = (u) => s.editGraph = !1)
+      onCancel: e[6] || (e[6] = (m) => s.editGraph = !1)
     }, null, 8, ["modelValue", "x-axis-item", "title", "legend-position", "items", "graph-min-y", "graph-max-y", "lines", "colors", "start-date-time", "end-date-time", "time-zone", "x-axis-item-packet", "onOk"])) : _("", !0),
     l(S, {
       modelValue: s.errorDialog,
-      "onUpdate:modelValue": e[8] || (e[8] = (u) => s.errorDialog = u),
+      "onUpdate:modelValue": e[8] || (e[8] = (m) => s.errorDialog = m),
       "max-width": "600"
     }, {
       default: n(() => [
@@ -1858,7 +1869,7 @@ function ke(t, e, i, a, s, o) {
               default: n(() => [
                 l(b, {
                   modelValue: s.title,
-                  "onUpdate:modelValue": e[7] || (e[7] = (u) => s.title = u),
+                  "onUpdate:modelValue": e[7] || (e[7] = (m) => s.title = m),
                   readonly: "",
                   "hide-details": "",
                   class: "pb-2",
@@ -1900,7 +1911,7 @@ function ke(t, e, i, a, s, o) {
     s.editGraphMenu ? (v(), x(E, {
       key: 1,
       modelValue: s.editGraphMenu,
-      "onUpdate:modelValue": e[10] || (e[10] = (u) => s.editGraphMenu = u),
+      "onUpdate:modelValue": e[10] || (e[10] = (m) => s.editGraphMenu = m),
       target: [s.editGraphMenuX, s.editGraphMenuY],
       absolute: ""
     }, {
@@ -1908,7 +1919,7 @@ function ke(t, e, i, a, s, o) {
         l(M, null, {
           default: n(() => [
             l(D, {
-              onClick: e[9] || (e[9] = (u) => s.editGraph = !0)
+              onClick: e[9] || (e[9] = (m) => s.editGraph = !0)
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -1926,21 +1937,21 @@ function ke(t, e, i, a, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue", "target"])) : _("", !0),
-    s.editItem ? (v(), x(L, {
+    s.editItem ? (v(), x(Y, {
       key: 2,
       modelValue: s.editItem,
-      "onUpdate:modelValue": e[11] || (e[11] = (u) => s.editItem = u),
+      "onUpdate:modelValue": e[11] || (e[11] = (m) => s.editItem = m),
       colors: s.colors,
       item: s.selectedItem,
       onChangeColor: o.changeColor,
       onChangeLimits: o.changeLimits,
-      onCancel: e[12] || (e[12] = (u) => s.editItem = !1),
+      onCancel: e[12] || (e[12] = (m) => s.editItem = !1),
       onClose: o.closeEditItem
     }, null, 8, ["modelValue", "colors", "item", "onChangeColor", "onChangeLimits", "onClose"])) : _("", !0),
     s.itemMenu ? (v(), x(E, {
       key: 3,
       modelValue: s.itemMenu,
-      "onUpdate:modelValue": e[16] || (e[16] = (u) => s.itemMenu = u),
+      "onUpdate:modelValue": e[16] || (e[16] = (m) => s.itemMenu = m),
       target: [s.itemMenuX, s.itemMenuY],
       absolute: ""
     }, {
@@ -1957,7 +1968,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[13] || (e[13] = (u) => s.editItem = !0)
+              onClick: e[13] || (e[13] = (m) => s.editItem = !0)
             }, {
               prepend: n(() => [
                 l(V, { icon: "mdi-pencil" })
@@ -1973,7 +1984,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[14] || (e[14] = (u) => o.clearData([s.selectedItem]))
+              onClick: e[14] || (e[14] = (m) => o.clearData([s.selectedItem]))
             }, {
               prepend: n(() => [
                 l(V, { icon: "mdi-eraser" })
@@ -1989,7 +2000,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[15] || (e[15] = (u) => o.removeItems([s.selectedItem]))
+              onClick: e[15] || (e[15] = (m) => o.removeItems([s.selectedItem]))
             }, {
               prepend: n(() => [
                 l(V, { icon: "mdi-delete" })
@@ -2013,7 +2024,7 @@ function ke(t, e, i, a, s, o) {
     s.legendMenu ? (v(), x(E, {
       key: 4,
       modelValue: s.legendMenu,
-      "onUpdate:modelValue": e[21] || (e[21] = (u) => s.legendMenu = u),
+      "onUpdate:modelValue": e[21] || (e[21] = (m) => s.legendMenu = m),
       target: [s.legendMenuX, s.legendMenuY],
       absolute: ""
     }, {
@@ -2021,7 +2032,7 @@ function ke(t, e, i, a, s, o) {
         l(M, null, {
           default: n(() => [
             l(D, {
-              onClick: e[17] || (e[17] = (u) => o.moveLegend("top"))
+              onClick: e[17] || (e[17] = (m) => o.moveLegend("top"))
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -2034,7 +2045,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[18] || (e[18] = (u) => o.moveLegend("bottom"))
+              onClick: e[18] || (e[18] = (m) => o.moveLegend("bottom"))
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -2047,7 +2058,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[19] || (e[19] = (u) => o.moveLegend("left"))
+              onClick: e[19] || (e[19] = (m) => o.moveLegend("left"))
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -2060,7 +2071,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[20] || (e[20] = (u) => o.moveLegend("right"))
+              onClick: e[20] || (e[20] = (m) => o.moveLegend("right"))
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -2083,8 +2094,8 @@ function ke(t, e, i, a, s, o) {
         text: "Click item to toggle, Right click to edit",
         location: "top"
       }, {
-        activator: n(({ props: u }) => [
-          l(V, ie(se(u)), {
+        activator: n(({ props: m }) => [
+          l(V, ie(se(m)), {
             default: n(() => [...e[33] || (e[33] = [
               f(" mdi-information-variant-circle ", -1)
             ])]),
@@ -2096,10 +2107,10 @@ function ke(t, e, i, a, s, o) {
     ], 512))
   ]);
 }
-const Me = /* @__PURE__ */ R(ye, [["render", ke], ["__scopeId", "data-v-67dfc974"]]);
+const Me = /* @__PURE__ */ R(ye, [["render", ke], ["__scopeId", "data-v-13468ccc"]]);
 export {
   Me as G,
-  ue as a,
+  me as a,
   ve as b
 };
-//# sourceMappingURL=Graph-BEodMaxQ.js.map
+//# sourceMappingURL=Graph-CbjlChwf.js.map