@openc3/vue-common 6.8.1 → 6.9.0

package/dist/{Graph-DZBpdSgR.js → Graph-BliBYJxD.js}

@@ -1,578 +1,15 @@
-import { T as F } from "./timeFilters-BKnCM4rv.js";
-import { g as X, c as B, u as _, p as ee } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-BuwHe3dn.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 { T as B } from "./timeFilters-BKnCM4rv.js";
+import { T as $ } from "./TargetPacketItemChooser-CXpSx-eA.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 H, withDirectives as G, normalizeClass as te, vShow as P, normalizeProps as ie, guardReactiveProps as se } from "vue";
+import { g as J, c as W, u as A, p as le } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-JEZNdnan.js";
+import { _ as z } from "./CustomIcon-h5X7369N.js";
+import { t as K, i as j } from "./format-CVeawcIv.js";
 import { p as q } from "./parse-DnkEsW-3.js";
 const ae = {
-  props: {
-    allowAll: {
-      type: Boolean,
-      default: !1
-    },
-    allowAllTargets: {
-      type: Boolean,
-      default: !1
-    },
-    allowAllArrayIndex: {
-      type: Boolean,
-      default: !1
-    },
-    buttonText: {
-      type: String,
-      default: null
-    },
-    chooseItem: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    initialTargetName: {
-      type: String,
-      default: ""
-    },
-    initialPacketName: {
-      type: String,
-      default: ""
-    },
-    initialItemName: {
-      type: String,
-      default: ""
-    },
-    selectTypes: {
-      type: Boolean,
-      default: !1
-    },
-    showLatest: {
-      type: Boolean,
-      default: !1
-    },
-    mode: {
-      type: String,
-      default: "tlm",
-      // TODO: add validators throughout
-      validator: (t) => ["cmd", "tlm"].includes(t)
-    },
-    unknown: {
-      type: Boolean,
-      default: !1
-    },
-    vertical: {
-      type: Boolean,
-      default: !1
-    },
-    hidden: {
-      type: Boolean,
-      default: !1
-    },
-    lockTarget: {
-      type: Boolean,
-      default: !1
-    },
-    lockPacket: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["on-set", "addItem"],
-  data() {
-    var t, e, i;
-    return {
-      targetNames: [],
-      selectedTargetName: (t = this.initialTargetName) == null ? void 0 : t.toUpperCase(),
-      packetNames: [],
-      selectedPacketName: (e = this.initialPacketName) == null ? void 0 : e.toUpperCase(),
-      itemNames: [],
-      selectedItemName: (i = this.initialItemName) == null ? void 0 : i.toUpperCase(),
-      valueTypes: ["CONVERTED", "RAW"],
-      selectedValueType: "CONVERTED",
-      reductionModes: [
-        // Map NONE to DECOM for clarity
-        { title: "NONE", value: "DECOM" },
-        { title: "REDUCED_MINUTE", value: "REDUCED_MINUTE" },
-        { title: "REDUCED_HOUR", value: "REDUCED_HOUR" },
-        { title: "REDUCED_DAY", value: "REDUCED_DAY" }
-      ],
-      selectedArrayIndex: null,
-      selectedReduced: "DECOM",
-      reducedTypes: ["MIN", "MAX", "AVG", "STDDEV"],
-      selectedReducedType: "AVG",
-      description: "",
-      hazardous: !1,
-      internalDisabled: !1,
-      packetsDisabled: !1,
-      itemsDisabled: !1,
-      api: null,
-      ALL: {
-        label: "[ ALL ]",
-        value: "ALL",
-        description: "ALL"
-      },
-      // Constant to indicate all packets or items
-      UNKNOWN: {
-        label: "[ UNKNOWN ]",
-        value: "UNKNOWN",
-        description: "UNKNOWN"
-      }
-    };
-  },
-  computed: {
-    actualButtonText: function() {
-      return this.selectedPacketName === "ALL" ? "Add Target" : this.selectedItemName === "ALL" ? "Add Packet" : this.buttonText;
-    },
-    autocompleteDisabled: function() {
-      return this.disabled || this.internalDisabled;
-    },
-    buttonDisabled: function() {
-      return this.disabled || this.internalDisabled || this.selectedTargetName === null || this.selectedPacketName === null || this.selectedItemNameWIndex === null;
-    },
-    colSize: function() {
-      return this.vertical ? 12 : !1;
-    },
-    selectedItemNameWIndex: function() {
-      return this.itemIsArray && this.selectedArrayIndex !== null && this.selectedArrayIndex !== this.ALL.label ? `${this.selectedItemName}[${this.selectedArrayIndex}]` : this.selectedItemName;
-    },
-    includeLatestPacketInDropdown: function() {
-      return this.showLatest && this.mode === "tlm";
-    },
-    arrayIndexes: function() {
-      let t = this.itemNames.findIndex(
-        (i) => i.value === this.selectedItemName
-      ), e = [...Array(this.itemNames[t].array).keys()];
-      return (this.allowAll || this.allowAllArrayIndex) && e.unshift(this.ALL.label), e;
-    },
-    itemIsArray: function() {
-      let t = this.itemNames.findIndex(
-        (e) => e.value === this.selectedItemName
-      );
-      return !(t === -1 || isNaN(this.itemNames[t].array));
-    }
-  },
-  watch: {
-    initialTargetName: function(t) {
-      t && (this.selectedTargetName = t.toUpperCase());
-    },
-    initialPacketName: function(t) {
-      t && (this.selectedPacketName = t.toUpperCase());
-    },
-    initialItemName: function(t) {
-      t && (this.selectedItemName = t.toUpperCase());
-    },
-    mode: function(t, e) {
-      this.selectedPacketName = null, this.selectedItemName = null, this.targetNameChanged(this.selectedTargetName);
-    },
-    chooseItem: function(t, e) {
-      t ? this.updateItems() : this.itemNames = [];
-    },
-    itemIsArray: function(t) {
-      t ? this.selectedArrayIndex || (this.selectedArrayIndex = 0) : this.selectedArrayIndex = null;
-    }
-  },
-  created() {
-    this.internalDisabled = !0, this.api = new X(), this.api.get_target_names().then((t) => {
-      this.targetNames = t.flatMap((e) => e == "UNKNOWN" ? [] : { label: e, value: e }), this.allowAllTargets && this.targetNames.unshift(this.ALL), this.selectedTargetName ? this.updatePackets() : (this.selectedTargetName = this.targetNames[0].value, this.targetNameChanged(this.selectedTargetName)), this.unknown && this.targetNames.push(this.UNKNOWN);
-    });
-  },
-  methods: {
-    updatePackets: function() {
-      if (this.selectedTargetName === "UNKNOWN") {
-        this.packetNames = [this.UNKNOWN], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.UNKNOWN.value), this.description = "UNKNOWN";
-        return;
-      }
-      if (this.selectedTargetName === "ALL") {
-        this.packetNames = [this.ALL], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.ALL.value), this.description = "ALL";
-        return;
-      }
-      this.internalDisabled = !0;
-      const t = this.mode === "tlm" ? "get_all_tlm_names" : "get_all_cmd_names";
-      this.api[t](this.selectedTargetName, this.hidden).then((e) => {
-        this.packetNames = e.map((n) => ({
-          label: n,
-          value: n
-        })), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (this.packetNames.length === 0 ? this.selectedPacketName = null : this.selectedPacketName = this.packetNames[0].value), this.updatePacketDetails(this.selectedPacketName), this.packetNames.find((n) => n.value === this.selectedPacketName) && this.chooseItem && this.updateItems(), this.internalDisabled = !1;
-      });
-    },
-    updateItems: function() {
-      if (this.selectedPacketName !== "ALL")
-        if (this.internalDisabled = !0, this.selectedPacketName === "LATEST")
-          this.api.get_all_tlm_item_names(this.selectedTargetName).then((t) => {
-            this.itemNames = t.map((e) => ({
-              label: e,
-              value: e,
-              description: `LATEST ${e}`
-              // Don't handle array for LATEST
-            })), this.finishUpdateItems();
-          });
-        else {
-          const t = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-          this.api[t](this.selectedTargetName, this.selectedPacketName).then(
-            (e) => {
-              this.itemNames = e.items.map((i) => {
-                let n = i.name;
-                return i.data_type == "DERIVED" && (n += " *"), {
-                  label: n,
-                  value: i.name,
-                  description: i.description,
-                  array: i.array_size / i.bit_size
-                };
-              }), this.itemNames.sort((i, n) => i.label > n.label ? 1 : -1), this.finishUpdateItems();
-            }
-          );
-        }
-    },
-    finishUpdateItems: function() {
-      this.allowAll && this.itemNames.unshift(this.ALL), this.selectedItemName || (this.selectedItemName = this.itemNames[0].value), this.description = this.itemNames[0].description, this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }), this.internalDisabled = !1;
-    },
-    targetNameChanged: function(t) {
-      this.selectedTargetName = t, this.selectedPacketName = "", this.selectedItemName = "", t !== null && this.updatePackets();
-    },
-    packetNameChanged: function(t) {
-      this.selectedItemName = "", t !== null && this.updatePacketDetails(t);
-    },
-    updatePacketDetails: function(t) {
-      if (t === "ALL")
-        this.itemsDisabled = !0, this.internalDisabled = !1;
-      else if (t === "LATEST")
-        this.itemsDisabled = !1, this.selectedPacketName = "LATEST";
-      else {
-        this.itemsDisabled = !1;
-        const e = this.packetNames.find((i) => t === i.value);
-        if (e) {
-          this.selectedPacketName = e.value;
-          const i = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-          this.api[i](this.selectedTargetName, this.selectedPacketName).then(
-            (n) => {
-              this.description = n.description, this.hazardous = n.hazardous;
-            }
-          );
-        }
-      }
-      this.chooseItem ? this.updateItems() : this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    itemNameChanged: function(t) {
-      const e = this.itemNames.find((i) => t === i.value);
-      e && (this.selectedItemName = e.value, this.description = e.description, this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }));
-    },
-    indexChanged: function(t) {
-      this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    buttonPressed: function() {
-      this.selectedPacketName === "ALL" ? this.allTargetPacketItems() : this.selectedItemName === "ALL" ? this.allPacketItems() : this.chooseItem ? this.$emit("addItem", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }) : this.$emit("addItem", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    allTargetPacketItems: function() {
-      this.packetNames.forEach((t) => {
-        if (t === this.ALL) return;
-        const e = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-        this.api[e](this.selectedTargetName, t.value).then(
-          (i) => {
-            i.items.forEach((n) => {
-              this.$emit("addItem", {
-                targetName: this.selectedTargetName,
-                packetName: t.value,
-                itemName: n.name,
-                valueType: this.selectedValueType,
-                reduced: this.selectedReduced,
-                reducedType: this.selectedReducedType
-              });
-            });
-          }
-        );
-      });
-    },
-    allPacketItems: function() {
-      this.itemNames.forEach((t) => {
-        t !== this.ALL && this.$emit("addItem", {
-          targetName: this.selectedTargetName,
-          packetName: this.selectedPacketName,
-          itemName: t.value,
-          valueType: this.selectedValueType,
-          reduced: this.selectedReduced,
-          reducedType: this.selectedReducedType
-        });
-      });
-    }
-  }
-}, ne = { class: "pt-4 pb-4" };
-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(I, {
-      "no-gutters": !i.vertical
-    }, {
-      default: r(() => [
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-target"
-        }, {
-          default: r(() => [
-            l(o, {
-              modelValue: s.selectedTargetName,
-              "onUpdate:modelValue": [
-                e[0] || (e[0] = (c) => s.selectedTargetName = c),
-                a.targetNameChanged
-              ],
-              label: "Select Target",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: a.autocompleteDisabled || i.lockTarget,
-              items: s.targetNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-packet"
-        }, {
-          default: r(() => [
-            l(o, {
-              modelValue: s.selectedPacketName,
-              "onUpdate:modelValue": [
-                e[2] || (e[2] = (c) => s.selectedPacketName = c),
-                a.packetNameChanged
-              ],
-              label: "Select Packet",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.packetsDisabled || a.autocompleteDisabled || i.lockPacket,
-              items: s.packetNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, te({ _: 2 }, [
-              a.includeLatestPacketInDropdown ? {
-                name: "prepend-item",
-                fn: r(() => [
-                  l(b, {
-                    title: "LATEST",
-                    onClick: e[1] || (e[1] = (c) => a.packetNameChanged("LATEST"))
-                  }),
-                  l(u)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        i.chooseItem ? (f(), x(m, {
-          key: 0,
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-item"
-        }, {
-          default: r(() => [
-            l(o, {
-              modelValue: s.selectedItemName,
-              "onUpdate:modelValue": [
-                e[3] || (e[3] = (c) => s.selectedItemName = c),
-                e[4] || (e[4] = (c) => a.itemNameChanged(c))
-              ],
-              label: "Select Item",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.itemsDisabled || a.autocompleteDisabled,
-              items: s.itemNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "disabled", "items"])
-          ]),
-          _: 1
-        }, 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: r(() => [
-            l(y, {
-              modelValue: s.selectedArrayIndex,
-              "onUpdate:modelValue": [
-                e[5] || (e[5] = (c) => s.selectedArrayIndex = c),
-                e[6] || (e[6] = (c) => a.indexChanged(c))
-              ],
-              label: "Index",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.itemsDisabled || a.autocompleteDisabled,
-              items: a.arrayIndexes,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "disabled", "items"])
-          ]),
-          _: 1
-        })) : k("", !0),
-        i.buttonText ? (f(), x(m, {
-          key: 2,
-          cols: a.colSize,
-          style: { "max-width": "140px" }
-        }, {
-          default: r(() => [
-            l(T, {
-              disabled: a.buttonDisabled,
-              color: "primary",
-              "data-test": "select-send",
-              onClick: a.buttonPressed
-            }, {
-              default: r(() => [
-                g(A(a.actualButtonText), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled", "onClick"])
-          ]),
-          _: 1
-        }, 8, ["cols"])) : k("", !0)
-      ]),
-      _: 1
-    }, 8, ["no-gutters"]),
-    i.selectTypes ? (f(), x(I, {
-      key: 0,
-      class: "pt-6",
-      "no-gutters": ""
-    }, {
-      default: r(() => [
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "data-type"
-        }, {
-          default: r(() => [
-            l(o, {
-              modelValue: s.selectedValueType,
-              "onUpdate:modelValue": e[7] || (e[7] = (c) => s.selectedValueType = c),
-              label: "Value Type",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: s.valueTypes
-            }, null, 8, ["modelValue", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "reduced"
-        }, {
-          default: r(() => [
-            l(o, {
-              modelValue: s.selectedReduced,
-              "onUpdate:modelValue": e[8] || (e[8] = (c) => s.selectedReduced = c),
-              label: "Reduced",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: s.reductionModes
-            }, null, 8, ["modelValue", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "reduced-type"
-        }, {
-          default: r(() => [
-            l(o, {
-              modelValue: s.selectedReducedType,
-              "onUpdate:modelValue": e[9] || (e[9] = (c) => s.selectedReducedType = c),
-              label: "Reduced Type",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.selectedReduced === "DECOM",
-              items: s.reducedTypes
-            }, null, 8, ["modelValue", "disabled", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          style: { "max-width": "140px" }
-        }, null, 8, ["cols"])
-      ]),
-      _: 1
-    })) : k("", !0),
-    l(I, {
-      "no-gutters": "",
-      class: "pa-3"
-    }, {
-      default: r(() => [
-        l(m, {
-          cols: a.colSize,
-          class: J({ "openc3-yellow": s.hazardous })
-        }, {
-          default: r(() => [
-            g(" Description: " + A(s.description) + " ", 1),
-            s.hazardous ? (f(), V(W, { key: 0 }, [
-              g(" (HAZARDOUS) ")
-            ], 64)) : k("", !0)
-          ]),
-          _: 1
-        }, 8, ["cols", "class"])
-      ]),
-      _: 1
-    })
-  ]);
-}
-const oe = /* @__PURE__ */ R(ae, [["render", re], ["__scopeId", "data-v-404c7763"]]), de = {
   components: {
-    TargetPacketItemChooser: oe
+    TargetPacketItemChooser: $
   },
-  mixins: [F],
+  mixins: [B],
   props: {
     modelValue: Boolean,
     // modelValue is the default prop when using v-model
@@ -649,7 +86,7 @@ const oe = /* @__PURE__ */ R(ae, [["render", re], ["__scopeId", "data-v-404c7763
         date: (t) => {
           if (!t) return !0;
           try {
-            return Z(q(t, "yyyy-MM-dd", /* @__PURE__ */ new Date())) || "Invalid date (YYYY-MM-DD)";
+            return j(q(t, "yyyy-MM-dd", /* @__PURE__ */ new Date())) || "Invalid date (YYYY-MM-DD)";
           } catch {
             return "Invalid date (YYYY-MM-DD)";
           }
@@ -657,7 +94,7 @@ const oe = /* @__PURE__ */ R(ae, [["render", re], ["__scopeId", "data-v-404c7763
         time: (t) => {
           if (!t) return !0;
           try {
-            return Z(q(t, "HH:mm:ss", /* @__PURE__ */ new Date())) || "Invalid time (HH:MM:SS)";
+            return j(q(t, "HH:mm:ss", /* @__PURE__ */ new Date())) || "Invalid time (HH:MM:SS)";
           } catch {
             return "Invalid time (HH:MM:SS)";
           }
@@ -693,14 +130,14 @@ const oe = /* @__PURE__ */ R(ae, [["render", re], ["__scopeId", "data-v-404c7763
       graphMaxY: this.graphMaxY,
       lines: [...this.lines]
     }, this.customXAxisEnabled = this.xAxisItem && this.xAxisItem !== "__time", this.selectedXAxisItem = this.xAxisItem, this.startDateTime) {
-      let t = j(this.startDateTime / 1e6);
+      let t = K(this.startDateTime / 1e6);
       this.startDate = this.formatDate(t, this.timeZone), this.startTime = this.formatTimeHMS(t, this.timeZone);
     } else {
       let t = /* @__PURE__ */ new Date() - 36e5;
       this.startDate = this.formatDate(t, this.timeZone), this.startTime = this.formatTimeHMS(t, this.timeZone);
     }
     if (this.endDateTime) {
-      let t = j(this.endDateTime / 1e6);
+      let t = K(this.endDateTime / 1e6);
       this.endDate = this.formatDate(t, this.timeZone), this.endTime = this.formatTimeHMS(t, this.timeZone);
     }
   },
@@ -728,71 +165,71 @@ const oe = /* @__PURE__ */ R(ae, [["render", re], ["__scopeId", "data-v-404c7763
       }
     }
   }
-}, 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 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),
+}, 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"), M = d("v-tabs-window-item"), k = d("v-btn"), D = d("v-list-item"), S = 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"), m = d("v-card"), Q = d("v-dialog");
+  return v(), x(Q, {
+    modelValue: o.show,
+    "onUpdate:modelValue": e[13] || (e[13] = (h) => o.show = h),
     "max-width": "700",
-    onKeydown: e[14] || (e[14] = Q((h) => t.$emit("cancel"), ["esc"]))
+    onKeydown: e[14] || (e[14] = Z((h) => t.$emit("cancel"), ["esc"]))
   }, {
-    default: r(() => [
-      l(m, { height: "24" }, {
-        default: r(() => [
-          l(o),
-          e[15] || (e[15] = N("span", null, " Edit Graph ", -1)),
-          l(o)
+    default: n(() => [
+      l(p, { height: "24" }, {
+        default: n(() => [
+          l(r),
+          e[15] || (e[15] = I("span", null, " Edit Graph ", -1)),
+          l(r)
         ]),
         _: 1
       }),
-      l(p, { class: "pa-3" }, {
-        default: r(() => [
+      l(m, { class: "pa-3" }, {
+        default: n(() => [
           l(u, {
             modelValue: t.tab,
             "onUpdate:modelValue": e[0] || (e[0] = (h) => t.tab = h),
             class: "ml-3"
           }, {
-            default: r(() => [
-              l(b, { value: "0" }, {
-                default: r(() => [...e[16] || (e[16] = [
-                  g(" Settings ", -1)
+            default: n(() => [
+              l(y, { value: "0" }, {
+                default: n(() => [...e[16] || (e[16] = [
+                  f(" Settings ", -1)
                 ])]),
                 _: 1
               }),
-              l(b, { value: "1" }, {
-                default: r(() => [...e[17] || (e[17] = [
-                  g(" Scale / Lines ", -1)
+              l(y, { value: "1" }, {
+                default: n(() => [...e[17] || (e[17] = [
+                  f(" Scale / Lines ", -1)
                 ])]),
                 _: 1
               }),
-              l(b, { value: "2" }, {
-                default: r(() => [...e[18] || (e[18] = [
-                  g(" Items ", -1)
+              l(y, { value: "2" }, {
+                default: n(() => [...e[18] || (e[18] = [
+                  f(" Items ", -1)
                 ])]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          l(C, {
+          l(V, {
             modelValue: t.tab,
             "onUpdate:modelValue": e[11] || (e[11] = (h) => t.tab = h)
           }, {
-            default: r(() => [
-              l(S, {
+            default: n(() => [
+              l(M, {
                 value: "0",
                 eager: ""
               }, {
-                default: r(() => [
-                  N("div", me, [
-                    l(v, null, {
-                      default: r(() => [
-                        l(I, null, {
-                          default: r(() => [
+                default: n(() => [
+                  I("div", ne, [
+                    l(c, null, {
+                      default: n(() => [
+                        l(b, null, {
+                          default: n(() => [
                             l(T, { class: "pa-0" }, {
-                              default: r(() => [
-                                l(y, {
+                              default: n(() => [
+                                l(g, {
                                   modelValue: t.graph.title,
                                   "onUpdate:modelValue": e[1] || (e[1] = (h) => t.graph.title = h),
                                   class: "pb-2",
@@ -805,9 +242,9 @@ function fe(t, e, i, n, s, a) {
                           ]),
                           _: 1
                         }),
-                        l(I, null, {
-                          default: r(() => [
-                            l(c, {
+                        l(b, null, {
+                          default: n(() => [
+                            l(w, {
                               modelValue: t.graph.legendPosition,
                               "onUpdate:modelValue": e[2] || (e[2] = (h) => t.graph.legendPosition = h),
                               label: "Legend Position",
@@ -822,18 +259,18 @@ function fe(t, e, i, n, s, a) {
                       _: 1
                     })
                   ]),
-                  N("div", ue, [
+                  I("div", oe, [
                     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)
+                      default: n(() => [...e[19] || (e[19] = [
+                        f(" Select a start date/time for the graph. Leave blank for start now. ", -1)
                       ])]),
                       _: 1
                     }),
-                    l(v, null, {
-                      default: r(() => [
-                        l(I, null, {
-                          default: r(() => [
-                            l(y, {
+                    l(c, null, {
+                      default: n(() => [
+                        l(b, null, {
+                          default: n(() => [
+                            l(g, {
                               modelValue: t.startDate,
                               "onUpdate:modelValue": e[3] || (e[3] = (h) => t.startDate = h),
                               label: "Start Date",
@@ -844,9 +281,9 @@ function fe(t, e, i, n, s, a) {
                           ]),
                           _: 1
                         }),
-                        l(I, null, {
-                          default: r(() => [
-                            l(y, {
+                        l(b, null, {
+                          default: n(() => [
+                            l(g, {
                               modelValue: t.startTime,
                               "onUpdate:modelValue": e[4] || (e[4] = (h) => t.startTime = h),
                               label: "Start Time",
@@ -862,16 +299,16 @@ function fe(t, e, i, n, s, a) {
                       _: 1
                     }),
                     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)
+                      default: n(() => [...e[20] || (e[20] = [
+                        f(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ", -1)
                       ])]),
                       _: 1
                     }),
-                    l(v, null, {
-                      default: r(() => [
-                        l(I, null, {
-                          default: r(() => [
-                            l(y, {
+                    l(c, null, {
+                      default: n(() => [
+                        l(b, null, {
+                          default: n(() => [
+                            l(g, {
                               modelValue: t.endDate,
                               "onUpdate:modelValue": e[5] || (e[5] = (h) => t.endDate = h),
                               label: "End Date",
@@ -882,9 +319,9 @@ function fe(t, e, i, n, s, a) {
                           ]),
                           _: 1
                         }),
-                        l(I, null, {
-                          default: r(() => [
-                            l(y, {
+                        l(b, null, {
+                          default: n(() => [
+                            l(g, {
                               modelValue: t.endTime,
                               "onUpdate:modelValue": e[6] || (e[6] = (h) => t.endTime = h),
                               label: "End Time",
@@ -903,23 +340,23 @@ function fe(t, e, i, n, s, a) {
                 ]),
                 _: 1
               }),
-              l(S, {
+              l(M, {
                 value: "1",
                 eager: ""
               }, {
-                default: r(() => [
-                  N("div", he, [
+                default: n(() => [
+                  I("div", re, [
                     l(T, { class: "pa-0" }, {
-                      default: r(() => [...e[21] || (e[21] = [
-                        g(" Set a min or max Y value to override automatic scaling ", -1)
+                      default: n(() => [...e[21] || (e[21] = [
+                        f(" Set a min or max Y value to override automatic scaling ", -1)
                       ])]),
                       _: 1
                     }),
-                    l(v, { dense: "" }, {
-                      default: r(() => [
-                        l(I, { class: "px-2" }, {
-                          default: r(() => [
-                            l(y, {
+                    l(c, { dense: "" }, {
+                      default: n(() => [
+                        l(b, { class: "px-2" }, {
+                          default: n(() => [
+                            l(g, {
                               modelValue: t.graph.graphMinY,
                               "onUpdate:modelValue": e[7] || (e[7] = (h) => t.graph.graphMinY = h),
                               "hide-details": "",
@@ -929,9 +366,9 @@ function fe(t, e, i, n, s, a) {
                           ]),
                           _: 1
                         }),
-                        l(I, { class: "px-2" }, {
-                          default: r(() => [
-                            l(y, {
+                        l(b, { class: "px-2" }, {
+                          default: n(() => [
+                            l(g, {
                               modelValue: t.graph.graphMaxY,
                               "onUpdate:modelValue": e[8] || (e[8] = (h) => t.graph.graphMaxY = h),
                               "hide-details": "",
@@ -945,50 +382,50 @@ function fe(t, e, i, n, s, a) {
                       _: 1
                     })
                   ]),
-                  N("div", ce, [
-                    l(E, {
+                  I("div", de, [
+                    l(S, {
                       density: "compact",
                       class: "horizontal-lines"
                     }, {
-                      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: n(() => [
+                        l(D, null, {
+                          default: n(() => [
+                            e[23] || (e[23] = I("span", { style: { "padding-top": "5px" } }, " Add horizontal lines to the graph ", -1)),
+                            l(r),
+                            l(k, {
+                              onClick: e[9] || (e[9] = (h) => o.addLine())
                             }, {
-                              default: r(() => [...e[22] || (e[22] = [
-                                g(" New Line ", -1)
+                              default: n(() => [...e[22] || (e[22] = [
+                                f(" New Line ", -1)
                               ])]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }),
-                        (f(!0), V(W, null, ie(t.graph.lines, (h, H) => (f(), x(w, {
-                          key: H,
+                        (v(!0), N(F, null, ee(t.graph.lines, (h, R) => (v(), x(D, {
+                          key: R,
                           value: h,
                           color: "primary"
                         }, {
-                          default: r(() => [
-                            l(v, null, {
-                              default: r(() => [
-                                l(I, null, {
-                                  default: r(() => [
-                                    l(y, {
+                          default: n(() => [
+                            l(c, null, {
+                              default: n(() => [
+                                l(b, null, {
+                                  default: n(() => [
+                                    l(g, {
                                       modelValue: h.yValue,
-                                      "onUpdate:modelValue": (P) => h.yValue = P,
+                                      "onUpdate:modelValue": (O) => h.yValue = O,
                                       label: "Y Value"
                                     }, null, 8, ["modelValue", "onUpdate:modelValue"])
                                   ]),
                                   _: 2
                                 }, 1024),
-                                l(I, null, {
-                                  default: r(() => [
-                                    l(c, {
+                                l(b, null, {
+                                  default: n(() => [
+                                    l(w, {
                                       modelValue: h.color,
-                                      "onUpdate:modelValue": (P) => h.color = P,
+                                      "onUpdate:modelValue": (O) => h.color = O,
                                       label: "Color",
                                       "hide-details": "",
                                       items: i.colors
@@ -996,14 +433,14 @@ function fe(t, e, i, n, s, a) {
                                   ]),
                                   _: 2
                                 }, 1024),
-                                l(I, null, {
-                                  default: r(() => [
-                                    l(D, {
+                                l(b, null, {
+                                  default: n(() => [
+                                    l(k, {
                                       style: { padding: "30px" },
                                       icon: "mdi-delete",
                                       variant: "text",
                                       "aria-label": "Remove Line",
-                                      onClick: (P) => a.removeLine(h)
+                                      onClick: (O) => o.removeLine(h)
                                     }, null, 8, ["onClick"])
                                   ]),
                                   _: 2
@@ -1018,77 +455,77 @@ function fe(t, e, i, n, s, a) {
                       _: 1
                     })
                   ]),
-                  N("div", pe, [
+                  I("div", he, [
                     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)
+                      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),
+                        I("br", null, null, -1),
+                        I("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, {
+                    l(E, {
                       modelValue: t.customXAxisEnabled,
                       "onUpdate:modelValue": [
                         e[10] || (e[10] = (h) => t.customXAxisEnabled = h),
-                        a.customXAxisToggled
+                        o.customXAxisToggled
                       ],
                       disabled: !i.xAxisItemPacket,
                       label: "Custom X axis item",
                       density: "compact",
                       "hide-details": ""
                     }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-                    i.xAxisItemPacket ? k("", !0) : (f(), x(T, {
+                    i.xAxisItemPacket ? _("", !0) : (v(), x(T, {
                       key: 0,
                       class: "pa-0 text-medium-emphasis"
                     }, {
-                      default: r(() => [...e[25] || (e[25] = [
-                        g(" All items on the graph must be in the same packet to enable this feature. ", -1)
+                      default: n(() => [...e[25] || (e[25] = [
+                        f(" All items on the graph must be in the same packet to enable this feature. ", -1)
                       ])]),
                       _: 1
                     })),
-                    t.customXAxisEnabled && i.xAxisItemPacket ? (f(), x(z, {
+                    t.customXAxisEnabled && i.xAxisItemPacket ? (v(), x(L, {
                       key: 1,
                       "initial-target-name": i.xAxisItemPacket.targetName,
                       "initial-packet-name": i.xAxisItemPacket.packetName,
-                      "initial-item-name": a.initialXAxisItem,
+                      "initial-item-name": o.initialXAxisItem,
                       "choose-item": "",
                       "lock-target": "",
                       "lock-packet": "",
                       "button-text": "Set",
-                      onOnSet: a.xAxisItemChanged,
-                      onAddItem: a.xAxisItemSelected
-                    }, null, 8, ["initial-target-name", "initial-packet-name", "initial-item-name", "onOnSet", "onAddItem"])) : k("", !0)
+                      onOnSet: o.xAxisItemChanged,
+                      onAddItem: o.xAxisItemSelected
+                    }, null, 8, ["initial-target-name", "initial-packet-name", "initial-item-name", "onOnSet", "onAddItem"])) : _("", !0)
                   ])
                 ]),
                 _: 1
               }),
-              l(S, {
+              l(M, {
                 value: "2",
                 eager: ""
               }, {
-                default: r(() => [
-                  l(G, {
+                default: n(() => [
+                  l(U, {
                     "item-key": "itemId",
                     class: "elevation-1 my-2",
                     "data-test": "edit-graph-items",
                     headers: t.itemHeaders,
-                    items: a.editItems,
+                    items: o.editItems,
                     "items-per-page": 5,
                     "footer-props": {
                       "items-per-page-options": [5]
                     }
                   }, {
-                    "item.actions": r(({ item: h }) => [
-                      l(D, {
+                    "item.actions": n(({ item: h }) => [
+                      l(k, {
                         icon: "mdi-delete",
                         variant: "text",
                         "aria-label": "Remove Item",
-                        onClick: (H) => t.$emit("remove", h)
+                        onClick: (R) => t.$emit("remove", h)
                       }, null, 8, ["onClick"])
                     ]),
-                    "no-data": r(() => [...e[26] || (e[26] = [
-                      N("span", null, " Currently no items on this graph ", -1)
+                    "no-data": n(() => [...e[26] || (e[26] = [
+                      I("span", null, " Currently no items on this graph ", -1)
                     ])]),
                     _: 1
                   }, 8, ["headers", "items"])
@@ -1098,24 +535,24 @@ function fe(t, e, i, n, s, a) {
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          l(Y, { class: "px-2" }, {
-            default: r(() => [
-              l(o),
-              l(D, {
+          l(X, { class: "px-2" }, {
+            default: n(() => [
+              l(r),
+              l(k, {
                 variant: "outlined",
                 onClick: e[12] || (e[12] = (h) => t.$emit("cancel"))
               }, {
-                default: r(() => [...e[27] || (e[27] = [
-                  g(" Cancel ", -1)
+                default: n(() => [...e[27] || (e[27] = [
+                  f(" Cancel ", -1)
                 ])]),
                 _: 1
               }),
-              l(D, {
+              l(k, {
                 variant: "flat",
-                onClick: a.closeOk
+                onClick: o.closeOk
               }, {
-                default: r(() => [...e[28] || (e[28] = [
-                  g(" Ok ", -1)
+                default: n(() => [...e[28] || (e[28] = [
+                  f(" Ok ", -1)
                 ])]),
                 _: 1
               }, 8, ["onClick"])
@@ -1129,7 +566,7 @@ function fe(t, e, i, n, s, a) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ge = /* @__PURE__ */ R(de, [["render", fe]]), ve = {
+const me = /* @__PURE__ */ z(ae, [["render", ue]]), pe = {
   props: {
     modelValue: Boolean,
     item: {
@@ -1179,7 +616,7 @@ const ge = /* @__PURE__ */ R(de, [["render", fe]]), ve = {
     }
   },
   async created() {
-    this.editItem = { ...this.item }, new X().get_item(this.item.targetName, this.item.packetName, this.item.itemName).then((t) => {
+    this.editItem = { ...this.item }, new J().get_item(this.item.targetName, this.item.packetName, this.item.itemName).then((t) => {
       for (const [e, i] of Object.entries(t.limits))
         Object.keys(i).includes("red_low") && (this.limits[e] = Object.values(i));
       this.limitsName = Object.keys(this.limits).find(
@@ -1188,47 +625,47 @@ const ge = /* @__PURE__ */ R(de, [["render", fe]]), ve = {
       );
     });
   }
-}, 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),
+}, 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, {
+    modelValue: o.show,
+    "onUpdate:modelValue": e[9] || (e[9] = (c) => o.show = c),
     width: "400",
-    onKeydown: e[10] || (e[10] = Q((v) => t.success(), ["enter"]))
+    onKeydown: e[10] || (e[10] = Z((c) => t.success(), ["enter"]))
   }, {
-    default: r(() => [
-      l(I, null, {
-        default: r(() => [
-          l(o, { class: "mb-2" }, {
-            default: r(() => [...e[11] || (e[11] = [
-              g("Edit Item", -1)
+    default: n(() => [
+      l(b, null, {
+        default: n(() => [
+          l(r, { class: "mb-2" }, {
+            default: n(() => [...e[11] || (e[11] = [
+              f("Edit Item", -1)
             ])]),
             _: 1
           }),
-          l(b, null, {
-            default: r(() => [
-              l(m, {
+          l(y, null, {
+            default: n(() => [
+              l(p, {
                 modelValue: t.editItem.valueType,
-                "onUpdate:modelValue": e[0] || (e[0] = (v) => t.editItem.valueType = v),
+                "onUpdate:modelValue": e[0] || (e[0] = (c) => t.editItem.valueType = c),
                 variant: "outlined",
                 "hide-details": "",
                 label: "Value Type",
                 items: t.valueTypes,
                 class: "mb-2"
               }, null, 8, ["modelValue", "items"]),
-              l(m, {
+              l(p, {
                 modelValue: t.editItem.reduced,
-                "onUpdate:modelValue": e[1] || (e[1] = (v) => t.editItem.reduced = v),
+                "onUpdate:modelValue": e[1] || (e[1] = (c) => t.editItem.reduced = c),
                 variant: "outlined",
                 "hide-details": "",
                 label: "Reduction",
                 items: t.reduction,
                 class: "mb-2"
               }, null, 8, ["modelValue", "items"]),
-              l(m, {
+              l(p, {
                 modelValue: t.editItem.reducedType,
-                "onUpdate:modelValue": e[2] || (e[2] = (v) => t.editItem.reducedType = v),
+                "onUpdate:modelValue": e[2] || (e[2] = (c) => t.editItem.reducedType = c),
                 variant: "outlined",
                 "hide-details": "",
                 label: "Reduced Type",
@@ -1236,11 +673,11 @@ function be(t, e, i, n, s, a) {
                 disabled: t.editItem.reduced === "DECOM",
                 class: "mb-2"
               }, null, 8, ["modelValue", "items", "disabled"]),
-              l(m, {
+              l(p, {
                 modelValue: t.editItem.color,
                 "onUpdate:modelValue": [
-                  e[3] || (e[3] = (v) => t.editItem.color = v),
-                  e[4] || (e[4] = (v) => t.$emit("changeColor", v))
+                  e[3] || (e[3] = (c) => t.editItem.color = c),
+                  e[4] || (e[4] = (c) => t.$emit("changeColor", c))
                 ],
                 variant: "outlined",
                 "hide-details": "",
@@ -1248,41 +685,41 @@ function be(t, e, i, n, s, a) {
                 items: i.colors,
                 class: "mb-2"
               }, null, 8, ["modelValue", "items"]),
-              a.limitsNames.length > 1 ? (f(), V("div", ye, [
-                l(m, {
+              o.limitsNames.length > 1 ? (v(), N("div", ce, [
+                l(p, {
                   modelValue: t.limitsName,
                   "onUpdate:modelValue": [
-                    e[5] || (e[5] = (v) => t.limitsName = v),
-                    e[6] || (e[6] = (v) => t.$emit("changeLimits", t.limits[t.limitsName]))
+                    e[5] || (e[5] = (c) => t.limitsName = c),
+                    e[6] || (e[6] = (c) => t.$emit("changeLimits", t.limits[t.limitsName]))
                   ],
                   variant: "outlined",
                   "hide-details": "",
                   label: "Display Limits",
-                  items: a.limitsNames
+                  items: o.limitsNames
                 }, null, 8, ["modelValue", "items"]),
-                N("div", xe, A(t.limitsName) + ": " + A(t.limits[t.limitsName]), 1)
-              ])) : k("", !0)
+                I("div", fe, C(t.limitsName) + ": " + C(t.limits[t.limitsName]), 1)
+              ])) : _("", !0)
             ]),
             _: 1
           }),
           l(T, { class: "px-2" }, {
-            default: r(() => [
+            default: n(() => [
               l(u),
-              l(y, {
+              l(g, {
                 variant: "outlined",
-                onClick: e[7] || (e[7] = (v) => t.$emit("cancel"))
+                onClick: e[7] || (e[7] = (c) => t.$emit("cancel"))
               }, {
-                default: r(() => [...e[12] || (e[12] = [
-                  g(" Cancel ", -1)
+                default: n(() => [...e[12] || (e[12] = [
+                  f(" Cancel ", -1)
                 ])]),
                 _: 1
               }),
-              l(y, {
+              l(g, {
                 variant: "flat",
-                onClick: e[8] || (e[8] = (v) => t.$emit("close", t.editItem))
+                onClick: e[8] || (e[8] = (c) => t.$emit("close", t.editItem))
               }, {
-                default: r(() => [...e[13] || (e[13] = [
-                  g(" Ok ", -1)
+                default: n(() => [...e[13] || (e[13] = [
+                  f(" Ok ", -1)
                 ])]),
                 _: 1
               })
@@ -1296,12 +733,12 @@ function be(t, e, i, n, s, a) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
+const ve = /* @__PURE__ */ z(pe, [["render", ge]]), Y = "__time", ye = {
   components: {
-    GraphEditDialog: ge,
-    GraphEditItemDialog: Ie
+    GraphEditDialog: me,
+    GraphEditItemDialog: ve
   },
-  mixins: [F],
+  mixins: [B],
   props: {
     id: {
       type: Number,
@@ -1355,7 +792,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
     },
     initialXAxisItem: {
       type: String,
-      default: U
+      default: Y
     },
     // These allow the parent to force a specific height and/or width
     height: {
@@ -1425,7 +862,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
       drawInterval: null,
       zoomChart: !1,
       zoomOverview: !1,
-      cable: new ee(),
+      cable: new le(),
       subscription: null,
       needToUpdate: !1,
       errorDialog: !1,
@@ -1481,7 +918,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
       );
     },
     actualXAxisItem: function() {
-      return this.canUseCustomXAxisItem && this.xAxisItem ? this.xAxisItem : U;
+      return this.canUseCustomXAxisItem && this.xAxisItem ? this.xAxisItem : Y;
     },
     xAxisConverter: function() {
       return this.xAxisIsDefault ? (t) => t / 1e9 : (t) => t;
@@ -1493,7 +930,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
       return this.xAxisIsTime ? "Time" : this.actualXAxisItem.split("__").at(-2);
     },
     xAxisIsDefault: function() {
-      return this.actualXAxisItem === U;
+      return this.actualXAxisItem === Y;
     },
     xAxisIsTime: function() {
       const t = ["PACKET_TIMESECONDS", "RECEIVED_TIMESECONDS"];
@@ -1541,20 +978,20 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
       ).then((i) => {
         if (i.length > 0) {
           if (Array.isArray(i[0]) && Array.isArray(i[0][0]))
-            for (let n = 0; n < i.length; n++)
-              for (let s = 0; s < i[n].length; s++)
+            for (let a = 0; a < i.length; a++)
+              for (let s = 0; s < i[a].length; s++)
                 if (s === 0) {
-                  let a = i[n][s][0], o = new Date(a);
-                  this.data[0].push(o.getTime() / 1e3);
+                  let o = i[a][s][0], r = new Date(o);
+                  this.data[0].push(r.getTime() / 1e3);
                 } else
-                  this.data[s].push(i[n][s][0]);
+                  this.data[s].push(i[a][s][0]);
           else if (Array.isArray(i) && i.length >= 2)
-            for (let n = 0; n < i.length; n++)
-              if (n === 0) {
-                let s = i[n][0], a = new Date(s);
-                this.data[0].push(a.getTime() / 1e3);
+            for (let a = 0; a < i.length; a++)
+              if (a === 0) {
+                let s = i[a][0], o = new Date(s);
+                this.data[0].push(o.getTime() / 1e3);
               } else
-                this.data[n].push(i[n][0]);
+                this.data[a].push(i[a][0]);
         }
         this.dataChanged = !0, this.updateGraphData();
       }), this.lastPlaybackDateTime = this.playbackDateTime);
@@ -1578,11 +1015,11 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), 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 _(
+      this.removeItems(i), this.graph.destroy(), this.chartOpts.series[0].label = this.xAxisLabel, this.chartOpts.scales.x.time = this.xAxisIsTime, this.graph = new A(
         this.chartOpts,
         this.data,
         document.getElementById(`chart${this.id}`)
-      ), this.hideOverview || (this.overview.destroy(), this.overviewOpts.scales.x.time = this.xAxisIsTime, this.overview = new _(
+      ), this.hideOverview || (this.overview.destroy(), this.overviewOpts.scales.x.time = this.xAxisIsTime, this.overview = new A(
         this.overviewOpts,
         this.data,
         document.getElementById(`overview${this.id}`)
@@ -1595,23 +1032,23 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
     }
   },
   created() {
-    this.api = new X(), this.title = `Graph ${this.id}`;
+    this.api = new J(), this.title = `Graph ${this.id}`;
     for (const [t, e] of this.items.entries())
       this.data.push([]), this.indexes[this.subscriptionKey(e)] = t + 1, e.color === void 0 && (e.color = this.colors[this.colorIndex]), this.colorIndex++, this.colorIndex === this.colors.length && (this.colorIndex = 0);
   },
   mounted() {
     const { chartSeries: t, overviewSeries: e } = this.items.reduce(
-      (i, n) => {
+      (i, a) => {
         const s = {
           spanGaps: !0
         };
         return i.chartSeries.push({
           ...s,
-          item: n,
-          label: this.formatLabel(n),
-          stroke: (a, o) => this.items[o - 1].color,
+          item: a,
+          label: this.formatLabel(a),
+          stroke: (o, r) => this.items[r - 1].color,
           width: 2,
-          value: (a, o) => typeof o == "string" || isNaN(o) ? "NaN" : o == null ? "--" : o.toFixed(3)
+          value: (o, r) => typeof r == "string" || isNaN(r) ? "NaN" : r == null ? "--" : r.toFixed(3)
         }), i.overviewSeries.push({
           ...s
         }), i;
@@ -1652,7 +1089,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
             // TODO: Light / dark theme
           }
         ]
-      }, this.graph = new _(
+      }, this.graph = new A(
         this.chartOpts,
         this.data,
         document.getElementById(`chart${this.id}`)
@@ -1665,11 +1102,11 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
         ...this.getAxes("chart"),
         // series: series, // TODO: Uncomment with the performance code
         plugins: [this.linesPlugin()],
-        tzDate: (n) => _.tzDate(new Date(n * 1e3), i),
+        tzDate: (a) => A.tzDate(new Date(a * 1e3), i),
         series: [
           {
             label: this.xAxisLabel,
-            value: (n, s) => this.xAxisFormatter(s)
+            value: (a, s) => this.xAxisFormatter(s)
           },
           ...t
         ],
@@ -1685,45 +1122,45 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
             // setSeries: true,
           },
           bind: {
-            mouseup: (n, s, a) => (o) => {
-              this.state === "pause" && n.select.width === 0 && this.$emit("start"), a(o);
+            mouseup: (a, s, o) => (r) => {
+              this.state === "pause" && a.select.width === 0 && this.$emit("start"), o(r);
             }
           }
         },
         hooks: {
           setScale: [
-            (n, s) => {
+            (a, s) => {
               if (s === "x" && !this.zoomOverview && this.overview) {
                 this.zoomChart = !0;
-                let a = Math.round(
-                  this.overview.valToPos(n.scales.x.min, "x")
-                ), o = Math.round(
-                  this.overview.valToPos(n.scales.x.max, "x")
+                let o = Math.round(
+                  this.overview.valToPos(a.scales.x.min, "x")
+                ), r = Math.round(
+                  this.overview.valToPos(a.scales.x.max, "x")
                 );
-                this.overview.setSelect({ left: a, width: o - a }), this.zoomChart = !1;
+                this.overview.setSelect({ left: o, width: r - o }), this.zoomChart = !1;
               }
             }
           ],
           setSelect: [
-            (n) => {
-              this.state === "start" && n.select.width > 0 && this.$emit("pause");
+            (a) => {
+              this.state === "start" && a.select.width > 0 && this.$emit("pause");
             }
           ],
           ready: [
-            (n) => {
-              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;
+            (a) => {
+              a.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;
               });
-              let a = n.root.querySelector(".u-legend");
-              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);
+              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), 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);
             }
           ]
         }
-      }, this.graph = new _(
+      }, this.graph = new A(
         this.chartOpts,
         this.data,
         document.getElementById(`chart${this.id}`)
@@ -1732,7 +1169,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
         ...this.getScales(),
         ...this.getAxes("overview"),
         // series: series, // TODO: Uncomment with the performance code
-        tzDate: (n) => _.tzDate(new Date(n * 1e3), i),
+        tzDate: (a) => A.tzDate(new Date(a * 1e3), i),
         series: [...e],
         cursor: {
           y: !1,
@@ -1747,19 +1184,19 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
         },
         hooks: {
           setSelect: [
-            (n) => {
+            (a) => {
               if (!this.zoomChart) {
-                this.state === "start" && n.select.width > 0 && this.$emit("pause"), this.zoomOverview = !0;
-                let s = n.posToVal(n.select.left, "x"), a = n.posToVal(
-                  n.select.left + n.select.width,
+                this.state === "start" && a.select.width > 0 && this.$emit("pause"), this.zoomOverview = !0;
+                let s = a.posToVal(a.select.left, "x"), o = a.posToVal(
+                  a.select.left + a.select.width,
                   "x"
                 );
-                this.graph.setScale("x", { min: s, max: a }), this.zoomOverview = !1;
+                this.graph.setScale("x", { min: s, max: o }), this.zoomOverview = !1;
               }
             }
           ]
         }
-      }, this.hideOverview || (this.overview = new _(
+      }, this.hideOverview || (this.overview = new A(
         this.overviewOpts,
         this.data,
         document.getElementById(`overview${this.id}`)
@@ -1774,7 +1211,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
     setupPlaybackMode: function() {
       this.stopGraph(), this.clearAllData();
       const t = this.itemSubscriptionKeys.map((e) => e.split("__").slice(2).join("__"));
-      if (this.actualXAxisItem === U) {
+      if (this.actualXAxisItem === Y) {
         const e = t[0].split("__").slice(0, 2).join("__");
         t.unshift(`${e}__PACKET_TIMESECONDS__RAW`);
       } else this.xAxisIsAlsoGraphedItem || t.unshift(this.actualXAxisItem);
@@ -1803,8 +1240,8 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
         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 });
+        const a = Math.max(...i);
+        a === e && (e += 1), this.graph.setScale("x", { min: a, max: e });
       }
       this.dataChanged = !1;
     },
@@ -1877,11 +1314,11 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
     },
     setGraphRange: function() {
       let t = 0.1;
-      (this.graphMinY || this.graphMinY === 0 || this.graphMaxY || this.graphMaxY === 0) && (t = 0), this.graph.scales.y.range = (e, i, n) => {
+      (this.graphMinY || this.graphMinY === 0 || this.graphMaxY || this.graphMaxY === 0) && (t = 0), this.graph.scales.y.range = (e, i, a) => {
         let s = i;
         (this.graphMinY || this.graphMinY === 0) && (s = this.graphMinY);
-        let a = n;
-        return (this.graphMaxY || this.graphMaxY === 0) && (a = this.graphMaxY), _.rangeNum(s, a, t, !0);
+        let o = a;
+        return (this.graphMaxY || this.graphMaxY === 0) && (o = this.graphMaxY), A.rangeNum(s, o, t, !0);
       };
     },
     subscribe: function() {
@@ -1927,18 +1364,18 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
       i && (e = i.classList.contains(
         "v-navigation-drawer--active"
       ) ? i.clientWidth : 0);
-      let n = 0;
-      (this.legendPosition === "right" || this.legendPosition === "left") && (n = document.getElementsByClassName("u-legend")[0].clientWidth);
-      const s = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) - e - n, a = Math.max(
+      let a = 0;
+      (this.legendPosition === "right" || this.legendPosition === "left") && (a = document.getElementsByClassName("u-legend")[0].clientWidth);
+      const s = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) - e - a, o = Math.max(
         document.documentElement.clientHeight,
         window.innerHeight || 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 - 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
+      ), r = document.getElementsByClassName("v-expansion-panel")[0];
+      let p = 100;
+      t === "overview" ? this.fullHeight && !this.hideOverviewData ? this.showOverview = !0 : this.showOverview = !1 : (p = o - r.clientHeight - p - 250, this.fullHeight || (p = p / 2 + 10));
+      let y = s - 70;
+      return this.fullWidth || (y = y / 2 - 12), {
+        width: this.width || y,
+        height: this.height || p
       };
     },
     getScales: function() {
@@ -1952,7 +1389,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
           },
           y: {
             range(t, e, i) {
-              return e == null ? [-100, 100] : _.rangeNum(e, i, 0.1, !0);
+              return e == null ? [-100, 100] : A.rangeNum(e, i, 0.1, !0);
             }
           }
         }
@@ -1981,8 +1418,8 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
             },
             // Forces the axis values to be formatted correctly
             // especially with really small or large values
-            values(n, s) {
-              return (s.some((a) => a >= 1e7) || s.every((a) => a < 0.01)) && (s = s.map((a) => a.toExponential(3))), s;
+            values(a, s) {
+              return (s.some((o) => o >= 1e7) || s.every((o) => o < 0.01)) && (s = s.map((o) => o.toExponential(3))), s;
             }
           }
         ]
@@ -2005,51 +1442,51 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), 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), o = t.valToPos(this.limitsValues[1], "y", !0), m = t.valToPos(this.limitsValues[2], "y", !0), b = t.valToPos(this.limitsValues[3], "y", !0);
+            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((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(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 u = a < s ? s : a;
-              e.fillRect(i.left, a, i.width, n - u);
+              let u = o < s ? s : o;
+              e.fillRect(i.left, o, i.width, a - u);
             }
             if (t.scales.y.max > this.limitsValues[3]) {
-              let u = n < b ? n : b;
+              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 u = o < s ? s : o;
-              e.fillRect(i.left, u, i.width, a - u);
+              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 u = n < b ? n : b, y = n < m ? n : m;
-              e.fillRect(i.left, u, i.width, y - u);
+              let u = a < y ? a : y, g = a < p ? a : p;
+              e.fillRect(i.left, u, i.width, g - 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 < o ? n : o;
-                e.fillRect(i.left, u, i.width, y - u);
+                let u = p < s ? s : p, g = a < r ? a : r;
+                e.fillRect(i.left, u, i.width, g - u);
               }
             } else {
-              const u = t.valToPos(this.limitsValues[4], "y", !0), y = t.valToPos(this.limitsValues[5], "y", !0);
+              const u = t.valToPos(this.limitsValues[4], "y", !0), g = t.valToPos(this.limitsValues[5], "y", !0);
               if (t.scales.y.min < this.limitsValues[4] && // greenLow
               t.scales.y.max > this.limitsValues[1]) {
-                let c = u < s ? s : u;
-                e.fillRect(i.left, c, i.width, o - c);
+                let w = u < s ? s : u;
+                e.fillRect(i.left, w, i.width, r - w);
               }
               if (t.scales.y.max > this.limitsValues[5] && // greenHigh
               t.scales.y.min < this.limitsValues[2]) {
-                let c = n < m ? n : m, v = n < y ? n : y;
-                e.fillRect(i.left, c, i.width, v - c);
+                let w = a < p ? a : p, c = a < g ? a : g;
+                e.fillRect(i.left, w, i.width, c - w);
               }
               e.fillStyle = "rgba(0,0,255,0.15)";
-              let T = y < s ? s : y, I = n < u ? n : u;
-              e.fillRect(i.left, T, i.width, I - T);
+              let T = g < s ? s : g, b = a < u ? a : u;
+              e.fillRect(i.left, T, i.width, b - T);
             }
             e.stroke(), e.restore();
           }
@@ -2064,8 +1501,8 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
     addItems: function(t, e = "CONVERTED") {
       t.forEach((i) => {
         i.valueType || (i.valueType = e), i.color || (i.color = this.colors[this.colorIndex]), i.limits || (i.limits = []), i.limits.length > 0 && (this.limitsValues = i.limits), this.colorIndex = (this.colorIndex + 1) % this.colors.length, this.items.push(i);
-        const n = this.data.length;
-        this.graph.addSeries(this.createSeriesConfig(i), n), this.overview && this.overview.addSeries(this.createOverviewSeriesConfig(), n), this.data.splice(n, 0, Array(this.data[0].length)), this.indexes[this.subscriptionKey(i)] = n;
+        const a = this.data.length;
+        this.graph.addSeries(this.createSeriesConfig(i), a), this.overview && this.overview.addSeries(this.createOverviewSeriesConfig(), a), this.data.splice(a, 0, Array(this.data[0].length)), this.indexes[this.subscriptionKey(i)] = a;
       }), this.updateColorIndex(t), this.xAxisIsDefault || t.push(this.actualXAxisItem), this.addItemsToSubscription(t), this.$emit("resize"), this.$emit("edit");
     },
     createSeriesConfig: function(t) {
@@ -2094,18 +1531,18 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
     addItemsToSubscription: function(t = this.items) {
       let e = this.startTime;
       this.graphStartDateTime && (e = this.graphStartDateTime);
-      const i = t.map((n) => {
-        if (typeof n == "object")
-          return this.subscriptionKey(n);
-        if (typeof n == "string")
-          return n;
+      const i = t.map((a) => {
+        if (typeof a == "object")
+          return this.subscriptionKey(a);
+        if (typeof a == "string")
+          return a;
         throw new Error(
-          `Invalid subscription item type for ${n}: ${typeof n}`
+          `Invalid subscription item type for ${a}: ${typeof a}`
         );
       });
       this.subscription && OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(
-        (n) => {
-          n && OpenC3Auth.setTokens(), this.subscription.perform("add", {
+        (a) => {
+          a && OpenC3Auth.setTokens(), this.subscription.perform("add", {
             scope: window.openc3Scope,
             token: localStorage.openc3Token,
             items: i,
@@ -2163,27 +1600,27 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
       for (let e = 0; e < t.length; e++) {
         if (!t[e].hasOwnProperty(this.actualXAxisItem))
           continue;
-        let i = this.xAxisConverter(t[e][this.actualXAxisItem]), n = this.data[0].length;
-        if (n === 0 || i > this.data[0][n - 1]) {
+        let i = this.xAxisConverter(t[e][this.actualXAxisItem]), a = this.data[0].length;
+        if (a === 0 || i > this.data[0][a - 1]) {
           for (let s = 0; s < this.data.length; s++)
             this.data[s].push(null);
           this.setDataAtIndex(this.data[0].length - 1, i, t[e]);
         } else {
-          let s = B(this.data[0], i, this.bsComparator);
+          let s = W(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.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]);
+              i -= 1e-5, s = W(this.data[0], i, this.bsComparator);
+            const o = -s - 1;
+            for (let r = 0; r < this.data.length; r++)
+              this.data[r].splice(o, 0, null);
+            this.setDataAtIndex(o, i, t[e]);
           } else {
-            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]);
+            const o = -s - 1;
+            for (let r = 0; r < this.data.length; r++)
+              this.data[r].splice(o, 0, null);
+            this.setDataAtIndex(o, i, t[e]);
           }
         }
       }
@@ -2198,19 +1635,19 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
     },
     setDataAtIndex: function(t, e, i) {
       this.data[0][t] = e;
-      for (const [n, s] of Object.entries(i)) {
-        if (n === this.actualXAxisItem && !this.xAxisIsAlsoGraphedItem)
+      for (const [a, s] of Object.entries(i)) {
+        if (a === this.actualXAxisItem && !this.xAxisIsAlsoGraphedItem)
           continue;
-        const a = this.indexes[n];
-        if (a) {
-          let o = this.data[a];
+        const o = this.indexes[a];
+        if (o) {
+          let r = this.data[o];
           if (s != null && s.raw)
-            o[t] = null;
+            r[t] = null;
           else if (typeof s == "string") {
-            if (o[t] = null, !n.includes("__RAW")) {
-              for (let m of this.items)
-                if (this.subscriptionKey(m) === n) {
-                  this.selectedItem = m;
+            if (r[t] = null, !a.includes("__RAW")) {
+              for (let p of this.items)
+                if (this.subscriptionKey(p) === a) {
+                  this.selectedItem = p;
                   break;
                 }
               this.changeItem({
@@ -2220,7 +1657,7 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
               });
             }
           } else
-            o[t] = s;
+            r[t] = s;
         }
       }
     },
@@ -2229,28 +1666,28 @@ const Ie = /* @__PURE__ */ R(ve, [["render", be]]), U = "__time", Ne = {
       return (t.reduced === "REDUCED_MINUTE" || t.reduced === "REDUCED_HOUR" || t.reduced === "REDUCED_DAY") && (e += `__${t.reducedType}`), e;
     }
   }
-}, Te = {
+}, xe = {
   id: "chart",
   ref: "chart",
   class: "pa-1"
-}, ke = ["id"], De = ["id"], we = {
+}, be = ["id"], Ie = ["id"], we = {
   key: 5,
   ref: "info",
   class: "u-series"
 };
-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"]))
+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"), M = d("v-dialog"), k = d("v-list-item-title"), D = d("v-list-item"), S = 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] = H((m) => t.$emit("click"), ["prevent"]))
   }, [
-    l(y, null, {
-      default: r(() => [
-        L(l(b, {
+    l(g, null, {
+      default: n(() => [
+        G(l(y, {
           height: "24",
-          class: J(["pl-2 pr-2", i.selectedGraphId === i.id ? "active" : ""])
+          class: te(["pl-2 pr-2", i.selectedGraphId === i.id ? "active" : ""])
         }, {
-          default: r(() => [
-            L(l(o, {
+          default: n(() => [
+            G(l(r, {
               class: "mx-2",
               icon: "mdi-alert",
               density: "compact",
@@ -2260,9 +1697,9 @@ function _e(t, e, i, n, s, a) {
                 s.errorDialog = !0;
               })
             }, null, 512), [
-              [O, s.errors.length !== 0]
+              [P, s.errors.length !== 0]
             ]),
-            l(o, {
+            l(r, {
               icon: "mdi-pencil",
               variant: "text",
               density: "compact",
@@ -2272,97 +1709,97 @@ function _e(t, e, i, n, s, a) {
                 s.editGraph = !0;
               })
             }),
-            l(m),
-            N("span", null, A(s.title), 1),
-            l(m),
-            s.expand ? (f(), V(W, { key: 0 }, [
-              a.calcFullSize ? (f(), x(o, {
+            l(p),
+            I("span", null, C(s.title), 1),
+            l(p),
+            s.expand ? (v(), N(F, { key: 0 }, [
+              o.calcFullSize ? (v(), x(r, {
                 key: 0,
                 icon: "mdi-arrow-collapse",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-all",
-                onClick: a.collapseAll
-              }, null, 8, ["onClick"])) : (f(), x(o, {
+                onClick: o.collapseAll
+              }, null, 8, ["onClick"])) : (v(), x(r, {
                 key: 1,
                 icon: "mdi-arrow-expand",
                 variant: "text",
                 density: "compact",
                 "data-test": "expand-all",
-                onClick: a.expandAll
+                onClick: o.expandAll
               }, null, 8, ["onClick"])),
-              s.fullWidth ? (f(), x(o, {
+              s.fullWidth ? (v(), x(r, {
                 key: 2,
                 icon: "mdi-arrow-collapse-horizontal",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-width",
-                onClick: a.collapseWidth
-              }, null, 8, ["onClick"])) : (f(), x(o, {
+                onClick: o.collapseWidth
+              }, null, 8, ["onClick"])) : (v(), x(r, {
                 key: 3,
                 icon: "mdi-arrow-expand-horizontal",
                 variant: "text",
                 density: "compact",
                 "data-test": "expand-width",
-                onClick: a.expandWidth
+                onClick: o.expandWidth
               }, null, 8, ["onClick"])),
-              s.fullHeight ? (f(), x(o, {
+              s.fullHeight ? (v(), x(r, {
                 key: 4,
                 icon: "mdi-arrow-collapse-vertical",
                 variant: "text",
                 density: "compact",
                 "data-test": "collapse-height",
-                onClick: a.collapseHeight
-              }, null, 8, ["onClick"])) : (f(), x(o, {
+                onClick: o.collapseHeight
+              }, null, 8, ["onClick"])) : (v(), x(r, {
                 key: 5,
                 icon: "mdi-arrow-expand-vertical",
                 variant: "text",
                 density: "compact",
                 "data-test": "expand-height",
-                onClick: a.expandHeight
+                onClick: o.expandHeight
               }, null, 8, ["onClick"]))
-            ], 64)) : k("", !0),
-            s.expand ? (f(), x(o, {
+            ], 64)) : _("", !0),
+            s.expand ? (v(), x(r, {
               key: 1,
               icon: "mdi-window-minimize",
               variant: "text",
               density: "compact",
               "data-test": "minimize-screen-icon",
-              onClick: a.minMaxTransition
-            }, null, 8, ["onClick"])) : (f(), x(o, {
+              onClick: o.minMaxTransition
+            }, null, 8, ["onClick"])) : (v(), x(r, {
               key: 2,
               icon: "mdi-window-maximize",
               variant: "text",
               density: "compact",
               "data-test": "maximize-screen-icon",
-              onClick: a.minMaxTransition
+              onClick: o.minMaxTransition
             }, null, 8, ["onClick"])),
-            l(o, {
+            l(r, {
               icon: "mdi-close-box",
               variant: "text",
               density: "compact",
               "data-test": "close-graph-icon",
-              onClick: e[2] || (e[2] = K((p) => t.$emit("close-graph"), ["stop"]))
+              onClick: e[2] || (e[2] = H((m) => t.$emit("close-graph"), ["stop"]))
             })
           ]),
           _: 1
         }, 8, ["class"]), [
-          [O, !s.hideToolbarData]
+          [P, !s.hideToolbarData]
         ]),
         l(u, null, {
-          default: r(() => [
-            L(N("div", Te, [
-              N("div", {
+          default: n(() => [
+            G(I("div", xe, [
+              I("div", {
                 id: `chart${i.id}`
-              }, null, 8, ke),
-              e[23] || (e[23] = N("div", { id: "betweenCharts" }, null, -1)),
-              L(N("div", {
+              }, null, 8, be),
+              e[23] || (e[23] = I("div", { id: "betweenCharts" }, null, -1)),
+              G(I("div", {
                 id: `overview${i.id}`
-              }, null, 8, De), [
-                [O, s.showOverview]
+              }, null, 8, Ie), [
+                [P, s.showOverview]
               ])
             ], 512), [
-              [O, s.expand]
+              [P, s.expand]
             ])
           ]),
           _: 1
@@ -2370,12 +1807,12 @@ function _e(t, e, i, n, s, a) {
       ]),
       _: 1
     }),
-    s.editGraph ? (f(), x(T, {
+    s.editGraph ? (v(), x(T, {
       key: 0,
       modelValue: s.editGraph,
-      "onUpdate:modelValue": e[3] || (e[3] = (p) => s.editGraph = p),
+      "onUpdate:modelValue": e[3] || (e[3] = (m) => s.editGraph = m),
       "x-axis-item": s.xAxisItem,
-      "onUpdate:xAxisItem": e[4] || (e[4] = (p) => s.xAxisItem = p),
+      "onUpdate:xAxisItem": e[4] || (e[4] = (m) => s.xAxisItem = m),
       title: s.title,
       "legend-position": s.legendPosition,
       items: s.items,
@@ -2386,32 +1823,32 @@ function _e(t, e, i, n, s, a) {
       "start-date-time": s.graphStartDateTime,
       "end-date-time": s.graphEndDateTime,
       "time-zone": i.timeZone,
-      "x-axis-item-packet": a.allowableXAxisItemPacket,
-      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"])) : k("", !0),
-    l(S, {
+      "x-axis-item-packet": o.allowableXAxisItemPacket,
+      onRemove: e[5] || (e[5] = (m) => o.removeItems([m])),
+      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(M, {
       modelValue: s.errorDialog,
-      "onUpdate:modelValue": e[8] || (e[8] = (p) => s.errorDialog = p),
+      "onUpdate:modelValue": e[8] || (e[8] = (m) => s.errorDialog = m),
       "max-width": "600"
     }, {
-      default: r(() => [
-        l(b, { height: "24" }, {
-          default: r(() => [
-            l(m),
-            e[24] || (e[24] = N("span", null, " Errors ", -1)),
-            l(m)
+      default: n(() => [
+        l(y, { height: "24" }, {
+          default: n(() => [
+            l(p),
+            e[24] || (e[24] = I("span", null, " Errors ", -1)),
+            l(p)
           ]),
           _: 1
         }),
-        l(y, { class: "pa-3" }, {
-          default: r(() => [
-            l(c, { dense: "" }, {
-              default: r(() => [
-                l(I, {
+        l(g, { class: "pa-3" }, {
+          default: n(() => [
+            l(w, { dense: "" }, {
+              default: n(() => [
+                l(b, {
                   modelValue: s.title,
-                  "onUpdate:modelValue": e[7] || (e[7] = (p) => s.title = p),
+                  "onUpdate:modelValue": e[7] || (e[7] = (m) => s.title = m),
                   readonly: "",
                   "hide-details": "",
                   class: "pb-2",
@@ -2420,24 +1857,24 @@ function _e(t, e, i, n, s, a) {
               ]),
               _: 1
             }),
-            l(c, { class: "my-3" }, {
-              default: r(() => [
-                l(v, {
+            l(w, { class: "my-3" }, {
+              default: n(() => [
+                l(c, {
                   readonly: "",
                   rows: "8",
-                  value: a.error
+                  value: o.error
                 }, null, 8, ["value"])
               ]),
               _: 1
             }),
-            l(c, null, {
-              default: r(() => [
-                l(o, {
+            l(w, null, {
+              default: n(() => [
+                l(r, {
                   block: "",
-                  onClick: a.clearErrors
+                  onClick: o.clearErrors
                 }, {
-                  default: r(() => [...e[25] || (e[25] = [
-                    g(" Clear ", -1)
+                  default: n(() => [...e[25] || (e[25] = [
+                    f(" Clear ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"])
@@ -2450,24 +1887,24 @@ function _e(t, e, i, n, s, a) {
       ]),
       _: 1
     }, 8, ["modelValue"]),
-    s.editGraphMenu ? (f(), x(M, {
+    s.editGraphMenu ? (v(), x(E, {
       key: 1,
       modelValue: s.editGraphMenu,
-      "onUpdate:modelValue": e[10] || (e[10] = (p) => s.editGraphMenu = p),
+      "onUpdate:modelValue": e[10] || (e[10] = (m) => s.editGraphMenu = m),
       target: [s.editGraphMenuX, s.editGraphMenuY],
       absolute: "",
       "offset-y": ""
     }, {
-      default: r(() => [
-        l(E, null, {
-          default: r(() => [
-            l(w, {
-              onClick: e[9] || (e[9] = (p) => s.editGraph = !0)
+      default: n(() => [
+        l(S, null, {
+          default: n(() => [
+            l(D, {
+              onClick: e[9] || (e[9] = (m) => s.editGraph = !0)
             }, {
-              default: r(() => [
-                l(D, { style: { cursor: "pointer" } }, {
-                  default: r(() => [
-                    g(" Edit " + A(s.title), 1)
+              default: n(() => [
+                l(k, { style: { cursor: "pointer" } }, {
+                  default: n(() => [
+                    f(" Edit " + C(s.title), 1)
                   ]),
                   _: 1
                 })
@@ -2479,80 +1916,80 @@ function _e(t, e, i, n, s, a) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue", "target"])) : k("", !0),
-    s.editItem ? (f(), x(z, {
+    }, 8, ["modelValue", "target"])) : _("", !0),
+    s.editItem ? (v(), x(L, {
       key: 2,
       modelValue: s.editItem,
-      "onUpdate:modelValue": e[11] || (e[11] = (p) => s.editItem = p),
+      "onUpdate:modelValue": e[11] || (e[11] = (m) => s.editItem = m),
       colors: s.colors,
       item: s.selectedItem,
-      onChangeColor: a.changeColor,
-      onChangeLimits: a.changeLimits,
-      onCancel: e[12] || (e[12] = (p) => s.editItem = !1),
-      onClose: a.closeEditItem
-    }, null, 8, ["modelValue", "colors", "item", "onChangeColor", "onChangeLimits", "onClose"])) : k("", !0),
-    s.itemMenu ? (f(), x(M, {
+      onChangeColor: o.changeColor,
+      onChangeLimits: o.changeLimits,
+      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, {
       key: 3,
       modelValue: s.itemMenu,
-      "onUpdate:modelValue": e[16] || (e[16] = (p) => s.itemMenu = p),
+      "onUpdate:modelValue": e[16] || (e[16] = (m) => s.itemMenu = m),
       target: [s.itemMenuX, s.itemMenuY],
       absolute: "",
       "offset-y": ""
     }, {
-      default: r(() => [
-        l(E, {
+      default: n(() => [
+        l(S, {
           nav: "",
           density: "compact"
         }, {
-          default: r(() => [
-            l(G, null, {
-              default: r(() => [
-                g(A(s.selectedItem.targetName) + " " + A(s.selectedItem.packetName) + " " + A(s.selectedItem.itemName), 1)
+          default: n(() => [
+            l(U, null, {
+              default: n(() => [
+                f(C(s.selectedItem.targetName) + " " + C(s.selectedItem.packetName) + " " + C(s.selectedItem.itemName), 1)
               ]),
               _: 1
             }),
-            l(w, {
-              onClick: e[13] || (e[13] = (p) => s.editItem = !0)
+            l(D, {
+              onClick: e[13] || (e[13] = (m) => s.editItem = !0)
             }, {
-              prepend: r(() => [
-                l(C, { icon: "mdi-pencil" })
+              prepend: n(() => [
+                l(V, { icon: "mdi-pencil" })
               ]),
-              default: r(() => [
-                l(D, null, {
-                  default: r(() => [...e[26] || (e[26] = [
-                    g(" Edit ", -1)
+              default: n(() => [
+                l(k, null, {
+                  default: n(() => [...e[26] || (e[26] = [
+                    f(" Edit ", -1)
                   ])]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            l(w, {
-              onClick: e[14] || (e[14] = (p) => a.clearData([s.selectedItem]))
+            l(D, {
+              onClick: e[14] || (e[14] = (m) => o.clearData([s.selectedItem]))
             }, {
-              prepend: r(() => [
-                l(C, { icon: "mdi-eraser" })
+              prepend: n(() => [
+                l(V, { icon: "mdi-eraser" })
               ]),
-              default: r(() => [
-                l(D, null, {
-                  default: r(() => [...e[27] || (e[27] = [
-                    g(" Clear ", -1)
+              default: n(() => [
+                l(k, null, {
+                  default: n(() => [...e[27] || (e[27] = [
+                    f(" Clear ", -1)
                   ])]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            l(w, {
-              onClick: e[15] || (e[15] = (p) => a.removeItems([s.selectedItem]))
+            l(D, {
+              onClick: e[15] || (e[15] = (m) => o.removeItems([s.selectedItem]))
             }, {
-              prepend: r(() => [
-                l(C, { icon: "mdi-delete" })
+              prepend: n(() => [
+                l(V, { icon: "mdi-delete" })
               ]),
-              default: r(() => [
-                l(D, null, {
-                  default: r(() => [...e[28] || (e[28] = [
-                    g(" Delete ", -1)
+              default: n(() => [
+                l(k, null, {
+                  default: n(() => [...e[28] || (e[28] = [
+                    f(" Delete ", -1)
                   ])]),
                   _: 1
                 })
@@ -2564,64 +2001,64 @@ function _e(t, e, i, n, s, a) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue", "target"])) : k("", !0),
-    s.legendMenu ? (f(), x(M, {
+    }, 8, ["modelValue", "target"])) : _("", !0),
+    s.legendMenu ? (v(), x(E, {
       key: 4,
       modelValue: s.legendMenu,
-      "onUpdate:modelValue": e[21] || (e[21] = (p) => s.legendMenu = p),
+      "onUpdate:modelValue": e[21] || (e[21] = (m) => s.legendMenu = m),
       target: [s.legendMenuX, s.legendMenuY],
       absolute: "",
       "offset-y": ""
     }, {
-      default: r(() => [
-        l(E, null, {
-          default: r(() => [
-            l(w, {
-              onClick: e[17] || (e[17] = (p) => a.moveLegend("top"))
+      default: n(() => [
+        l(S, null, {
+          default: n(() => [
+            l(D, {
+              onClick: e[17] || (e[17] = (m) => o.moveLegend("top"))
             }, {
-              default: r(() => [
-                l(D, { style: { cursor: "pointer" } }, {
-                  default: r(() => [...e[29] || (e[29] = [
-                    g(" Legend Top ", -1)
+              default: n(() => [
+                l(k, { style: { cursor: "pointer" } }, {
+                  default: n(() => [...e[29] || (e[29] = [
+                    f(" Legend Top ", -1)
                   ])]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            l(w, {
-              onClick: e[18] || (e[18] = (p) => a.moveLegend("bottom"))
+            l(D, {
+              onClick: e[18] || (e[18] = (m) => o.moveLegend("bottom"))
             }, {
-              default: r(() => [
-                l(D, { style: { cursor: "pointer" } }, {
-                  default: r(() => [...e[30] || (e[30] = [
-                    g(" Legend Bottom ", -1)
+              default: n(() => [
+                l(k, { style: { cursor: "pointer" } }, {
+                  default: n(() => [...e[30] || (e[30] = [
+                    f(" Legend Bottom ", -1)
                   ])]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            l(w, {
-              onClick: e[19] || (e[19] = (p) => a.moveLegend("left"))
+            l(D, {
+              onClick: e[19] || (e[19] = (m) => o.moveLegend("left"))
             }, {
-              default: r(() => [
-                l(D, { style: { cursor: "pointer" } }, {
-                  default: r(() => [...e[31] || (e[31] = [
-                    g(" Legend Left ", -1)
+              default: n(() => [
+                l(k, { style: { cursor: "pointer" } }, {
+                  default: n(() => [...e[31] || (e[31] = [
+                    f(" Legend Left ", -1)
                   ])]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            l(w, {
-              onClick: e[20] || (e[20] = (p) => a.moveLegend("right"))
+            l(D, {
+              onClick: e[20] || (e[20] = (m) => o.moveLegend("right"))
             }, {
-              default: r(() => [
-                l(D, { style: { cursor: "pointer" } }, {
-                  default: r(() => [...e[32] || (e[32] = [
-                    g(" Legend RIght ", -1)
+              default: n(() => [
+                l(k, { style: { cursor: "pointer" } }, {
+                  default: n(() => [...e[32] || (e[32] = [
+                    f(" Legend RIght ", -1)
                   ])]),
                   _: 1
                 })
@@ -2633,16 +2070,16 @@ function _e(t, e, i, n, s, a) {
         })
       ]),
       _: 1
-    }, 8, ["modelValue", "target"])) : k("", !0),
-    i.sparkline ? k("", !0) : (f(), V("div", we, [
-      l(Y, {
+    }, 8, ["modelValue", "target"])) : _("", !0),
+    i.sparkline ? _("", !0) : (v(), N("div", we, [
+      l(X, {
         text: "Click item to toggle, Right click to edit",
         location: "top"
       }, {
-        activator: r(({ props: p }) => [
-          l(C, se(le(p)), {
-            default: r(() => [...e[33] || (e[33] = [
-              g(" mdi-information-variant-circle ", -1)
+        activator: n(({ props: m }) => [
+          l(V, ie(se(m)), {
+            default: n(() => [...e[33] || (e[33] = [
+              f(" mdi-information-variant-circle ", -1)
             ])]),
             _: 1
           }, 16)
@@ -2652,11 +2089,10 @@ function _e(t, e, i, n, s, a) {
     ], 512))
   ]);
 }
-const Pe = /* @__PURE__ */ R(Ne, [["render", _e], ["__scopeId", "data-v-c388ce30"]]);
+const Se = /* @__PURE__ */ z(ye, [["render", ke], ["__scopeId", "data-v-c388ce30"]]);
 export {
-  Pe as G,
-  oe as T,
-  ge as a,
-  Ie as b
+  Se as G,
+  me as a,
+  ve as b
 };
-//# sourceMappingURL=Graph-DZBpdSgR.js.map
+//# sourceMappingURL=Graph-BliBYJxD.js.map