@openc3/vue-common 6.7.0 → 6.8.0

package/dist/{Graph-BiU56Qj2.js → Graph-CWcrowaT.js}

@@ -1,6 +1,6 @@
 import { T as F } from "./timeFilters-BKnCM4rv.js";
-import { d as X, f as B, u as w, a as ee } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-DWYRspHE.js";
-import { resolveComponent as d, createElementBlock as V, openBlock as f, createVNode as l, createBlock as b, createCommentVNode as _, withCtx as o, createSlots as te, createTextVNode as g, toDisplayString as A, normalizeClass as J, Fragment as W, withKeys as Q, createElementVNode as k, renderList as ie, withModifiers as K, withDirectives as L, vShow as O, normalizeProps as se, guardReactiveProps as le } from "vue";
+import { d as X, f as B, u as _, a as ee } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-quWsUlLr.js";
+import { resolveComponent as d, createElementBlock as V, openBlock as f, createVNode as l, createBlock as x, createCommentVNode as k, withCtx as r, createSlots as te, createTextVNode as g, toDisplayString as A, normalizeClass as J, Fragment as W, withKeys as Q, createElementVNode as N, renderList as ie, withModifiers as K, withDirectives as L, vShow as O, normalizeProps as se, guardReactiveProps as le } from "vue";
 import { _ as R } from "./CustomIcon-h5X7369N.js";
 import { t as j, i as Z } from "./format-CVeawcIv.js";
 import { p as q } from "./parse-DnkEsW-3.js";
@@ -337,20 +337,20 @@ const ae = {
     }
   }
 }, ne = { class: "pt-4 pb-4" };
-function oe(t, e, i, n, s, a) {
-  const r = d("v-autocomplete"), m = d("v-col"), x = d("v-list-item"), u = d("v-divider"), y = d("v-combobox"), N = d("v-btn"), T = d("v-row");
+function re(t, e, i, n, s, a) {
+  const o = d("v-autocomplete"), m = d("v-col"), b = d("v-list-item"), u = d("v-divider"), y = d("v-combobox"), T = d("v-btn"), I = d("v-row");
   return f(), V("div", ne, [
-    l(T, {
+    l(I, {
       "no-gutters": !i.vertical
     }, {
-      default: o(() => [
+      default: r(() => [
         l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-target"
         }, {
-          default: o(() => [
-            l(r, {
+          default: r(() => [
+            l(o, {
               modelValue: s.selectedTargetName,
               "onUpdate:modelValue": [
                 e[0] || (e[0] = (c) => s.selectedTargetName = c),
@@ -373,8 +373,8 @@ function oe(t, e, i, n, s, a) {
           class: "tpic-select pr-4",
           "data-test": "select-packet"
         }, {
-          default: o(() => [
-            l(r, {
+          default: r(() => [
+            l(o, {
               modelValue: s.selectedPacketName,
               "onUpdate:modelValue": [
                 e[2] || (e[2] = (c) => s.selectedPacketName = c),
@@ -391,8 +391,8 @@ function oe(t, e, i, n, s, a) {
             }, te({ _: 2 }, [
               a.includeLatestPacketInDropdown ? {
                 name: "prepend-item",
-                fn: o(() => [
-                  l(x, {
+                fn: r(() => [
+                  l(b, {
                     title: "LATEST",
                     onClick: e[1] || (e[1] = (c) => a.packetNameChanged("LATEST"))
                   }),
@@ -404,14 +404,14 @@ function oe(t, e, i, n, s, a) {
           ]),
           _: 1
         }, 8, ["cols"]),
-        i.chooseItem ? (f(), b(m, {
+        i.chooseItem ? (f(), x(m, {
           key: 0,
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-item"
         }, {
-          default: o(() => [
-            l(r, {
+          default: r(() => [
+            l(o, {
               modelValue: s.selectedItemName,
               "onUpdate:modelValue": [
                 e[3] || (e[3] = (c) => s.selectedItemName = c),
@@ -428,15 +428,15 @@ function oe(t, e, i, n, s, a) {
             }, null, 8, ["modelValue", "disabled", "items"])
           ]),
           _: 1
-        }, 8, ["cols"])) : _("", !0),
-        i.chooseItem && a.itemIsArray ? (f(), b(m, {
+        }, 8, ["cols"])) : k("", !0),
+        i.chooseItem && a.itemIsArray ? (f(), x(m, {
           key: 1,
           cols: "1",
           class: "tpic-select pr-4",
           "data-test": "array-index",
           style: { "min-width": "105px" }
         }, {
-          default: o(() => [
+          default: r(() => [
             l(y, {
               modelValue: s.selectedArrayIndex,
               "onUpdate:modelValue": [
@@ -454,43 +454,43 @@ function oe(t, e, i, n, s, a) {
             }, null, 8, ["modelValue", "disabled", "items"])
           ]),
           _: 1
-        })) : _("", !0),
-        i.buttonText ? (f(), b(m, {
+        })) : k("", !0),
+        i.buttonText ? (f(), x(m, {
           key: 2,
           cols: a.colSize,
           style: { "max-width": "140px" }
         }, {
-          default: o(() => [
-            l(N, {
+          default: r(() => [
+            l(T, {
               disabled: a.buttonDisabled,
               color: "primary",
               "data-test": "select-send",
               onClick: a.buttonPressed
             }, {
-              default: o(() => [
+              default: r(() => [
                 g(A(a.actualButtonText), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
           ]),
           _: 1
-        }, 8, ["cols"])) : _("", !0)
+        }, 8, ["cols"])) : k("", !0)
       ]),
       _: 1
     }, 8, ["no-gutters"]),
-    i.selectTypes ? (f(), b(T, {
+    i.selectTypes ? (f(), x(I, {
       key: 0,
       class: "pt-6",
       "no-gutters": ""
     }, {
-      default: o(() => [
+      default: r(() => [
         l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "data-type"
         }, {
-          default: o(() => [
-            l(r, {
+          default: r(() => [
+            l(o, {
               modelValue: s.selectedValueType,
               "onUpdate:modelValue": e[7] || (e[7] = (c) => s.selectedValueType = c),
               label: "Value Type",
@@ -507,8 +507,8 @@ function oe(t, e, i, n, s, a) {
           class: "tpic-select pr-4",
           "data-test": "reduced"
         }, {
-          default: o(() => [
-            l(r, {
+          default: r(() => [
+            l(o, {
               modelValue: s.selectedReduced,
               "onUpdate:modelValue": e[8] || (e[8] = (c) => s.selectedReduced = c),
               label: "Reduced",
@@ -525,8 +525,8 @@ function oe(t, e, i, n, s, a) {
           class: "tpic-select pr-4",
           "data-test": "reduced-type"
         }, {
-          default: o(() => [
-            l(r, {
+          default: r(() => [
+            l(o, {
               modelValue: s.selectedReducedType,
               "onUpdate:modelValue": e[9] || (e[9] = (c) => s.selectedReducedType = c),
               label: "Reduced Type",
@@ -545,21 +545,21 @@ function oe(t, e, i, n, s, a) {
         }, null, 8, ["cols"])
       ]),
       _: 1
-    })) : _("", !0),
-    l(T, {
+    })) : k("", !0),
+    l(I, {
       "no-gutters": "",
       class: "pa-3"
     }, {
-      default: o(() => [
+      default: r(() => [
         l(m, {
           cols: a.colSize,
           class: J({ "openc3-yellow": s.hazardous })
         }, {
-          default: o(() => [
+          default: r(() => [
             g(" Description: " + A(s.description) + " ", 1),
             s.hazardous ? (f(), V(W, { key: 0 }, [
               g(" (HAZARDOUS) ")
-            ], 64)) : _("", !0)
+            ], 64)) : k("", !0)
           ]),
           _: 1
         }, 8, ["cols", "class"])
@@ -568,9 +568,9 @@ function oe(t, e, i, n, s, a) {
     })
   ]);
 }
-const re = /* @__PURE__ */ R(ae, [["render", oe], ["__scopeId", "data-v-fe1b8081"]]), de = {
+const oe = /* @__PURE__ */ R(ae, [["render", re], ["__scopeId", "data-v-404c7763"]]), de = {
   components: {
-    TargetPacketItemChooser: re
+    TargetPacketItemChooser: oe
   },
   mixins: [F],
   props: {
@@ -730,51 +730,47 @@ const re = /* @__PURE__ */ R(ae, [["render", oe], ["__scopeId", "data-v-fe1b8081
   }
 }, me = { class: "edit-box" }, ue = { class: "edit-box" }, he = { class: "edit-box" }, ce = { class: "edit-box" }, pe = { class: "edit-box" };
 function fe(t, e, i, n, s, a) {
-  const r = d("v-spacer"), m = d("v-toolbar"), x = d("v-tab"), u = d("v-tabs"), y = d("v-text-field"), N = d("v-card-text"), T = d("v-col"), c = d("v-select"), v = d("v-row"), S = d("v-tabs-window-item"), I = d("v-btn"), D = d("v-list-item"), E = d("v-list"), M = d("v-checkbox"), z = d("target-packet-item-chooser"), Y = d("v-data-table"), C = d("v-tabs-window"), G = d("v-card-actions"), p = d("v-card"), $ = d("v-dialog");
-  return f(), b($, {
+  const o = d("v-spacer"), m = d("v-toolbar"), b = d("v-tab"), u = d("v-tabs"), y = d("v-text-field"), T = d("v-card-text"), I = d("v-col"), c = d("v-select"), v = d("v-row"), S = d("v-tabs-window-item"), D = d("v-btn"), w = d("v-list-item"), E = d("v-list"), M = d("v-checkbox"), z = d("target-packet-item-chooser"), G = d("v-data-table"), C = d("v-tabs-window"), Y = d("v-card-actions"), p = d("v-card"), $ = d("v-dialog");
+  return f(), x($, {
     modelValue: a.show,
     "onUpdate:modelValue": e[13] || (e[13] = (h) => a.show = h),
     "max-width": "700",
     onKeydown: e[14] || (e[14] = Q((h) => t.$emit("cancel"), ["esc"]))
   }, {
-    default: o(() => [
+    default: r(() => [
       l(m, { height: "24" }, {
-        default: o(() => [
-          l(r),
-          e[15] || (e[15] = k("span", null, " Edit Graph ", -1)),
-          l(r)
+        default: r(() => [
+          l(o),
+          e[15] || (e[15] = N("span", null, " Edit Graph ", -1)),
+          l(o)
         ]),
-        _: 1,
-        __: [15]
+        _: 1
       }),
       l(p, { class: "pa-3" }, {
-        default: o(() => [
+        default: r(() => [
           l(u, {
             modelValue: t.tab,
             "onUpdate:modelValue": e[0] || (e[0] = (h) => t.tab = h),
             class: "ml-3"
           }, {
-            default: o(() => [
-              l(x, { value: "0" }, {
-                default: o(() => e[16] || (e[16] = [
+            default: r(() => [
+              l(b, { value: "0" }, {
+                default: r(() => [...e[16] || (e[16] = [
                   g(" Settings ", -1)
-                ])),
-                _: 1,
-                __: [16]
+                ])]),
+                _: 1
               }),
-              l(x, { value: "1" }, {
-                default: o(() => e[17] || (e[17] = [
+              l(b, { value: "1" }, {
+                default: r(() => [...e[17] || (e[17] = [
                   g(" Scale / Lines ", -1)
-                ])),
-                _: 1,
-                __: [17]
+                ])]),
+                _: 1
               }),
-              l(x, { value: "2" }, {
-                default: o(() => e[18] || (e[18] = [
+              l(b, { value: "2" }, {
+                default: r(() => [...e[18] || (e[18] = [
                   g(" Items ", -1)
-                ])),
-                _: 1,
-                __: [18]
+                ])]),
+                _: 1
               })
             ]),
             _: 1
@@ -783,19 +779,19 @@ function fe(t, e, i, n, s, a) {
             modelValue: t.tab,
             "onUpdate:modelValue": e[11] || (e[11] = (h) => t.tab = h)
           }, {
-            default: o(() => [
+            default: r(() => [
               l(S, {
                 value: "0",
                 eager: ""
               }, {
-                default: o(() => [
-                  k("div", me, [
+                default: r(() => [
+                  N("div", me, [
                     l(v, null, {
-                      default: o(() => [
-                        l(T, null, {
-                          default: o(() => [
-                            l(N, { class: "pa-0" }, {
-                              default: o(() => [
+                      default: r(() => [
+                        l(I, null, {
+                          default: r(() => [
+                            l(T, { class: "pa-0" }, {
+                              default: r(() => [
                                 l(y, {
                                   modelValue: t.graph.title,
                                   "onUpdate:modelValue": e[1] || (e[1] = (h) => t.graph.title = h),
@@ -809,8 +805,8 @@ function fe(t, e, i, n, s, a) {
                           ]),
                           _: 1
                         }),
-                        l(T, null, {
-                          default: o(() => [
+                        l(I, null, {
+                          default: r(() => [
                             l(c, {
                               modelValue: t.graph.legendPosition,
                               "onUpdate:modelValue": e[2] || (e[2] = (h) => t.graph.legendPosition = h),
@@ -826,18 +822,17 @@ function fe(t, e, i, n, s, a) {
                       _: 1
                     })
                   ]),
-                  k("div", ue, [
-                    l(N, { class: "pa-0" }, {
-                      default: o(() => e[19] || (e[19] = [
+                  N("div", ue, [
+                    l(T, { class: "pa-0" }, {
+                      default: r(() => [...e[19] || (e[19] = [
                         g(" Select a start date/time for the graph. Leave blank for start now. ", -1)
-                      ])),
-                      _: 1,
-                      __: [19]
+                      ])]),
+                      _: 1
                     }),
                     l(v, null, {
-                      default: o(() => [
-                        l(T, null, {
-                          default: o(() => [
+                      default: r(() => [
+                        l(I, null, {
+                          default: r(() => [
                             l(y, {
                               modelValue: t.startDate,
                               "onUpdate:modelValue": e[3] || (e[3] = (h) => t.startDate = h),
@@ -849,8 +844,8 @@ function fe(t, e, i, n, s, a) {
                           ]),
                           _: 1
                         }),
-                        l(T, null, {
-                          default: o(() => [
+                        l(I, null, {
+                          default: r(() => [
                             l(y, {
                               modelValue: t.startTime,
                               "onUpdate:modelValue": e[4] || (e[4] = (h) => t.startTime = h),
@@ -866,17 +861,16 @@ function fe(t, e, i, n, s, a) {
                       ]),
                       _: 1
                     }),
-                    l(N, { class: "pa-0" }, {
-                      default: o(() => e[20] || (e[20] = [
+                    l(T, { class: "pa-0" }, {
+                      default: r(() => [...e[20] || (e[20] = [
                         g(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ", -1)
-                      ])),
-                      _: 1,
-                      __: [20]
+                      ])]),
+                      _: 1
                     }),
                     l(v, null, {
-                      default: o(() => [
-                        l(T, null, {
-                          default: o(() => [
+                      default: r(() => [
+                        l(I, null, {
+                          default: r(() => [
                             l(y, {
                               modelValue: t.endDate,
                               "onUpdate:modelValue": e[5] || (e[5] = (h) => t.endDate = h),
@@ -888,8 +882,8 @@ function fe(t, e, i, n, s, a) {
                           ]),
                           _: 1
                         }),
-                        l(T, null, {
-                          default: o(() => [
+                        l(I, null, {
+                          default: r(() => [
                             l(y, {
                               modelValue: t.endTime,
                               "onUpdate:modelValue": e[6] || (e[6] = (h) => t.endTime = h),
@@ -913,19 +907,18 @@ function fe(t, e, i, n, s, a) {
                 value: "1",
                 eager: ""
               }, {
-                default: o(() => [
-                  k("div", he, [
-                    l(N, { class: "pa-0" }, {
-                      default: o(() => e[21] || (e[21] = [
+                default: r(() => [
+                  N("div", he, [
+                    l(T, { class: "pa-0" }, {
+                      default: r(() => [...e[21] || (e[21] = [
                         g(" Set a min or max Y value to override automatic scaling ", -1)
-                      ])),
-                      _: 1,
-                      __: [21]
+                      ])]),
+                      _: 1
                     }),
                     l(v, { dense: "" }, {
-                      default: o(() => [
-                        l(T, { class: "px-2" }, {
-                          default: o(() => [
+                      default: r(() => [
+                        l(I, { class: "px-2" }, {
+                          default: r(() => [
                             l(y, {
                               modelValue: t.graph.graphMinY,
                               "onUpdate:modelValue": e[7] || (e[7] = (h) => t.graph.graphMinY = h),
@@ -936,8 +929,8 @@ function fe(t, e, i, n, s, a) {
                           ]),
                           _: 1
                         }),
-                        l(T, { class: "px-2" }, {
-                          default: o(() => [
+                        l(I, { class: "px-2" }, {
+                          default: r(() => [
                             l(y, {
                               modelValue: t.graph.graphMaxY,
                               "onUpdate:modelValue": e[8] || (e[8] = (h) => t.graph.graphMaxY = h),
@@ -952,39 +945,37 @@ function fe(t, e, i, n, s, a) {
                       _: 1
                     })
                   ]),
-                  k("div", ce, [
+                  N("div", ce, [
                     l(E, {
                       density: "compact",
                       class: "horizontal-lines"
                     }, {
-                      default: o(() => [
-                        l(D, null, {
-                          default: o(() => [
-                            e[23] || (e[23] = k("span", { style: { "padding-top": "5px" } }, " Add horizontal lines to the graph ", -1)),
-                            l(r),
-                            l(I, {
+                      default: r(() => [
+                        l(w, null, {
+                          default: r(() => [
+                            e[23] || (e[23] = N("span", { style: { "padding-top": "5px" } }, " Add horizontal lines to the graph ", -1)),
+                            l(o),
+                            l(D, {
                               onClick: e[9] || (e[9] = (h) => a.addLine())
                             }, {
-                              default: o(() => e[22] || (e[22] = [
+                              default: r(() => [...e[22] || (e[22] = [
                                 g(" New Line ", -1)
-                              ])),
-                              _: 1,
-                              __: [22]
+                              ])]),
+                              _: 1
                             })
                           ]),
-                          _: 1,
-                          __: [23]
+                          _: 1
                         }),
-                        (f(!0), V(W, null, ie(t.graph.lines, (h, H) => (f(), b(D, {
+                        (f(!0), V(W, null, ie(t.graph.lines, (h, H) => (f(), x(w, {
                           key: H,
                           value: h,
                           color: "primary"
                         }, {
-                          default: o(() => [
+                          default: r(() => [
                             l(v, null, {
-                              default: o(() => [
-                                l(T, null, {
-                                  default: o(() => [
+                              default: r(() => [
+                                l(I, null, {
+                                  default: r(() => [
                                     l(y, {
                                       modelValue: h.yValue,
                                       "onUpdate:modelValue": (P) => h.yValue = P,
@@ -993,8 +984,8 @@ function fe(t, e, i, n, s, a) {
                                   ]),
                                   _: 2
                                 }, 1024),
-                                l(T, null, {
-                                  default: o(() => [
+                                l(I, null, {
+                                  default: r(() => [
                                     l(c, {
                                       modelValue: h.color,
                                       "onUpdate:modelValue": (P) => h.color = P,
@@ -1005,9 +996,9 @@ function fe(t, e, i, n, s, a) {
                                   ]),
                                   _: 2
                                 }, 1024),
-                                l(T, null, {
-                                  default: o(() => [
-                                    l(I, {
+                                l(I, null, {
+                                  default: r(() => [
+                                    l(D, {
                                       style: { padding: "30px" },
                                       icon: "mdi-delete",
                                       variant: "text",
@@ -1027,13 +1018,14 @@ function fe(t, e, i, n, s, a) {
                       _: 1
                     })
                   ]),
-                  k("div", pe, [
-                    l(N, { class: "pa-0 text-medium-emphasis" }, {
-                      default: o(() => e[24] || (e[24] = [
-                        g(" Choose a different item to use for the graph's X axis. If unchecked, the graph will use the packet's PACKET_TIME item if it exists, otherwise it will use the system received time for the packet. ", -1)
-                      ])),
-                      _: 1,
-                      __: [24]
+                  N("div", pe, [
+                    l(T, { class: "pa-0 text-medium-emphasis" }, {
+                      default: r(() => [...e[24] || (e[24] = [
+                        g(" 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),
+                        N("br", null, null, -1),
+                        N("span", { class: "font-italic" }, " Note that the graph may not work correctly if you choose an item that does not strictly increase in value. It is recommended to use a counter or timestamp. ", -1)
+                      ])]),
+                      _: 1
                     }),
                     l(M, {
                       modelValue: t.customXAxisEnabled,
@@ -1046,17 +1038,16 @@ function fe(t, e, i, n, s, a) {
                       density: "compact",
                       "hide-details": ""
                     }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-                    i.xAxisItemPacket ? _("", !0) : (f(), b(N, {
+                    i.xAxisItemPacket ? k("", !0) : (f(), x(T, {
                       key: 0,
                       class: "pa-0 text-medium-emphasis"
                     }, {
-                      default: o(() => e[25] || (e[25] = [
+                      default: r(() => [...e[25] || (e[25] = [
                         g(" All items on the graph must be in the same packet to enable this feature. ", -1)
-                      ])),
-                      _: 1,
-                      __: [25]
+                      ])]),
+                      _: 1
                     })),
-                    t.customXAxisEnabled && i.xAxisItemPacket ? (f(), b(z, {
+                    t.customXAxisEnabled && i.xAxisItemPacket ? (f(), x(z, {
                       key: 1,
                       "initial-target-name": i.xAxisItemPacket.targetName,
                       "initial-packet-name": i.xAxisItemPacket.packetName,
@@ -1067,7 +1058,7 @@ function fe(t, e, i, n, s, a) {
                       "button-text": "Set",
                       onOnSet: a.xAxisItemChanged,
                       onAddItem: a.xAxisItemSelected
-                    }, null, 8, ["initial-target-name", "initial-packet-name", "initial-item-name", "onOnSet", "onAddItem"])) : _("", !0)
+                    }, null, 8, ["initial-target-name", "initial-packet-name", "initial-item-name", "onOnSet", "onAddItem"])) : k("", !0)
                   ])
                 ]),
                 _: 1
@@ -1076,8 +1067,8 @@ function fe(t, e, i, n, s, a) {
                 value: "2",
                 eager: ""
               }, {
-                default: o(() => [
-                  l(Y, {
+                default: r(() => [
+                  l(G, {
                     "item-key": "itemId",
                     class: "elevation-1 my-2",
                     "data-test": "edit-graph-items",
@@ -1088,17 +1079,17 @@ function fe(t, e, i, n, s, a) {
                       "items-per-page-options": [5]
                     }
                   }, {
-                    "item.actions": o(({ item: h }) => [
-                      l(I, {
+                    "item.actions": r(({ item: h }) => [
+                      l(D, {
                         icon: "mdi-delete",
                         variant: "text",
                         "aria-label": "Remove Item",
                         onClick: (H) => t.$emit("remove", h)
                       }, null, 8, ["onClick"])
                     ]),
-                    "no-data": o(() => e[26] || (e[26] = [
-                      k("span", null, " Currently no items on this graph ", -1)
-                    ])),
+                    "no-data": r(() => [...e[26] || (e[26] = [
+                      N("span", null, " Currently no items on this graph ", -1)
+                    ])]),
                     _: 1
                   }, 8, ["headers", "items"])
                 ]),
@@ -1107,28 +1098,26 @@ function fe(t, e, i, n, s, a) {
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          l(G, { class: "px-2" }, {
-            default: o(() => [
-              l(r),
-              l(I, {
+          l(Y, { class: "px-2" }, {
+            default: r(() => [
+              l(o),
+              l(D, {
                 variant: "outlined",
                 onClick: e[12] || (e[12] = (h) => t.$emit("cancel"))
               }, {
-                default: o(() => e[27] || (e[27] = [
+                default: r(() => [...e[27] || (e[27] = [
                   g(" Cancel ", -1)
-                ])),
-                _: 1,
-                __: [27]
+                ])]),
+                _: 1
               }),
-              l(I, {
+              l(D, {
                 variant: "flat",
                 onClick: a.closeOk
               }, {
-                default: o(() => e[28] || (e[28] = [
+                default: r(() => [...e[28] || (e[28] = [
                   g(" Ok ", -1)
-                ])),
-                _: 1,
-                __: [28]
+                ])]),
+                _: 1
               }, 8, ["onClick"])
             ]),
             _: 1
@@ -1199,27 +1188,26 @@ const ge = /* @__PURE__ */ R(de, [["render", fe]]), ve = {
       );
     });
   }
-}, ye = { key: 0 }, be = { class: "pa-3" };
-function xe(t, e, i, n, s, a) {
-  const r = d("v-card-title"), m = d("v-select"), x = d("v-card-text"), u = d("v-spacer"), y = d("v-btn"), N = d("v-card-actions"), T = d("v-card"), c = d("v-dialog");
-  return f(), b(c, {
+}, ye = { key: 0 }, xe = { class: "pa-3" };
+function be(t, e, i, n, s, a) {
+  const o = d("v-card-title"), m = d("v-select"), b = d("v-card-text"), u = d("v-spacer"), y = d("v-btn"), T = d("v-card-actions"), I = d("v-card"), c = d("v-dialog");
+  return f(), x(c, {
     modelValue: a.show,
     "onUpdate:modelValue": e[9] || (e[9] = (v) => a.show = v),
     width: "400",
     onKeydown: e[10] || (e[10] = Q((v) => t.success(), ["enter"]))
   }, {
-    default: o(() => [
-      l(T, null, {
-        default: o(() => [
-          l(r, { class: "mb-2" }, {
-            default: o(() => e[11] || (e[11] = [
+    default: r(() => [
+      l(I, null, {
+        default: r(() => [
+          l(o, { class: "mb-2" }, {
+            default: r(() => [...e[11] || (e[11] = [
               g("Edit Item", -1)
-            ])),
-            _: 1,
-            __: [11]
+            ])]),
+            _: 1
           }),
-          l(x, null, {
-            default: o(() => [
+          l(b, null, {
+            default: r(() => [
               l(m, {
                 modelValue: t.editItem.valueType,
                 "onUpdate:modelValue": e[0] || (e[0] = (v) => t.editItem.valueType = v),
@@ -1272,33 +1260,31 @@ function xe(t, e, i, n, s, a) {
                   label: "Display Limits",
                   items: a.limitsNames
                 }, null, 8, ["modelValue", "items"]),
-                k("div", be, A(t.limitsName) + ": " + A(t.limits[t.limitsName]), 1)
-              ])) : _("", !0)
+                N("div", xe, A(t.limitsName) + ": " + A(t.limits[t.limitsName]), 1)
+              ])) : k("", !0)
             ]),
             _: 1
           }),
-          l(N, { class: "px-2" }, {
-            default: o(() => [
+          l(T, { class: "px-2" }, {
+            default: r(() => [
               l(u),
               l(y, {
                 variant: "outlined",
                 onClick: e[7] || (e[7] = (v) => t.$emit("cancel"))
               }, {
-                default: o(() => e[12] || (e[12] = [
+                default: r(() => [...e[12] || (e[12] = [
                   g(" Cancel ", -1)
-                ])),
-                _: 1,
-                __: [12]
+                ])]),
+                _: 1
               }),
               l(y, {
                 variant: "flat",
                 onClick: e[8] || (e[8] = (v) => t.$emit("close", t.editItem))
               }, {
-                default: o(() => e[13] || (e[13] = [
+                default: r(() => [...e[13] || (e[13] = [
                   g(" Ok ", -1)
-                ])),
-                _: 1,
-                __: [13]
+                ])]),
+                _: 1
               })
             ]),
             _: 1
@@ -1310,10 +1296,10 @@ function xe(t, e, i, n, s, a) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
+const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
   components: {
     GraphEditDialog: ge,
-    GraphEditItemDialog: Te
+    GraphEditItemDialog: Ie
   },
   mixins: [F],
   props: {
@@ -1424,7 +1410,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
       overview: null,
       data: [[]],
       dataChanged: !1,
-      timeout: null,
+      interval: null,
       graphMinY: null,
       graphMaxY: null,
       graphStartDateTime: null,
@@ -1477,6 +1463,9 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
     error: function() {
       return this.errorDialog && this.errors.length > 0 ? JSON.stringify(this.errors, null, 4) : null;
     },
+    itemSubscriptionKeys: function() {
+      return this.items.map(this.subscriptionKey);
+    },
     allowableXAxisItemPacket: function() {
       if (!this.canUseCustomXAxisItem || this.items.length === 0)
         return;
@@ -1510,6 +1499,9 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
       const t = ["PACKET_TIMESECONDS", "RECEIVED_TIMESECONDS"];
       return this.xAxisIsDefault || t.includes(this.actualXAxisItem.split("__").at(4));
     },
+    xAxisIsAlsoGraphedItem: function() {
+      return this.itemSubscriptionKeys.includes(this.actualXAxisItem);
+    },
     playbackMode: function() {
       return this.$store.state.playback.playbackMode;
     },
@@ -1552,8 +1544,8 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
             for (let n = 0; n < i.length; n++)
               for (let s = 0; s < i[n].length; s++)
                 if (s === 0) {
-                  let a = i[n][s][0], r = new Date(a);
-                  this.data[0].push(r.getTime() / 1e3);
+                  let a = i[n][s][0], o = new Date(a);
+                  this.data[0].push(o.getTime() / 1e3);
                 } else
                   this.data[s].push(i[n][s][0]);
           else if (Array.isArray(i) && i.length >= 2)
@@ -1586,15 +1578,20 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
     },
     actualXAxisItem: function(t, e) {
       let i = JSON.parse(JSON.stringify(this.items));
-      this.removeItems(i), this.graph.destroy(), this.chartOpts.series[0].label = this.xAxisLabel, this.chartOpts.scales.x.time = this.xAxisIsTime, this.graph = new w(
+      this.removeItems(i), this.graph.destroy(), this.chartOpts.series[0].label = this.xAxisLabel, this.chartOpts.scales.x.time = this.xAxisIsTime, this.graph = new _(
         this.chartOpts,
         this.data,
         document.getElementById(`chart${this.id}`)
-      ), this.hideOverview || (this.overview.destroy(), this.overviewOpts.scales.x.time = this.xAxisIsTime, this.overview = new w(
+      ), this.hideOverview || (this.overview.destroy(), this.overviewOpts.scales.x.time = this.xAxisIsTime, this.overview = new _(
         this.overviewOpts,
         this.data,
         document.getElementById(`overview${this.id}`)
       )), this.addItems(i);
+    },
+    refreshIntervalMs: function(t) {
+      this.interval && (clearInterval(this.interval), this.interval = setInterval(() => {
+        this.updateGraphData();
+      }, t));
     }
   },
   created() {
@@ -1612,9 +1609,9 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
           ...s,
           item: n,
           label: this.formatLabel(n),
-          stroke: (a, r) => this.items[r - 1].color,
+          stroke: (a, o) => this.items[o - 1].color,
           width: 2,
-          value: (a, r) => typeof r == "string" || isNaN(r) ? "NaN" : r == null ? "--" : r.toFixed(3)
+          value: (a, o) => typeof o == "string" || isNaN(o) ? "NaN" : o == null ? "--" : o.toFixed(3)
         }), i.overviewSeries.push({
           ...s
         }), i;
@@ -1655,7 +1652,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
             // TODO: Light / dark theme
           }
         ]
-      }, this.graph = new w(
+      }, this.graph = new _(
         this.chartOpts,
         this.data,
         document.getElementById(`chart${this.id}`)
@@ -1668,7 +1665,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
         ...this.getAxes("chart"),
         // series: series, // TODO: Uncomment with the performance code
         plugins: [this.linesPlugin()],
-        tzDate: (n) => w.tzDate(new Date(n * 1e3), i),
+        tzDate: (n) => _.tzDate(new Date(n * 1e3), i),
         series: [
           {
             label: this.xAxisLabel,
@@ -1688,8 +1685,8 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
             // setSeries: true,
           },
           bind: {
-            mouseup: (n, s, a) => (r) => {
-              this.state === "pause" && n.select.width === 0 && this.$emit("start"), a(r);
+            mouseup: (n, s, a) => (o) => {
+              this.state === "pause" && n.select.width === 0 && this.$emit("start"), a(o);
             }
           }
         },
@@ -1700,10 +1697,10 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
                 this.zoomChart = !0;
                 let a = Math.round(
                   this.overview.valToPos(n.scales.x.min, "x")
-                ), r = Math.round(
+                ), o = Math.round(
                   this.overview.valToPos(n.scales.x.max, "x")
                 );
-                this.overview.setSelect({ left: a, width: r - a }), this.zoomChart = !1;
+                this.overview.setSelect({ left: a, width: o - a }), this.zoomChart = !1;
               }
             }
           ],
@@ -1714,19 +1711,19 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
           ],
           ready: [
             (n) => {
-              n.root.querySelector(".u-over").addEventListener("contextmenu", (r) => {
-                r.preventDefault(), this.itemMenu = !1, this.legendMenu = !1, this.editGraphMenuX = r.clientX, this.editGraphMenuY = r.clientY, this.editGraphMenu = !0;
+              n.root.querySelector(".u-over").addEventListener("contextmenu", (o) => {
+                o.preventDefault(), this.itemMenu = !1, this.legendMenu = !1, this.editGraphMenuX = o.clientX, this.editGraphMenuY = o.clientY, this.editGraphMenu = !0;
               });
               let a = n.root.querySelector(".u-legend");
-              a.addEventListener("contextmenu", (r) => {
-                r.preventDefault(), this.editGraphMenu = !1, this.legendMenu = !1, this.itemMenuX = r.clientX, this.itemMenuY = r.clientY;
-                let m = r.target.closest(".u-series"), x = Array.prototype.slice.call(a.childNodes[0].childNodes).indexOf(m), u = n.series[x];
-                u.item ? (this.selectedItem = u.item, this.itemMenu = !0) : (this.itemMenu = !1, this.legendMenuX = r.clientX, this.legendMenuY = r.clientY, this.legendMenu = !0);
+              a.addEventListener("contextmenu", (o) => {
+                o.preventDefault(), this.editGraphMenu = !1, this.legendMenu = !1, this.itemMenuX = o.clientX, this.itemMenuY = o.clientY;
+                let m = o.target.closest(".u-series"), b = Array.prototype.slice.call(a.childNodes[0].childNodes).indexOf(m), u = n.series[b];
+                u.item ? (this.selectedItem = u.item, this.itemMenu = !0) : (this.itemMenu = !1, this.legendMenuX = o.clientX, this.legendMenuY = o.clientY, this.legendMenu = !0);
               }), a.querySelector("tbody").appendChild(this.$refs.info);
             }
           ]
         }
-      }, this.graph = new w(
+      }, this.graph = new _(
         this.chartOpts,
         this.data,
         document.getElementById(`chart${this.id}`)
@@ -1735,7 +1732,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
         ...this.getScales(),
         ...this.getAxes("overview"),
         // series: series, // TODO: Uncomment with the performance code
-        tzDate: (n) => w.tzDate(new Date(n * 1e3), i),
+        tzDate: (n) => _.tzDate(new Date(n * 1e3), i),
         series: [...e],
         cursor: {
           y: !1,
@@ -1762,7 +1759,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
             }
           ]
         }
-      }, this.hideOverview || (this.overview = new w(
+      }, this.hideOverview || (this.overview = new _(
         this.overviewOpts,
         this.data,
         document.getElementById(`overview${this.id}`)
@@ -1776,8 +1773,12 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
   methods: {
     setupPlaybackMode: function() {
       this.stopGraph(), this.clearAllData();
-      const t = this.items.map((e) => this.subscriptionKey(e).split("__").slice(2).join("__"));
-      t.unshift("INST__HEALTH_STATUS__PACKET_TIMESECONDS__RAW"), this.api.get_tlm_available(t).then((e) => {
+      const t = this.itemSubscriptionKeys.map((e) => e.split("__").slice(2).join("__"));
+      if (this.actualXAxisItem === U) {
+        const e = t[0].split("__").slice(0, 2).join("__");
+        t.unshift(`${e}__PACKET_TIMESECONDS__RAW`);
+      } else this.xAxisIsAlsoGraphedItem || t.unshift(this.actualXAxisItem);
+      this.api.get_tlm_available(t).then((e) => {
         this.graphItems = e, t.length != e.length && console.log(
           "Error getting tlm available",
           t,
@@ -1786,24 +1787,26 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
       });
     },
     startGraph: function() {
-      this.subscribe(), this.timeout = setTimeout(() => {
-        this.updateTimeout();
+      this.subscribe(), this.interval = setInterval(() => {
+        this.updateGraphData();
       }, this.refreshIntervalMs);
     },
     stopGraph: function() {
-      this.subscription && (this.subscription.unsubscribe(), this.subscription = null), this.timeout && (clearTimeout(this.timeout), this.timeout = null);
-    },
-    updateTimeout: function() {
-      this.updateGraphData(), this.timeout = setTimeout(() => {
-        this.updateTimeout();
-      }, this.refreshIntervalMs);
+      this.subscription && (this.subscription.unsubscribe(), this.subscription = null), this.interval && (clearInterval(this.interval), this.interval = null);
     },
     updateGraphData: function() {
       if (this.state === "pause" || !this.dataChanged)
         return;
       this.graph.setData(this.data), this.overview && this.overview.setData(this.data);
-      let t = this.data[0][this.data[0].length - 1], e = this.data[0][this.data[0].length - this.pointsGraphed], i = this.data[0][0];
-      i < t - this.secondsGraphed && (i = t - this.secondsGraphed), e > i && (i = e), this.graph.setScale("x", { min: i, max: t }), this.dataChanged = !1;
+      const t = this.data[0];
+      if (t && t.length) {
+        let e = t.at(-1);
+        const i = [t.at(0)];
+        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 });
+      }
+      this.dataChanged = !1;
     },
     formatLabel(t) {
       if (t.valueType === "CONVERTED" && t.reduced === "DECOM")
@@ -1878,7 +1881,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
         let s = i;
         (this.graphMinY || this.graphMinY === 0) && (s = this.graphMinY);
         let a = n;
-        return (this.graphMaxY || this.graphMaxY === 0) && (a = this.graphMaxY), w.rangeNum(s, a, t, !0);
+        return (this.graphMaxY || this.graphMaxY === 0) && (a = this.graphMaxY), _.rangeNum(s, a, t, !0);
       };
     },
     subscribe: function() {
@@ -1886,7 +1889,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
         received: (t) => this.received(t),
         connected: () => {
           const t = [...this.items];
-          this.actualXAxisItem !== U && t.push(this.actualXAxisItem), this.addItemsToSubscription(t);
+          !this.xAxisIsDefault && !this.xAxisIsAlsoGraphedItem && t.push(this.actualXAxisItem), this.addItemsToSubscription(t);
         },
         disconnected: (t) => {
           t.allowReconnect && this.errors.push({
@@ -1929,12 +1932,12 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
       const s = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) - e - n, a = Math.max(
         document.documentElement.clientHeight,
         window.innerHeight || 0
-      ), r = document.getElementsByClassName("v-expansion-panel")[0];
+      ), o = document.getElementsByClassName("v-expansion-panel")[0];
       let m = 100;
-      t === "overview" ? this.fullHeight && !this.hideOverviewData ? this.showOverview = !0 : this.showOverview = !1 : (m = a - r.clientHeight - m - 250, this.fullHeight || (m = m / 2 + 10));
-      let x = s - 70;
-      return this.fullWidth || (x = x / 2 - 12), {
-        width: this.width || x,
+      t === "overview" ? this.fullHeight && !this.hideOverviewData ? this.showOverview = !0 : this.showOverview = !1 : (m = a - o.clientHeight - m - 250, this.fullHeight || (m = m / 2 + 10));
+      let b = s - 70;
+      return this.fullWidth || (b = b / 2 - 12), {
+        width: this.width || b,
         height: this.height || m
       };
     },
@@ -1949,7 +1952,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
           },
           y: {
             range(t, e, i) {
-              return e == null ? [-100, 100] : w.rangeNum(e, i, 0.1, !0);
+              return e == null ? [-100, 100] : _.rangeNum(e, i, 0.1, !0);
             }
           }
         }
@@ -2002,7 +2005,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
       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), a = t.valToPos(this.limitsValues[0], "y", !0), r = t.valToPos(this.limitsValues[1], "y", !0), m = t.valToPos(this.limitsValues[2], "y", !0), x = t.valToPos(this.limitsValues[3], "y", !0);
+            const { ctx: e, bbox: i } = t, n = t.valToPos(t.scales.y.min, "y", !0), s = t.valToPos(t.scales.y.max, "y", !0), a = t.valToPos(this.limitsValues[0], "y", !0), o = t.valToPos(this.limitsValues[1], "y", !0), m = t.valToPos(this.limitsValues[2], "y", !0), b = t.valToPos(this.limitsValues[3], "y", !0);
             if (this.lines.forEach((u) => {
               t.scales.y.min <= u.yValue && u.yValue <= t.scales.y.max && (e.save(), e.beginPath(), e.strokeStyle = u.color, e.lineWidth = 2, e.moveTo(i.left, t.valToPos(u.yValue, "y", !0)), e.lineTo(
                 i.left + i.width,
@@ -2013,23 +2016,23 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
               e.fillRect(i.left, a, i.width, n - u);
             }
             if (t.scales.y.max > this.limitsValues[3]) {
-              let u = n < x ? n : x;
+              let u = n < b ? n : b;
               e.fillRect(i.left, s, i.width, u - s);
             }
             if (e.fillStyle = "rgba(255,255,0,0.15)", t.scales.y.min < this.limitsValues[1] && // yellowLow
             t.scales.y.max > this.limitsValues[0]) {
-              let u = r < s ? s : r;
+              let u = o < s ? s : o;
               e.fillRect(i.left, u, i.width, a - u);
             }
             if (t.scales.y.max > this.limitsValues[2] && // yellowHigh
             t.scales.y.min < this.limitsValues[3]) {
-              let u = n < x ? n : x, y = n < m ? n : m;
+              let u = n < b ? n : b, y = n < m ? n : m;
               e.fillRect(i.left, u, i.width, y - u);
             }
             if (e.fillStyle = "rgba(0,255,0,0.15)", this.limitsValues.length === 4) {
               if (t.scales.y.min < this.limitsValues[2] && // yellowHigh
               t.scales.y.max > this.limitsValues[1]) {
-                let u = m < s ? s : m, y = n < r ? n : r;
+                let u = m < s ? s : m, y = n < o ? n : o;
                 e.fillRect(i.left, u, i.width, y - u);
               }
             } else {
@@ -2037,7 +2040,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
               if (t.scales.y.min < this.limitsValues[4] && // greenLow
               t.scales.y.max > this.limitsValues[1]) {
                 let c = u < s ? s : u;
-                e.fillRect(i.left, c, i.width, r - c);
+                e.fillRect(i.left, c, i.width, o - c);
               }
               if (t.scales.y.max > this.limitsValues[5] && // greenHigh
               t.scales.y.min < this.limitsValues[2]) {
@@ -2045,8 +2048,8 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
                 e.fillRect(i.left, c, i.width, v - c);
               }
               e.fillStyle = "rgba(0,0,255,0.15)";
-              let N = y < s ? s : y, T = n < u ? n : u;
-              e.fillRect(i.left, N, i.width, T - N);
+              let T = y < s ? s : y, I = n < u ? n : u;
+              e.fillRect(i.left, T, i.width, I - T);
             }
             e.stroke(), e.restore();
           }
@@ -2164,23 +2167,23 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
         if (n === 0 || i > this.data[0][n - 1]) {
           for (let s = 0; s < this.data.length; s++)
             this.data[s].push(null);
-          this.set_data_at_index(this.data[0].length - 1, i, t[e]);
+          this.setDataAtIndex(this.data[0].length - 1, i, t[e]);
         } else {
-          let s = B(this.data[0], i, this.bs_comparator);
+          let s = B(this.data[0], i, this.bsComparator);
           if (s >= 0) {
             if (!Number.isFinite(i))
               throw new RangeError(`Invalid x-axis value: ${i}`);
             for (; s >= 0; )
-              i -= 1e-5, s = B(this.data[0], i, this.bs_comparator);
-            let a = -s - 1;
-            for (let r = 0; r < this.data.length; r++)
-              this.data[r].splice(a, 0, null);
-            this.set_data_at_index(a, i, t[e]);
+              i -= 1e-5, s = B(this.data[0], i, this.bsComparator);
+            const a = -s - 1;
+            for (let o = 0; o < this.data.length; o++)
+              this.data[o].splice(a, 0, null);
+            this.setDataAtIndex(a, i, t[e]);
           } else {
-            let a = -s - 1;
-            for (let r = 0; r < this.data.length; r++)
-              this.data[r].splice(a, 0, null);
-            this.set_data_at_index(a, i, t[e]);
+            const a = -s - 1;
+            for (let o = 0; o < this.data.length; o++)
+              this.data[o].splice(a, 0, null);
+            this.setDataAtIndex(a, i, t[e]);
           }
         }
       }
@@ -2190,21 +2193,21 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
       }
       this.dataChanged = !0;
     },
-    bs_comparator: function(t, e) {
+    bsComparator: function(t, e) {
       return t - e;
     },
-    set_data_at_index: function(t, e, i) {
+    setDataAtIndex: function(t, e, i) {
       this.data[0][t] = e;
       for (const [n, s] of Object.entries(i)) {
-        if (n === "time" || n === this.actualXAxisItem)
+        if (n === this.actualXAxisItem && !this.xAxisIsAlsoGraphedItem)
           continue;
-        let a = this.indexes[n];
+        const a = this.indexes[n];
         if (a) {
-          let r = this.data[a];
+          let o = this.data[a];
           if (s != null && s.raw)
-            r[t] = null;
+            o[t] = null;
           else if (typeof s == "string") {
-            if (r[t] = null, !n.includes("__RAW")) {
+            if (o[t] = null, !n.includes("__RAW")) {
               for (let m of this.items)
                 if (this.subscriptionKey(m) === n) {
                   this.selectedItem = m;
@@ -2217,7 +2220,7 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
               });
             }
           } else
-            r[t] = s;
+            o[t] = s;
         }
       }
     },
@@ -2226,28 +2229,28 @@ const Te = /* @__PURE__ */ R(ve, [["render", xe]]), U = "__time", Ne = {
       return (t.reduced === "REDUCED_MINUTE" || t.reduced === "REDUCED_HOUR" || t.reduced === "REDUCED_DAY") && (e += `__${t.reducedType}`), e;
     }
   }
-}, ke = {
+}, Te = {
   id: "chart",
   ref: "chart",
   class: "pa-1"
-}, _e = ["id"], Ie = ["id"], De = {
+}, ke = ["id"], De = ["id"], we = {
   key: 5,
   ref: "info",
   class: "u-series"
 };
-function we(t, e, i, n, s, a) {
-  const r = d("v-btn"), m = d("v-spacer"), x = d("v-toolbar"), u = d("v-expand-transition"), y = d("v-card"), N = d("graph-edit-dialog"), T = d("v-text-field"), c = d("v-row"), v = d("v-textarea"), S = d("v-dialog"), I = d("v-list-item-title"), D = d("v-list-item"), E = d("v-list"), M = d("v-menu"), z = d("graph-edit-item-dialog"), Y = d("v-list-subheader"), C = d("v-icon"), G = d("v-tooltip");
+function _e(t, e, i, n, s, a) {
+  const o = d("v-btn"), m = d("v-spacer"), b = d("v-toolbar"), u = d("v-expand-transition"), y = d("v-card"), T = d("graph-edit-dialog"), I = d("v-text-field"), c = d("v-row"), v = d("v-textarea"), S = d("v-dialog"), D = d("v-list-item-title"), w = d("v-list-item"), E = d("v-list"), M = d("v-menu"), z = d("graph-edit-item-dialog"), G = d("v-list-subheader"), C = d("v-icon"), Y = d("v-tooltip");
   return f(), V("div", {
     onClick: e[22] || (e[22] = K((p) => t.$emit("click"), ["prevent"]))
   }, [
     l(y, null, {
-      default: o(() => [
-        L(l(x, {
+      default: r(() => [
+        L(l(b, {
           height: "24",
           class: J(["pl-2 pr-2", i.selectedGraphId === i.id ? "active" : ""])
         }, {
-          default: o(() => [
-            L(l(r, {
+          default: r(() => [
+            L(l(o, {
               class: "mx-2",
               icon: "mdi-alert",
               density: "compact",
@@ -2259,7 +2262,7 @@ function we(t, e, i, n, s, a) {
             }, null, 512), [
               [O, s.errors.length !== 0]
             ]),
-            l(r, {
+            l(o, {
               icon: "mdi-pencil",
               variant: "text",
               density: "compact",
@@ -2270,17 +2273,17 @@ function we(t, e, i, n, s, a) {
               })
             }),
             l(m),
-            k("span", null, A(s.title), 1),
+            N("span", null, A(s.title), 1),
             l(m),
             s.expand ? (f(), V(W, { key: 0 }, [
-              a.calcFullSize ? (f(), b(r, {
+              a.calcFullSize ? (f(), x(o, {
                 key: 0,
                 icon: "mdi-arrow-collapse",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-all",
                 onClick: a.collapseAll
-              }, null, 8, ["onClick"])) : (f(), b(r, {
+              }, null, 8, ["onClick"])) : (f(), x(o, {
                 key: 1,
                 icon: "mdi-arrow-expand",
                 variant: "text",
@@ -2288,14 +2291,14 @@ function we(t, e, i, n, s, a) {
                 "data-test": "expand-all",
                 onClick: a.expandAll
               }, null, 8, ["onClick"])),
-              s.fullWidth ? (f(), b(r, {
+              s.fullWidth ? (f(), x(o, {
                 key: 2,
                 icon: "mdi-arrow-collapse-horizontal",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-width",
                 onClick: a.collapseWidth
-              }, null, 8, ["onClick"])) : (f(), b(r, {
+              }, null, 8, ["onClick"])) : (f(), x(o, {
                 key: 3,
                 icon: "mdi-arrow-expand-horizontal",
                 variant: "text",
@@ -2303,14 +2306,14 @@ function we(t, e, i, n, s, a) {
                 "data-test": "expand-width",
                 onClick: a.expandWidth
               }, null, 8, ["onClick"])),
-              s.fullHeight ? (f(), b(r, {
+              s.fullHeight ? (f(), x(o, {
                 key: 4,
                 icon: "mdi-arrow-collapse-vertical",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-height",
                 onClick: a.collapseHeight
-              }, null, 8, ["onClick"])) : (f(), b(r, {
+              }, null, 8, ["onClick"])) : (f(), x(o, {
                 key: 5,
                 icon: "mdi-arrow-expand-vertical",
                 variant: "text",
@@ -2318,15 +2321,15 @@ function we(t, e, i, n, s, a) {
                 "data-test": "expand-height",
                 onClick: a.expandHeight
               }, null, 8, ["onClick"]))
-            ], 64)) : _("", !0),
-            s.expand ? (f(), b(r, {
+            ], 64)) : k("", !0),
+            s.expand ? (f(), x(o, {
               key: 1,
               icon: "mdi-window-minimize",
               variant: "text",
               density: "compact",
               "data-test": "minimize-screen-icon",
               onClick: a.minMaxTransition
-            }, null, 8, ["onClick"])) : (f(), b(r, {
+            }, null, 8, ["onClick"])) : (f(), x(o, {
               key: 2,
               icon: "mdi-window-maximize",
               variant: "text",
@@ -2334,7 +2337,7 @@ function we(t, e, i, n, s, a) {
               "data-test": "maximize-screen-icon",
               onClick: a.minMaxTransition
             }, null, 8, ["onClick"])),
-            l(r, {
+            l(o, {
               icon: "mdi-close-box",
               variant: "text",
               density: "compact",
@@ -2347,15 +2350,15 @@ function we(t, e, i, n, s, a) {
           [O, !s.hideToolbarData]
         ]),
         l(u, null, {
-          default: o(() => [
-            L(k("div", ke, [
-              k("div", {
+          default: r(() => [
+            L(N("div", Te, [
+              N("div", {
                 id: `chart${i.id}`
-              }, null, 8, _e),
-              e[23] || (e[23] = k("div", { id: "betweenCharts" }, null, -1)),
-              L(k("div", {
+              }, null, 8, ke),
+              e[23] || (e[23] = N("div", { id: "betweenCharts" }, null, -1)),
+              L(N("div", {
                 id: `overview${i.id}`
-              }, null, 8, Ie), [
+              }, null, 8, De), [
                 [O, s.showOverview]
               ])
             ], 512), [
@@ -2367,7 +2370,7 @@ function we(t, e, i, n, s, a) {
       ]),
       _: 1
     }),
-    s.editGraph ? (f(), b(N, {
+    s.editGraph ? (f(), x(T, {
       key: 0,
       modelValue: s.editGraph,
       "onUpdate:modelValue": e[3] || (e[3] = (p) => s.editGraph = p),
@@ -2387,27 +2390,26 @@ function we(t, e, i, n, s, a) {
       onRemove: e[5] || (e[5] = (p) => a.removeItems([p])),
       onOk: a.editGraphClose,
       onCancel: e[6] || (e[6] = (p) => s.editGraph = !1)
-    }, null, 8, ["modelValue", "x-axis-item", "title", "legend-position", "items", "graph-min-y", "graph-max-y", "lines", "colors", "start-date-time", "end-date-time", "time-zone", "x-axis-item-packet", "onOk"])) : _("", !0),
+    }, 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"])) : k("", !0),
     l(S, {
       modelValue: s.errorDialog,
       "onUpdate:modelValue": e[8] || (e[8] = (p) => s.errorDialog = p),
       "max-width": "600"
     }, {
-      default: o(() => [
-        l(x, { height: "24" }, {
-          default: o(() => [
+      default: r(() => [
+        l(b, { height: "24" }, {
+          default: r(() => [
             l(m),
-            e[24] || (e[24] = k("span", null, " Errors ", -1)),
+            e[24] || (e[24] = N("span", null, " Errors ", -1)),
             l(m)
           ]),
-          _: 1,
-          __: [24]
+          _: 1
         }),
         l(y, { class: "pa-3" }, {
-          default: o(() => [
+          default: r(() => [
             l(c, { dense: "" }, {
-              default: o(() => [
-                l(T, {
+              default: r(() => [
+                l(I, {
                   modelValue: s.title,
                   "onUpdate:modelValue": e[7] || (e[7] = (p) => s.title = p),
                   readonly: "",
@@ -2419,7 +2421,7 @@ function we(t, e, i, n, s, a) {
               _: 1
             }),
             l(c, { class: "my-3" }, {
-              default: o(() => [
+              default: r(() => [
                 l(v, {
                   readonly: "",
                   rows: "8",
@@ -2429,16 +2431,15 @@ function we(t, e, i, n, s, a) {
               _: 1
             }),
             l(c, null, {
-              default: o(() => [
-                l(r, {
+              default: r(() => [
+                l(o, {
                   block: "",
                   onClick: a.clearErrors
                 }, {
-                  default: o(() => e[25] || (e[25] = [
+                  default: r(() => [...e[25] || (e[25] = [
                     g(" Clear ", -1)
-                  ])),
-                  _: 1,
-                  __: [25]
+                  ])]),
+                  _: 1
                 }, 8, ["onClick"])
               ]),
               _: 1
@@ -2449,7 +2450,7 @@ function we(t, e, i, n, s, a) {
       ]),
       _: 1
     }, 8, ["modelValue"]),
-    s.editGraphMenu ? (f(), b(M, {
+    s.editGraphMenu ? (f(), x(M, {
       key: 1,
       modelValue: s.editGraphMenu,
       "onUpdate:modelValue": e[10] || (e[10] = (p) => s.editGraphMenu = p),
@@ -2457,15 +2458,15 @@ function we(t, e, i, n, s, a) {
       absolute: "",
       "offset-y": ""
     }, {
-      default: o(() => [
+      default: r(() => [
         l(E, null, {
-          default: o(() => [
-            l(D, {
+          default: r(() => [
+            l(w, {
               onClick: e[9] || (e[9] = (p) => s.editGraph = !0)
             }, {
-              default: o(() => [
-                l(I, { style: { cursor: "pointer" } }, {
-                  default: o(() => [
+              default: r(() => [
+                l(D, { style: { cursor: "pointer" } }, {
+                  default: r(() => [
                     g(" Edit " + A(s.title), 1)
                   ]),
                   _: 1
@@ -2478,8 +2479,8 @@ function we(t, e, i, n, s, a) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue", "target"])) : _("", !0),
-    s.editItem ? (f(), b(z, {
+    }, 8, ["modelValue", "target"])) : k("", !0),
+    s.editItem ? (f(), x(z, {
       key: 2,
       modelValue: s.editItem,
       "onUpdate:modelValue": e[11] || (e[11] = (p) => s.editItem = p),
@@ -2489,8 +2490,8 @@ function we(t, e, i, n, s, a) {
       onChangeLimits: a.changeLimits,
       onCancel: e[12] || (e[12] = (p) => s.editItem = !1),
       onClose: a.closeEditItem
-    }, null, 8, ["modelValue", "colors", "item", "onChangeColor", "onChangeLimits", "onClose"])) : _("", !0),
-    s.itemMenu ? (f(), b(M, {
+    }, null, 8, ["modelValue", "colors", "item", "onChangeColor", "onChangeLimits", "onClose"])) : k("", !0),
+    s.itemMenu ? (f(), x(M, {
       key: 3,
       modelValue: s.itemMenu,
       "onUpdate:modelValue": e[16] || (e[16] = (p) => s.itemMenu = p),
@@ -2498,65 +2499,62 @@ function we(t, e, i, n, s, a) {
       absolute: "",
       "offset-y": ""
     }, {
-      default: o(() => [
+      default: r(() => [
         l(E, {
           nav: "",
           density: "compact"
         }, {
-          default: o(() => [
-            l(Y, null, {
-              default: o(() => [
+          default: r(() => [
+            l(G, null, {
+              default: r(() => [
                 g(A(s.selectedItem.targetName) + " " + A(s.selectedItem.packetName) + " " + A(s.selectedItem.itemName), 1)
               ]),
               _: 1
             }),
-            l(D, {
+            l(w, {
               onClick: e[13] || (e[13] = (p) => s.editItem = !0)
             }, {
-              prepend: o(() => [
+              prepend: r(() => [
                 l(C, { icon: "mdi-pencil" })
               ]),
-              default: o(() => [
-                l(I, null, {
-                  default: o(() => e[26] || (e[26] = [
+              default: r(() => [
+                l(D, null, {
+                  default: r(() => [...e[26] || (e[26] = [
                     g(" Edit ", -1)
-                  ])),
-                  _: 1,
-                  __: [26]
+                  ])]),
+                  _: 1
                 })
               ]),
               _: 1
             }),
-            l(D, {
+            l(w, {
               onClick: e[14] || (e[14] = (p) => a.clearData([s.selectedItem]))
             }, {
-              prepend: o(() => [
+              prepend: r(() => [
                 l(C, { icon: "mdi-eraser" })
               ]),
-              default: o(() => [
-                l(I, null, {
-                  default: o(() => e[27] || (e[27] = [
+              default: r(() => [
+                l(D, null, {
+                  default: r(() => [...e[27] || (e[27] = [
                     g(" Clear ", -1)
-                  ])),
-                  _: 1,
-                  __: [27]
+                  ])]),
+                  _: 1
                 })
               ]),
               _: 1
             }),
-            l(D, {
+            l(w, {
               onClick: e[15] || (e[15] = (p) => a.removeItems([s.selectedItem]))
             }, {
-              prepend: o(() => [
+              prepend: r(() => [
                 l(C, { icon: "mdi-delete" })
               ]),
-              default: o(() => [
-                l(I, null, {
-                  default: o(() => e[28] || (e[28] = [
+              default: r(() => [
+                l(D, null, {
+                  default: r(() => [...e[28] || (e[28] = [
                     g(" Delete ", -1)
-                  ])),
-                  _: 1,
-                  __: [28]
+                  ])]),
+                  _: 1
                 })
               ]),
               _: 1
@@ -2566,8 +2564,8 @@ function we(t, e, i, n, s, a) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue", "target"])) : _("", !0),
-    s.legendMenu ? (f(), b(M, {
+    }, 8, ["modelValue", "target"])) : k("", !0),
+    s.legendMenu ? (f(), x(M, {
       key: 4,
       modelValue: s.legendMenu,
       "onUpdate:modelValue": e[21] || (e[21] = (p) => s.legendMenu = p),
@@ -2575,61 +2573,57 @@ function we(t, e, i, n, s, a) {
       absolute: "",
       "offset-y": ""
     }, {
-      default: o(() => [
+      default: r(() => [
         l(E, null, {
-          default: o(() => [
-            l(D, {
+          default: r(() => [
+            l(w, {
               onClick: e[17] || (e[17] = (p) => a.moveLegend("top"))
             }, {
-              default: o(() => [
-                l(I, { style: { cursor: "pointer" } }, {
-                  default: o(() => e[29] || (e[29] = [
+              default: r(() => [
+                l(D, { style: { cursor: "pointer" } }, {
+                  default: r(() => [...e[29] || (e[29] = [
                     g(" Legend Top ", -1)
-                  ])),
-                  _: 1,
-                  __: [29]
+                  ])]),
+                  _: 1
                 })
               ]),
               _: 1
             }),
-            l(D, {
+            l(w, {
               onClick: e[18] || (e[18] = (p) => a.moveLegend("bottom"))
             }, {
-              default: o(() => [
-                l(I, { style: { cursor: "pointer" } }, {
-                  default: o(() => e[30] || (e[30] = [
+              default: r(() => [
+                l(D, { style: { cursor: "pointer" } }, {
+                  default: r(() => [...e[30] || (e[30] = [
                     g(" Legend Bottom ", -1)
-                  ])),
-                  _: 1,
-                  __: [30]
+                  ])]),
+                  _: 1
                 })
               ]),
               _: 1
             }),
-            l(D, {
+            l(w, {
               onClick: e[19] || (e[19] = (p) => a.moveLegend("left"))
             }, {
-              default: o(() => [
-                l(I, { style: { cursor: "pointer" } }, {
-                  default: o(() => e[31] || (e[31] = [
+              default: r(() => [
+                l(D, { style: { cursor: "pointer" } }, {
+                  default: r(() => [...e[31] || (e[31] = [
                     g(" Legend Left ", -1)
-                  ])),
-                  _: 1,
-                  __: [31]
+                  ])]),
+                  _: 1
                 })
               ]),
               _: 1
             }),
-            l(D, {
+            l(w, {
               onClick: e[20] || (e[20] = (p) => a.moveLegend("right"))
             }, {
-              default: o(() => [
-                l(I, { style: { cursor: "pointer" } }, {
-                  default: o(() => e[32] || (e[32] = [
+              default: r(() => [
+                l(D, { style: { cursor: "pointer" } }, {
+                  default: r(() => [...e[32] || (e[32] = [
                     g(" Legend RIght ", -1)
-                  ])),
-                  _: 1,
-                  __: [32]
+                  ])]),
+                  _: 1
                 })
               ]),
               _: 1
@@ -2639,31 +2633,30 @@ function we(t, e, i, n, s, a) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue", "target"])) : _("", !0),
-    i.sparkline ? _("", !0) : (f(), V("div", De, [
-      l(G, {
+    }, 8, ["modelValue", "target"])) : k("", !0),
+    i.sparkline ? k("", !0) : (f(), V("div", we, [
+      l(Y, {
         text: "Click item to toggle, Right click to edit",
         location: "top"
       }, {
-        activator: o(({ props: p }) => [
+        activator: r(({ props: p }) => [
           l(C, se(le(p)), {
-            default: o(() => e[33] || (e[33] = [
+            default: r(() => [...e[33] || (e[33] = [
               g(" mdi-information-variant-circle ", -1)
-            ])),
-            _: 2,
-            __: [33]
-          }, 1040)
+            ])]),
+            _: 1
+          }, 16)
         ]),
         _: 1
       })
     ], 512))
   ]);
 }
-const Pe = /* @__PURE__ */ R(Ne, [["render", we], ["__scopeId", "data-v-f2b1570f"]]);
+const Pe = /* @__PURE__ */ R(Ne, [["render", _e], ["__scopeId", "data-v-c388ce30"]]);
 export {
   Pe as G,
-  re as T,
+  oe as T,
   ge as a,
-  Te as b
+  Ie as b
 };
-//# sourceMappingURL=Graph-BiU56Qj2.js.map
+//# sourceMappingURL=Graph-CWcrowaT.js.map