@openc3/vue-common 6.2.1 → 6.3.0

package/dist/{Graph-3rkhFP3G.js → Graph-Bgo0cjl3.js}

@@ -1,9 +1,9 @@
-import { T as K } from "./timeFilters-CRYpYDdf.js";
-import { resolveComponent as u, createBlock as T, openBlock as y, withKeys as X, withCtx as l, createVNode as i, createElementVNode as b, createTextVNode as h, createElementBlock as P, Fragment as F, renderList as j, mergeProps as x, createCommentVNode as S, toDisplayString as E, withModifiers as J, withDirectives as C, normalizeClass as Q, vShow as M, normalizeProps as $, guardReactiveProps as ee } from "vue";
-import { m as te, d as ie, u as I, f as se } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-iq-jp8dD.js";
-import { _ as W } from "./CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
-import { t as q, i as Z } from "./format-CVeawcIv.js";
-import { p as B } from "./parse-DnkEsW-3.js";
+import { T as X } from "./timeFilters-CRYpYDdf.js";
+import { resolveComponent as u, createBlock as T, openBlock as y, withKeys as j, withCtx as l, createVNode as i, createElementVNode as b, createTextVNode as m, createElementBlock as P, Fragment as F, renderList as J, mergeProps as x, createCommentVNode as S, toDisplayString as E, withModifiers as Q, withDirectives as C, normalizeClass as $, vShow as M, normalizeProps as ee, guardReactiveProps as te } from "vue";
+import { h as ie, c as q, u as I, l as se } from "./WidgetComponents-C1lSLZ0I.js";
+import { _ as W } from "./CustomIcon-h5X7369N.js";
+import { t as Z, i as B } from "./format-CVeawcIv.js";
+import { p as K } from "./parse-DnkEsW-3.js";
 const le = {
   props: {
     modelValue: Boolean,
@@ -45,7 +45,7 @@ const le = {
       required: !0
     }
   },
-  mixins: [K],
+  mixins: [X],
   data: function() {
     return {
       tab: 0,
@@ -70,7 +70,7 @@ const le = {
         date: (t) => {
           if (!t) return !0;
           try {
-            return Z(B(t, "yyyy-MM-dd", /* @__PURE__ */ new Date())) || "Invalid date (YYYY-MM-DD)";
+            return B(K(t, "yyyy-MM-dd", /* @__PURE__ */ new Date())) || "Invalid date (YYYY-MM-DD)";
           } catch {
             return "Invalid date (YYYY-MM-DD)";
           }
@@ -78,7 +78,7 @@ const le = {
         time: (t) => {
           if (!t) return !0;
           try {
-            return Z(B(t, "HH:mm:ss", /* @__PURE__ */ new Date())) || "Invalid time (HH:MM:SS)";
+            return B(K(t, "HH:mm:ss", /* @__PURE__ */ new Date())) || "Invalid time (HH:MM:SS)";
           } catch {
             return "Invalid time (HH:MM:SS)";
           }
@@ -110,14 +110,14 @@ const le = {
       graphMaxY: this.graphMaxY,
       lines: [...this.lines]
     }, this.startDateTime) {
-      let t = q(this.startDateTime / 1e6);
+      let t = Z(this.startDateTime / 1e6);
       this.startDate = this.formatDate(t, this.timeZone), this.startTime = this.formatTimeHMS(t, this.timeZone);
     } else {
       let t = /* @__PURE__ */ new Date() - 36e5;
       this.startDate = this.formatDate(t, this.timeZone), this.startTime = this.formatTimeHMS(t, this.timeZone);
     }
     if (this.endDateTime) {
-      let t = q(this.endDateTime / 1e6);
+      let t = Z(this.endDateTime / 1e6);
       this.endDate = this.formatDate(t, this.timeZone), this.endTime = this.formatTimeHMS(t, this.timeZone);
     }
   },
@@ -134,24 +134,24 @@ const le = {
     }
   }
 }, ae = { class: "edit-box" }, ne = { class: "edit-box" }, oe = { class: "edit-box" }, re = { class: "edit-box" };
-function de(t, e, s, m, a, n) {
-  const d = u("v-spacer"), o = u("v-toolbar"), p = u("v-tab"), f = u("v-tabs"), v = u("v-text-field"), D = u("v-card-text"), w = u("v-col"), _ = u("v-select"), g = u("v-row"), Y = u("v-tabs-window-item"), O = u("v-btn"), z = u("v-list-item"), k = u("v-icon"), V = u("v-tooltip"), G = u("v-list"), L = u("v-data-table"), R = u("v-tabs-window"), H = u("v-card-actions"), r = u("v-card"), U = u("v-dialog");
+function de(t, e, s, h, a, n) {
+  const r = u("v-spacer"), o = u("v-toolbar"), p = u("v-tab"), f = u("v-tabs"), g = u("v-text-field"), D = u("v-card-text"), w = u("v-col"), _ = u("v-select"), v = u("v-row"), Y = u("v-tabs-window-item"), O = u("v-btn"), z = u("v-list-item"), k = u("v-icon"), V = u("v-tooltip"), G = u("v-list"), L = u("v-data-table"), R = u("v-tabs-window"), H = u("v-card-actions"), d = u("v-card"), U = u("v-dialog");
   return y(), T(U, {
     modelValue: n.show,
     "onUpdate:modelValue": e[12] || (e[12] = (c) => n.show = c),
-    onKeydown: e[13] || (e[13] = X((c) => t.$emit("cancel"), ["esc"])),
+    onKeydown: e[13] || (e[13] = j((c) => t.$emit("cancel"), ["esc"])),
     "max-width": "700"
   }, {
     default: l(() => [
       i(o, { height: "24" }, {
         default: l(() => [
-          i(d),
+          i(r),
           e[14] || (e[14] = b("span", null, " Edit Graph ", -1)),
-          i(d)
+          i(r)
         ]),
         _: 1
       }),
-      i(r, { class: "pa-3" }, {
+      i(d, { class: "pa-3" }, {
         default: l(() => [
           i(f, {
             modelValue: t.tab,
@@ -161,19 +161,19 @@ function de(t, e, s, m, a, n) {
             default: l(() => [
               i(p, { value: "0" }, {
                 default: l(() => e[15] || (e[15] = [
-                  h(" Settings ")
+                  m(" Settings ")
                 ])),
                 _: 1
               }),
               i(p, { value: "1" }, {
                 default: l(() => e[16] || (e[16] = [
-                  h(" Scale / Lines ")
+                  m(" Scale / Lines ")
                 ])),
                 _: 1
               }),
               i(p, { value: "2" }, {
                 default: l(() => e[17] || (e[17] = [
-                  h(" Items ")
+                  m(" Items ")
                 ])),
                 _: 1
               })
@@ -191,13 +191,13 @@ function de(t, e, s, m, a, n) {
               }, {
                 default: l(() => [
                   b("div", ae, [
-                    i(g, null, {
+                    i(v, null, {
                       default: l(() => [
                         i(w, null, {
                           default: l(() => [
                             i(D, { class: "pa-0" }, {
                               default: l(() => [
-                                i(v, {
+                                i(g, {
                                   class: "pb-2",
                                   label: "Title",
                                   modelValue: t.graph.title,
@@ -230,15 +230,15 @@ function de(t, e, s, m, a, n) {
                   b("div", ne, [
                     i(D, { class: "pa-0" }, {
                       default: l(() => e[18] || (e[18] = [
-                        h(" Select a start date/time for the graph. Leave blank for start now. ")
+                        m(" Select a start date/time for the graph. Leave blank for start now. ")
                       ])),
                       _: 1
                     }),
-                    i(g, null, {
+                    i(v, null, {
                       default: l(() => [
                         i(w, null, {
                           default: l(() => [
-                            i(v, {
+                            i(g, {
                               label: "Start Date",
                               name: `date${Date.now()}`,
                               rules: [t.rules.date],
@@ -251,7 +251,7 @@ function de(t, e, s, m, a, n) {
                         }),
                         i(w, null, {
                           default: l(() => [
-                            i(v, {
+                            i(g, {
                               label: "Start Time",
                               name: `time${Date.now()}`,
                               rules: [t.rules.time],
@@ -268,15 +268,15 @@ function de(t, e, s, m, a, n) {
                     }),
                     i(D, { class: "pa-0" }, {
                       default: l(() => e[19] || (e[19] = [
-                        h(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ")
+                        m(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ")
                       ])),
                       _: 1
                     }),
-                    i(g, null, {
+                    i(v, null, {
                       default: l(() => [
                         i(w, null, {
                           default: l(() => [
-                            i(v, {
+                            i(g, {
                               label: "End Date",
                               name: `date${Date.now()}`,
                               rules: [t.rules.date],
@@ -289,7 +289,7 @@ function de(t, e, s, m, a, n) {
                         }),
                         i(w, null, {
                           default: l(() => [
-                            i(v, {
+                            i(g, {
                               label: "End Time",
                               name: `time${Date.now()}`,
                               rules: [t.rules.time],
@@ -316,15 +316,15 @@ function de(t, e, s, m, a, n) {
                   b("div", oe, [
                     i(D, { class: "pa-0" }, {
                       default: l(() => e[20] || (e[20] = [
-                        h(" Set a min or max Y value to override automatic scaling ")
+                        m(" Set a min or max Y value to override automatic scaling ")
                       ])),
                       _: 1
                     }),
-                    i(g, { dense: "" }, {
+                    i(v, { dense: "" }, {
                       default: l(() => [
                         i(w, { class: "px-2" }, {
                           default: l(() => [
-                            i(v, {
+                            i(g, {
                               "hide-details": "",
                               label: "Min Y Axis (Optional)",
                               modelValue: t.graph.graphMinY,
@@ -336,7 +336,7 @@ function de(t, e, s, m, a, n) {
                         }),
                         i(w, { class: "px-2" }, {
                           default: l(() => [
-                            i(v, {
+                            i(g, {
                               "hide-details": "",
                               label: "Max Y Axis (Optional)",
                               modelValue: t.graph.graphMaxY,
@@ -359,29 +359,29 @@ function de(t, e, s, m, a, n) {
                         i(z, null, {
                           default: l(() => [
                             e[22] || (e[22] = b("span", { style: { "padding-top": "5px" } }, " Add horizontal lines to the graph ", -1)),
-                            i(d),
+                            i(r),
                             i(O, {
                               onClick: e[9] || (e[9] = (c) => n.addLine())
                             }, {
                               default: l(() => e[21] || (e[21] = [
-                                h(" New Line ")
+                                m(" New Line ")
                               ])),
                               _: 1
                             })
                           ]),
                           _: 1
                         }),
-                        (y(!0), P(F, null, j(t.graph.lines, (c, A) => (y(), T(z, {
+                        (y(!0), P(F, null, J(t.graph.lines, (c, A) => (y(), T(z, {
                           key: A,
                           value: c,
                           color: "primary"
                         }, {
                           default: l(() => [
-                            i(g, null, {
+                            i(v, null, {
                               default: l(() => [
                                 i(w, null, {
                                   default: l(() => [
-                                    i(v, {
+                                    i(g, {
                                       label: "Y Value",
                                       modelValue: c.yValue,
                                       "onUpdate:modelValue": (N) => c.yValue = N
@@ -413,7 +413,7 @@ function de(t, e, s, m, a, n) {
                                           onClick: (xe) => n.removeLine(c)
                                         }), {
                                           default: l(() => e[23] || (e[23] = [
-                                            h("mdi-delete")
+                                            m("mdi-delete")
                                           ])),
                                           _: 2
                                         }, 1040, ["onClick"])
@@ -462,7 +462,7 @@ function de(t, e, s, m, a, n) {
                             onClick: (N) => t.$emit("remove", c)
                           }), {
                             default: l(() => e[24] || (e[24] = [
-                              h(" mdi-delete ")
+                              m(" mdi-delete ")
                             ])),
                             _: 2
                           }, 1040, ["onClick"])
@@ -483,13 +483,13 @@ function de(t, e, s, m, a, n) {
           }, 8, ["modelValue"]),
           i(H, { class: "px-2" }, {
             default: l(() => [
-              i(d),
+              i(r),
               i(O, {
                 variant: "outlined",
                 onClick: e[11] || (e[11] = (c) => t.$emit("cancel"))
               }, {
                 default: l(() => e[26] || (e[26] = [
-                  h(" Cancel ")
+                  m(" Cancel ")
                 ])),
                 _: 1
               }),
@@ -498,7 +498,7 @@ function de(t, e, s, m, a, n) {
                 onClick: n.closeOk
               }, {
                 default: l(() => e[27] || (e[27] = [
-                  h(" Ok ")
+                  m(" Ok ")
                 ])),
                 _: 1
               }, 8, ["onClick"])
@@ -512,7 +512,7 @@ function de(t, e, s, m, a, n) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ue = /* @__PURE__ */ W(le, [["render", de]]), me = {
+const ue = /* @__PURE__ */ W(le, [["render", de]]), he = {
   props: {
     modelValue: Boolean,
     item: {
@@ -555,7 +555,7 @@ const ue = /* @__PURE__ */ W(le, [["render", de]]), me = {
     }
   },
   async created() {
-    this.editItem = { ...this.item }, new te().get_item(this.item.targetName, this.item.packetName, this.item.itemName).then((t) => {
+    this.editItem = { ...this.item }, new ie().get_item(this.item.targetName, this.item.packetName, this.item.itemName).then((t) => {
       for (const [e, s] of Object.entries(t.limits))
         Object.keys(s).includes("red_low") && (this.limits[e] = Object.values(s));
       this.limitsName = Object.keys(this.limits).find(
@@ -564,21 +564,21 @@ const ue = /* @__PURE__ */ W(le, [["render", de]]), me = {
       );
     });
   }
-}, he = { key: 0 }, pe = { class: "pa-3" };
-function fe(t, e, s, m, a, n) {
-  const d = u("v-card-title"), o = u("v-select"), p = u("v-card-text"), f = u("v-spacer"), v = u("v-btn"), D = u("v-card-actions"), w = u("v-card"), _ = u("v-dialog");
+}, me = { key: 0 }, pe = { class: "pa-3" };
+function fe(t, e, s, h, a, n) {
+  const r = u("v-card-title"), o = u("v-select"), p = u("v-card-text"), f = u("v-spacer"), g = u("v-btn"), D = u("v-card-actions"), w = u("v-card"), _ = u("v-dialog");
   return y(), T(_, {
     modelValue: n.show,
-    "onUpdate:modelValue": e[9] || (e[9] = (g) => n.show = g),
+    "onUpdate:modelValue": e[9] || (e[9] = (v) => n.show = v),
     width: "400",
-    onKeydown: e[10] || (e[10] = X((g) => t.success(), ["enter"]))
+    onKeydown: e[10] || (e[10] = j((v) => t.success(), ["enter"]))
   }, {
     default: l(() => [
       i(w, null, {
         default: l(() => [
-          i(d, { class: "mb-2" }, {
+          i(r, { class: "mb-2" }, {
             default: l(() => e[11] || (e[11] = [
-              h("Edit Item")
+              m("Edit Item")
             ])),
             _: 1
           }),
@@ -590,7 +590,7 @@ function fe(t, e, s, m, a, n) {
                 label: "Value Type",
                 items: t.valueTypes,
                 modelValue: t.editItem.valueType,
-                "onUpdate:modelValue": e[0] || (e[0] = (g) => t.editItem.valueType = g),
+                "onUpdate:modelValue": e[0] || (e[0] = (v) => t.editItem.valueType = v),
                 class: "mb-2"
               }, null, 8, ["items", "modelValue"]),
               i(o, {
@@ -599,7 +599,7 @@ function fe(t, e, s, m, a, n) {
                 label: "Reduction",
                 items: t.reduction,
                 modelValue: t.editItem.reduced,
-                "onUpdate:modelValue": e[1] || (e[1] = (g) => t.editItem.reduced = g),
+                "onUpdate:modelValue": e[1] || (e[1] = (v) => t.editItem.reduced = v),
                 class: "mb-2"
               }, null, 8, ["items", "modelValue"]),
               i(o, {
@@ -609,7 +609,7 @@ function fe(t, e, s, m, a, n) {
                 items: t.reducedTypes,
                 disabled: t.editItem.reduced === "DECOM",
                 modelValue: t.editItem.reducedType,
-                "onUpdate:modelValue": e[2] || (e[2] = (g) => t.editItem.reducedType = g),
+                "onUpdate:modelValue": e[2] || (e[2] = (v) => t.editItem.reducedType = v),
                 class: "mb-2"
               }, null, 8, ["items", "disabled", "modelValue"]),
               i(o, {
@@ -619,12 +619,12 @@ function fe(t, e, s, m, a, n) {
                 items: s.colors,
                 modelValue: t.editItem.color,
                 "onUpdate:modelValue": [
-                  e[3] || (e[3] = (g) => t.editItem.color = g),
-                  e[4] || (e[4] = (g) => t.$emit("changeColor", g))
+                  e[3] || (e[3] = (v) => t.editItem.color = v),
+                  e[4] || (e[4] = (v) => t.$emit("changeColor", v))
                 ],
                 class: "mb-2"
               }, null, 8, ["items", "modelValue"]),
-              n.limitsNames.length > 1 ? (y(), P("div", he, [
+              n.limitsNames.length > 1 ? (y(), P("div", me, [
                 i(o, {
                   variant: "outlined",
                   "hide-details": "",
@@ -632,8 +632,8 @@ function fe(t, e, s, m, a, n) {
                   items: n.limitsNames,
                   modelValue: t.limitsName,
                   "onUpdate:modelValue": [
-                    e[5] || (e[5] = (g) => t.limitsName = g),
-                    e[6] || (e[6] = (g) => t.$emit("changeLimits", t.limits[t.limitsName]))
+                    e[5] || (e[5] = (v) => t.limitsName = v),
+                    e[6] || (e[6] = (v) => t.$emit("changeLimits", t.limits[t.limitsName]))
                   ]
                 }, null, 8, ["items", "modelValue"]),
                 b("div", pe, E(t.limitsName) + ": " + E(t.limits[t.limitsName]), 1)
@@ -644,21 +644,21 @@ function fe(t, e, s, m, a, n) {
           i(D, { class: "px-2" }, {
             default: l(() => [
               i(f),
-              i(v, {
+              i(g, {
                 variant: "outlined",
-                onClick: e[7] || (e[7] = (g) => t.$emit("cancel"))
+                onClick: e[7] || (e[7] = (v) => t.$emit("cancel"))
               }, {
                 default: l(() => e[12] || (e[12] = [
-                  h(" Cancel ")
+                  m(" Cancel ")
                 ])),
                 _: 1
               }),
-              i(v, {
+              i(g, {
                 variant: "flat",
-                onClick: e[8] || (e[8] = (g) => t.$emit("close", t.editItem))
+                onClick: e[8] || (e[8] = (v) => t.$emit("close", t.editItem))
               }, {
                 default: l(() => e[13] || (e[13] = [
-                  h(" Ok ")
+                  m(" Ok ")
                 ])),
                 _: 1
               })
@@ -672,7 +672,7 @@ function fe(t, e, s, m, a, n) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
+const ce = /* @__PURE__ */ W(he, [["render", fe]]), ve = {
   components: {
     GraphEditDialog: ue,
     GraphEditItemDialog: ce
@@ -738,7 +738,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
       default: "local"
     }
   },
-  mixins: [K],
+  mixins: [X],
   data() {
     return {
       lines: [],
@@ -824,20 +824,20 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
   },
   mounted() {
     const { chartSeries: t, overviewSeries: e } = this.items.reduce(
-      (m, a) => {
+      (h, a) => {
         const n = {
           spanGaps: !0
         };
-        return m.chartSeries.push({
+        return h.chartSeries.push({
           ...n,
           item: a,
           label: this.formatLabel(a),
-          stroke: (d, o) => this.items[o - 1].color,
+          stroke: (r, o) => this.items[o - 1].color,
           width: 2,
-          value: (d, o) => typeof o == "string" || isNaN(o) ? "NaN" : o == null ? "--" : o.toFixed(3)
-        }), m.overviewSeries.push({
+          value: (r, o) => typeof o == "string" || isNaN(o) ? "NaN" : o == null ? "--" : o.toFixed(3)
+        }), h.overviewSeries.push({
           ...n
-        }), m;
+        }), h;
       },
       { chartSeries: [], overviewSeries: [] }
     );
@@ -882,20 +882,20 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
         document.getElementById(`chart${this.id}`)
       );
     else {
-      let m = Intl.DateTimeFormat().resolvedOptions().timeZone;
-      this.timeZone && this.timeZone !== "local" && (m = this.timeZone), s = {
+      let h = Intl.DateTimeFormat().resolvedOptions().timeZone;
+      this.timeZone && this.timeZone !== "local" && (h = this.timeZone), s = {
         ...this.getSize("chart"),
         ...this.getScales(),
         ...this.getAxes("chart"),
         // series: series, // TODO: Uncomment with the performance code
         plugins: [this.linesPlugin()],
-        tzDate: (n) => I.tzDate(new Date(n * 1e3), m),
+        tzDate: (n) => I.tzDate(new Date(n * 1e3), h),
         series: [
           {
             label: "Time",
-            value: (n, d) => (
+            value: (n, r) => (
               // Convert the unix timestamp into a formatted date / time
-              d == null ? "--" : this.formatSeconds(d, this.timeZone)
+              r == null ? "--" : this.formatSeconds(r, this.timeZone)
             )
           },
           ...t
@@ -912,15 +912,15 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
             // setSeries: true,
           },
           bind: {
-            mouseup: (n, d, o) => (p) => {
+            mouseup: (n, r, o) => (p) => {
               this.state === "pause" && n.select.width === 0 && this.$emit("start"), o(p);
             }
           }
         },
         hooks: {
           setScale: [
-            (n, d) => {
-              if (d === "x" && !this.zoomOverview && this.overview) {
+            (n, r) => {
+              if (r === "x" && !this.zoomOverview && this.overview) {
                 this.zoomChart = !0;
                 let o = Math.round(
                   this.overview.valToPos(n.scales.x.min, "x")
@@ -944,7 +944,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
               let o = n.root.querySelector(".u-legend");
               o.addEventListener("contextmenu", (p) => {
                 p.preventDefault(), this.editGraphMenu = !1, this.legendMenu = !1, this.itemMenuX = p.clientX, this.itemMenuY = p.clientY;
-                let f = p.target.closest(".u-series"), v = Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(f), D = n.series[v];
+                let f = p.target.closest(".u-series"), g = Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(f), D = n.series[g];
                 D.item ? (this.selectedItem = D.item, this.itemMenu = !0) : (this.itemMenu = !1, this.legendMenuX = p.clientX, this.legendMenuY = p.clientY, this.legendMenu = !0);
               }), o.querySelector("tbody").appendChild(this.$refs.info);
             }
@@ -960,7 +960,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
         ...this.getScales(),
         ...this.getAxes("overview"),
         // series: series, // TODO: Uncomment with the performance code
-        tzDate: (n) => I.tzDate(new Date(n * 1e3), m),
+        tzDate: (n) => I.tzDate(new Date(n * 1e3), h),
         series: [...e],
         cursor: {
           y: !1,
@@ -978,21 +978,21 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
             (n) => {
               if (!this.zoomChart) {
                 this.state === "start" && n.select.width > 0 && this.$emit("pause"), this.zoomOverview = !0;
-                let d = n.posToVal(n.select.left, "x"), o = n.posToVal(
+                let r = n.posToVal(n.select.left, "x"), o = n.posToVal(
                   n.select.left + n.select.width,
                   "x"
                 );
-                this.graph.setScale("x", { min: d, max: o }), this.zoomOverview = !1;
+                this.graph.setScale("x", { min: r, max: o }), this.zoomOverview = !1;
               }
             }
           ]
         }
       };
-      this.overview = new I(
+      this.hideOverview || (this.overview = new I(
         a,
         this.data,
         document.getElementById(`overview${this.id}`)
-      ), this.moveLegend(this.legendPosition), window.addEventListener("resize", this.resize);
+      )), this.moveLegend(this.legendPosition), window.addEventListener("resize", this.resize);
     }
     this.state !== "stop" && this.startGraph();
   },
@@ -1119,10 +1119,10 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
     },
     setGraphRange: function() {
       let t = 0.1;
-      (this.graphMinY || this.graphMinY === 0 || this.graphMaxY || this.graphMaxY === 0) && (t = 0), this.graph.scales.y.range = (e, s, m) => {
+      (this.graphMinY || this.graphMinY === 0 || this.graphMaxY || this.graphMaxY === 0) && (t = 0), this.graph.scales.y.range = (e, s, h) => {
         let a = s;
         (this.graphMinY || this.graphMinY === 0) && (a = this.graphMinY);
-        let n = m;
+        let n = h;
         return (this.graphMaxY || this.graphMaxY === 0) && (n = this.graphMaxY), I.rangeNum(a, n, t, !0);
       };
     },
@@ -1168,14 +1168,14 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
       s && (e = s.classList.contains(
         "v-navigation-drawer--active"
       ) ? s.clientWidth : 0);
-      let m = 0;
-      (this.legendPosition === "right" || this.legendPosition === "left") && (m = document.getElementsByClassName("u-legend")[0].clientWidth);
-      const a = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) - e - m, n = Math.max(
+      let h = 0;
+      (this.legendPosition === "right" || this.legendPosition === "left") && (h = document.getElementsByClassName("u-legend")[0].clientWidth);
+      const a = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) - e - h, n = Math.max(
         document.documentElement.clientHeight,
         window.innerHeight || 0
-      ), d = document.getElementsByClassName("v-expansion-panel")[0];
+      ), r = document.getElementsByClassName("v-expansion-panel")[0];
       let o = 100;
-      t === "overview" ? this.fullHeight && !this.hideOverviewData ? this.showOverview = !0 : this.showOverview = !1 : (o = n - d.clientHeight - o - 250, this.fullHeight || (o = o / 2 + 10));
+      t === "overview" ? this.fullHeight && !this.hideOverviewData ? this.showOverview = !0 : this.showOverview = !1 : (o = n - r.clientHeight - o - 250, this.fullHeight || (o = o / 2 + 10));
       let p = a - 70;
       return this.fullWidth || (p = p / 2 - 12), {
         width: this.width || p,
@@ -1221,7 +1221,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
             },
             // Forces the axis values to be formatted correctly
             // especially with really small or large values
-            values(m, a) {
+            values(h, a) {
               return (a.some((n) => n >= 1e7) || a.every((n) => n < 0.01)) && (a = a.map((n) => n.toExponential(3))), a;
             }
           }
@@ -1245,7 +1245,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
       return {
         hooks: {
           draw: (t) => {
-            const { ctx: e, bbox: s } = t, m = t.valToPos(t.scales.y.min, "y", !0), a = t.valToPos(t.scales.y.max, "y", !0), n = t.valToPos(this.limitsValues[0], "y", !0), d = t.valToPos(this.limitsValues[1], "y", !0), o = t.valToPos(this.limitsValues[2], "y", !0), p = t.valToPos(this.limitsValues[3], "y", !0);
+            const { ctx: e, bbox: s } = t, h = t.valToPos(t.scales.y.min, "y", !0), a = t.valToPos(t.scales.y.max, "y", !0), n = t.valToPos(this.limitsValues[0], "y", !0), r = t.valToPos(this.limitsValues[1], "y", !0), o = t.valToPos(this.limitsValues[2], "y", !0), p = t.valToPos(this.limitsValues[3], "y", !0);
             if (this.lines.forEach((f) => {
               t.scales.y.min <= f.yValue && f.yValue <= t.scales.y.max && (e.save(), e.beginPath(), e.strokeStyle = f.color, e.lineWidth = 2, e.moveTo(s.left, t.valToPos(f.yValue, "y", !0)), e.lineTo(
                 s.left + s.width,
@@ -1253,42 +1253,42 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
               ), e.stroke(), e.restore());
             }), e.save(), e.beginPath(), e.fillStyle = "rgba(255,0,0,0.15)", t.scales.y.min < this.limitsValues[0]) {
               let f = n < a ? a : n;
-              e.fillRect(s.left, n, s.width, m - f);
+              e.fillRect(s.left, n, s.width, h - f);
             }
             if (t.scales.y.max > this.limitsValues[3]) {
-              let f = m < p ? m : p;
+              let f = h < p ? h : p;
               e.fillRect(s.left, a, s.width, f - a);
             }
             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 f = d < a ? a : d;
+              let f = r < a ? a : r;
               e.fillRect(s.left, f, s.width, n - f);
             }
             if (t.scales.y.max > this.limitsValues[2] && // yellowHigh
             t.scales.y.min < this.limitsValues[3]) {
-              let f = m < p ? m : p, v = m < o ? m : o;
-              e.fillRect(s.left, f, s.width, v - f);
+              let f = h < p ? h : p, g = h < o ? h : o;
+              e.fillRect(s.left, f, s.width, g - f);
             }
             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 f = o < a ? a : o, v = m < d ? m : d;
-                e.fillRect(s.left, f, s.width, v - f);
+                let f = o < a ? a : o, g = h < r ? h : r;
+                e.fillRect(s.left, f, s.width, g - f);
               }
             } else {
-              const f = t.valToPos(this.limitsValues[4], "y", !0), v = t.valToPos(this.limitsValues[5], "y", !0);
+              const f = 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 _ = f < a ? a : f;
-                e.fillRect(s.left, _, s.width, d - _);
+                e.fillRect(s.left, _, s.width, r - _);
               }
               if (t.scales.y.max > this.limitsValues[5] && // greenHigh
               t.scales.y.min < this.limitsValues[2]) {
-                let _ = m < o ? m : o, g = m < v ? m : v;
-                e.fillRect(s.left, _, s.width, g - _);
+                let _ = h < o ? h : o, v = h < g ? h : g;
+                e.fillRect(s.left, _, s.width, v - _);
               }
               e.fillStyle = "rgba(0,0,255,0.15)";
-              let D = v < a ? a : v, w = m < f ? m : f;
+              let D = g < a ? a : g, w = h < f ? h : f;
               e.fillRect(s.left, D, s.width, w - D);
             }
             e.stroke(), e.restore();
@@ -1304,8 +1304,8 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
     addItems: function(t, e = "CONVERTED") {
       t.forEach((s) => {
         s.valueType || (s.valueType = e), s.color || (s.color = this.colors[this.colorIndex]), s.limits || (s.limits = []), s.limits.length > 0 && (this.limitsValues = s.limits), this.colorIndex = (this.colorIndex + 1) % this.colors.length, this.items.push(s);
-        const m = this.data.length;
-        this.graph.addSeries(this.createSeriesConfig(s), m), this.overview && this.overview.addSeries(this.createOverviewSeriesConfig(), m), this.data.splice(m, 0, Array(this.data[0].length)), this.indexes[this.subscriptionKey(s)] = m;
+        const h = this.data.length;
+        this.graph.addSeries(this.createSeriesConfig(s), h), this.overview && this.overview.addSeries(this.createOverviewSeriesConfig(), h), this.data.splice(h, 0, Array(this.data[0].length)), this.indexes[this.subscriptionKey(s)] = h;
       }), this.updateColorIndex(t), this.addItemsToSubscription(t), this.$emit("resize"), this.$emit("edit");
     },
     createSeriesConfig: function(t) {
@@ -1353,7 +1353,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
         let s = this.indexes[e];
         this.data[s] = Array(this.data[0].length).fill(null), this.graph.setData(this.data), this.overview && this.overview.setData(this.data);
       }
-      this.data.length === 2 && (this.data[0] = [], this.graph.setData(this.data), this.overview.setData(this.data));
+      this.data.length === 2 && (this.data[0] = [], this.graph.setData(this.data), this.overview && this.overview.setData(this.data));
     },
     removeItems: function(t) {
       this.removeItemsFromSubscription(t);
@@ -1361,7 +1361,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
         const s = this.reorderIndexes(e);
         this.items.splice(s - 1, 1), this.data.splice(s, 1), this.graph.delSeries(s), this.graph.setData(this.data), this.overview && (this.overview.delSeries(s), this.overview.setData(this.data));
       }
-      this.data.length === 1 && (this.data[0] = [], this.graph.setData(this.data), this.overview.setData(this.data)), this.$emit("resize"), this.$emit("edit");
+      this.data.length === 1 && (this.data[0] = [], this.graph.setData(this.data), this.overview && this.overview.setData(this.data)), this.$emit("resize"), this.$emit("edit");
     },
     removeItemsFromSubscription: function(t = this.items) {
       this.subscription && this.subscription.perform("remove", {
@@ -1380,19 +1380,24 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
     received: function(t) {
       this.cable.recordPing();
       for (let e = 0; e < t.length; e++) {
-        let s = t[e].__time / 1e9, m = t[0].length;
-        if (m === 0 || s > t[0][m - 1]) {
+        let s = t[e].__time / 1e9, h = this.data[0].length;
+        if (h === 0 || s > this.data[0][h - 1]) {
           for (let a = 0; a < this.data.length; a++)
             this.data[a].push(null);
           this.set_data_at_index(this.data[0].length - 1, s, t[e]);
         } else {
-          let a = ie(this.data[0], s, this.bs_comparator);
-          if (a >= 0)
-            this.set_data_at_index(a, s, t[e]);
-          else {
+          let a = q(this.data[0], s, this.bs_comparator);
+          if (a >= 0) {
+            for (; a >= 0; )
+              s -= 1e-5, a = q(this.data[0], s, this.bs_comparator);
+            let n = -a - 1;
+            for (let r = 0; r < this.data.length; r++)
+              this.data[r].splice(n, 0, null);
+            this.set_data_at_index(n, s, t[e]);
+          } else {
             let n = -a - 1;
-            for (let d = 0; d < this.data.length; d++)
-              this.data[d].splice(n, 0, null);
+            for (let r = 0; r < this.data.length; r++)
+              this.data[r].splice(n, 0, null);
             this.set_data_at_index(n, s, t[e]);
           }
         }
@@ -1408,18 +1413,18 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
     },
     set_data_at_index: function(t, e, s) {
       this.data[0][t] = e;
-      for (const [m, a] of Object.entries(s)) {
-        if (m === "time")
+      for (const [h, a] of Object.entries(s)) {
+        if (h === "time")
           continue;
-        let n = this.indexes[m];
+        let n = this.indexes[h];
         if (n) {
-          let d = this.data[n];
+          let r = this.data[n];
           if (a != null && a.raw)
-            d[t] = null;
+            r[t] = null;
           else if (typeof a == "string") {
-            if (d[t] = null, !m.includes("__RAW")) {
+            if (r[t] = null, !h.includes("__RAW")) {
               for (let o of this.items)
-                if (this.subscriptionKey(o) === m) {
+                if (this.subscriptionKey(o) === h) {
                   this.selectedItem = o;
                   break;
                 }
@@ -1430,7 +1435,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
               });
             }
           } else
-            d[t] = a;
+            r[t] = a;
         }
       }
     },
@@ -1439,7 +1444,7 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
       return (t.reduced === "REDUCED_MINUTE" || t.reduced === "REDUCED_HOUR" || t.reduced === "REDUCED_DAY") && (e += `__${t.reducedType}`), e;
     }
   }
-}, ve = { class: "mx-2" }, ye = {
+}, ge = { class: "mx-2" }, ye = {
   class: "pa-1",
   id: "chart",
   ref: "chart"
@@ -1448,29 +1453,29 @@ const ce = /* @__PURE__ */ W(me, [["render", fe]]), ge = {
   class: "u-series",
   ref: "info"
 };
-function De(t, e, s, m, a, n) {
-  const d = u("v-icon"), o = u("v-tooltip"), p = u("v-spacer"), f = u("v-toolbar"), v = u("v-expand-transition"), D = u("v-card"), w = u("graph-edit-dialog"), _ = u("v-text-field"), g = u("v-row"), Y = u("v-textarea"), O = u("v-btn"), z = u("v-dialog"), k = u("v-list-item-title"), V = u("v-list-item"), G = u("v-list"), L = u("v-menu"), R = u("graph-edit-item-dialog"), H = u("v-list-subheader");
+function De(t, e, s, h, a, n) {
+  const r = u("v-icon"), o = u("v-tooltip"), p = u("v-spacer"), f = u("v-toolbar"), g = u("v-expand-transition"), D = u("v-card"), w = u("graph-edit-dialog"), _ = u("v-text-field"), v = u("v-row"), Y = u("v-textarea"), O = u("v-btn"), z = u("v-dialog"), k = u("v-list-item-title"), V = u("v-list-item"), G = u("v-list"), L = u("v-menu"), R = u("graph-edit-item-dialog"), H = u("v-list-subheader");
   return y(), P("div", {
-    onClick: e[21] || (e[21] = J((r) => t.$emit("click"), ["prevent"]))
+    onClick: e[21] || (e[21] = Q((d) => t.$emit("click"), ["prevent"]))
   }, [
     i(D, null, {
       default: l(() => [
         C(i(f, {
           height: "24",
-          class: Q(["pl-2 pr-2", s.selectedGraphId === s.id ? "active" : ""])
+          class: $(["pl-2 pr-2", s.selectedGraphId === s.id ? "active" : ""])
         }, {
           default: l(() => [
-            C(b("div", ve, [
+            C(b("div", ge, [
               i(o, {
                 text: "Errors",
                 location: "top"
               }, {
-                activator: l(({ props: r }) => [
-                  i(d, x(r, {
+                activator: l(({ props: d }) => [
+                  i(r, x(d, {
                     onClick: e[0] || (e[0] = (U) => a.errorDialog = !0)
                   }), {
                     default: l(() => e[22] || (e[22] = [
-                      h(" mdi-alert ")
+                      m(" mdi-alert ")
                     ])),
                     _: 2
                   }, 1040)
@@ -1484,13 +1489,13 @@ function De(t, e, s, m, a, n) {
               text: "Edit",
               location: "top"
             }, {
-              activator: l(({ props: r }) => [
-                i(d, x(r, {
+              activator: l(({ props: d }) => [
+                i(r, x(d, {
                   onClick: e[1] || (e[1] = (U) => a.editGraph = !0),
                   "data-test": "edit-graph-icon"
                 }), {
                   default: l(() => e[23] || (e[23] = [
-                    h(" mdi-pencil ")
+                    m(" mdi-pencil ")
                   ])),
                   _: 2
                 }, 1040)
@@ -1506,13 +1511,13 @@ function De(t, e, s, m, a, n) {
                 text: "Collapse",
                 location: "top"
               }, {
-                activator: l(({ props: r }) => [
-                  i(d, x(r, {
+                activator: l(({ props: d }) => [
+                  i(r, x(d, {
                     onClick: n.collapseAll,
                     "data-test": "collapse-all"
                   }), {
                     default: l(() => e[24] || (e[24] = [
-                      h(" mdi-arrow-collapse ")
+                      m(" mdi-arrow-collapse ")
                     ])),
                     _: 2
                   }, 1040, ["onClick"])
@@ -1523,13 +1528,13 @@ function De(t, e, s, m, a, n) {
                 text: "Expand",
                 location: "top"
               }, {
-                activator: l(({ props: r }) => [
-                  i(d, x(r, {
+                activator: l(({ props: d }) => [
+                  i(r, x(d, {
                     onClick: n.expandAll,
                     "data-test": "expand-all"
                   }), {
                     default: l(() => e[25] || (e[25] = [
-                      h(" mdi-arrow-expand ")
+                      m(" mdi-arrow-expand ")
                     ])),
                     _: 2
                   }, 1040, ["onClick"])
@@ -1545,13 +1550,13 @@ function De(t, e, s, m, a, n) {
                 text: "Collapse Width",
                 location: "top"
               }, {
-                activator: l(({ props: r }) => [
-                  i(d, x(r, {
+                activator: l(({ props: d }) => [
+                  i(r, x(d, {
                     onClick: n.collapseWidth,
                     "data-test": "collapse-width"
                   }), {
                     default: l(() => e[26] || (e[26] = [
-                      h(" mdi-arrow-collapse-horizontal ")
+                      m(" mdi-arrow-collapse-horizontal ")
                     ])),
                     _: 2
                   }, 1040, ["onClick"])
@@ -1562,13 +1567,13 @@ function De(t, e, s, m, a, n) {
                 text: "Expand Width",
                 location: "top"
               }, {
-                activator: l(({ props: r }) => [
-                  i(d, x(r, {
+                activator: l(({ props: d }) => [
+                  i(r, x(d, {
                     onClick: n.expandWidth,
                     "data-test": "expand-width"
                   }), {
                     default: l(() => e[27] || (e[27] = [
-                      h(" mdi-arrow-expand-horizontal ")
+                      m(" mdi-arrow-expand-horizontal ")
                     ])),
                     _: 2
                   }, 1040, ["onClick"])
@@ -1584,13 +1589,13 @@ function De(t, e, s, m, a, n) {
                 text: "Collapse Height",
                 location: "top"
               }, {
-                activator: l(({ props: r }) => [
-                  i(d, x(r, {
+                activator: l(({ props: d }) => [
+                  i(r, x(d, {
                     onClick: n.collapseHeight,
                     "data-test": "collapse-height"
                   }), {
                     default: l(() => e[28] || (e[28] = [
-                      h(" mdi-arrow-collapse-vertical ")
+                      m(" mdi-arrow-collapse-vertical ")
                     ])),
                     _: 2
                   }, 1040, ["onClick"])
@@ -1601,13 +1606,13 @@ function De(t, e, s, m, a, n) {
                 text: "Expand Height",
                 location: "top"
               }, {
-                activator: l(({ props: r }) => [
-                  i(d, x(r, {
+                activator: l(({ props: d }) => [
+                  i(r, x(d, {
                     onClick: n.expandHeight,
                     "data-test": "expand-height"
                   }), {
                     default: l(() => e[29] || (e[29] = [
-                      h(" mdi-arrow-expand-vertical ")
+                      m(" mdi-arrow-expand-vertical ")
                     ])),
                     _: 2
                   }, 1040, ["onClick"])
@@ -1622,13 +1627,13 @@ function De(t, e, s, m, a, n) {
               text: "Minimize",
               location: "top"
             }, {
-              activator: l(({ props: r }) => [
-                i(d, x(r, {
+              activator: l(({ props: d }) => [
+                i(r, x(d, {
                   onClick: n.minMaxTransition,
                   "data-test": "minimize-screen-icon"
                 }), {
                   default: l(() => e[30] || (e[30] = [
-                    h(" mdi-window-minimize ")
+                    m(" mdi-window-minimize ")
                   ])),
                   _: 2
                 }, 1040, ["onClick"])
@@ -1639,13 +1644,13 @@ function De(t, e, s, m, a, n) {
               text: "Maximize",
               location: "top"
             }, {
-              activator: l(({ props: r }) => [
-                i(d, x(r, {
+              activator: l(({ props: d }) => [
+                i(r, x(d, {
                   onClick: n.minMaxTransition,
                   "data-test": "maximize-screen-icon"
                 }), {
                   default: l(() => e[31] || (e[31] = [
-                    h(" mdi-window-maximize ")
+                    m(" mdi-window-maximize ")
                   ])),
                   _: 2
                 }, 1040, ["onClick"])
@@ -1656,13 +1661,13 @@ function De(t, e, s, m, a, n) {
               text: "Close",
               location: "top"
             }, {
-              activator: l(({ props: r }) => [
-                i(d, x(r, {
+              activator: l(({ props: d }) => [
+                i(r, x(d, {
                   onClick: e[2] || (e[2] = (U) => t.$emit("close-graph")),
                   "data-test": "close-graph-icon"
                 }), {
                   default: l(() => e[32] || (e[32] = [
-                    h(" mdi-close-box ")
+                    m(" mdi-close-box ")
                   ])),
                   _: 2
                 }, 1040)
@@ -1674,7 +1679,7 @@ function De(t, e, s, m, a, n) {
         }, 8, ["class"]), [
           [M, !a.hideToolbarData]
         ]),
-        i(v, null, {
+        i(g, null, {
           default: l(() => [
             C(b("div", ye, [
               b("div", {
@@ -1698,7 +1703,7 @@ function De(t, e, s, m, a, n) {
     a.editGraph ? (y(), T(w, {
       key: 0,
       modelValue: a.editGraph,
-      "onUpdate:modelValue": e[3] || (e[3] = (r) => a.editGraph = r),
+      "onUpdate:modelValue": e[3] || (e[3] = (d) => a.editGraph = d),
       title: a.title,
       "legend-position": a.legendPosition,
       items: a.items,
@@ -1709,13 +1714,13 @@ function De(t, e, s, m, a, n) {
       "start-date-time": a.graphStartDateTime,
       "end-date-time": a.graphEndDateTime,
       "time-zone": s.timeZone,
-      onRemove: e[4] || (e[4] = (r) => n.removeItems([r])),
+      onRemove: e[4] || (e[4] = (d) => n.removeItems([d])),
       onOk: n.editGraphClose,
-      onCancel: e[5] || (e[5] = (r) => a.editGraph = !1)
+      onCancel: e[5] || (e[5] = (d) => a.editGraph = !1)
     }, null, 8, ["modelValue", "title", "legend-position", "items", "graph-min-y", "graph-max-y", "lines", "colors", "start-date-time", "end-date-time", "time-zone", "onOk"])) : S("", !0),
     i(z, {
       modelValue: a.errorDialog,
-      "onUpdate:modelValue": e[7] || (e[7] = (r) => a.errorDialog = r),
+      "onUpdate:modelValue": e[7] || (e[7] = (d) => a.errorDialog = d),
       "max-width": "600"
     }, {
       default: l(() => [
@@ -1729,20 +1734,20 @@ function De(t, e, s, m, a, n) {
         }),
         i(D, { class: "pa-3" }, {
           default: l(() => [
-            i(g, { dense: "" }, {
+            i(v, { dense: "" }, {
               default: l(() => [
                 i(_, {
                   readonly: "",
                   "hide-details": "",
                   modelValue: a.title,
-                  "onUpdate:modelValue": e[6] || (e[6] = (r) => a.title = r),
+                  "onUpdate:modelValue": e[6] || (e[6] = (d) => a.title = d),
                   class: "pb-2",
                   label: "Graph Title"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            i(g, { class: "my-3" }, {
+            i(v, { class: "my-3" }, {
               default: l(() => [
                 i(Y, {
                   readonly: "",
@@ -1752,14 +1757,14 @@ function De(t, e, s, m, a, n) {
               ]),
               _: 1
             }),
-            i(g, null, {
+            i(v, null, {
               default: l(() => [
                 i(O, {
                   block: "",
                   onClick: n.clearErrors
                 }, {
                   default: l(() => e[35] || (e[35] = [
-                    h(" Clear ")
+                    m(" Clear ")
                   ])),
                   _: 1
                 }, 8, ["onClick"])
@@ -1775,7 +1780,7 @@ function De(t, e, s, m, a, n) {
     a.editGraphMenu ? (y(), T(L, {
       key: 1,
       modelValue: a.editGraphMenu,
-      "onUpdate:modelValue": e[9] || (e[9] = (r) => a.editGraphMenu = r),
+      "onUpdate:modelValue": e[9] || (e[9] = (d) => a.editGraphMenu = d),
       target: [a.editGraphMenuX, a.editGraphMenuY],
       absolute: "",
       "offset-y": ""
@@ -1784,12 +1789,12 @@ function De(t, e, s, m, a, n) {
         i(G, null, {
           default: l(() => [
             i(V, {
-              onClick: e[8] || (e[8] = (r) => a.editGraph = !0)
+              onClick: e[8] || (e[8] = (d) => a.editGraph = !0)
             }, {
               default: l(() => [
                 i(k, { style: { cursor: "pointer" } }, {
                   default: l(() => [
-                    h(" Edit " + E(a.title), 1)
+                    m(" Edit " + E(a.title), 1)
                   ]),
                   _: 1
                 })
@@ -1805,18 +1810,18 @@ function De(t, e, s, m, a, n) {
     a.editItem ? (y(), T(R, {
       key: 2,
       modelValue: a.editItem,
-      "onUpdate:modelValue": e[10] || (e[10] = (r) => a.editItem = r),
+      "onUpdate:modelValue": e[10] || (e[10] = (d) => a.editItem = d),
       colors: a.colors,
       item: a.selectedItem,
       onChangeColor: n.changeColor,
       onChangeLimits: n.changeLimits,
-      onCancel: e[11] || (e[11] = (r) => a.editItem = !1),
+      onCancel: e[11] || (e[11] = (d) => a.editItem = !1),
       onClose: n.closeEditItem
     }, null, 8, ["modelValue", "colors", "item", "onChangeColor", "onChangeLimits", "onClose"])) : S("", !0),
     a.itemMenu ? (y(), T(L, {
       key: 3,
       modelValue: a.itemMenu,
-      "onUpdate:modelValue": e[15] || (e[15] = (r) => a.itemMenu = r),
+      "onUpdate:modelValue": e[15] || (e[15] = (d) => a.itemMenu = d),
       target: [a.itemMenuX, a.itemMenuY],
       absolute: "",
       "offset-y": ""
@@ -1829,20 +1834,20 @@ function De(t, e, s, m, a, n) {
           default: l(() => [
             i(H, null, {
               default: l(() => [
-                h(E(a.selectedItem.targetName) + " " + E(a.selectedItem.packetName) + " " + E(a.selectedItem.itemName), 1)
+                m(E(a.selectedItem.targetName) + " " + E(a.selectedItem.packetName) + " " + E(a.selectedItem.itemName), 1)
               ]),
               _: 1
             }),
             i(V, {
-              onClick: e[12] || (e[12] = (r) => a.editItem = !0)
+              onClick: e[12] || (e[12] = (d) => a.editItem = !0)
             }, {
               prepend: l(() => [
-                i(d, { icon: "mdi-pencil" })
+                i(r, { icon: "mdi-pencil" })
               ]),
               default: l(() => [
                 i(k, null, {
                   default: l(() => e[36] || (e[36] = [
-                    h(" Edit ")
+                    m(" Edit ")
                   ])),
                   _: 1
                 })
@@ -1850,15 +1855,15 @@ function De(t, e, s, m, a, n) {
               _: 1
             }),
             i(V, {
-              onClick: e[13] || (e[13] = (r) => n.clearData([a.selectedItem]))
+              onClick: e[13] || (e[13] = (d) => n.clearData([a.selectedItem]))
             }, {
               prepend: l(() => [
-                i(d, { icon: "mdi-eraser" })
+                i(r, { icon: "mdi-eraser" })
               ]),
               default: l(() => [
                 i(k, null, {
                   default: l(() => e[37] || (e[37] = [
-                    h(" Clear ")
+                    m(" Clear ")
                   ])),
                   _: 1
                 })
@@ -1866,15 +1871,15 @@ function De(t, e, s, m, a, n) {
               _: 1
             }),
             i(V, {
-              onClick: e[14] || (e[14] = (r) => n.removeItems([a.selectedItem]))
+              onClick: e[14] || (e[14] = (d) => n.removeItems([a.selectedItem]))
             }, {
               prepend: l(() => [
-                i(d, { icon: "mdi-delete" })
+                i(r, { icon: "mdi-delete" })
               ]),
               default: l(() => [
                 i(k, null, {
                   default: l(() => e[38] || (e[38] = [
-                    h(" Delete ")
+                    m(" Delete ")
                   ])),
                   _: 1
                 })
@@ -1890,7 +1895,7 @@ function De(t, e, s, m, a, n) {
     a.legendMenu ? (y(), T(L, {
       key: 4,
       modelValue: a.legendMenu,
-      "onUpdate:modelValue": e[20] || (e[20] = (r) => a.legendMenu = r),
+      "onUpdate:modelValue": e[20] || (e[20] = (d) => a.legendMenu = d),
       target: [a.legendMenuX, a.legendMenuY],
       absolute: "",
       "offset-y": ""
@@ -1899,12 +1904,12 @@ function De(t, e, s, m, a, n) {
         i(G, null, {
           default: l(() => [
             i(V, {
-              onClick: e[16] || (e[16] = (r) => n.moveLegend("top"))
+              onClick: e[16] || (e[16] = (d) => n.moveLegend("top"))
             }, {
               default: l(() => [
                 i(k, { style: { cursor: "pointer" } }, {
                   default: l(() => e[39] || (e[39] = [
-                    h(" Legend Top ")
+                    m(" Legend Top ")
                   ])),
                   _: 1
                 })
@@ -1912,12 +1917,12 @@ function De(t, e, s, m, a, n) {
               _: 1
             }),
             i(V, {
-              onClick: e[17] || (e[17] = (r) => n.moveLegend("bottom"))
+              onClick: e[17] || (e[17] = (d) => n.moveLegend("bottom"))
             }, {
               default: l(() => [
                 i(k, { style: { cursor: "pointer" } }, {
                   default: l(() => e[40] || (e[40] = [
-                    h(" Legend Bottom ")
+                    m(" Legend Bottom ")
                   ])),
                   _: 1
                 })
@@ -1925,12 +1930,12 @@ function De(t, e, s, m, a, n) {
               _: 1
             }),
             i(V, {
-              onClick: e[18] || (e[18] = (r) => n.moveLegend("left"))
+              onClick: e[18] || (e[18] = (d) => n.moveLegend("left"))
             }, {
               default: l(() => [
                 i(k, { style: { cursor: "pointer" } }, {
                   default: l(() => e[41] || (e[41] = [
-                    h(" Legend Left ")
+                    m(" Legend Left ")
                   ])),
                   _: 1
                 })
@@ -1938,12 +1943,12 @@ function De(t, e, s, m, a, n) {
               _: 1
             }),
             i(V, {
-              onClick: e[19] || (e[19] = (r) => n.moveLegend("right"))
+              onClick: e[19] || (e[19] = (d) => n.moveLegend("right"))
             }, {
               default: l(() => [
                 i(k, { style: { cursor: "pointer" } }, {
                   default: l(() => e[42] || (e[42] = [
-                    h(" Legend RIght ")
+                    m(" Legend RIght ")
                   ])),
                   _: 1
                 })
@@ -1961,10 +1966,10 @@ function De(t, e, s, m, a, n) {
         text: "Click item to toggle, Right click to edit",
         location: "top"
       }, {
-        activator: l(({ props: r }) => [
-          i(d, $(ee(r)), {
+        activator: l(({ props: d }) => [
+          i(r, ee(te(d)), {
             default: l(() => e[43] || (e[43] = [
-              h(" mdi-information-variant-circle ")
+              m(" mdi-information-variant-circle ")
             ])),
             _: 2
           }, 1040)
@@ -1974,10 +1979,10 @@ function De(t, e, s, m, a, n) {
     ], 512))
   ]);
 }
-const Se = /* @__PURE__ */ W(ge, [["render", De], ["__scopeId", "data-v-c22a9887"]]);
+const Se = /* @__PURE__ */ W(ve, [["render", De], ["__scopeId", "data-v-51bcc3ba"]]);
 export {
   Se as G,
   ue as a,
   ce as b
 };
-//# sourceMappingURL=Graph-3rkhFP3G.js.map
+//# sourceMappingURL=Graph-Bgo0cjl3.js.map