@openc3/vue-common 7.0.0-rc3 → 7.0.1

package/dist/{Graph-GhpiUBKI.js → Graph-CUFzx8Ti.js}

@@ -1,9 +1,9 @@
 import { T as j } from "./timeFilters-DTOZtBlG.js";
-import { O as $ } from "./OpenC3TimePicker-LN9R7V31.js";
-import { T as ee } from "./TargetPacketItemChooser-DD7JgCD9.js";
-import { resolveComponent as d, createBlock as x, openBlock as g, withKeys as X, withCtx as a, createVNode as l, createElementVNode as I, createTextVNode as f, createElementBlock as O, Fragment as Z, renderList as te, createCommentVNode as _, toDisplayString as S, withModifiers as W, withDirectives as P, normalizeClass as ie, vShow as G, mergeProps as se, normalizeProps as le, guardReactiveProps as ae } from "vue";
-import { y as J, d as ne, u as A, b as oe } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-D0cYHPwr.js";
-import { _ as H } from "./CustomIcon-Cg3jCA_l.js";
+import { O as $ } from "./OpenC3TimePicker-DpkbfbgC.js";
+import { T as ee } from "./TargetPacketItemChooser-BoBqvs3T.js";
+import { resolveComponent as d, openBlock as g, createBlock as x, withKeys as X, withCtx as a, createVNode as s, createElementVNode as I, createTextVNode as f, createElementBlock as O, Fragment as Z, renderList as te, createCommentVNode as _, toDisplayString as S, withModifiers as W, withDirectives as P, normalizeClass as ie, vShow as G, mergeProps as se, normalizeProps as le, guardReactiveProps as ae } from "vue";
+import { y as J, d as ne, u as A, b as oe } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-BJxLUZhh.js";
+import { _ as H } from "./CustomIcon-DTR361si.js";
 import { t as q, i as K } from "./format-CJYjW-xx.js";
 import { p as B } from "./parse-BKTTGw2p.js";
 import { u as re } from "./store-CO68rDJT.js";
@@ -172,46 +172,46 @@ const de = {
       }
     }
   }
-}, he = { class: "edit-box" }, ue = { class: "edit-box" }, me = { class: "edit-box" }, pe = { class: "edit-box" }, ce = { class: "edit-box" };
-function fe(t, e, i, n, s, o) {
-  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), h = d("v-tabs"), v = d("v-text-field"), k = d("v-card-text"), b = d("v-col"), w = d("v-select"), c = d("v-row"), V = d("OpenC3TimePicker"), M = d("v-tabs-window-item"), C = d("v-btn"), D = d("v-list-item"), T = d("v-list"), E = d("v-checkbox"), N = d("target-packet-item-chooser"), Y = d("v-data-table"), U = d("v-tabs-window"), z = d("v-card-actions"), u = d("v-card"), Q = d("v-dialog");
+}, he = { class: "edit-box" }, me = { class: "edit-box" }, ue = { class: "edit-box" }, pe = { class: "edit-box" }, ce = { class: "edit-box" };
+function fe(t, e, i, n, l, o) {
+  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), h = d("v-tabs"), v = d("v-text-field"), w = d("v-card-text"), b = d("v-col"), k = d("v-select"), c = d("v-row"), V = d("OpenC3TimePicker"), M = d("v-tabs-window-item"), C = d("v-btn"), D = d("v-list-item"), T = d("v-list"), E = d("v-checkbox"), N = d("target-packet-item-chooser"), Y = d("v-data-table"), U = d("v-tabs-window"), z = d("v-card-actions"), m = d("v-card"), Q = d("v-dialog");
   return g(), x(Q, {
     modelValue: o.show,
-    "onUpdate:modelValue": e[13] || (e[13] = (m) => o.show = m),
+    "onUpdate:modelValue": e[13] || (e[13] = (u) => o.show = u),
     persistent: "",
     "max-width": "700",
-    onKeydown: e[14] || (e[14] = X((m) => t.$emit("cancel"), ["esc"]))
+    onKeydown: e[14] || (e[14] = X((u) => t.$emit("cancel"), ["esc"]))
   }, {
     default: a(() => [
-      l(p, { height: "24" }, {
+      s(p, { height: "24" }, {
         default: a(() => [
-          l(r),
+          s(r),
           e[15] || (e[15] = I("span", null, " Edit Graph ", -1)),
-          l(r)
+          s(r)
         ]),
         _: 1
       }),
-      l(u, { class: "pa-3" }, {
+      s(m, { class: "pa-3" }, {
         default: a(() => [
-          l(h, {
+          s(h, {
             modelValue: t.tab,
-            "onUpdate:modelValue": e[0] || (e[0] = (m) => t.tab = m),
+            "onUpdate:modelValue": e[0] || (e[0] = (u) => t.tab = u),
             class: "ml-3"
           }, {
             default: a(() => [
-              l(y, { value: "0" }, {
+              s(y, { value: "0" }, {
                 default: a(() => [...e[16] || (e[16] = [
                   f(" Settings ", -1)
                 ])]),
                 _: 1
               }),
-              l(y, { value: "1" }, {
+              s(y, { value: "1" }, {
                 default: a(() => [...e[17] || (e[17] = [
                   f(" Scale / Lines ", -1)
                 ])]),
                 _: 1
               }),
-              l(y, { value: "2" }, {
+              s(y, { value: "2" }, {
                 default: a(() => [...e[18] || (e[18] = [
                   f(" Items ", -1)
                 ])]),
@@ -220,26 +220,26 @@ function fe(t, e, i, n, s, o) {
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          l(U, {
+          s(U, {
             modelValue: t.tab,
-            "onUpdate:modelValue": e[11] || (e[11] = (m) => t.tab = m)
+            "onUpdate:modelValue": e[11] || (e[11] = (u) => t.tab = u)
           }, {
             default: a(() => [
-              l(M, {
+              s(M, {
                 value: "0",
                 eager: ""
               }, {
                 default: a(() => [
                   I("div", he, [
-                    l(c, null, {
+                    s(c, null, {
                       default: a(() => [
-                        l(b, null, {
+                        s(b, null, {
                           default: a(() => [
-                            l(k, { class: "pa-0" }, {
+                            s(w, { class: "pa-0" }, {
                               default: a(() => [
-                                l(v, {
+                                s(v, {
                                   modelValue: t.graph.title,
-                                  "onUpdate:modelValue": e[1] || (e[1] = (m) => t.graph.title = m),
+                                  "onUpdate:modelValue": e[1] || (e[1] = (u) => t.graph.title = u),
                                   class: "pb-2",
                                   label: "Title",
                                   "hide-details": ""
@@ -250,11 +250,11 @@ function fe(t, e, i, n, s, o) {
                           ]),
                           _: 1
                         }),
-                        l(b, null, {
+                        s(b, null, {
                           default: a(() => [
-                            l(w, {
+                            s(k, {
                               modelValue: t.graph.legendPosition,
-                              "onUpdate:modelValue": e[2] || (e[2] = (m) => t.graph.legendPosition = m),
+                              "onUpdate:modelValue": e[2] || (e[2] = (u) => t.graph.legendPosition = u),
                               label: "Legend Position",
                               "hide-details": "",
                               items: t.legendPositions,
@@ -267,20 +267,20 @@ function fe(t, e, i, n, s, o) {
                       _: 1
                     })
                   ]),
-                  I("div", ue, [
-                    l(k, { class: "pa-0" }, {
+                  I("div", me, [
+                    s(w, { class: "pa-0" }, {
                       default: a(() => [...e[19] || (e[19] = [
                         f(" Select a start date/time for the graph. Leave blank for start now. ", -1)
                       ])]),
                       _: 1
                     }),
-                    l(c, null, {
+                    s(c, null, {
                       default: a(() => [
-                        l(b, null, {
+                        s(b, null, {
                           default: a(() => [
-                            l(v, {
+                            s(v, {
                               modelValue: t.startDate,
-                              "onUpdate:modelValue": e[3] || (e[3] = (m) => t.startDate = m),
+                              "onUpdate:modelValue": e[3] || (e[3] = (u) => t.startDate = u),
                               label: "Start Date",
                               name: `date${Date.now()}`,
                               rules: [t.rules.date],
@@ -289,11 +289,11 @@ function fe(t, e, i, n, s, o) {
                           ]),
                           _: 1
                         }),
-                        l(b, null, {
+                        s(b, null, {
                           default: a(() => [
-                            l(V, {
+                            s(V, {
                               modelValue: t.startTime,
-                              "onUpdate:modelValue": e[4] || (e[4] = (m) => t.startTime = m),
+                              "onUpdate:modelValue": e[4] || (e[4] = (u) => t.startTime = u),
                               label: "Start Time",
                               rules: [t.rules.time]
                             }, null, 8, ["modelValue", "rules"])
@@ -303,19 +303,19 @@ function fe(t, e, i, n, s, o) {
                       ]),
                       _: 1
                     }),
-                    l(k, { class: "pa-0" }, {
+                    s(w, { class: "pa-0" }, {
                       default: a(() => [...e[20] || (e[20] = [
                         f(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ", -1)
                       ])]),
                       _: 1
                     }),
-                    l(c, null, {
+                    s(c, null, {
                       default: a(() => [
-                        l(b, null, {
+                        s(b, null, {
                           default: a(() => [
-                            l(v, {
+                            s(v, {
                               modelValue: t.endDate,
-                              "onUpdate:modelValue": e[5] || (e[5] = (m) => t.endDate = m),
+                              "onUpdate:modelValue": e[5] || (e[5] = (u) => t.endDate = u),
                               label: "End Date",
                               name: `date${Date.now()}`,
                               rules: [t.rules.date],
@@ -324,11 +324,11 @@ function fe(t, e, i, n, s, o) {
                           ]),
                           _: 1
                         }),
-                        l(b, null, {
+                        s(b, null, {
                           default: a(() => [
-                            l(V, {
+                            s(V, {
                               modelValue: t.endTime,
-                              "onUpdate:modelValue": e[6] || (e[6] = (m) => t.endTime = m),
+                              "onUpdate:modelValue": e[6] || (e[6] = (u) => t.endTime = u),
                               label: "End Time",
                               rules: [t.rules.time]
                             }, null, 8, ["modelValue", "rules"])
@@ -342,25 +342,25 @@ function fe(t, e, i, n, s, o) {
                 ]),
                 _: 1
               }),
-              l(M, {
+              s(M, {
                 value: "1",
                 eager: ""
               }, {
                 default: a(() => [
-                  I("div", me, [
-                    l(k, { class: "pa-0" }, {
+                  I("div", ue, [
+                    s(w, { class: "pa-0" }, {
                       default: a(() => [...e[21] || (e[21] = [
                         f(" Set a min or max Y value to override automatic scaling ", -1)
                       ])]),
                       _: 1
                     }),
-                    l(c, { dense: "" }, {
+                    s(c, { dense: "" }, {
                       default: a(() => [
-                        l(b, { class: "px-2" }, {
+                        s(b, { class: "px-2" }, {
                           default: a(() => [
-                            l(v, {
+                            s(v, {
                               modelValue: t.graph.graphMinY,
-                              "onUpdate:modelValue": e[7] || (e[7] = (m) => t.graph.graphMinY = m),
+                              "onUpdate:modelValue": e[7] || (e[7] = (u) => t.graph.graphMinY = u),
                               "hide-details": "",
                               label: "Min Y Axis (Optional)",
                               type: "number"
@@ -368,11 +368,11 @@ function fe(t, e, i, n, s, o) {
                           ]),
                           _: 1
                         }),
-                        l(b, { class: "px-2" }, {
+                        s(b, { class: "px-2" }, {
                           default: a(() => [
-                            l(v, {
+                            s(v, {
                               modelValue: t.graph.graphMaxY,
-                              "onUpdate:modelValue": e[8] || (e[8] = (m) => t.graph.graphMaxY = m),
+                              "onUpdate:modelValue": e[8] || (e[8] = (u) => t.graph.graphMaxY = u),
                               "hide-details": "",
                               label: "Max Y Axis (Optional)",
                               type: "number"
@@ -385,17 +385,17 @@ function fe(t, e, i, n, s, o) {
                     })
                   ]),
                   I("div", pe, [
-                    l(T, {
+                    s(T, {
                       density: "compact",
                       class: "horizontal-lines"
                     }, {
                       default: a(() => [
-                        l(D, null, {
+                        s(D, null, {
                           default: a(() => [
                             e[23] || (e[23] = I("span", { style: { "padding-top": "5px" } }, " Add horizontal lines to the graph ", -1)),
-                            l(r),
-                            l(C, {
-                              onClick: e[9] || (e[9] = (m) => o.addLine())
+                            s(r),
+                            s(C, {
+                              onClick: e[9] || (e[9] = (u) => o.addLine())
                             }, {
                               default: a(() => [...e[22] || (e[22] = [
                                 f(" New Line ", -1)
@@ -405,29 +405,29 @@ function fe(t, e, i, n, s, o) {
                           ]),
                           _: 1
                         }),
-                        (g(!0), O(Z, null, te(t.graph.lines, (m, F) => (g(), x(D, {
+                        (g(!0), O(Z, null, te(t.graph.lines, (u, F) => (g(), x(D, {
                           key: F,
-                          value: m,
+                          value: u,
                           color: "primary"
                         }, {
                           default: a(() => [
-                            l(c, null, {
+                            s(c, null, {
                               default: a(() => [
-                                l(b, null, {
+                                s(b, null, {
                                   default: a(() => [
-                                    l(v, {
-                                      modelValue: m.yValue,
-                                      "onUpdate:modelValue": (L) => m.yValue = L,
+                                    s(v, {
+                                      modelValue: u.yValue,
+                                      "onUpdate:modelValue": (L) => u.yValue = L,
                                       label: "Y Value"
                                     }, null, 8, ["modelValue", "onUpdate:modelValue"])
                                   ]),
                                   _: 2
                                 }, 1024),
-                                l(b, null, {
+                                s(b, null, {
                                   default: a(() => [
-                                    l(w, {
-                                      modelValue: m.color,
-                                      "onUpdate:modelValue": (L) => m.color = L,
+                                    s(k, {
+                                      modelValue: u.color,
+                                      "onUpdate:modelValue": (L) => u.color = L,
                                       label: "Color",
                                       "hide-details": "",
                                       items: i.colors
@@ -435,14 +435,14 @@ function fe(t, e, i, n, s, o) {
                                   ]),
                                   _: 2
                                 }, 1024),
-                                l(b, null, {
+                                s(b, null, {
                                   default: a(() => [
-                                    l(C, {
+                                    s(C, {
                                       style: { padding: "30px" },
                                       icon: "mdi-delete",
                                       variant: "text",
                                       "aria-label": "Remove Line",
-                                      onClick: (L) => o.removeLine(m)
+                                      onClick: (L) => o.removeLine(u)
                                     }, null, 8, ["onClick"])
                                   ]),
                                   _: 2
@@ -458,7 +458,7 @@ function fe(t, e, i, n, s, o) {
                     })
                   ]),
                   I("div", ce, [
-                    l(k, { class: "pa-0 text-medium-emphasis" }, {
+                    s(w, { class: "pa-0 text-medium-emphasis" }, {
                       default: a(() => [...e[24] || (e[24] = [
                         f(" Choose a different item to use for the graph's X axis. If unchecked, the graph will use the packet's PACKET_TIMESECONDS item if it exists, otherwise it will use RECEIVED_TIMESECONDS. ", -1),
                         I("br", null, null, -1),
@@ -466,10 +466,10 @@ function fe(t, e, i, n, s, o) {
                       ])]),
                       _: 1
                     }),
-                    l(E, {
+                    s(E, {
                       modelValue: t.customXAxisEnabled,
                       "onUpdate:modelValue": [
-                        e[10] || (e[10] = (m) => t.customXAxisEnabled = m),
+                        e[10] || (e[10] = (u) => t.customXAxisEnabled = u),
                         o.customXAxisToggled
                       ],
                       disabled: !i.xAxisItemPacket,
@@ -477,7 +477,7 @@ function fe(t, e, i, n, s, o) {
                       density: "compact",
                       "hide-details": ""
                     }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-                    i.xAxisItemPacket ? _("", !0) : (g(), x(k, {
+                    i.xAxisItemPacket ? _("", !0) : (g(), x(w, {
                       key: 0,
                       class: "pa-0 text-medium-emphasis"
                     }, {
@@ -502,12 +502,12 @@ function fe(t, e, i, n, s, o) {
                 ]),
                 _: 1
               }),
-              l(M, {
+              s(M, {
                 value: "2",
                 eager: ""
               }, {
                 default: a(() => [
-                  l(Y, {
+                  s(Y, {
                     "item-key": "itemId",
                     class: "elevation-1 my-2",
                     "data-test": "edit-graph-items",
@@ -518,12 +518,12 @@ function fe(t, e, i, n, s, o) {
                       "items-per-page-options": [5]
                     }
                   }, {
-                    "item.actions": a(({ item: m }) => [
-                      l(C, {
+                    "item.actions": a(({ item: u }) => [
+                      s(C, {
                         icon: "mdi-delete",
                         variant: "text",
                         "aria-label": "Remove Item",
-                        onClick: (F) => t.$emit("remove", m)
+                        onClick: (F) => t.$emit("remove", u)
                       }, null, 8, ["onClick"])
                     ]),
                     "no-data": a(() => [...e[26] || (e[26] = [
@@ -537,19 +537,19 @@ function fe(t, e, i, n, s, o) {
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          l(z, { class: "px-2" }, {
+          s(z, { class: "px-2" }, {
             default: a(() => [
-              l(r),
-              l(C, {
+              s(r),
+              s(C, {
                 variant: "outlined",
-                onClick: e[12] || (e[12] = (m) => t.$emit("cancel"))
+                onClick: e[12] || (e[12] = (u) => t.$emit("cancel"))
               }, {
                 default: a(() => [...e[27] || (e[27] = [
                   f(" Cancel ", -1)
                 ])]),
                 _: 1
               }),
-              l(C, {
+              s(C, {
                 variant: "flat",
                 onClick: o.closeOk
               }, {
@@ -628,9 +628,9 @@ const ge = /* @__PURE__ */ H(de, [["render", fe]]), ve = {
     });
   }
 }, ye = { key: 0 }, xe = { class: "pa-3" };
-function be(t, e, i, n, s, o) {
-  const r = d("v-card-title"), p = d("v-select"), y = d("v-card-text"), h = d("v-spacer"), v = d("v-btn"), k = d("v-card-actions"), b = d("v-card"), w = d("v-dialog");
-  return g(), x(w, {
+function be(t, e, i, n, l, o) {
+  const r = d("v-card-title"), p = d("v-select"), y = d("v-card-text"), h = d("v-spacer"), v = d("v-btn"), w = d("v-card-actions"), b = d("v-card"), k = d("v-dialog");
+  return g(), x(k, {
     modelValue: o.show,
     "onUpdate:modelValue": e[9] || (e[9] = (c) => o.show = c),
     persistent: "",
@@ -641,17 +641,17 @@ function be(t, e, i, n, s, o) {
     ]
   }, {
     default: a(() => [
-      l(b, null, {
+      s(b, null, {
         default: a(() => [
-          l(r, { class: "mb-2" }, {
+          s(r, { class: "mb-2" }, {
             default: a(() => [...e[12] || (e[12] = [
               f("Edit Item", -1)
             ])]),
             _: 1
           }),
-          l(y, null, {
+          s(y, null, {
             default: a(() => [
-              l(p, {
+              s(p, {
                 modelValue: t.editItem.valueType,
                 "onUpdate:modelValue": e[0] || (e[0] = (c) => t.editItem.valueType = c),
                 variant: "outlined",
@@ -660,7 +660,7 @@ function be(t, e, i, n, s, o) {
                 items: t.valueTypes,
                 class: "mb-2"
               }, null, 8, ["modelValue", "items"]),
-              l(p, {
+              s(p, {
                 modelValue: t.editItem.reduced,
                 "onUpdate:modelValue": e[1] || (e[1] = (c) => t.editItem.reduced = c),
                 variant: "outlined",
@@ -669,7 +669,7 @@ function be(t, e, i, n, s, o) {
                 items: t.reduction,
                 class: "mb-2"
               }, null, 8, ["modelValue", "items"]),
-              l(p, {
+              s(p, {
                 modelValue: t.editItem.reducedType,
                 "onUpdate:modelValue": e[2] || (e[2] = (c) => t.editItem.reducedType = c),
                 variant: "outlined",
@@ -679,7 +679,7 @@ function be(t, e, i, n, s, o) {
                 disabled: t.editItem.reduced === "DECOM",
                 class: "mb-2"
               }, null, 8, ["modelValue", "items", "disabled"]),
-              l(p, {
+              s(p, {
                 modelValue: t.editItem.color,
                 "onUpdate:modelValue": [
                   e[3] || (e[3] = (c) => t.editItem.color = c),
@@ -692,7 +692,7 @@ function be(t, e, i, n, s, o) {
                 class: "mb-2"
               }, null, 8, ["modelValue", "items"]),
               o.limitsNames.length > 1 ? (g(), O("div", ye, [
-                l(p, {
+                s(p, {
                   modelValue: t.limitsName,
                   "onUpdate:modelValue": [
                     e[5] || (e[5] = (c) => t.limitsName = c),
@@ -708,10 +708,10 @@ function be(t, e, i, n, s, o) {
             ]),
             _: 1
           }),
-          l(k, { class: "px-2" }, {
+          s(w, { class: "px-2" }, {
             default: a(() => [
-              l(h),
-              l(v, {
+              s(h),
+              s(v, {
                 variant: "outlined",
                 onClick: e[7] || (e[7] = (c) => t.$emit("cancel"))
               }, {
@@ -720,7 +720,7 @@ function be(t, e, i, n, s, o) {
                 ])]),
                 _: 1
               }),
-              l(v, {
+              s(v, {
                 variant: "flat",
                 onClick: e[8] || (e[8] = (c) => t.$emit("close", t.editItem))
               }, {
@@ -739,7 +739,7 @@ function be(t, e, i, n, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we = {
+const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", we = 10, ke = {
   components: {
     GraphEditDialog: ge,
     GraphEditItemDialog: Ie
@@ -1003,28 +1003,21 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
         // end time
       ).then((i) => {
         if (i.length > 0) {
-          if (Array.isArray(i[0]) && Array.isArray(i[0][0]))
-            for (let n = 0; n < i.length; n++)
-              for (let s = 0; s < i[n].length; s++)
-                if (s === 0) {
-                  let o = i[n][s][0], r = new Date(o);
-                  this.data[0].push(r.getTime() / 1e3);
-                } else
-                  this.data[s].push(i[n][s][0]);
-          else if (Array.isArray(i) && i.length >= 2)
-            for (let n = 0; n < i.length; n++)
-              if (n === 0) {
-                let s = i[n][0], o = new Date(s);
-                this.data[0].push(o.getTime() / 1e3);
-              } else
-                this.data[n].push(i[n][0]);
+          const n = Array.isArray(i[0]) && Array.isArray(i[0][0]) ? i : [i];
+          for (const l of n)
+            for (let o = 0; o < l.length; o++)
+              this.data[o].push(l[o][0]);
         }
+        this.dataChanged = !0, this.updateGraphData();
+      }).catch((i) => {
+        console.error("Error fetching playback telemetry:", i);
+      }).finally(() => {
         this.store.updatePlayback({
           playbackLoading: Math.max(
             0,
             this.store.playback.playbackLoading - 1
           )
-        }), this.dataChanged = !0, this.updateGraphData();
+        });
       })), this.lastPlaybackDateTime = this.playbackDateTime);
     },
     data: function(t, e) {
@@ -1070,18 +1063,18 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
   mounted() {
     const { chartSeries: t, overviewSeries: e } = this.items.reduce(
       (i, n) => {
-        const s = {
+        const l = {
           spanGaps: !0
         };
         return i.chartSeries.push({
-          ...s,
+          ...l,
           item: n,
           label: this.formatLabel(n),
           stroke: (o, r) => this.items[r - 1].color,
           width: 2,
           value: (o, r) => typeof r == "string" || Number.isNaN(r) ? "NaN" : r == null ? "--" : r.toFixed(3)
         }), i.overviewSeries.push({
-          ...s
+          ...l
         }), i;
       },
       { chartSeries: [], overviewSeries: [] }
@@ -1137,7 +1130,7 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
         series: [
           {
             label: this.xAxisLabel,
-            value: (n, s) => this.xAxisFormatter(s)
+            value: (n, l) => this.xAxisFormatter(l)
           },
           ...t
         ],
@@ -1153,15 +1146,15 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
             // setSeries: true,
           },
           bind: {
-            mouseup: (n, s, o) => (r) => {
+            mouseup: (n, l, o) => (r) => {
               this.state === "pause" && n.select.width === 0 && this.$emit("start"), o(r);
             }
           }
         },
         hooks: {
           setScale: [
-            (n, s) => {
-              if (s === "x" && !this.zoomOverview && this.overview) {
+            (n, l) => {
+              if (l === "x" && !this.zoomOverview && this.overview) {
                 this.zoomChart = !0;
                 let o = Math.round(
                   this.overview.valToPos(n.scales.x.min, "x")
@@ -1218,11 +1211,11 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
             (n) => {
               if (!this.zoomChart) {
                 this.state === "start" && n.select.width > 0 && this.$emit("pause"), this.zoomOverview = !0;
-                let s = n.posToVal(n.select.left, "x"), o = n.posToVal(
+                let l = n.posToVal(n.select.left, "x"), o = n.posToVal(
                   n.select.left + n.select.width,
                   "x"
                 );
-                this.graph.setScale("x", { min: s, max: o }), this.zoomOverview = !1;
+                this.graph.setScale("x", { min: l, max: o }), this.zoomOverview = !1;
               }
             }
           ]
@@ -1273,6 +1266,12 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
         this.pointsGraphed <= t.length && i.push(t.at(-this.pointsGraphed)), this.xAxisIsTime && i.push(e - this.secondsGraphed);
         const n = Math.max(...i);
         n === e && (e += 1), this.graph.setScale("x", { min: n, max: e });
+      } else if (this.graphStartDateTime) {
+        const e = this.graphStartDateTime / 1e9, i = this.graphEndDateTime ? this.graphEndDateTime / 1e9 : Date.now() / 1e3;
+        this.graph.setScale("x", { min: e, max: i }), this.$notify.caution({
+          title: "Empty graph data",
+          body: "No data was returned for the selected time range."
+        });
       }
       this.dataChanged = !1;
     },
@@ -1354,10 +1353,10 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
     setGraphRange: function() {
       let t = 0.1;
       (this.graphMinY || this.graphMinY === 0 || this.graphMaxY || this.graphMaxY === 0) && (t = 0), this.graph.scales.y.range = (e, i, n) => {
-        let s = i;
-        (this.graphMinY || this.graphMinY === 0) && (s = this.graphMinY);
+        let l = i;
+        (this.graphMinY || this.graphMinY === 0) && (l = this.graphMinY);
         let o = n;
-        return (this.graphMaxY || this.graphMaxY === 0) && (o = this.graphMaxY), A.rangeNum(s, o, t, !0);
+        return (this.graphMaxY || this.graphMaxY === 0) && (o = this.graphMaxY), A.rangeNum(l, o, t, !0);
       };
     },
     subscribe: function() {
@@ -1405,13 +1404,13 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
       ) ? i.clientWidth : 0);
       let n = 0;
       (this.legendPosition === "right" || this.legendPosition === "left") && (n = document.getElementsByClassName("u-legend")[0].clientWidth);
-      const s = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) - e - n, o = Math.max(
+      const l = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) - e - n, o = Math.max(
         document.documentElement.clientHeight,
         window.innerHeight || 0
       ), r = document.getElementsByClassName("v-expansion-panel")[0];
       let p = 100;
       t === "overview" ? this.fullHeight && !this.hideOverviewData ? this.showOverview = !0 : this.showOverview = !1 : (p = o - r.clientHeight - p - 250, this.fullHeight || (p = p / 2 + 10));
-      let y = s - 70;
+      let y = l - 70;
       return this.fullWidth || (y = y / 2 - 12), {
         width: this.width || y,
         height: this.height || p
@@ -1421,15 +1420,24 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
       return {
         scales: {
           x: {
-            range(t, e, i) {
-              return e == null ? this.xAxisIsTime ? [1566453600, 1566497660] : [0, 1] : [e, i];
+            range: (t, e, i) => {
+              if (e == null) {
+                if (this.graphStartDateTime) {
+                  const n = this.graphEndDateTime ? this.graphEndDateTime / 1e9 : Date.now() / 1e3;
+                  return [this.graphStartDateTime / 1e9, n];
+                }
+                if (this.xAxisIsTime) {
+                  const n = Date.now() / 1e3;
+                  return [n - 3600, n];
+                }
+                return [0, 1];
+              }
+              return [e, i];
             },
             time: this.xAxisIsTime
           },
           y: {
-            range(t, e, i) {
-              return e == null ? [-100, 100] : A.rangeNum(e, i, 0.1, !0);
-            }
+            range: (t, e, i) => e == null ? [-100, 100] : A.rangeNum(e, i, 0.1, !0)
           }
         }
       };
@@ -1457,8 +1465,8 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
             },
             // Forces the axis values to be formatted correctly
             // especially with really small or large values
-            values(n, s) {
-              return (s.some((o) => o >= 1e7) || s.every((o) => o < 0.01)) && (s = s.map((o) => o.toExponential(3))), s;
+            values(n, l) {
+              return (l.some((o) => o >= 1e7) || l.every((o) => o < 0.01)) && (l = l.map((o) => o.toExponential(3))), l;
             }
           }
         ]
@@ -1481,23 +1489,23 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
       return {
         hooks: {
           draw: (t) => {
-            const { ctx: e, bbox: i } = t, n = 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);
+            const { ctx: e, bbox: i } = t, n = t.valToPos(t.scales.y.min, "y", !0), l = 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((h) => {
               t.scales.y.min <= h.yValue && h.yValue <= t.scales.y.max && (e.save(), e.beginPath(), e.strokeStyle = h.color, e.lineWidth = 2, e.moveTo(i.left, t.valToPos(h.yValue, "y", !0)), e.lineTo(
                 i.left + i.width,
                 t.valToPos(h.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 h = o < s ? s : o;
+              let h = o < l ? l : o;
               e.fillRect(i.left, o, i.width, n - h);
             }
             if (t.scales.y.max > this.limitsValues[3]) {
               let h = n < y ? n : y;
-              e.fillRect(i.left, s, i.width, h - s);
+              e.fillRect(i.left, l, i.width, h - l);
             }
             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 h = r < s ? s : r;
+              let h = r < l ? l : r;
               e.fillRect(i.left, h, i.width, o - h);
             }
             if (t.scales.y.max > this.limitsValues[2] && // yellowHigh
@@ -1508,24 +1516,24 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
             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 h = p < s ? s : p, v = n < r ? n : r;
+                let h = p < l ? l : p, v = n < r ? n : r;
                 e.fillRect(i.left, h, i.width, v - h);
               }
             } else {
               const h = t.valToPos(this.limitsValues[4], "y", !0), v = 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 = h < s ? s : h;
-                e.fillRect(i.left, w, i.width, r - w);
+                let k = h < l ? l : h;
+                e.fillRect(i.left, k, i.width, r - k);
               }
               if (t.scales.y.max > this.limitsValues[5] && // greenHigh
               t.scales.y.min < this.limitsValues[2]) {
-                let w = n < p ? n : p, c = n < v ? n : v;
-                e.fillRect(i.left, w, i.width, c - w);
+                let k = n < p ? n : p, c = n < v ? n : v;
+                e.fillRect(i.left, k, i.width, c - k);
               }
               e.fillStyle = "rgba(0,0,255,0.15)";
-              let k = v < s ? s : v, b = n < h ? n : h;
-              e.fillRect(i.left, k, i.width, b - k);
+              let w = v < l ? l : v, b = n < h ? n : h;
+              e.fillRect(i.left, w, i.width, b - w);
             }
             e.stroke(), e.restore();
           }
@@ -1648,7 +1656,7 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
       const t = performance.now();
       for (; this.pendingData.length > 0; ) {
         const e = this.pendingData.shift();
-        if (this.processDataBatch(e), performance.now() - t > ke && this.pendingData.length > 0) {
+        if (this.processDataBatch(e), performance.now() - t > we && this.pendingData.length > 0) {
           this.processingRAF = requestAnimationFrame(
             () => this.processReceivedData()
           );
@@ -1662,17 +1670,17 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
           continue;
         let i = this.xAxisConverter(t[e][this.actualXAxisItem]), n = this.data[0].length;
         if (n === 0 || i > this.data[0][n - 1]) {
-          for (let s = 0; s < this.data.length; s++)
-            this.data[s].push(null);
+          for (let l = 0; l < this.data.length; l++)
+            this.data[l].push(null);
           this.setDataAtIndex(this.data[0].length - 1, i, t[e]);
         } else if (i === this.data[0][n - 1])
           this.setDataAtIndex(n - 1, i, t[e]);
         else {
-          let s = ne(this.data[0], i, this.bsComparator);
-          if (s >= 0)
-            this.setDataAtIndex(s, i, t[e]);
+          let l = ne(this.data[0], i, this.bsComparator);
+          if (l >= 0)
+            this.setDataAtIndex(l, i, t[e]);
           else {
-            const o = -s - 1;
+            const o = -l - 1;
             for (let r = 0; r < this.data.length; r++)
               this.data[r].splice(o, 0, null);
             this.setDataAtIndex(o, i, t[e]);
@@ -1695,15 +1703,15 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
     },
     setDataAtIndex: function(t, e, i) {
       this.data[0][t] = e;
-      for (const [n, s] of Object.entries(i)) {
+      for (const [n, l] of Object.entries(i)) {
         if (n === this.actualXAxisItem && !this.xAxisIsAlsoGraphedItem)
           continue;
         const o = this.indexes[n];
         if (o) {
           let r = this.data[o];
-          if (s?.raw)
+          if (l?.raw)
             r[t] = null;
-          else if (typeof s == "string") {
+          else if (typeof l == "string") {
             if (r[t] = null, !n.includes("__RAW")) {
               for (let p of this.items)
                 if (this.subscriptionKey(p) === n) {
@@ -1717,7 +1725,7 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
               });
             }
           } else
-            r[t] = s;
+            r[t] = l;
         }
       }
     },
@@ -1735,47 +1743,47 @@ const Ie = /* @__PURE__ */ H(ve, [["render", be]]), R = "__time", ke = 10, we =
   ref: "info",
   class: "u-series"
 };
-function Ce(t, e, i, n, s, o) {
-  const r = d("v-btn"), p = d("v-icon"), y = d("v-tooltip"), h = d("v-spacer"), v = d("v-toolbar"), k = d("v-expand-transition"), b = d("v-card"), w = d("graph-edit-dialog"), c = d("v-text-field"), V = d("v-row"), M = d("v-textarea"), C = d("v-dialog"), D = d("v-list-item-title"), T = d("v-list-item"), E = d("v-list"), N = d("v-menu"), Y = d("graph-edit-item-dialog"), U = d("v-list-subheader"), z = d("v-divider");
+function Ce(t, e, i, n, l, o) {
+  const r = d("v-btn"), p = d("v-icon"), y = d("v-tooltip"), h = d("v-spacer"), v = d("v-toolbar"), w = d("v-expand-transition"), b = d("v-card"), k = d("graph-edit-dialog"), c = d("v-text-field"), V = d("v-row"), M = d("v-textarea"), C = d("v-dialog"), D = d("v-list-item-title"), T = d("v-list-item"), E = d("v-list"), N = d("v-menu"), Y = d("graph-edit-item-dialog"), U = d("v-list-subheader"), z = d("v-divider");
   return g(), O("div", {
-    onClick: e[22] || (e[22] = W((u) => t.$emit("click"), ["prevent"]))
+    onClick: e[22] || (e[22] = W((m) => t.$emit("click"), ["prevent"]))
   }, [
-    l(b, null, {
+    s(b, null, {
       default: a(() => [
-        P(l(v, {
+        P(s(v, {
           height: "24",
           class: ie(["pl-2 pr-2", i.selectedGraphId === i.id ? "active" : ""])
         }, {
           default: a(() => [
-            P(l(r, {
+            P(s(r, {
               class: "mx-2",
               icon: "mdi-alert",
               density: "compact",
               variant: "text",
               "aria-label": "Show Errors",
               onClick: e[0] || (e[0] = () => {
-                s.errorDialog = !0;
+                l.errorDialog = !0;
               })
             }, null, 512), [
-              [G, s.errors.length !== 0]
+              [G, l.errors.length !== 0]
             ]),
-            l(r, {
+            s(r, {
               icon: "mdi-pencil",
               variant: "text",
               density: "compact",
               "data-test": "edit-graph-icon",
               "aria-label": "Edit Graph",
               onClick: e[1] || (e[1] = () => {
-                s.editGraph = !0;
+                l.editGraph = !0;
               })
             }),
-            s.legendHidden ? (g(), x(y, {
+            l.legendHidden ? (g(), x(y, {
               key: 0,
               text: "Legend hidden. Restore via Graph > Settings dialog.",
               location: "bottom"
             }, {
-              activator: a(({ props: u }) => [
-                l(p, se(u, {
+              activator: a(({ props: m }) => [
+                s(p, se(m, {
                   size: "small",
                   class: "mx-1"
                 }), {
@@ -1787,10 +1795,10 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             })) : _("", !0),
-            l(h),
-            I("span", null, S(s.title), 1),
-            l(h),
-            s.expand ? (g(), O(Z, { key: 1 }, [
+            s(h),
+            I("span", null, S(l.title), 1),
+            s(h),
+            l.expand ? (g(), O(Z, { key: 1 }, [
               o.calcFullSize ? (g(), x(r, {
                 key: 0,
                 icon: "mdi-arrow-collapse",
@@ -1806,7 +1814,7 @@ function Ce(t, e, i, n, s, o) {
                 "data-test": "expand-all",
                 onClick: o.expandAll
               }, null, 8, ["onClick"])),
-              s.fullWidth ? (g(), x(r, {
+              l.fullWidth ? (g(), x(r, {
                 key: 2,
                 icon: "mdi-arrow-collapse-horizontal",
                 variant: "text",
@@ -1821,7 +1829,7 @@ function Ce(t, e, i, n, s, o) {
                 "data-test": "expand-width",
                 onClick: o.expandWidth
               }, null, 8, ["onClick"])),
-              s.fullHeight ? (g(), x(r, {
+              l.fullHeight ? (g(), x(r, {
                 key: 4,
                 icon: "mdi-arrow-collapse-vertical",
                 variant: "text",
@@ -1837,7 +1845,7 @@ function Ce(t, e, i, n, s, o) {
                 onClick: o.expandHeight
               }, null, 8, ["onClick"]))
             ], 64)) : _("", !0),
-            s.expand ? (g(), x(r, {
+            l.expand ? (g(), x(r, {
               key: 2,
               icon: "mdi-window-minimize",
               variant: "text",
@@ -1852,19 +1860,19 @@ function Ce(t, e, i, n, s, o) {
               "data-test": "maximize-screen-icon",
               onClick: o.minMaxTransition
             }, null, 8, ["onClick"])),
-            l(r, {
+            s(r, {
               icon: "mdi-close-box",
               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"]), [
-          [G, !s.hideToolbarData]
+          [G, !l.hideToolbarData]
         ]),
-        l(k, { onAfterEnter: o.resize }, {
+        s(w, { onAfterEnter: o.resize }, {
           default: a(() => [
             P(I("div", De, [
               I("div", {
@@ -1874,10 +1882,10 @@ function Ce(t, e, i, n, s, o) {
               P(I("div", {
                 id: `overview${i.id}`
               }, null, 8, _e), [
-                [G, s.showOverview]
+                [G, l.showOverview]
               ])
             ], 512), [
-              [G, s.expand]
+              [G, l.expand]
             ])
           ]),
           _: 1
@@ -1885,48 +1893,48 @@ function Ce(t, e, i, n, s, o) {
       ]),
       _: 1
     }),
-    s.editGraph ? (g(), x(w, {
+    l.editGraph ? (g(), x(k, {
       key: 0,
-      modelValue: s.editGraph,
-      "onUpdate:modelValue": e[3] || (e[3] = (u) => s.editGraph = u),
-      "x-axis-item": s.xAxisItem,
-      "onUpdate:xAxisItem": e[4] || (e[4] = (u) => s.xAxisItem = u),
-      title: s.title,
-      "legend-position": s.legendPosition,
-      items: s.items,
-      "graph-min-y": s.graphMinY,
-      "graph-max-y": s.graphMaxY,
-      lines: s.lines,
-      colors: s.colors,
-      "start-date-time": s.graphStartDateTime,
-      "end-date-time": s.graphEndDateTime,
+      modelValue: l.editGraph,
+      "onUpdate:modelValue": e[3] || (e[3] = (m) => l.editGraph = m),
+      "x-axis-item": l.xAxisItem,
+      "onUpdate:xAxisItem": e[4] || (e[4] = (m) => l.xAxisItem = m),
+      title: l.title,
+      "legend-position": l.legendPosition,
+      items: l.items,
+      "graph-min-y": l.graphMinY,
+      "graph-max-y": l.graphMaxY,
+      lines: l.lines,
+      colors: l.colors,
+      "start-date-time": l.graphStartDateTime,
+      "end-date-time": l.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) => l.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(C, {
-      modelValue: s.errorDialog,
-      "onUpdate:modelValue": e[8] || (e[8] = (u) => s.errorDialog = u),
+    s(C, {
+      modelValue: l.errorDialog,
+      "onUpdate:modelValue": e[8] || (e[8] = (m) => l.errorDialog = m),
       "max-width": "600"
     }, {
       default: a(() => [
-        l(v, { height: "24" }, {
+        s(v, { height: "24" }, {
           default: a(() => [
-            l(h),
+            s(h),
             e[25] || (e[25] = I("span", null, " Errors ", -1)),
-            l(h)
+            s(h)
           ]),
           _: 1
         }),
-        l(b, { class: "pa-3" }, {
+        s(b, { class: "pa-3" }, {
           default: a(() => [
-            l(V, { dense: "" }, {
+            s(V, { dense: "" }, {
               default: a(() => [
-                l(c, {
-                  modelValue: s.title,
-                  "onUpdate:modelValue": e[7] || (e[7] = (u) => s.title = u),
+                s(c, {
+                  modelValue: l.title,
+                  "onUpdate:modelValue": e[7] || (e[7] = (m) => l.title = m),
                   readonly: "",
                   "hide-details": "",
                   class: "pb-2",
@@ -1935,9 +1943,9 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             }),
-            l(V, { class: "my-3" }, {
+            s(V, { class: "my-3" }, {
               default: a(() => [
-                l(M, {
+                s(M, {
                   readonly: "",
                   rows: "8",
                   "model-value": o.error
@@ -1945,9 +1953,9 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             }),
-            l(V, null, {
+            s(V, null, {
               default: a(() => [
-                l(r, {
+                s(r, {
                   block: "",
                   onClick: o.clearErrors
                 }, {
@@ -1965,23 +1973,23 @@ function Ce(t, e, i, n, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue"]),
-    s.editGraphMenu ? (g(), x(N, {
+    l.editGraphMenu ? (g(), x(N, {
       key: 1,
-      modelValue: s.editGraphMenu,
-      "onUpdate:modelValue": e[10] || (e[10] = (u) => s.editGraphMenu = u),
-      target: [s.editGraphMenuX, s.editGraphMenuY],
+      modelValue: l.editGraphMenu,
+      "onUpdate:modelValue": e[10] || (e[10] = (m) => l.editGraphMenu = m),
+      target: [l.editGraphMenuX, l.editGraphMenuY],
       absolute: ""
     }, {
       default: a(() => [
-        l(E, null, {
+        s(E, null, {
           default: a(() => [
-            l(T, {
-              onClick: e[9] || (e[9] = (u) => s.editGraph = !0)
+            s(T, {
+              onClick: e[9] || (e[9] = (m) => l.editGraph = !0)
             }, {
               default: a(() => [
-                l(D, { style: { cursor: "pointer" } }, {
+                s(D, { style: { cursor: "pointer" } }, {
                   default: a(() => [
-                    f(" Edit " + S(s.title), 1)
+                    f(" Edit " + S(l.title), 1)
                   ]),
                   _: 1
                 })
@@ -1994,44 +2002,44 @@ function Ce(t, e, i, n, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue", "target"])) : _("", !0),
-    s.editItem ? (g(), x(Y, {
+    l.editItem ? (g(), x(Y, {
       key: 2,
-      modelValue: s.editItem,
-      "onUpdate:modelValue": e[11] || (e[11] = (u) => s.editItem = u),
-      colors: s.colors,
-      item: s.selectedItem,
+      modelValue: l.editItem,
+      "onUpdate:modelValue": e[11] || (e[11] = (m) => l.editItem = m),
+      colors: l.colors,
+      item: l.selectedItem,
       onChangeColor: o.changeColor,
       onChangeLimits: o.changeLimits,
-      onCancel: e[12] || (e[12] = (u) => s.editItem = !1),
+      onCancel: e[12] || (e[12] = (m) => l.editItem = !1),
       onClose: o.closeEditItem
     }, null, 8, ["modelValue", "colors", "item", "onChangeColor", "onChangeLimits", "onClose"])) : _("", !0),
-    s.itemMenu ? (g(), x(N, {
+    l.itemMenu ? (g(), x(N, {
       key: 3,
-      modelValue: s.itemMenu,
-      "onUpdate:modelValue": e[16] || (e[16] = (u) => s.itemMenu = u),
-      target: [s.itemMenuX, s.itemMenuY],
+      modelValue: l.itemMenu,
+      "onUpdate:modelValue": e[16] || (e[16] = (m) => l.itemMenu = m),
+      target: [l.itemMenuX, l.itemMenuY],
       absolute: ""
     }, {
       default: a(() => [
-        l(E, {
+        s(E, {
           nav: "",
           density: "compact"
         }, {
           default: a(() => [
-            l(U, null, {
+            s(U, null, {
               default: a(() => [
-                f(S(s.selectedItem.targetName) + " " + S(s.selectedItem.packetName) + " " + S(s.selectedItem.itemName), 1)
+                f(S(l.selectedItem.targetName) + " " + S(l.selectedItem.packetName) + " " + S(l.selectedItem.itemName), 1)
               ]),
               _: 1
             }),
-            l(T, {
-              onClick: e[13] || (e[13] = (u) => s.editItem = !0)
+            s(T, {
+              onClick: e[13] || (e[13] = (m) => l.editItem = !0)
             }, {
               prepend: a(() => [
-                l(p, { icon: "mdi-pencil" })
+                s(p, { icon: "mdi-pencil" })
               ]),
               default: a(() => [
-                l(D, null, {
+                s(D, null, {
                   default: a(() => [...e[27] || (e[27] = [
                     f(" Edit ", -1)
                   ])]),
@@ -2040,14 +2048,14 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             }),
-            l(T, {
-              onClick: e[14] || (e[14] = (u) => o.clearData([s.selectedItem]))
+            s(T, {
+              onClick: e[14] || (e[14] = (m) => o.clearData([l.selectedItem]))
             }, {
               prepend: a(() => [
-                l(p, { icon: "mdi-eraser" })
+                s(p, { icon: "mdi-eraser" })
               ]),
               default: a(() => [
-                l(D, null, {
+                s(D, null, {
                   default: a(() => [...e[28] || (e[28] = [
                     f(" Clear ", -1)
                   ])]),
@@ -2056,14 +2064,14 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             }),
-            l(T, {
-              onClick: e[15] || (e[15] = (u) => o.removeItems([s.selectedItem]))
+            s(T, {
+              onClick: e[15] || (e[15] = (m) => o.removeItems([l.selectedItem]))
             }, {
               prepend: a(() => [
-                l(p, { icon: "mdi-delete" })
+                s(p, { icon: "mdi-delete" })
               ]),
               default: a(() => [
-                l(D, null, {
+                s(D, null, {
                   default: a(() => [...e[29] || (e[29] = [
                     f(" Delete ", -1)
                   ])]),
@@ -2078,21 +2086,21 @@ function Ce(t, e, i, n, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue", "target"])) : _("", !0),
-    s.legendMenu ? (g(), x(N, {
+    l.legendMenu ? (g(), x(N, {
       key: 4,
-      modelValue: s.legendMenu,
-      "onUpdate:modelValue": e[21] || (e[21] = (u) => s.legendMenu = u),
-      target: [s.legendMenuX, s.legendMenuY],
+      modelValue: l.legendMenu,
+      "onUpdate:modelValue": e[21] || (e[21] = (m) => l.legendMenu = m),
+      target: [l.legendMenuX, l.legendMenuY],
       absolute: ""
     }, {
       default: a(() => [
-        l(E, null, {
+        s(E, null, {
           default: a(() => [
-            l(T, {
-              onClick: e[17] || (e[17] = (u) => o.moveLegend("top"))
+            s(T, {
+              onClick: e[17] || (e[17] = (m) => o.moveLegend("top"))
             }, {
               default: a(() => [
-                l(D, { style: { cursor: "pointer" } }, {
+                s(D, { style: { cursor: "pointer" } }, {
                   default: a(() => [...e[30] || (e[30] = [
                     f(" Legend Top ", -1)
                   ])]),
@@ -2101,11 +2109,11 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             }),
-            l(T, {
-              onClick: e[18] || (e[18] = (u) => o.moveLegend("bottom"))
+            s(T, {
+              onClick: e[18] || (e[18] = (m) => o.moveLegend("bottom"))
             }, {
               default: a(() => [
-                l(D, { style: { cursor: "pointer" } }, {
+                s(D, { style: { cursor: "pointer" } }, {
                   default: a(() => [...e[31] || (e[31] = [
                     f(" Legend Bottom ", -1)
                   ])]),
@@ -2114,11 +2122,11 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             }),
-            l(T, {
-              onClick: e[19] || (e[19] = (u) => o.moveLegend("left"))
+            s(T, {
+              onClick: e[19] || (e[19] = (m) => o.moveLegend("left"))
             }, {
               default: a(() => [
-                l(D, { style: { cursor: "pointer" } }, {
+                s(D, { style: { cursor: "pointer" } }, {
                   default: a(() => [...e[32] || (e[32] = [
                     f(" Legend Left ", -1)
                   ])]),
@@ -2127,11 +2135,11 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             }),
-            l(T, {
-              onClick: e[20] || (e[20] = (u) => o.moveLegend("right"))
+            s(T, {
+              onClick: e[20] || (e[20] = (m) => o.moveLegend("right"))
             }, {
               default: a(() => [
-                l(D, { style: { cursor: "pointer" } }, {
+                s(D, { style: { cursor: "pointer" } }, {
                   default: a(() => [...e[33] || (e[33] = [
                     f(" Legend Right ", -1)
                   ])]),
@@ -2140,10 +2148,10 @@ function Ce(t, e, i, n, s, o) {
               ]),
               _: 1
             }),
-            l(z),
-            l(T, { onClick: o.legendHide }, {
+            s(z),
+            s(T, { onClick: o.legendHide }, {
               default: a(() => [
-                l(D, { style: { cursor: "pointer" } }, {
+                s(D, { style: { cursor: "pointer" } }, {
                   default: a(() => [...e[34] || (e[34] = [
                     f(" Hide Legend ", -1)
                   ])]),
@@ -2159,12 +2167,12 @@ function Ce(t, e, i, n, s, o) {
       _: 1
     }, 8, ["modelValue", "target"])) : _("", !0),
     i.sparkline ? _("", !0) : (g(), O("div", Ae, [
-      l(y, {
+      s(y, {
         text: "Click item to toggle, Right click to edit",
         location: "top"
       }, {
-        activator: a(({ props: u }) => [
-          l(p, le(ae(u)), {
+        activator: a(({ props: m }) => [
+          s(p, le(ae(m)), {
             default: a(() => [...e[35] || (e[35] = [
               f(" mdi-information-variant-circle ", -1)
             ])]),
@@ -2176,10 +2184,10 @@ function Ce(t, e, i, n, s, o) {
     ], 512))
   ]);
 }
-const Re = /* @__PURE__ */ H(we, [["render", Ce], ["__scopeId", "data-v-5051523a"]]);
+const Re = /* @__PURE__ */ H(ke, [["render", Ce], ["__scopeId", "data-v-ad552f57"]]);
 export {
   Re as G,
   ge as a,
   Ie as b
 };
-//# sourceMappingURL=Graph-GhpiUBKI.js.map
+//# sourceMappingURL=Graph-CUFzx8Ti.js.map