@openc3/vue-common 6.9.1 → 6.9.2

package/dist/{FormatvalueWidget-ulLzg1E-.cjs.map → FormatvalueWidget-DJkp_gM_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FormatvalueWidget-ulLzg1E-.cjs","sources":["../src/widgets/FormatvalueWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2025, OpenC3, Inc.\n# All Rights Reserved\n#\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <div ref=\"container\" class=\"d-flex flex-row\" :style=\"computedStyle\">\n    <value-widget\n      v-bind=\"$attrs\"\n      :parameters=\"getParameters\"\n      :settings=\"appliedSettings\"\n      :screen-values=\"screenValues\"\n      :screen-time-zone=\"screenTimeZone\"\n      :format-string=\"parameters[3]\"\n    />\n  </div>\n</template>\n\n<script>\n// When we apply a fixed character width we need to pad a bit since the\n// width applies to the enclosing div and not the underlying input\nconst INPUT_PADDING = 4\nimport Widget from './Widget'\nimport ValueWidget from './ValueWidget.vue'\n\nexport default {\n  components: {\n    ValueWidget,\n  },\n  mixins: [Widget],\n  computed: {\n    getParameters() {\n      return [\n        this.parameters[0],\n        this.parameters[1],\n        this.parameters[2],\n        this.parameters[4],\n      ]\n    },\n  },\n  created() {\n    this.setWidth(\n      parseInt(this.parameters[5]) + INPUT_PADDING,\n      'ch',\n      12 + INPUT_PADDING,\n    )\n  },\n}\n</script>\n"],"names":["INPUT_PADDING","_sfc_main","ValueWidget","Widget","_createElementBlock","_ctx","_createVNode","_component_value_widget","_mergeProps","$options"],"mappings":"yNAsCMA,EAAgB,EAIjBC,EAAU,CACb,WAAY,aACVC,EAAAA,SAEF,OAAQ,CAACC,EAAAA,MAAM,EACf,SAAU,CACR,eAAgB,CACd,MAAO,CACL,KAAK,WAAW,CAAC,EACjB,KAAK,WAAW,CAAC,EACjB,KAAK,WAAW,CAAC,EACjB,KAAK,WAAW,CAAC,CACnB,CACF,GAEF,SAAU,CACR,KAAK,SACH,SAAS,KAAK,WAAW,CAAC,CAAC,EAAIH,EAC/B,KACA,GAAKA,CACP,CACF,CACF,0FAzCEI,EAAAA,mBASM,MAAA,CATD,IAAI,YAAY,MAAM,kBAAmB,uBAAOC,EAAA,aAAa,IAChEC,EAAAA,YAOEC,EAPFC,aACUH,EAAA,OAAM,CACb,WAAYI,EAAA,cACZ,SAAUJ,EAAA,gBACV,gBAAeA,EAAA,aACf,mBAAkBA,EAAA,eAClB,gBAAeA,EAAA,WAAU,CAAA"}
+{"version":3,"file":"FormatvalueWidget-DJkp_gM_.cjs","sources":["../src/widgets/FormatvalueWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2025, OpenC3, Inc.\n# All Rights Reserved\n#\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <div ref=\"container\" class=\"d-flex flex-row\" :style=\"computedStyle\">\n    <value-widget\n      v-bind=\"$attrs\"\n      :parameters=\"getParameters\"\n      :settings=\"appliedSettings\"\n      :screen-values=\"screenValues\"\n      :screen-time-zone=\"screenTimeZone\"\n      :format-string=\"parameters[3]\"\n    />\n  </div>\n</template>\n\n<script>\n// When we apply a fixed character width we need to pad a bit since the\n// width applies to the enclosing div and not the underlying input\nconst INPUT_PADDING = 4\nimport Widget from './Widget'\nimport ValueWidget from './ValueWidget.vue'\n\nexport default {\n  components: {\n    ValueWidget,\n  },\n  mixins: [Widget],\n  computed: {\n    getParameters() {\n      return [\n        this.parameters[0],\n        this.parameters[1],\n        this.parameters[2],\n        this.parameters[4],\n      ]\n    },\n  },\n  created() {\n    this.setWidth(\n      parseInt(this.parameters[5]) + INPUT_PADDING,\n      'ch',\n      12 + INPUT_PADDING,\n    )\n  },\n}\n</script>\n"],"names":["INPUT_PADDING","_sfc_main","ValueWidget","Widget","_createElementBlock","_ctx","_createVNode","_component_value_widget","_mergeProps","$options"],"mappings":"yNAsCMA,EAAgB,EAIjBC,EAAU,CACb,WAAY,aACVC,EAAAA,SAEF,OAAQ,CAACC,EAAAA,MAAM,EACf,SAAU,CACR,eAAgB,CACd,MAAO,CACL,KAAK,WAAW,CAAC,EACjB,KAAK,WAAW,CAAC,EACjB,KAAK,WAAW,CAAC,EACjB,KAAK,WAAW,CAAC,CACnB,CACF,GAEF,SAAU,CACR,KAAK,SACH,SAAS,KAAK,WAAW,CAAC,CAAC,EAAIH,EAC/B,KACA,GAAKA,CACP,CACF,CACF,0FAzCEI,EAAAA,mBASM,MAAA,CATD,IAAI,YAAY,MAAM,kBAAmB,uBAAOC,EAAA,aAAa,IAChEC,EAAAA,YAOEC,EAPFC,aACUH,EAAA,OAAM,CACb,WAAYI,EAAA,cACZ,SAAUJ,EAAA,gBACV,gBAAeA,EAAA,aACf,mBAAkBA,EAAA,eAClB,gBAAeA,EAAA,WAAU,CAAA"}

package/dist/{FormatvalueWidget-CLYx8qbg.js → FormatvalueWidget-JVEG-72b.js}

@@ -1,7 +1,7 @@
-import { W as a } from "./Widget-LsyjS7ZS.js";
-import n from "./ValueWidget-Bk1RFjks.js";
+import { W as a } from "./Widget-DNBZcUQg.js";
+import n from "./ValueWidget-SNDW9Het.js";
 import { resolveComponent as o, createElementBlock as m, openBlock as i, normalizeStyle as p, createVNode as c, mergeProps as l } from "vue";
-import { _ as d } from "./CustomIcon-h5X7369N.js";
+import { _ as d } from "./CustomIcon-DTfsnDJn.js";
 const t = 4, u = {
   components: {
     ValueWidget: n
@@ -45,4 +45,4 @@ const y = /* @__PURE__ */ d(u, [["render", f]]);
 export {
   y as default
 };
-//# sourceMappingURL=FormatvalueWidget-CLYx8qbg.js.map
+//# sourceMappingURL=FormatvalueWidget-JVEG-72b.js.map

package/dist/{FormatvalueWidget-CLYx8qbg.js.map → FormatvalueWidget-JVEG-72b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormatvalueWidget-CLYx8qbg.js","sources":["../src/widgets/FormatvalueWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2025, OpenC3, Inc.\n# All Rights Reserved\n#\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <div ref=\"container\" class=\"d-flex flex-row\" :style=\"computedStyle\">\n    <value-widget\n      v-bind=\"$attrs\"\n      :parameters=\"getParameters\"\n      :settings=\"appliedSettings\"\n      :screen-values=\"screenValues\"\n      :screen-time-zone=\"screenTimeZone\"\n      :format-string=\"parameters[3]\"\n    />\n  </div>\n</template>\n\n<script>\n// When we apply a fixed character width we need to pad a bit since the\n// width applies to the enclosing div and not the underlying input\nconst INPUT_PADDING = 4\nimport Widget from './Widget'\nimport ValueWidget from './ValueWidget.vue'\n\nexport default {\n  components: {\n    ValueWidget,\n  },\n  mixins: [Widget],\n  computed: {\n    getParameters() {\n      return [\n        this.parameters[0],\n        this.parameters[1],\n        this.parameters[2],\n        this.parameters[4],\n      ]\n    },\n  },\n  created() {\n    this.setWidth(\n      parseInt(this.parameters[5]) + INPUT_PADDING,\n      'ch',\n      12 + INPUT_PADDING,\n    )\n  },\n}\n</script>\n"],"names":["INPUT_PADDING","_sfc_main","ValueWidget","Widget","_createElementBlock","_ctx","_createVNode","_component_value_widget","_mergeProps","$options"],"mappings":";;;;AAsCA,MAAMA,IAAgB,GAIjBC,IAAU;AAAA,EACb,YAAY;AAAA,IACV,aAAAC;AAAA;EAEF,QAAQ,CAACC,CAAM;AAAA,EACf,UAAU;AAAA,IACR,gBAAgB;AACd,aAAO;AAAA,QACL,KAAK,WAAW,CAAC;AAAA,QACjB,KAAK,WAAW,CAAC;AAAA,QACjB,KAAK,WAAW,CAAC;AAAA,QACjB,KAAK,WAAW,CAAC;AAAA,MACnB;AAAA,IACF;AAAA;EAEF,UAAU;AACR,SAAK;AAAA,MACH,SAAS,KAAK,WAAW,CAAC,CAAC,IAAIH;AAAA,MAC/B;AAAA,MACA,KAAKA;AAAA,IACP;AAAA,EACF;AACF;;;cAzCEI,EASM,OAAA;AAAA,IATD,KAAI;AAAA,IAAY,OAAM;AAAA,IAAmB,SAAOC,EAAA,aAAa;AAAA;IAChEC,EAOEC,GAPFC,EACUH,EAAA,QAAM;AAAA,MACb,YAAYI,EAAA;AAAA,MACZ,UAAUJ,EAAA;AAAA,MACV,iBAAeA,EAAA;AAAA,MACf,oBAAkBA,EAAA;AAAA,MAClB,iBAAeA,EAAA,WAAU,CAAA;AAAA;;;;"}
+{"version":3,"file":"FormatvalueWidget-JVEG-72b.js","sources":["../src/widgets/FormatvalueWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2025, OpenC3, Inc.\n# All Rights Reserved\n#\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <div ref=\"container\" class=\"d-flex flex-row\" :style=\"computedStyle\">\n    <value-widget\n      v-bind=\"$attrs\"\n      :parameters=\"getParameters\"\n      :settings=\"appliedSettings\"\n      :screen-values=\"screenValues\"\n      :screen-time-zone=\"screenTimeZone\"\n      :format-string=\"parameters[3]\"\n    />\n  </div>\n</template>\n\n<script>\n// When we apply a fixed character width we need to pad a bit since the\n// width applies to the enclosing div and not the underlying input\nconst INPUT_PADDING = 4\nimport Widget from './Widget'\nimport ValueWidget from './ValueWidget.vue'\n\nexport default {\n  components: {\n    ValueWidget,\n  },\n  mixins: [Widget],\n  computed: {\n    getParameters() {\n      return [\n        this.parameters[0],\n        this.parameters[1],\n        this.parameters[2],\n        this.parameters[4],\n      ]\n    },\n  },\n  created() {\n    this.setWidth(\n      parseInt(this.parameters[5]) + INPUT_PADDING,\n      'ch',\n      12 + INPUT_PADDING,\n    )\n  },\n}\n</script>\n"],"names":["INPUT_PADDING","_sfc_main","ValueWidget","Widget","_createElementBlock","_ctx","_createVNode","_component_value_widget","_mergeProps","$options"],"mappings":";;;;AAsCA,MAAMA,IAAgB,GAIjBC,IAAU;AAAA,EACb,YAAY;AAAA,IACV,aAAAC;AAAA;EAEF,QAAQ,CAACC,CAAM;AAAA,EACf,UAAU;AAAA,IACR,gBAAgB;AACd,aAAO;AAAA,QACL,KAAK,WAAW,CAAC;AAAA,QACjB,KAAK,WAAW,CAAC;AAAA,QACjB,KAAK,WAAW,CAAC;AAAA,QACjB,KAAK,WAAW,CAAC;AAAA,MACnB;AAAA,IACF;AAAA;EAEF,UAAU;AACR,SAAK;AAAA,MACH,SAAS,KAAK,WAAW,CAAC,CAAC,IAAIH;AAAA,MAC/B;AAAA,MACA,KAAKA;AAAA,IACP;AAAA,EACF;AACF;;;cAzCEI,EASM,OAAA;AAAA,IATD,KAAI;AAAA,IAAY,OAAM;AAAA,IAAmB,SAAOC,EAAA,aAAa;AAAA;IAChEC,EAOEC,GAPFC,EACUH,EAAA,QAAM;AAAA,MACb,YAAYI,EAAA;AAAA,MACZ,UAAUJ,EAAA;AAAA,MACV,iBAAeA,EAAA;AAAA,MACf,oBAAkBA,EAAA;AAAA,MAClB,iBAAeA,EAAA,WAAU,CAAA;AAAA;;;;"}

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

@@ -1,15 +1,15 @@
-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";
+import { T as Z } from "./timeFilters-BKnCM4rv.js";
+import { T as $ } from "./TargetPacketItemChooser-Z0Tn5eXv.js";
+import { resolveComponent as d, createBlock as x, openBlock as v, withKeys as z, withCtx as n, createVNode as l, createElementVNode as I, createTextVNode as f, createElementBlock as N, Fragment as F, renderList as ee, createCommentVNode as _, toDisplayString as C, withModifiers as W, withDirectives as G, normalizeClass as te, vShow as P, normalizeProps as ie, guardReactiveProps as se } from "vue";
+import { b as J, c as K, u as A, m as le } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-ByJi6BSv.js";
+import { _ as R } from "./CustomIcon-DTfsnDJn.js";
+import { t as j, i as q } from "./format-CVeawcIv.js";
+import { p as B } from "./parse-DnkEsW-3.js";
 const ae = {
   components: {
     TargetPacketItemChooser: $
   },
-  mixins: [B],
+  mixins: [Z],
   props: {
     modelValue: Boolean,
     // modelValue is the default prop when using v-model
@@ -86,7 +86,7 @@ const ae = {
         date: (t) => {
           if (!t) return !0;
           try {
-            return j(q(t, "yyyy-MM-dd", /* @__PURE__ */ new Date())) || "Invalid date (YYYY-MM-DD)";
+            return q(B(t, "yyyy-MM-dd", /* @__PURE__ */ new Date())) || "Invalid date (YYYY-MM-DD)";
           } catch {
             return "Invalid date (YYYY-MM-DD)";
           }
@@ -94,7 +94,7 @@ const ae = {
         time: (t) => {
           if (!t) return !0;
           try {
-            return j(q(t, "HH:mm:ss", /* @__PURE__ */ new Date())) || "Invalid time (HH:MM:SS)";
+            return q(B(t, "HH:mm:ss", /* @__PURE__ */ new Date())) || "Invalid time (HH:MM:SS)";
           } catch {
             return "Invalid time (HH:MM:SS)";
           }
@@ -130,14 +130,14 @@ const ae = {
       graphMaxY: this.graphMaxY,
       lines: [...this.lines]
     }, this.customXAxisEnabled = this.xAxisItem && this.xAxisItem !== "__time", this.selectedXAxisItem = this.xAxisItem, this.startDateTime) {
-      let t = K(this.startDateTime / 1e6);
+      let t = j(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 = K(this.endDateTime / 1e6);
+      let t = j(this.endDateTime / 1e6);
       this.endDate = this.formatDate(t, this.timeZone), this.endTime = this.formatTimeHMS(t, this.timeZone);
     }
   },
@@ -166,13 +166,14 @@ const ae = {
     }
   }
 }, ne = { class: "edit-box" }, oe = { class: "edit-box" }, re = { class: "edit-box" }, de = { class: "edit-box" }, he = { class: "edit-box" };
-function ue(t, e, i, a, s, o) {
-  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), u = d("v-tabs"), g = d("v-text-field"), T = d("v-card-text"), b = d("v-col"), w = d("v-select"), c = d("v-row"), 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");
+function me(t, e, i, a, s, o) {
+  const r = d("v-spacer"), p = d("v-toolbar"), y = d("v-tab"), m = d("v-tabs"), g = d("v-text-field"), T = d("v-card-text"), b = d("v-col"), w = d("v-select"), c = d("v-row"), S = d("v-tabs-window-item"), k = d("v-btn"), D = d("v-list-item"), M = d("v-list"), E = d("v-checkbox"), L = d("target-packet-item-chooser"), U = d("v-data-table"), V = d("v-tabs-window"), X = d("v-card-actions"), u = d("v-card"), Q = d("v-dialog");
   return v(), x(Q, {
     modelValue: o.show,
     "onUpdate:modelValue": e[13] || (e[13] = (h) => o.show = h),
+    persistent: "",
     "max-width": "700",
-    onKeydown: e[14] || (e[14] = Z((h) => t.$emit("cancel"), ["esc"]))
+    onKeydown: e[14] || (e[14] = z((h) => t.$emit("cancel"), ["esc"]))
   }, {
     default: n(() => [
       l(p, { height: "24" }, {
@@ -183,9 +184,9 @@ function ue(t, e, i, a, s, o) {
         ]),
         _: 1
       }),
-      l(m, { class: "pa-3" }, {
+      l(u, { class: "pa-3" }, {
         default: n(() => [
-          l(u, {
+          l(m, {
             modelValue: t.tab,
             "onUpdate:modelValue": e[0] || (e[0] = (h) => t.tab = h),
             class: "ml-3"
@@ -217,7 +218,7 @@ function ue(t, e, i, a, s, o) {
             "onUpdate:modelValue": e[11] || (e[11] = (h) => t.tab = h)
           }, {
             default: n(() => [
-              l(M, {
+              l(S, {
                 value: "0",
                 eager: ""
               }, {
@@ -340,7 +341,7 @@ function ue(t, e, i, a, s, o) {
                 ]),
                 _: 1
               }),
-              l(M, {
+              l(S, {
                 value: "1",
                 eager: ""
               }, {
@@ -383,7 +384,7 @@ function ue(t, e, i, a, s, o) {
                     })
                   ]),
                   I("div", de, [
-                    l(S, {
+                    l(M, {
                       density: "compact",
                       class: "horizontal-lines"
                     }, {
@@ -403,8 +404,8 @@ function ue(t, e, i, a, s, o) {
                           ]),
                           _: 1
                         }),
-                        (v(!0), N(F, null, ee(t.graph.lines, (h, R) => (v(), x(D, {
-                          key: R,
+                        (v(!0), N(F, null, ee(t.graph.lines, (h, H) => (v(), x(D, {
+                          key: H,
                           value: h,
                           color: "primary"
                         }, {
@@ -500,7 +501,7 @@ function ue(t, e, i, a, s, o) {
                 ]),
                 _: 1
               }),
-              l(M, {
+              l(S, {
                 value: "2",
                 eager: ""
               }, {
@@ -521,7 +522,7 @@ function ue(t, e, i, a, s, o) {
                         icon: "mdi-delete",
                         variant: "text",
                         "aria-label": "Remove Item",
-                        onClick: (R) => t.$emit("remove", h)
+                        onClick: (H) => t.$emit("remove", h)
                       }, null, 8, ["onClick"])
                     ]),
                     "no-data": n(() => [...e[26] || (e[26] = [
@@ -566,7 +567,7 @@ function ue(t, e, i, a, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const me = /* @__PURE__ */ z(ae, [["render", ue]]), pe = {
+const ue = /* @__PURE__ */ R(ae, [["render", me]]), pe = {
   props: {
     modelValue: Boolean,
     item: {
@@ -627,18 +628,22 @@ const me = /* @__PURE__ */ z(ae, [["render", ue]]), pe = {
   }
 }, ce = { key: 0 }, fe = { class: "pa-3" };
 function ge(t, e, i, a, s, o) {
-  const r = d("v-card-title"), p = d("v-select"), y = d("v-card-text"), u = d("v-spacer"), g = d("v-btn"), T = d("v-card-actions"), b = d("v-card"), w = d("v-dialog");
+  const r = d("v-card-title"), p = d("v-select"), y = d("v-card-text"), m = d("v-spacer"), g = d("v-btn"), T = d("v-card-actions"), b = d("v-card"), w = d("v-dialog");
   return v(), x(w, {
     modelValue: o.show,
     "onUpdate:modelValue": e[9] || (e[9] = (c) => o.show = c),
+    persistent: "",
     width: "400",
-    onKeydown: e[10] || (e[10] = Z((c) => t.success(), ["enter"]))
+    onKeydown: [
+      e[10] || (e[10] = z((c) => t.success(), ["enter"])),
+      e[11] || (e[11] = z((c) => t.$emit("cancel"), ["esc"]))
+    ]
   }, {
     default: n(() => [
       l(b, null, {
         default: n(() => [
           l(r, { class: "mb-2" }, {
-            default: n(() => [...e[11] || (e[11] = [
+            default: n(() => [...e[12] || (e[12] = [
               f("Edit Item", -1)
             ])]),
             _: 1
@@ -704,12 +709,12 @@ function ge(t, e, i, a, s, o) {
           }),
           l(T, { class: "px-2" }, {
             default: n(() => [
-              l(u),
+              l(m),
               l(g, {
                 variant: "outlined",
                 onClick: e[7] || (e[7] = (c) => t.$emit("cancel"))
               }, {
-                default: n(() => [...e[12] || (e[12] = [
+                default: n(() => [...e[13] || (e[13] = [
                   f(" Cancel ", -1)
                 ])]),
                 _: 1
@@ -718,7 +723,7 @@ function ge(t, e, i, a, s, o) {
                 variant: "flat",
                 onClick: e[8] || (e[8] = (c) => t.$emit("close", t.editItem))
               }, {
-                default: n(() => [...e[13] || (e[13] = [
+                default: n(() => [...e[14] || (e[14] = [
                   f(" Ok ", -1)
                 ])]),
                 _: 1
@@ -733,12 +738,12 @@ function ge(t, e, i, a, s, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ve = /* @__PURE__ */ z(pe, [["render", ge]]), Y = "__time", ye = {
+const ve = /* @__PURE__ */ R(pe, [["render", ge]]), Y = "__time", ye = {
   components: {
-    GraphEditDialog: me,
+    GraphEditDialog: ue,
     GraphEditItemDialog: ve
   },
-  mixins: [B],
+  mixins: [Z],
   props: {
     id: {
       type: Number,
@@ -1154,8 +1159,8 @@ const ve = /* @__PURE__ */ z(pe, [["render", ge]]), Y = "__time", ye = {
               let o = a.root.querySelector(".u-legend");
               o.addEventListener("contextmenu", (r) => {
                 r.preventDefault(), this.editGraphMenu = !1, this.legendMenu = !1, this.itemMenuX = r.clientX, this.itemMenuY = r.clientY;
-                let p = r.target.closest(".u-series"), y = Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(p), 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);
+                let p = r.target.closest(".u-series"), y = Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(p), m = a.series[y];
+                m.item ? (this.selectedItem = m.item, this.itemMenu = !0) : (this.itemMenu = !1, this.legendMenuX = r.clientX, this.legendMenuY = r.clientY, this.legendMenu = !0);
               }), o.querySelector("tbody").appendChild(this.$refs.info);
             }
           ]
@@ -1443,40 +1448,40 @@ const ve = /* @__PURE__ */ z(pe, [["render", ge]]), Y = "__time", ye = {
         hooks: {
           draw: (t) => {
             const { ctx: e, bbox: i } = t, a = t.valToPos(t.scales.y.min, "y", !0), s = t.valToPos(t.scales.y.max, "y", !0), o = t.valToPos(this.limitsValues[0], "y", !0), r = t.valToPos(this.limitsValues[1], "y", !0), p = t.valToPos(this.limitsValues[2], "y", !0), y = t.valToPos(this.limitsValues[3], "y", !0);
-            if (this.lines.forEach((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(
+            if (this.lines.forEach((m) => {
+              t.scales.y.min <= m.yValue && m.yValue <= t.scales.y.max && (e.save(), e.beginPath(), e.strokeStyle = m.color, e.lineWidth = 2, e.moveTo(i.left, t.valToPos(m.yValue, "y", !0)), e.lineTo(
                 i.left + i.width,
-                t.valToPos(u.yValue, "y", !0)
+                t.valToPos(m.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 = o < s ? s : o;
-              e.fillRect(i.left, o, i.width, a - u);
+              let m = o < s ? s : o;
+              e.fillRect(i.left, o, i.width, a - m);
             }
             if (t.scales.y.max > this.limitsValues[3]) {
-              let u = a < y ? a : y;
-              e.fillRect(i.left, s, i.width, u - s);
+              let m = a < y ? a : y;
+              e.fillRect(i.left, s, i.width, m - s);
             }
             if (e.fillStyle = "rgba(255,255,0,0.15)", t.scales.y.min < this.limitsValues[1] && // yellowLow
             t.scales.y.max > this.limitsValues[0]) {
-              let u = r < s ? s : r;
-              e.fillRect(i.left, u, i.width, o - u);
+              let m = r < s ? s : r;
+              e.fillRect(i.left, m, i.width, o - m);
             }
             if (t.scales.y.max > this.limitsValues[2] && // yellowHigh
             t.scales.y.min < this.limitsValues[3]) {
-              let u = a < y ? a : y, g = a < p ? a : p;
-              e.fillRect(i.left, u, i.width, g - u);
+              let m = a < y ? a : y, g = a < p ? a : p;
+              e.fillRect(i.left, m, i.width, g - m);
             }
             if (e.fillStyle = "rgba(0,255,0,0.15)", this.limitsValues.length === 4) {
               if (t.scales.y.min < this.limitsValues[2] && // yellowHigh
               t.scales.y.max > this.limitsValues[1]) {
-                let u = p < s ? s : p, g = a < r ? a : r;
-                e.fillRect(i.left, u, i.width, g - u);
+                let m = p < s ? s : p, g = a < r ? a : r;
+                e.fillRect(i.left, m, i.width, g - m);
               }
             } else {
-              const u = t.valToPos(this.limitsValues[4], "y", !0), g = t.valToPos(this.limitsValues[5], "y", !0);
+              const m = 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 w = u < s ? s : u;
+                let w = m < s ? s : m;
                 e.fillRect(i.left, w, i.width, r - w);
               }
               if (t.scales.y.max > this.limitsValues[5] && // greenHigh
@@ -1485,7 +1490,7 @@ const ve = /* @__PURE__ */ z(pe, [["render", ge]]), Y = "__time", ye = {
                 e.fillRect(i.left, w, i.width, c - w);
               }
               e.fillStyle = "rgba(0,0,255,0.15)";
-              let T = g < s ? s : g, b = a < u ? a : u;
+              let T = g < s ? s : g, b = a < m ? a : m;
               e.fillRect(i.left, T, i.width, b - T);
             }
             e.stroke(), e.restore();
@@ -1606,12 +1611,12 @@ const ve = /* @__PURE__ */ z(pe, [["render", ge]]), Y = "__time", ye = {
             this.data[s].push(null);
           this.setDataAtIndex(this.data[0].length - 1, i, t[e]);
         } else {
-          let s = W(this.data[0], i, this.bsComparator);
+          let s = K(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 = W(this.data[0], i, this.bsComparator);
+              i -= 1e-5, s = K(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);
@@ -1624,6 +1629,11 @@ const ve = /* @__PURE__ */ z(pe, [["render", ge]]), Y = "__time", ye = {
           }
         }
       }
+      if (this.pointsSaved > 0 && this.data[0].length > this.pointsSaved + 300) {
+        const e = this.data[0].length - this.pointsSaved;
+        for (let i = 0; i < this.data.length; i++)
+          this.data[i].splice(0, e);
+      }
       if (this.startTime == null && this.data[0][0]) {
         let e = this.data[0][0] * 1e9;
         this.$emit("started", e);
@@ -1676,9 +1686,9 @@ const ve = /* @__PURE__ */ z(pe, [["render", ge]]), Y = "__time", ye = {
   class: "u-series"
 };
 function ke(t, e, i, a, s, o) {
-  const r = d("v-btn"), p = d("v-spacer"), y = d("v-toolbar"), u = d("v-expand-transition"), g = d("v-card"), T = d("graph-edit-dialog"), b = d("v-text-field"), w = d("v-row"), c = d("v-textarea"), 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");
+  const r = d("v-btn"), p = d("v-spacer"), y = d("v-toolbar"), m = d("v-expand-transition"), g = d("v-card"), T = d("graph-edit-dialog"), b = d("v-text-field"), w = d("v-row"), c = d("v-textarea"), S = d("v-dialog"), k = d("v-list-item-title"), D = d("v-list-item"), M = d("v-list"), E = d("v-menu"), L = d("graph-edit-item-dialog"), U = d("v-list-subheader"), V = d("v-icon"), X = d("v-tooltip");
   return v(), N("div", {
-    onClick: e[22] || (e[22] = H((m) => t.$emit("click"), ["prevent"]))
+    onClick: e[22] || (e[22] = W((u) => t.$emit("click"), ["prevent"]))
   }, [
     l(g, null, {
       default: n(() => [
@@ -1779,14 +1789,14 @@ function ke(t, e, i, a, s, o) {
               variant: "text",
               density: "compact",
               "data-test": "close-graph-icon",
-              onClick: e[2] || (e[2] = H((m) => t.$emit("close-graph"), ["stop"]))
+              onClick: e[2] || (e[2] = W((u) => t.$emit("close-graph"), ["stop"]))
             })
           ]),
           _: 1
         }, 8, ["class"]), [
           [P, !s.hideToolbarData]
         ]),
-        l(u, null, {
+        l(m, null, {
           default: n(() => [
             G(I("div", xe, [
               I("div", {
@@ -1810,9 +1820,9 @@ function ke(t, e, i, a, s, o) {
     s.editGraph ? (v(), x(T, {
       key: 0,
       modelValue: s.editGraph,
-      "onUpdate:modelValue": e[3] || (e[3] = (m) => s.editGraph = m),
+      "onUpdate:modelValue": e[3] || (e[3] = (u) => s.editGraph = u),
       "x-axis-item": s.xAxisItem,
-      "onUpdate:xAxisItem": e[4] || (e[4] = (m) => s.xAxisItem = m),
+      "onUpdate:xAxisItem": e[4] || (e[4] = (u) => s.xAxisItem = u),
       title: s.title,
       "legend-position": s.legendPosition,
       items: s.items,
@@ -1824,13 +1834,13 @@ function ke(t, e, i, a, s, o) {
       "end-date-time": s.graphEndDateTime,
       "time-zone": i.timeZone,
       "x-axis-item-packet": o.allowableXAxisItemPacket,
-      onRemove: e[5] || (e[5] = (m) => o.removeItems([m])),
+      onRemove: e[5] || (e[5] = (u) => o.removeItems([u])),
       onOk: o.editGraphClose,
-      onCancel: e[6] || (e[6] = (m) => s.editGraph = !1)
+      onCancel: e[6] || (e[6] = (u) => 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, {
+    l(S, {
       modelValue: s.errorDialog,
-      "onUpdate:modelValue": e[8] || (e[8] = (m) => s.errorDialog = m),
+      "onUpdate:modelValue": e[8] || (e[8] = (u) => s.errorDialog = u),
       "max-width": "600"
     }, {
       default: n(() => [
@@ -1848,7 +1858,7 @@ function ke(t, e, i, a, s, o) {
               default: n(() => [
                 l(b, {
                   modelValue: s.title,
-                  "onUpdate:modelValue": e[7] || (e[7] = (m) => s.title = m),
+                  "onUpdate:modelValue": e[7] || (e[7] = (u) => s.title = u),
                   readonly: "",
                   "hide-details": "",
                   class: "pb-2",
@@ -1862,8 +1872,8 @@ function ke(t, e, i, a, s, o) {
                 l(c, {
                   readonly: "",
                   rows: "8",
-                  value: o.error
-                }, null, 8, ["value"])
+                  "model-value": o.error
+                }, null, 8, ["model-value"])
               ]),
               _: 1
             }),
@@ -1890,16 +1900,15 @@ function ke(t, e, i, a, s, o) {
     s.editGraphMenu ? (v(), x(E, {
       key: 1,
       modelValue: s.editGraphMenu,
-      "onUpdate:modelValue": e[10] || (e[10] = (m) => s.editGraphMenu = m),
+      "onUpdate:modelValue": e[10] || (e[10] = (u) => s.editGraphMenu = u),
       target: [s.editGraphMenuX, s.editGraphMenuY],
-      absolute: "",
-      "offset-y": ""
+      absolute: ""
     }, {
       default: n(() => [
-        l(S, null, {
+        l(M, null, {
           default: n(() => [
             l(D, {
-              onClick: e[9] || (e[9] = (m) => s.editGraph = !0)
+              onClick: e[9] || (e[9] = (u) => s.editGraph = !0)
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -1920,24 +1929,23 @@ function ke(t, e, i, a, s, o) {
     s.editItem ? (v(), x(L, {
       key: 2,
       modelValue: s.editItem,
-      "onUpdate:modelValue": e[11] || (e[11] = (m) => s.editItem = m),
+      "onUpdate:modelValue": e[11] || (e[11] = (u) => s.editItem = u),
       colors: s.colors,
       item: s.selectedItem,
       onChangeColor: o.changeColor,
       onChangeLimits: o.changeLimits,
-      onCancel: e[12] || (e[12] = (m) => s.editItem = !1),
+      onCancel: e[12] || (e[12] = (u) => 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] = (m) => s.itemMenu = m),
+      "onUpdate:modelValue": e[16] || (e[16] = (u) => s.itemMenu = u),
       target: [s.itemMenuX, s.itemMenuY],
-      absolute: "",
-      "offset-y": ""
+      absolute: ""
     }, {
       default: n(() => [
-        l(S, {
+        l(M, {
           nav: "",
           density: "compact"
         }, {
@@ -1949,7 +1957,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[13] || (e[13] = (m) => s.editItem = !0)
+              onClick: e[13] || (e[13] = (u) => s.editItem = !0)
             }, {
               prepend: n(() => [
                 l(V, { icon: "mdi-pencil" })
@@ -1965,7 +1973,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[14] || (e[14] = (m) => o.clearData([s.selectedItem]))
+              onClick: e[14] || (e[14] = (u) => o.clearData([s.selectedItem]))
             }, {
               prepend: n(() => [
                 l(V, { icon: "mdi-eraser" })
@@ -1981,7 +1989,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[15] || (e[15] = (m) => o.removeItems([s.selectedItem]))
+              onClick: e[15] || (e[15] = (u) => o.removeItems([s.selectedItem]))
             }, {
               prepend: n(() => [
                 l(V, { icon: "mdi-delete" })
@@ -2005,16 +2013,15 @@ function ke(t, e, i, a, s, o) {
     s.legendMenu ? (v(), x(E, {
       key: 4,
       modelValue: s.legendMenu,
-      "onUpdate:modelValue": e[21] || (e[21] = (m) => s.legendMenu = m),
+      "onUpdate:modelValue": e[21] || (e[21] = (u) => s.legendMenu = u),
       target: [s.legendMenuX, s.legendMenuY],
-      absolute: "",
-      "offset-y": ""
+      absolute: ""
     }, {
       default: n(() => [
-        l(S, null, {
+        l(M, null, {
           default: n(() => [
             l(D, {
-              onClick: e[17] || (e[17] = (m) => o.moveLegend("top"))
+              onClick: e[17] || (e[17] = (u) => o.moveLegend("top"))
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -2027,7 +2034,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[18] || (e[18] = (m) => o.moveLegend("bottom"))
+              onClick: e[18] || (e[18] = (u) => o.moveLegend("bottom"))
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -2040,7 +2047,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[19] || (e[19] = (m) => o.moveLegend("left"))
+              onClick: e[19] || (e[19] = (u) => o.moveLegend("left"))
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -2053,7 +2060,7 @@ function ke(t, e, i, a, s, o) {
               _: 1
             }),
             l(D, {
-              onClick: e[20] || (e[20] = (m) => o.moveLegend("right"))
+              onClick: e[20] || (e[20] = (u) => o.moveLegend("right"))
             }, {
               default: n(() => [
                 l(k, { style: { cursor: "pointer" } }, {
@@ -2076,8 +2083,8 @@ function ke(t, e, i, a, s, o) {
         text: "Click item to toggle, Right click to edit",
         location: "top"
       }, {
-        activator: n(({ props: m }) => [
-          l(V, ie(se(m)), {
+        activator: n(({ props: u }) => [
+          l(V, ie(se(u)), {
             default: n(() => [...e[33] || (e[33] = [
               f(" mdi-information-variant-circle ", -1)
             ])]),
@@ -2089,10 +2096,10 @@ function ke(t, e, i, a, s, o) {
     ], 512))
   ]);
 }
-const Se = /* @__PURE__ */ z(ye, [["render", ke], ["__scopeId", "data-v-c388ce30"]]);
+const Me = /* @__PURE__ */ R(ye, [["render", ke], ["__scopeId", "data-v-67dfc974"]]);
 export {
-  Se as G,
-  me as a,
+  Me as G,
+  ue as a,
   ve as b
 };
-//# sourceMappingURL=Graph-BliBYJxD.js.map
+//# sourceMappingURL=Graph-B3v4RJRC.js.map