@openc3/vue-common 6.10.3 → 6.10.4

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

@@ -1,13 +1,15 @@
 import { T as Z } from "./timeFilters-BKnCM4rv.js";
-import { T as Q } from "./TargetPacketItemChooser-D5h9Octy.js";
-import { resolveComponent as d, createBlock as x, openBlock as v, withKeys as z, withCtx as n, createVNode as l, createElementVNode as I, createTextVNode as f, createElementBlock as N, Fragment as F, renderList as ee, createCommentVNode as _, toDisplayString as C, withModifiers as W, withDirectives as L, normalizeClass as te, vShow as G, normalizeProps as ie, guardReactiveProps as se } from "vue";
-import { y as J, c as K, u as A, g as le } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-D9LFRi0t.js";
+import { 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: Q
+    OpenC3TimePicker: ee,
+    TargetPacketItemChooser: te
   },
   mixins: [Z],
   props: {
@@ -169,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 ue(t, e, i, a, s, o) {
-  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), u = d("v-tabs"), g = d("v-text-field"), T = d("v-card-text"), b = d("v-col"), w = d("v-select"), c = d("v-row"), S = d("v-tabs-window-item"), k = d("v-btn"), D = d("v-list-item"), M = d("v-list"), E = d("v-checkbox"), Y = d("target-packet-item-chooser"), U = d("v-data-table"), V = d("v-tabs-window"), X = d("v-card-actions"), m = d("v-card"), $ = d("v-dialog");
-  return v(), x($, {
+}, 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: "",
@@ -188,7 +190,7 @@ function ue(t, e, i, a, s, o) {
         ]),
         _: 1
       }),
-      l(m, { class: "pa-3" }, {
+      l(Q, { class: "pa-3" }, {
         default: n(() => [
           l(u, {
             modelValue: t.tab,
@@ -217,24 +219,24 @@ function ue(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",
@@ -249,7 +251,7 @@ function ue(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",
@@ -264,7 +266,7 @@ function ue(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)
@@ -275,7 +277,7 @@ function ue(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",
@@ -288,15 +290,12 @@ function ue(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
                         })
@@ -313,7 +312,7 @@ function ue(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",
@@ -326,15 +325,12 @@ function ue(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
                         })
@@ -345,12 +341,12 @@ function ue(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)
@@ -361,7 +357,7 @@ function ue(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": "",
@@ -373,7 +369,7 @@ function ue(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": "",
@@ -387,17 +383,17 @@ function ue(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] = [
@@ -408,7 +404,7 @@ function ue(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"
@@ -418,7 +414,7 @@ function ue(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"
@@ -428,7 +424,7 @@ function ue(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",
@@ -440,7 +436,7 @@ function ue(t, e, i, a, s, o) {
                                 }, 1024),
                                 l(b, null, {
                                   default: n(() => [
-                                    l(k, {
+                                    l(w, {
                                       style: { padding: "30px" },
                                       icon: "mdi-delete",
                                       variant: "text",
@@ -460,7 +456,7 @@ function ue(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),
@@ -469,7 +465,7 @@ function ue(t, e, i, a, s, o) {
                       ])]),
                       _: 1
                     }),
-                    l(E, {
+                    l(Y, {
                       modelValue: t.customXAxisEnabled,
                       "onUpdate:modelValue": [
                         e[10] || (e[10] = (h) => t.customXAxisEnabled = h),
@@ -480,7 +476,7 @@ function ue(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"
                     }, {
@@ -489,7 +485,7 @@ function ue(t, e, i, a, s, o) {
                       ])]),
                       _: 1
                     })),
-                    t.customXAxisEnabled && i.xAxisItemPacket ? (v(), x(Y, {
+                    t.customXAxisEnabled && i.xAxisItemPacket ? (g(), x(U, {
                       key: 1,
                       "initial-target-name": i.xAxisItemPacket.targetName,
                       "initial-packet-name": i.xAxisItemPacket.packetName,
@@ -505,12 +501,12 @@ function ue(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",
@@ -522,7 +518,7 @@ function ue(t, e, i, a, s, o) {
                     }
                   }, {
                     "item.actions": n(({ item: h }) => [
-                      l(k, {
+                      l(w, {
                         icon: "mdi-delete",
                         variant: "text",
                         "aria-label": "Remove Item",
@@ -540,10 +536,10 @@ function ue(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"))
               }, {
@@ -552,7 +548,7 @@ function ue(t, e, i, a, s, o) {
                 ])]),
                 _: 1
               }),
-              l(k, {
+              l(w, {
                 variant: "flat",
                 onClick: o.closeOk
               }, {
@@ -571,7 +567,7 @@ function ue(t, e, i, a, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const me = /* @__PURE__ */ R(ae, [["render", ue]]), pe = {
+const ce = /* @__PURE__ */ R(oe, [["render", pe]]), fe = {
   props: {
     modelValue: Boolean,
     item: {
@@ -630,10 +626,10 @@ const me = /* @__PURE__ */ R(ae, [["render", ue]]), 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"), u = d("v-spacer"), g = d("v-btn"), T = d("v-card-actions"), b = d("v-card"), w = d("v-dialog");
-  return v(), x(w, {
+}, 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: "",
@@ -694,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": [
@@ -706,7 +702,7 @@ 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
@@ -714,7 +710,7 @@ function ge(t, e, i, a, s, o) {
           l(T, { class: "px-2" }, {
             default: n(() => [
               l(u),
-              l(g, {
+              l(v, {
                 variant: "outlined",
                 onClick: e[7] || (e[7] = (c) => t.$emit("cancel"))
               }, {
@@ -723,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))
               }, {
@@ -742,10 +738,10 @@ function ge(t, e, i, a, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__time", ye = {
+const xe = /* @__PURE__ */ R(fe, [["render", ye]]), G = "__time", be = {
   components: {
-    GraphEditDialog: me,
-    GraphEditItemDialog: ve
+    GraphEditDialog: ce,
+    GraphEditItemDialog: xe
   },
   mixins: [Z],
   props: {
@@ -801,7 +797,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__time", ye = {
     },
     initialXAxisItem: {
       type: String,
-      default: P
+      default: G
     },
     // These allow the parent to force a specific height and/or width
     height: {
@@ -871,7 +867,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__time", ye = {
       drawInterval: null,
       zoomChart: !1,
       zoomOverview: !1,
-      cable: new le(),
+      cable: new ne(),
       subscription: null,
       needToUpdate: !1,
       errorDialog: !1,
@@ -927,7 +923,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__time", ye = {
       );
     },
     actualXAxisItem: function() {
-      return this.canUseCustomXAxisItem && this.xAxisItem ? this.xAxisItem : P;
+      return this.canUseCustomXAxisItem && this.xAxisItem ? this.xAxisItem : G;
     },
     xAxisConverter: function() {
       return this.xAxisIsDefault ? (t) => t / 1e9 : (t) => t;
@@ -939,7 +935,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__time", ye = {
       return this.xAxisIsTime ? "Time" : this.actualXAxisItem.split("__").at(-2);
     },
     xAxisIsDefault: function() {
-      return this.actualXAxisItem === P;
+      return this.actualXAxisItem === G;
     },
     xAxisIsTime: function() {
       const t = ["PACKET_TIMESECONDS", "RECEIVED_TIMESECONDS"];
@@ -1227,7 +1223,7 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__time", ye = {
     setupPlaybackMode: function() {
       this.stopGraph(), this.clearAllData();
       const t = this.itemSubscriptionKeys.map((e) => e.split("__").slice(2).join("__"));
-      if (this.actualXAxisItem === P) {
+      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);
@@ -1479,29 +1475,29 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__time", ye = {
             }
             if (t.scales.y.max > this.limitsValues[2] && // yellowHigh
             t.scales.y.min < this.limitsValues[3]) {
-              let u = a < y ? a : y, g = a < p ? a : p;
-              e.fillRect(i.left, u, i.width, g - u);
+              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 u = p < s ? s : p, g = a < r ? a : r;
-                e.fillRect(i.left, u, i.width, g - u);
+                let u = p < s ? s : p, v = a < r ? a : r;
+                e.fillRect(i.left, u, i.width, v - u);
               }
             } else {
-              const u = 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 = u < s ? s : u;
-                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 < u ? a : u;
+              let T = v < s ? s : v, b = a < u ? a : u;
               e.fillRect(i.left, T, i.width, b - T);
             }
             e.stroke(), e.restore();
@@ -1687,28 +1683,28 @@ const ve = /* @__PURE__ */ R(pe, [["render", ge]]), P = "__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"), u = d("v-expand-transition"), g = d("v-card"), T = d("graph-edit-dialog"), b = d("v-text-field"), w = d("v-row"), c = d("v-textarea"), S = d("v-dialog"), k = d("v-list-item-title"), D = d("v-list-item"), M = d("v-list"), E = d("v-menu"), Y = d("graph-edit-item-dialog"), U = d("v-list-subheader"), V = d("v-icon"), X = d("v-tooltip");
-  return v(), N("div", {
+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(() => [
-        L(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(() => [
-            L(l(r, {
+            P(l(r, {
               class: "mx-2",
               icon: "mdi-alert",
               density: "compact",
@@ -1718,7 +1714,7 @@ function ke(t, e, i, a, s, o) {
                 s.errorDialog = !0;
               })
             }, null, 512), [
-              [G, s.errors.length !== 0]
+              [L, s.errors.length !== 0]
             ]),
             l(r, {
               icon: "mdi-pencil",
@@ -1733,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",
@@ -1749,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",
@@ -1764,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",
@@ -1780,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",
@@ -1805,22 +1801,22 @@ function ke(t, e, i, a, s, o) {
           ]),
           _: 1
         }, 8, ["class"]), [
-          [G, !s.hideToolbarData]
+          [L, !s.hideToolbarData]
         ]),
         l(u, null, {
           default: n(() => [
-            L(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)),
-              L(I("div", {
+              P(I("div", {
                 id: `overview${i.id}`
-              }, null, 8, Ie), [
-                [G, s.showOverview]
+              }, null, 8, we), [
+                [L, s.showOverview]
               ])
             ], 512), [
-              [G, s.expand]
+              [L, s.expand]
             ])
           ]),
           _: 1
@@ -1828,7 +1824,7 @@ 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] = (m) => s.editGraph = m),
@@ -1849,7 +1845,7 @@ function ke(t, e, i, a, s, o) {
       onOk: o.editGraphClose,
       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] = (m) => s.errorDialog = m),
       "max-width": "600"
@@ -1863,9 +1859,9 @@ 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,
@@ -1878,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: "",
@@ -1888,7 +1884,7 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(w, null, {
+            l(k, null, {
               default: n(() => [
                 l(r, {
                   block: "",
@@ -1908,7 +1904,7 @@ 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] = (m) => s.editGraphMenu = m),
@@ -1916,13 +1912,13 @@ function ke(t, e, i, a, s, o) {
       absolute: ""
     }, {
       default: n(() => [
-        l(M, null, {
+        l(V, null, {
           default: n(() => [
-            l(D, {
+            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)
                   ]),
@@ -1937,7 +1933,7 @@ function ke(t, e, i, a, s, o) {
       ]),
       _: 1
     }, 8, ["modelValue", "target"])) : _("", !0),
-    s.editItem ? (v(), x(Y, {
+    s.editItem ? (g(), x(Y, {
       key: 2,
       modelValue: s.editItem,
       "onUpdate:modelValue": e[11] || (e[11] = (m) => s.editItem = m),
@@ -1948,7 +1944,7 @@ function ke(t, e, i, a, s, o) {
       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] = (m) => s.itemMenu = m),
@@ -1956,7 +1952,7 @@ function ke(t, e, i, a, s, o) {
       absolute: ""
     }, {
       default: n(() => [
-        l(M, {
+        l(V, {
           nav: "",
           density: "compact"
         }, {
@@ -1967,14 +1963,14 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
+            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)
                   ])]),
@@ -1983,14 +1979,14 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
+            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)
                   ])]),
@@ -1999,14 +1995,14 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
+            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)
                   ])]),
@@ -2021,7 +2017,7 @@ 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] = (m) => s.legendMenu = m),
@@ -2029,13 +2025,13 @@ function ke(t, e, i, a, s, o) {
       absolute: ""
     }, {
       default: n(() => [
-        l(M, null, {
+        l(V, null, {
           default: n(() => [
-            l(D, {
+            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)
                   ])]),
@@ -2044,11 +2040,11 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
+            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)
                   ])]),
@@ -2057,11 +2053,11 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
+            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)
                   ])]),
@@ -2070,11 +2066,11 @@ function ke(t, e, i, a, s, o) {
               ]),
               _: 1
             }),
-            l(D, {
+            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)
                   ])]),
@@ -2089,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: m }) => [
-          l(V, ie(se(m)), {
+          l(S, le(ae(m)), {
             default: n(() => [...e[33] || (e[33] = [
               f(" mdi-information-variant-circle ", -1)
             ])]),
@@ -2107,10 +2103,10 @@ function ke(t, e, i, a, s, o) {
     ], 512))
   ]);
 }
-const Me = /* @__PURE__ */ R(ye, [["render", ke], ["__scopeId", "data-v-13468ccc"]]);
+const Oe = /* @__PURE__ */ R(be, [["render", De], ["__scopeId", "data-v-13468ccc"]]);
 export {
-  Me as G,
-  me as a,
-  ve as b
+  Oe as G,
+  ce as a,
+  xe as b
 };
-//# sourceMappingURL=Graph-CbjlChwf.js.map
+//# sourceMappingURL=Graph-C-7C2Jq5.js.map