@openc3/vue-common 6.10.2 → 6.10.4

package/dist/{Graph-B7KPo9Ul.js → Graph-C-7C2Jq5.js}

@@ -1,13 +1,15 @@
 import { T as Z } from "./timeFilters-BKnCM4rv.js";
-import { T as $ } from "./TargetPacketItemChooser-DGcXvdTX.js";
-import { resolveComponent as d, createBlock as x, openBlock as v, withKeys as z, withCtx as n, createVNode as l, createElementVNode as I, createTextVNode as f, createElementBlock as N, Fragment as F, renderList as ee, createCommentVNode as _, toDisplayString as C, withModifiers as W, withDirectives as G, normalizeClass as te, vShow as P, normalizeProps as ie, guardReactiveProps as se } from "vue";
-import { y as J, c as K, u as A, g as le } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B8ikVCn7.js";
-import { _ as R } from "./CustomIcon-DTfsnDJn.js";
+import { O as ee } from "./OpenC3TimePicker-D-_qqySI.js";
+import { T as te } from "./TargetPacketItemChooser-DDqBQTWC.js";
+import { resolveComponent as d, createBlock as x, openBlock as g, withKeys as z, withCtx as n, createVNode as l, createElementVNode as I, createTextVNode as f, createElementBlock as E, Fragment as F, renderList as ie, createCommentVNode as _, toDisplayString as C, withModifiers as W, withDirectives as P, normalizeClass as se, vShow as L, normalizeProps as le, guardReactiveProps as ae } from "vue";
+import { y as J, c as K, u as A, g as ne } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-NXWdTcR2.js";
+import { _ as R } from "./CustomIcon-B9m73Gqm.js";
 import { t as j, i as q } from "./format-CVeawcIv.js";
 import { p as B } from "./parse-DnkEsW-3.js";
-const ae = {
+const oe = {
   components: {
-    TargetPacketItemChooser: $
+    OpenC3TimePicker: ee,
+    TargetPacketItemChooser: te
   },
   mixins: [Z],
   props: {
@@ -26,10 +28,12 @@ const ae = {
       required: !0
     },
     graphMinY: {
-      type: Number
+      type: Number,
+      required: !0
     },
     graphMaxY: {
-      type: Number
+      type: Number,
+      required: !0
     },
     lines: {
       type: Array,
@@ -40,10 +44,12 @@ const ae = {
       required: !0
     },
     startDateTime: {
-      type: Number
+      type: Number,
+      default: null
     },
     endDateTime: {
-      type: Number
+      type: Number,
+      default: null
     },
     timeZone: {
       type: String,
@@ -165,10 +171,10 @@ const ae = {
       }
     }
   }
-}, ne = { class: "edit-box" }, oe = { class: "edit-box" }, re = { class: "edit-box" }, de = { class: "edit-box" }, he = { class: "edit-box" };
-function me(t, e, i, a, s, o) {
-  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), m = d("v-tabs"), g = d("v-text-field"), T = d("v-card-text"), b = d("v-col"), w = d("v-select"), c = d("v-row"), S = d("v-tabs-window-item"), k = d("v-btn"), D = d("v-list-item"), M = d("v-list"), E = d("v-checkbox"), L = d("target-packet-item-chooser"), U = d("v-data-table"), V = d("v-tabs-window"), X = d("v-card-actions"), u = d("v-card"), Q = d("v-dialog");
-  return v(), x(Q, {
+}, re = { class: "edit-box" }, de = { class: "edit-box" }, he = { class: "edit-box" }, ue = { class: "edit-box" }, me = { class: "edit-box" };
+function pe(t, e, i, a, s, o) {
+  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), u = d("v-tabs"), v = d("v-text-field"), T = d("v-card-text"), b = d("v-col"), k = d("v-select"), c = d("v-row"), N = d("OpenC3TimePicker"), D = d("v-tabs-window-item"), w = d("v-btn"), V = d("v-list-item"), M = d("v-list"), Y = d("v-checkbox"), U = d("target-packet-item-chooser"), S = d("v-data-table"), X = d("v-tabs-window"), m = d("v-card-actions"), Q = d("v-card"), $ = d("v-dialog");
+  return g(), x($, {
     modelValue: o.show,
     "onUpdate:modelValue": e[13] || (e[13] = (h) => o.show = h),
     persistent: "",
@@ -184,9 +190,9 @@ function me(t, e, i, a, s, o) {
         ]),
         _: 1
       }),
-      l(u, { class: "pa-3" }, {
+      l(Q, { class: "pa-3" }, {
         default: n(() => [
-          l(m, {
+          l(u, {
             modelValue: t.tab,
             "onUpdate:modelValue": e[0] || (e[0] = (h) => t.tab = h),
             class: "ml-3"
@@ -213,24 +219,24 @@ function me(t, e, i, a, s, o) {
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          l(V, {
+          l(X, {
             modelValue: t.tab,
             "onUpdate:modelValue": e[11] || (e[11] = (h) => t.tab = h)
           }, {
             default: n(() => [
-              l(S, {
+              l(D, {
                 value: "0",
                 eager: ""
               }, {
                 default: n(() => [
-                  I("div", ne, [
+                  I("div", re, [
                     l(c, null, {
                       default: n(() => [
                         l(b, null, {
                           default: n(() => [
                             l(T, { class: "pa-0" }, {
                               default: n(() => [
-                                l(g, {
+                                l(v, {
                                   modelValue: t.graph.title,
                                   "onUpdate:modelValue": e[1] || (e[1] = (h) => t.graph.title = h),
                                   class: "pb-2",
@@ -245,7 +251,7 @@ function me(t, e, i, a, s, o) {
                         }),
                         l(b, null, {
                           default: n(() => [
-                            l(w, {
+                            l(k, {
                               modelValue: t.graph.legendPosition,
                               "onUpdate:modelValue": e[2] || (e[2] = (h) => t.graph.legendPosition = h),
                               label: "Legend Position",
@@ -260,7 +266,7 @@ function me(t, e, i, a, s, o) {
                       _: 1
                     })
                   ]),
-                  I("div", oe, [
+                  I("div", de, [
                     l(T, { class: "pa-0" }, {
                       default: n(() => [...e[19] || (e[19] = [
                         f(" Select a start date/time for the graph. Leave blank for start now. ", -1)
@@ -271,7 +277,7 @@ function me(t, e, i, a, s, o) {
                       default: n(() => [
                         l(b, null, {
                           default: n(() => [
-                            l(g, {
+                            l(v, {
                               modelValue: t.startDate,
                               "onUpdate:modelValue": e[3] || (e[3] = (h) => t.startDate = h),
                               label: "Start Date",
@@ -284,15 +290,12 @@ function me(t, e, i, a, s, o) {
                         }),
                         l(b, null, {
                           default: n(() => [
-                            l(g, {
+                            l(N, {
                               modelValue: t.startTime,
                               "onUpdate:modelValue": e[4] || (e[4] = (h) => t.startTime = h),
                               label: "Start Time",
-                              name: `time${Date.now()}`,
-                              rules: [t.rules.time],
-                              type: "time",
-                              step: "1"
-                            }, null, 8, ["modelValue", "name", "rules"])
+                              rules: [t.rules.time]
+                            }, null, 8, ["modelValue", "rules"])
                           ]),
                           _: 1
                         })
@@ -309,7 +312,7 @@ function me(t, e, i, a, s, o) {
                       default: n(() => [
                         l(b, null, {
                           default: n(() => [
-                            l(g, {
+                            l(v, {
                               modelValue: t.endDate,
                               "onUpdate:modelValue": e[5] || (e[5] = (h) => t.endDate = h),
                               label: "End Date",
@@ -322,15 +325,12 @@ function me(t, e, i, a, s, o) {
                         }),
                         l(b, null, {
                           default: n(() => [
-                            l(g, {
+                            l(N, {
                               modelValue: t.endTime,
                               "onUpdate:modelValue": e[6] || (e[6] = (h) => t.endTime = h),
                               label: "End Time",
-                              name: `time${Date.now()}`,
-                              rules: [t.rules.time],
-                              type: "time",
-                              step: "1"
-                            }, null, 8, ["modelValue", "name", "rules"])
+                              rules: [t.rules.time]
+                            }, null, 8, ["modelValue", "rules"])
                           ]),
                           _: 1
                         })
@@ -341,12 +341,12 @@ function me(t, e, i, a, s, o) {
                 ]),
                 _: 1
               }),
-              l(S, {
+              l(D, {
                 value: "1",
                 eager: ""
               }, {
                 default: n(() => [
-                  I("div", re, [
+                  I("div", he, [
                     l(T, { class: "pa-0" }, {
                       default: n(() => [...e[21] || (e[21] = [
                         f(" Set a min or max Y value to override automatic scaling ", -1)
@@ -357,7 +357,7 @@ function me(t, e, i, a, s, o) {
                       default: n(() => [
                         l(b, { class: "px-2" }, {
                           default: n(() => [
-                            l(g, {
+                            l(v, {
                               modelValue: t.graph.graphMinY,
                               "onUpdate:modelValue": e[7] || (e[7] = (h) => t.graph.graphMinY = h),
                               "hide-details": "",
@@ -369,7 +369,7 @@ function me(t, e, i, a, s, o) {
                         }),
                         l(b, { class: "px-2" }, {
                           default: n(() => [
-                            l(g, {
+                            l(v, {
                               modelValue: t.graph.graphMaxY,
                               "onUpdate:modelValue": e[8] || (e[8] = (h) => t.graph.graphMaxY = h),
                               "hide-details": "",
@@ -383,17 +383,17 @@ function me(t, e, i, a, s, o) {
                       _: 1
                     })
                   ]),
-                  I("div", de, [
+                  I("div", ue, [
                     l(M, {
                       density: "compact",
                       class: "horizontal-lines"
                     }, {
                       default: n(() => [
-                        l(D, null, {
+                        l(V, null, {
                           default: n(() => [
                             e[23] || (e[23] = I("span", { style: { "padding-top": "5px" } }, " Add horizontal lines to the graph ", -1)),
                             l(r),
-                            l(k, {
+                            l(w, {
                               onClick: e[9] || (e[9] = (h) => o.addLine())
                             }, {
                               default: n(() => [...e[22] || (e[22] = [
@@ -404,7 +404,7 @@ function me(t, e, i, a, s, o) {
                           ]),
                           _: 1
                         }),
-                        (v(!0), N(F, null, ee(t.graph.lines, (h, H) => (v(), x(D, {
+                        (g(!0), E(F, null, ie(t.graph.lines, (h, H) => (g(), x(V, {
                           key: H,
                           value: h,
                           color: "primary"
@@ -414,7 +414,7 @@ function me(t, e, i, a, s, o) {
                               default: n(() => [
                                 l(b, null, {
                                   default: n(() => [
-                                    l(g, {
+                                    l(v, {
                                       modelValue: h.yValue,
                                       "onUpdate:modelValue": (O) => h.yValue = O,
                                       label: "Y Value"
@@ -424,7 +424,7 @@ function me(t, e, i, a, s, o) {
                                 }, 1024),
                                 l(b, null, {
                                   default: n(() => [
-                                    l(w, {
+                                    l(k, {
                                       modelValue: h.color,
                                       "onUpdate:modelValue": (O) => h.color = O,
                                       label: "Color",
@@ -436,7 +436,7 @@ function me(t, e, i, a, s, o) {
                                 }, 1024),
                                 l(b, null, {
                                   default: n(() => [
-                                    l(k, {
+                                    l(w, {
                                       style: { padding: "30px" },
                                       icon: "mdi-delete",
                                       variant: "text",
@@ -456,7 +456,7 @@ function me(t, e, i, a, s, o) {
                       _: 1
                     })
                   ]),
-                  I("div", he, [
+                  I("div", me, [
                     l(T, { class: "pa-0 text-medium-emphasis" }, {
                       default: n(() => [...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),
@@ -465,7 +465,7 @@ function me(t, e, i, a, s, o) {
                       ])]),
                       _: 1
                     }),
-                    l(E, {
+                    l(Y, {
                       modelValue: t.customXAxisEnabled,
                       "onUpdate:modelValue": [
                         e[10] || (e[10] = (h) => t.customXAxisEnabled = h),
@@ -476,7 +476,7 @@ function me(t, e, i, a, s, o) {
                       density: "compact",
                       "hide-details": ""
                     }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-                    i.xAxisItemPacket ? _("", !0) : (v(), x(T, {
+                    i.xAxisItemPacket ? _("", !0) : (g(), x(T, {
                       key: 0,
                       class: "pa-0 text-medium-emphasis"
                     }, {
@@ -485,7 +485,7 @@ function me(t, e, i, a, s, o) {
                       ])]),
                       _: 1
                     })),
-                    t.customXAxisEnabled && i.xAxisItemPacket ? (v(), x(L, {
+                    t.customXAxisEnabled && i.xAxisItemPacket ? (g(), x(U, {
                       key: 1,
                       "initial-target-name": i.xAxisItemPacket.targetName,
                       "initial-packet-name": i.xAxisItemPacket.packetName,
@@ -501,12 +501,12 @@ function me(t, e, i, a, s, o) {
                 ]),
                 _: 1
               }),
-              l(S, {
+              l(D, {
                 value: "2",
                 eager: ""
               }, {
                 default: n(() => [
-                  l(U, {
+                  l(S, {
                     "item-key": "itemId",
                     class: "elevation-1 my-2",
                     "data-test": "edit-graph-items",
@@ -518,7 +518,7 @@ function me(t, e, i, a, s, o) {
                     }
                   }, {
                     "item.actions": n(({ item: h }) => [
-                      l(k, {
+                      l(w, {
                         icon: "mdi-delete",
                         variant: "text",
                         "aria-label": "Remove Item",
@@ -536,10 +536,10 @@ function me(t, e, i, a, s, o) {
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          l(X, { class: "px-2" }, {
+          l(m, { class: "px-2" }, {
             default: n(() => [
               l(r),
-              l(k, {
+              l(w, {
                 variant: "outlined",
                 onClick: e[12] || (e[12] = (h) => t.$emit("cancel"))
               }, {
@@ -548,7 +548,7 @@ function me(t, e, i, a, s, o) {
                 ])]),
                 _: 1
               }),
-              l(k, {
+              l(w, {
                 variant: "flat",
                 onClick: o.closeOk
               }, {
@@ -567,7 +567,7 @@ function me(t, e, i, a, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ue = /* @__PURE__ */ R(ae, [["render", me]]), pe = {
+const ce = /* @__PURE__ */ R(oe, [["render", pe]]), fe = {
   props: {
     modelValue: Boolean,
     item: {
@@ -626,10 +626,10 @@ const ue = /* @__PURE__ */ R(ae, [["render", me]]), pe = {
       );
     });
   }
-}, ce = { key: 0 }, fe = { class: "pa-3" };
-function ge(t, e, i, a, s, o) {
-  const r = d("v-card-title"), p = d("v-select"), y = d("v-card-text"), m = d("v-spacer"), g = d("v-btn"), T = d("v-card-actions"), b = d("v-card"), w = d("v-dialog");
-  return v(), x(w, {
+}, ge = { key: 0 }, ve = { class: "pa-3" };
+function ye(t, e, i, a, s, o) {
+  const r = d("v-card-title"), p = d("v-select"), y = d("v-card-text"), u = d("v-spacer"), v = d("v-btn"), T = 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: "",
@@ -690,7 +690,7 @@ function ge(t, e, i, a, s, o) {
                 items: i.colors,
                 class: "mb-2"
               }, null, 8, ["modelValue", "items"]),
-              o.limitsNames.length > 1 ? (v(), N("div", ce, [
+              o.limitsNames.length > 1 ? (g(), E("div", ge, [
                 l(p, {
                   modelValue: t.limitsName,
                   "onUpdate:modelValue": [
@@ -702,15 +702,15 @@ function ge(t, e, i, a, s, o) {
                   label: "Display Limits",
                   items: o.limitsNames
                 }, null, 8, ["modelValue", "items"]),
-                I("div", fe, C(t.limitsName) + ": " + C(t.limits[t.limitsName]), 1)
+                I("div", ve, C(t.limitsName) + ": " + C(t.limits[t.limitsName]), 1)
               ])) : _("", !0)
             ]),
             _: 1
           }),
           l(T, { class: "px-2" }, {
             default: n(() => [
-              l(m),
-              l(g, {
+              l(u),
+              l(v, {
                 variant: "outlined",
                 onClick: e[7] || (e[7] = (c) => t.$emit("cancel"))
               }, {
@@ -719,7 +719,7 @@ function ge(t, e, i, a, s, o) {
                 ])]),
                 _: 1
               }),
-              l(g, {
+              l(v, {
                 variant: "flat",
                 onClick: e[8] || (e[8] = (c) => t.$emit("close", t.editItem))
               }, {
@@ -738,10 +738,10 @@ function ge(t, e, i, a, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
+const xe = /* @__PURE__ */ R(fe, [["render", ye]]), G = "__time", be = {
   components: {
-    GraphEditDialog: ue,
-    GraphEditItemDialog: ve
+    GraphEditDialog: ce,
+    GraphEditItemDialog: xe
   },
   mixins: [Z],
   props: {
@@ -797,7 +797,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
     },
     initialXAxisItem: {
       type: String,
-      default: Y
+      default: G
     },
     // These allow the parent to force a specific height and/or width
     height: {
@@ -867,7 +867,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
       drawInterval: null,
       zoomChart: !1,
       zoomOverview: !1,
-      cable: new le(),
+      cable: new ne(),
       subscription: null,
       needToUpdate: !1,
       errorDialog: !1,
@@ -923,7 +923,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
       );
     },
     actualXAxisItem: function() {
-      return this.canUseCustomXAxisItem && this.xAxisItem ? this.xAxisItem : Y;
+      return this.canUseCustomXAxisItem && this.xAxisItem ? this.xAxisItem : G;
     },
     xAxisConverter: function() {
       return this.xAxisIsDefault ? (t) => t / 1e9 : (t) => t;
@@ -935,7 +935,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
       return this.xAxisIsTime ? "Time" : this.actualXAxisItem.split("__").at(-2);
     },
     xAxisIsDefault: function() {
-      return this.actualXAxisItem === Y;
+      return this.actualXAxisItem === G;
     },
     xAxisIsTime: function() {
       const t = ["PACKET_TIMESECONDS", "RECEIVED_TIMESECONDS"];
@@ -970,7 +970,9 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
       this.playbackMode === "playback" ? this.setupPlaybackMode() : (this.lastPlaybackDateTime = null, this.clearAllData(), this.startGraph());
     },
     playbackDateTime: function(t, e) {
-      this.playbackMode === "playback" && (this.lastPlaybackDateTime === null || this.lastPlaybackDateTime > this.playbackDateTime ? this.clearAllData() : this.api.get_tlm_values(
+      this.playbackMode === "playback" && (this.lastPlaybackDateTime === null || this.lastPlaybackDateTime > this.playbackDateTime ? this.clearAllData() : (this.$store.commit("playback", {
+        playbackLoading: this.$store.state.playback.playbackLoading + 1
+      }), this.api.get_tlm_values(
         this.graphItems,
         30,
         // stale timeout
@@ -998,8 +1000,13 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
               } else
                 this.data[a].push(i[a][0]);
         }
-        this.dataChanged = !0, this.updateGraphData();
-      }), this.lastPlaybackDateTime = this.playbackDateTime);
+        this.$store.commit("playback", {
+          playbackLoading: Math.max(
+            0,
+            this.$store.state.playback.playbackLoading - 1
+          )
+        }), this.dataChanged = !0, this.updateGraphData();
+      })), this.lastPlaybackDateTime = this.playbackDateTime);
     },
     data: function(t, e) {
       this.dataChanged = !0;
@@ -1159,8 +1166,8 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
               let o = a.root.querySelector(".u-legend");
               o.addEventListener("contextmenu", (r) => {
                 r.preventDefault(), this.editGraphMenu = !1, this.legendMenu = !1, this.itemMenuX = r.clientX, this.itemMenuY = r.clientY;
-                let p = r.target.closest(".u-series"), y = Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(p), m = a.series[y];
-                m.item ? (this.selectedItem = m.item, this.itemMenu = !0) : (this.itemMenu = !1, this.legendMenuX = r.clientX, this.legendMenuY = r.clientY, this.legendMenu = !0);
+                let p = r.target.closest(".u-series"), y = Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(p), u = a.series[y];
+                u.item ? (this.selectedItem = u.item, this.itemMenu = !0) : (this.itemMenu = !1, this.legendMenuX = r.clientX, this.legendMenuY = r.clientY, this.legendMenu = !0);
               }), o.querySelector("tbody").appendChild(this.$refs.info);
             }
           ]
@@ -1216,7 +1223,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
     setupPlaybackMode: function() {
       this.stopGraph(), this.clearAllData();
       const t = this.itemSubscriptionKeys.map((e) => e.split("__").slice(2).join("__"));
-      if (this.actualXAxisItem === Y) {
+      if (this.actualXAxisItem === G) {
         const e = t[0].split("__").slice(0, 2).join("__");
         t.unshift(`${e}__PACKET_TIMESECONDS__RAW`);
       } else this.xAxisIsAlsoGraphedItem || t.unshift(this.actualXAxisItem);
@@ -1448,49 +1455,49 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
         hooks: {
           draw: (t) => {
             const { ctx: e, bbox: i } = t, a = t.valToPos(t.scales.y.min, "y", !0), s = t.valToPos(t.scales.y.max, "y", !0), o = t.valToPos(this.limitsValues[0], "y", !0), r = t.valToPos(this.limitsValues[1], "y", !0), p = t.valToPos(this.limitsValues[2], "y", !0), y = t.valToPos(this.limitsValues[3], "y", !0);
-            if (this.lines.forEach((m) => {
-              t.scales.y.min <= m.yValue && m.yValue <= t.scales.y.max && (e.save(), e.beginPath(), e.strokeStyle = m.color, e.lineWidth = 2, e.moveTo(i.left, t.valToPos(m.yValue, "y", !0)), e.lineTo(
+            if (this.lines.forEach((u) => {
+              t.scales.y.min <= u.yValue && u.yValue <= t.scales.y.max && (e.save(), e.beginPath(), e.strokeStyle = u.color, e.lineWidth = 2, e.moveTo(i.left, t.valToPos(u.yValue, "y", !0)), e.lineTo(
                 i.left + i.width,
-                t.valToPos(m.yValue, "y", !0)
+                t.valToPos(u.yValue, "y", !0)
               ), e.stroke(), e.restore());
             }), e.save(), e.beginPath(), e.fillStyle = "rgba(255,0,0,0.15)", t.scales.y.min < this.limitsValues[0]) {
-              let m = o < s ? s : o;
-              e.fillRect(i.left, o, i.width, a - m);
+              let u = o < s ? s : o;
+              e.fillRect(i.left, o, i.width, a - u);
             }
             if (t.scales.y.max > this.limitsValues[3]) {
-              let m = a < y ? a : y;
-              e.fillRect(i.left, s, i.width, m - s);
+              let u = a < y ? a : y;
+              e.fillRect(i.left, s, i.width, u - s);
             }
             if (e.fillStyle = "rgba(255,255,0,0.15)", t.scales.y.min < this.limitsValues[1] && // yellowLow
             t.scales.y.max > this.limitsValues[0]) {
-              let m = r < s ? s : r;
-              e.fillRect(i.left, m, i.width, o - m);
+              let u = r < s ? s : r;
+              e.fillRect(i.left, u, i.width, o - u);
             }
             if (t.scales.y.max > this.limitsValues[2] && // yellowHigh
             t.scales.y.min < this.limitsValues[3]) {
-              let m = a < y ? a : y, g = a < p ? a : p;
-              e.fillRect(i.left, m, i.width, g - m);
+              let u = a < y ? a : y, v = a < p ? a : p;
+              e.fillRect(i.left, u, i.width, v - u);
             }
             if (e.fillStyle = "rgba(0,255,0,0.15)", this.limitsValues.length === 4) {
               if (t.scales.y.min < this.limitsValues[2] && // yellowHigh
               t.scales.y.max > this.limitsValues[1]) {
-                let m = p < s ? s : p, g = a < r ? a : r;
-                e.fillRect(i.left, m, i.width, g - m);
+                let u = p < s ? s : p, v = a < r ? a : r;
+                e.fillRect(i.left, u, i.width, v - u);
               }
             } else {
-              const m = t.valToPos(this.limitsValues[4], "y", !0), g = t.valToPos(this.limitsValues[5], "y", !0);
+              const u = t.valToPos(this.limitsValues[4], "y", !0), 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 = m < s ? s : m;
-                e.fillRect(i.left, w, i.width, r - w);
+                let k = u < s ? s : u;
+                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 = a < p ? a : p, c = a < g ? a : g;
-                e.fillRect(i.left, w, i.width, c - w);
+                let k = a < p ? a : p, c = a < v ? a : v;
+                e.fillRect(i.left, k, i.width, c - k);
               }
               e.fillStyle = "rgba(0,0,255,0.15)";
-              let T = g < s ? s : g, b = a < m ? a : m;
+              let T = v < s ? s : v, b = a < u ? a : u;
               e.fillRect(i.left, T, i.width, b - T);
             }
             e.stroke(), e.restore();
@@ -1676,28 +1683,28 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
       return (t.reduced === "REDUCED_MINUTE" || t.reduced === "REDUCED_HOUR" || t.reduced === "REDUCED_DAY") && (e += `__${t.reducedType}`), e;
     }
   }
-}, xe = {
+}, Ie = {
   id: "chart",
   ref: "chart",
   class: "pa-1"
-}, be = ["id"], Ie = ["id"], we = {
+}, ke = ["id"], we = ["id"], Te = {
   key: 5,
   ref: "info",
   class: "u-series"
 };
-function ke(t, e, i, a, s, o) {
-  const r = d("v-btn"), p = d("v-spacer"), y = d("v-toolbar"), m = d("v-expand-transition"), g = d("v-card"), T = d("graph-edit-dialog"), b = d("v-text-field"), w = d("v-row"), c = d("v-textarea"), S = d("v-dialog"), k = d("v-list-item-title"), D = d("v-list-item"), M = d("v-list"), E = d("v-menu"), L = d("graph-edit-item-dialog"), U = d("v-list-subheader"), V = d("v-icon"), X = d("v-tooltip");
-  return v(), N("div", {
-    onClick: e[22] || (e[22] = W((u) => t.$emit("click"), ["prevent"]))
+function De(t, e, i, a, s, o) {
+  const r = d("v-btn"), p = d("v-spacer"), y = d("v-toolbar"), u = d("v-expand-transition"), v = d("v-card"), T = d("graph-edit-dialog"), b = d("v-text-field"), k = d("v-row"), c = d("v-textarea"), N = d("v-dialog"), D = d("v-list-item-title"), w = d("v-list-item"), V = d("v-list"), M = d("v-menu"), Y = d("graph-edit-item-dialog"), U = d("v-list-subheader"), S = d("v-icon"), X = d("v-tooltip");
+  return g(), E("div", {
+    onClick: e[22] || (e[22] = W((m) => t.$emit("click"), ["prevent"]))
   }, [
-    l(g, null, {
+    l(v, null, {
       default: n(() => [
-        G(l(y, {
+        P(l(y, {
           height: "24",
-          class: te(["pl-2 pr-2", i.selectedGraphId === i.id ? "active" : ""])
+          class: se(["pl-2 pr-2", i.selectedGraphId === i.id ? "active" : ""])
         }, {
           default: n(() => [
-            G(l(r, {
+            P(l(r, {
               class: "mx-2",
               icon: "mdi-alert",
               density: "compact",
@@ -1707,7 +1714,7 @@ function ke(t, e, i, a, s, o) {
                 s.errorDialog = !0;
               })
             }, null, 512), [
-              [P, s.errors.length !== 0]
+              [L, s.errors.length !== 0]
             ]),
             l(r, {
               icon: "mdi-pencil",
@@ -1722,15 +1729,15 @@ function ke(t, e, i, a, s, o) {
             l(p),
             I("span", null, C(s.title), 1),
             l(p),
-            s.expand ? (v(), N(F, { key: 0 }, [
-              o.calcFullSize ? (v(), x(r, {
+            s.expand ? (g(), E(F, { key: 0 }, [
+              o.calcFullSize ? (g(), x(r, {
                 key: 0,
                 icon: "mdi-arrow-collapse",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-all",
                 onClick: o.collapseAll
-              }, null, 8, ["onClick"])) : (v(), x(r, {
+              }, null, 8, ["onClick"])) : (g(), x(r, {
                 key: 1,
                 icon: "mdi-arrow-expand",
                 variant: "text",
@@ -1738,14 +1745,14 @@ function ke(t, e, i, a, s, o) {
                 "data-test": "expand-all",
                 onClick: o.expandAll
               }, null, 8, ["onClick"])),
-              s.fullWidth ? (v(), x(r, {
+              s.fullWidth ? (g(), x(r, {
                 key: 2,
                 icon: "mdi-arrow-collapse-horizontal",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-width",
                 onClick: o.collapseWidth
-              }, null, 8, ["onClick"])) : (v(), x(r, {
+              }, null, 8, ["onClick"])) : (g(), x(r, {
                 key: 3,
                 icon: "mdi-arrow-expand-horizontal",
                 variant: "text",
@@ -1753,14 +1760,14 @@ function ke(t, e, i, a, s, o) {
                 "data-test": "expand-width",
                 onClick: o.expandWidth
               }, null, 8, ["onClick"])),
-              s.fullHeight ? (v(), x(r, {
+              s.fullHeight ? (g(), x(r, {
                 key: 4,
                 icon: "mdi-arrow-collapse-vertical",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-height",
                 onClick: o.collapseHeight
-              }, null, 8, ["onClick"])) : (v(), x(r, {
+              }, null, 8, ["onClick"])) : (g(), x(r, {
                 key: 5,
                 icon: "mdi-arrow-expand-vertical",
                 variant: "text",
@@ -1769,14 +1776,14 @@ function ke(t, e, i, a, s, o) {
                 onClick: o.expandHeight
               }, null, 8, ["onClick"]))
             ], 64)) : _("", !0),
-            s.expand ? (v(), x(r, {
+            s.expand ? (g(), x(r, {
               key: 1,
               icon: "mdi-window-minimize",
               variant: "text",
               density: "compact",
               "data-test": "minimize-screen-icon",
               onClick: o.minMaxTransition
-            }, null, 8, ["onClick"])) : (v(), x(r, {
+            }, null, 8, ["onClick"])) : (g(), x(r, {
               key: 2,
               icon: "mdi-window-maximize",
               variant: "text",
@@ -1789,27 +1796,27 @@ function ke(t, e, i, a, s, o) {
               variant: "text",
               density: "compact",
               "data-test": "close-graph-icon",
-              onClick: e[2] || (e[2] = W((u) => t.$emit("close-graph"), ["stop"]))
+              onClick: e[2] || (e[2] = W((m) => t.$emit("close-graph"), ["stop"]))
             })
           ]),
           _: 1
         }, 8, ["class"]), [
-          [P, !s.hideToolbarData]
+          [L, !s.hideToolbarData]
         ]),
-        l(m, null, {
+        l(u, null, {
           default: n(() => [
-            G(I("div", xe, [
+            P(I("div", Ie, [
               I("div", {
                 id: `chart${i.id}`
-              }, null, 8, be),
+              }, null, 8, ke),
               e[23] || (e[23] = I("div", { id: "betweenCharts" }, null, -1)),
-              G(I("div", {
+              P(I("div", {
                 id: `overview${i.id}`
-              }, null, 8, Ie), [
-                [P, s.showOverview]
+              }, null, 8, we), [
+                [L, s.showOverview]
               ])
             ], 512), [
-              [P, s.expand]
+              [L, s.expand]
             ])
           ]),
           _: 1
@@ -1817,12 +1824,12 @@ function ke(t, e, i, a, s, o) {
       ]),
       _: 1
     }),
-    s.editGraph ? (v(), x(T, {
+    s.editGraph ? (g(), x(T, {
       key: 0,
       modelValue: s.editGraph,
-      "onUpdate:modelValue": e[3] || (e[3] = (u) => s.editGraph = u),
+      "onUpdate:modelValue": e[3] || (e[3] = (m) => s.editGraph = m),
       "x-axis-item": s.xAxisItem,
-      "onUpdate:xAxisItem": e[4] || (e[4] = (u) => s.xAxisItem = u),
+      "onUpdate:xAxisItem": e[4] || (e[4] = (m) => s.xAxisItem = m),
       title: s.title,
       "legend-position": s.legendPosition,
       items: s.items,
@@ -1834,13 +1841,13 @@ function ke(t, e, i, a, s, o) {
       "end-date-time": s.graphEndDateTime,
       "time-zone": i.timeZone,
       "x-axis-item-packet": o.allowableXAxisItemPacket,
-      onRemove: e[5] || (e[5] = (u) => o.removeItems([u])),
+      onRemove: e[5] || (e[5] = (m) => o.removeItems([m])),
       onOk: o.editGraphClose,
-      onCancel: e[6] || (e[6] = (u) => s.editGraph = !1)
+      onCancel: e[6] || (e[6] = (m) => s.editGraph = !1)
     }, null, 8, ["modelValue", "x-axis-item", "title", "legend-position", "items", "graph-min-y", "graph-max-y", "lines", "colors", "start-date-time", "end-date-time", "time-zone", "x-axis-item-packet", "onOk"])) : _("", !0),
-    l(S, {
+    l(N, {
       modelValue: s.errorDialog,
-      "onUpdate:modelValue": e[8] || (e[8] = (u) => s.errorDialog = u),
+      "onUpdate:modelValue": e[8] || (e[8] = (m) => s.errorDialog = m),
       "max-width": "600"
     }, {
       default: n(() => [
@@ -1852,13 +1859,13 @@ function ke(t, e, i, a, s, o) {
           ]),
           _: 1
         }),
-        l(g, { class: "pa-3" }, {
+        l(v, { class: "pa-3" }, {
           default: n(() => [
-            l(w, { dense: "" }, {
+            l(k, { dense: "" }, {
               default: n(() => [
                 l(b, {
                   modelValue: s.title,
-                  "onUpdate:modelValue": e[7] || (e[7] = (u) => s.title = u),
+                  "onUpdate:modelValue": e[7] || (e[7] = (m) => s.title = m),
                   readonly: "",
                   "hide-details": "",
                   class: "pb-2",
@@ -1867,7 +1874,7 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(w, { class: "my-3" }, {
+            l(k, { class: "my-3" }, {
               default: n(() => [
                 l(c, {
                   readonly: "",
@@ -1877,7 +1884,7 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(w, null, {
+            l(k, null, {
               default: n(() => [
                 l(r, {
                   block: "",
@@ -1897,21 +1904,21 @@ function ke(t, e, i, a, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue"]),
-    s.editGraphMenu ? (v(), x(E, {
+    s.editGraphMenu ? (g(), x(M, {
       key: 1,
       modelValue: s.editGraphMenu,
-      "onUpdate:modelValue": e[10] || (e[10] = (u) => s.editGraphMenu = u),
+      "onUpdate:modelValue": e[10] || (e[10] = (m) => s.editGraphMenu = m),
       target: [s.editGraphMenuX, s.editGraphMenuY],
       absolute: ""
     }, {
       default: n(() => [
-        l(M, null, {
+        l(V, null, {
           default: n(() => [
-            l(D, {
-              onClick: e[9] || (e[9] = (u) => s.editGraph = !0)
+            l(w, {
+              onClick: e[9] || (e[9] = (m) => s.editGraph = !0)
             }, {
               default: n(() => [
-                l(k, { style: { cursor: "pointer" } }, {
+                l(D, { style: { cursor: "pointer" } }, {
                   default: n(() => [
                     f(" Edit " + C(s.title), 1)
                   ]),
@@ -1926,26 +1933,26 @@ function ke(t, e, i, a, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue", "target"])) : _("", !0),
-    s.editItem ? (v(), x(L, {
+    s.editItem ? (g(), x(Y, {
       key: 2,
       modelValue: s.editItem,
-      "onUpdate:modelValue": e[11] || (e[11] = (u) => s.editItem = u),
+      "onUpdate:modelValue": e[11] || (e[11] = (m) => s.editItem = m),
       colors: s.colors,
       item: s.selectedItem,
       onChangeColor: o.changeColor,
       onChangeLimits: o.changeLimits,
-      onCancel: e[12] || (e[12] = (u) => s.editItem = !1),
+      onCancel: e[12] || (e[12] = (m) => s.editItem = !1),
       onClose: o.closeEditItem
     }, null, 8, ["modelValue", "colors", "item", "onChangeColor", "onChangeLimits", "onClose"])) : _("", !0),
-    s.itemMenu ? (v(), x(E, {
+    s.itemMenu ? (g(), x(M, {
       key: 3,
       modelValue: s.itemMenu,
-      "onUpdate:modelValue": e[16] || (e[16] = (u) => s.itemMenu = u),
+      "onUpdate:modelValue": e[16] || (e[16] = (m) => s.itemMenu = m),
       target: [s.itemMenuX, s.itemMenuY],
       absolute: ""
     }, {
       default: n(() => [
-        l(M, {
+        l(V, {
           nav: "",
           density: "compact"
         }, {
@@ -1956,14 +1963,14 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
-              onClick: e[13] || (e[13] = (u) => s.editItem = !0)
+            l(w, {
+              onClick: e[13] || (e[13] = (m) => s.editItem = !0)
             }, {
               prepend: n(() => [
-                l(V, { icon: "mdi-pencil" })
+                l(S, { icon: "mdi-pencil" })
               ]),
               default: n(() => [
-                l(k, null, {
+                l(D, null, {
                   default: n(() => [...e[26] || (e[26] = [
                     f(" Edit ", -1)
                   ])]),
@@ -1972,14 +1979,14 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
-              onClick: e[14] || (e[14] = (u) => o.clearData([s.selectedItem]))
+            l(w, {
+              onClick: e[14] || (e[14] = (m) => o.clearData([s.selectedItem]))
             }, {
               prepend: n(() => [
-                l(V, { icon: "mdi-eraser" })
+                l(S, { icon: "mdi-eraser" })
               ]),
               default: n(() => [
-                l(k, null, {
+                l(D, null, {
                   default: n(() => [...e[27] || (e[27] = [
                     f(" Clear ", -1)
                   ])]),
@@ -1988,14 +1995,14 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
-              onClick: e[15] || (e[15] = (u) => o.removeItems([s.selectedItem]))
+            l(w, {
+              onClick: e[15] || (e[15] = (m) => o.removeItems([s.selectedItem]))
             }, {
               prepend: n(() => [
-                l(V, { icon: "mdi-delete" })
+                l(S, { icon: "mdi-delete" })
               ]),
               default: n(() => [
-                l(k, null, {
+                l(D, null, {
                   default: n(() => [...e[28] || (e[28] = [
                     f(" Delete ", -1)
                   ])]),
@@ -2010,21 +2017,21 @@ function ke(t, e, i, a, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue", "target"])) : _("", !0),
-    s.legendMenu ? (v(), x(E, {
+    s.legendMenu ? (g(), x(M, {
       key: 4,
       modelValue: s.legendMenu,
-      "onUpdate:modelValue": e[21] || (e[21] = (u) => s.legendMenu = u),
+      "onUpdate:modelValue": e[21] || (e[21] = (m) => s.legendMenu = m),
       target: [s.legendMenuX, s.legendMenuY],
       absolute: ""
     }, {
       default: n(() => [
-        l(M, null, {
+        l(V, null, {
           default: n(() => [
-            l(D, {
-              onClick: e[17] || (e[17] = (u) => o.moveLegend("top"))
+            l(w, {
+              onClick: e[17] || (e[17] = (m) => o.moveLegend("top"))
             }, {
               default: n(() => [
-                l(k, { style: { cursor: "pointer" } }, {
+                l(D, { style: { cursor: "pointer" } }, {
                   default: n(() => [...e[29] || (e[29] = [
                     f(" Legend Top ", -1)
                   ])]),
@@ -2033,11 +2040,11 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
-              onClick: e[18] || (e[18] = (u) => o.moveLegend("bottom"))
+            l(w, {
+              onClick: e[18] || (e[18] = (m) => o.moveLegend("bottom"))
             }, {
               default: n(() => [
-                l(k, { style: { cursor: "pointer" } }, {
+                l(D, { style: { cursor: "pointer" } }, {
                   default: n(() => [...e[30] || (e[30] = [
                     f(" Legend Bottom ", -1)
                   ])]),
@@ -2046,11 +2053,11 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
-              onClick: e[19] || (e[19] = (u) => o.moveLegend("left"))
+            l(w, {
+              onClick: e[19] || (e[19] = (m) => o.moveLegend("left"))
             }, {
               default: n(() => [
-                l(k, { style: { cursor: "pointer" } }, {
+                l(D, { style: { cursor: "pointer" } }, {
                   default: n(() => [...e[31] || (e[31] = [
                     f(" Legend Left ", -1)
                   ])]),
@@ -2059,11 +2066,11 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
-              onClick: e[20] || (e[20] = (u) => o.moveLegend("right"))
+            l(w, {
+              onClick: e[20] || (e[20] = (m) => o.moveLegend("right"))
             }, {
               default: n(() => [
-                l(k, { style: { cursor: "pointer" } }, {
+                l(D, { style: { cursor: "pointer" } }, {
                   default: n(() => [...e[32] || (e[32] = [
                     f(" Legend RIght ", -1)
                   ])]),
@@ -2078,13 +2085,13 @@ function ke(t, e, i, a, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue", "target"])) : _("", !0),
-    i.sparkline ? _("", !0) : (v(), N("div", we, [
+    i.sparkline ? _("", !0) : (g(), E("div", Te, [
       l(X, {
         text: "Click item to toggle, Right click to edit",
         location: "top"
       }, {
-        activator: n(({ props: u }) => [
-          l(V, ie(se(u)), {
+        activator: n(({ props: m }) => [
+          l(S, le(ae(m)), {
             default: n(() => [...e[33] || (e[33] = [
               f(" mdi-information-variant-circle ", -1)
             ])]),
@@ -2096,10 +2103,10 @@ function ke(t, e, i, a, s, o) {
     ], 512))
   ]);
 }
-const Me = /* @__PURE__ */ R(ye, [["render", ke], ["__scopeId", "data-v-67dfc974"]]);
+const Oe = /* @__PURE__ */ R(be, [["render", De], ["__scopeId", "data-v-13468ccc"]]);
 export {
-  Me as G,
-  ue as a,
-  ve as b
+  Oe as G,
+  ce as a,
+  xe as b
 };
-//# sourceMappingURL=Graph-B7KPo9Ul.js.map
+//# sourceMappingURL=Graph-C-7C2Jq5.js.map