@openc3/vue-common 6.9.2 → 6.10.2

package/dist/{Openc3Screen-zVSKWUkb.js → Openc3Screen-DcIIUO63.js}

@@ -1,8 +1,8 @@
-import { d as D, b as K, a as M, W as $, g as Y, l as j } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-ByJi6BSv.js";
-import { resolveComponent as r, createBlock as _, openBlock as m, withKeys as R, withCtx as a, createVNode as s, createElementVNode as v, toDisplayString as k, createTextVNode as T, withModifiers as A, createElementBlock as E, Fragment as L, renderList as B, ref as P, computed as H, watch as q, normalizeStyle as Z, createCommentVNode as V, withDirectives as O, vShow as N, normalizeProps as U, guardReactiveProps as W } from "vue";
+import { f as D, y as K, b as M, W as $, e as H, l as Y } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B8ikVCn7.js";
+import { resolveComponent as r, createBlock as b, openBlock as f, withKeys as R, withCtx as a, createVNode as s, createElementVNode as v, toDisplayString as k, createTextVNode as T, withModifiers as A, createElementBlock as E, Fragment as L, renderList as B, ref as P, computed as j, watch as q, normalizeStyle as Z, createCommentVNode as V, withDirectives as O, vShow as N, normalizeProps as U, guardReactiveProps as W } from "vue";
 import { _ as F } from "./CustomIcon-DTfsnDJn.js";
 import { f as J } from "./fileIcon-DqRHb1_Z.js";
-import { A as G } from "./TopBar-LuMoAqrA.js";
+import { A as G } from "./TopBar-D4C9DJcu.js";
 class Q {
   constructor() {
     D.get("/openc3-api/autocomplete/data/screen").then((t) => {
@@ -12,30 +12,36 @@ class Q {
   async getCompletions(t, n, o, i, l) {
     let p = n.getLine(o.row).slice(0, o.column).trimStart().split(/ (?![^<]*>)/), h = this.autocompleteData;
     p.length > 1 && (h = h.find((S) => S.caption === p[0]));
-    let x = {}, C = !0;
+    let w = {}, C = !0;
     if (h && h.params) {
       h.params.length == p.length - 1 && (C = !1);
       let S = h.params[p.length - 2];
       if (S["Target name"])
         h = (await this.api.get_target_names()).reduce(
-          (d, w) => (d[w] = 1, d),
+          (d, y) => (d[y] = 1, d),
           {}
         );
       else if (S["Packet name"]) {
         let u = p[p.length - 2];
         h = (await this.api.get_all_tlm(u)).reduce(
-          (w, f) => (w[f.packet_name] = f.description, w),
+          (y, m) => (y[m.packet_name] = m.description, y),
           {}
-        );
+        ), h.LATEST = "LATEST values from all packets";
       } else if (S["Item name"]) {
         let u = p[p.length - 3], d = p[p.length - 2];
-        h = (await this.api.get_tlm(u, d)).items.reduce(
-          (f, g) => (f[g.name] = g.description, f),
-          {}
-        );
+        if (d === "LATEST") {
+          let y = await this.api.get_all_tlm_item_names(u);
+          h = {}, y.forEach((m) => {
+            h[m] = `LATEST ${m}`;
+          });
+        } else
+          h = (await this.api.get_tlm(u, d)).items.reduce(
+            (m, g) => (m[g.name] = g.description, m),
+            {}
+          );
       } else
         h = S;
-      x = Object.keys(h || {}).map((u) => {
+      w = Object.keys(h || {}).map((u) => {
         let d = {
           value: u + (C ? " " : ""),
           // We want the autoComplete to continue right up
@@ -45,8 +51,8 @@ class Q {
         return typeof h[u] == "string" && (d.meta = h[u]), d;
       });
     } else
-      x = h;
-    l(null, x);
+      w = h;
+    l(null, w);
   }
 }
 const ee = {
@@ -197,13 +203,13 @@ const ee = {
   }
 }, te = ["textContent"];
 function ne(e, t, n, o, i, l) {
-  const c = r("v-btn"), b = r("v-spacer"), p = r("v-toolbar"), h = r("v-row"), x = r("v-file-input"), C = r("v-list-item-title"), S = r("v-list-item"), u = r("v-divider"), d = r("v-list"), w = r("v-menu"), f = r("v-card-text"), g = r("v-card"), I = r("v-dialog");
-  return m(), _(I, {
+  const c = r("v-btn"), x = r("v-spacer"), p = r("v-toolbar"), h = r("v-row"), w = r("v-file-input"), C = r("v-list-item-title"), S = r("v-list-item"), u = r("v-divider"), d = r("v-list"), y = r("v-menu"), m = r("v-card-text"), g = r("v-card"), I = r("v-dialog");
+  return f(), b(I, {
     modelValue: l.show,
-    "onUpdate:modelValue": t[5] || (t[5] = (y) => l.show = y),
+    "onUpdate:modelValue": t[5] || (t[5] = (_) => l.show = _),
     persistent: "",
     width: "75vw",
-    onKeydown: t[6] || (t[6] = R((y) => e.$emit("cancel"), ["esc"]))
+    onKeydown: t[6] || (t[6] = R((_) => e.$emit("cancel"), ["esc"]))
   }, {
     default: a(() => [
       s(g, null, {
@@ -218,9 +224,9 @@ function ne(e, t, n, o, i, l) {
                 "data-test": "delete-screen-icon",
                 onClick: l.deleteScreen
               }, null, 8, ["onClick"]),
-              s(b),
+              s(x),
               v("span", null, " Edit Screen: " + k(n.target) + " " + k(n.screen), 1),
-              s(b),
+              s(x),
               s(c, {
                 class: "mx-2",
                 icon: "mdi-download",
@@ -232,7 +238,7 @@ function ne(e, t, n, o, i, l) {
             ]),
             _: 1
           }),
-          s(f, { style: { "max-height": "90vh" } }, {
+          s(m, { style: { "max-height": "90vh" } }, {
             default: a(() => [
               s(h, { class: "mt-3" }, {
                 default: a(() => [...t[7] || (t[7] = [
@@ -257,9 +263,9 @@ function ne(e, t, n, o, i, l) {
                     ])]),
                     _: 1
                   }, 8, ["disabled", "onClick"]),
-                  s(x, {
+                  s(w, {
                     modelValue: i.file,
-                    "onUpdate:modelValue": t[0] || (t[0] = (y) => i.file = y),
+                    "onUpdate:modelValue": t[0] || (t[0] = (_) => i.file = _),
                     "truncate-length": "15",
                     accept: ".txt",
                     label: "Click to select .txt screen file."
@@ -278,11 +284,11 @@ function ne(e, t, n, o, i, l) {
                   v("pre", {
                     ref: "editor",
                     class: "editor",
-                    onContextmenu: t[1] || (t[1] = A((...y) => l.showContextMenu && l.showContextMenu(...y), ["prevent"]))
+                    onContextmenu: t[1] || (t[1] = A((..._) => l.showContextMenu && l.showContextMenu(..._), ["prevent"]))
                   }, null, 544),
-                  s(w, {
+                  s(y, {
                     modelValue: i.contextMenu,
-                    "onUpdate:modelValue": t[2] || (t[2] = (y) => i.contextMenu = y),
+                    "onUpdate:modelValue": t[2] || (t[2] = (_) => i.contextMenu = _),
                     target: [i.menuX, i.menuY]
                   }, {
                     default: a(() => [
@@ -316,10 +322,10 @@ function ne(e, t, n, o, i, l) {
               }),
               s(h, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
                 default: a(() => [
-                  (m(!0), E(L, null, B(l.editErrors, (y, X) => (m(), E("div", { key: X }, [
+                  (f(!0), E(L, null, B(l.editErrors, (_, X) => (f(), E("div", { key: X }, [
                     v("span", {
                       class: "text-red",
-                      textContent: k(y)
+                      textContent: k(_)
                     }, null, 8, te)
                   ]))), 128))
                 ]),
@@ -328,12 +334,12 @@ function ne(e, t, n, o, i, l) {
               s(h, { class: "mt-5" }, {
                 default: a(() => [
                   t[12] || (t[12] = v("span", null, " Ctrl-space brings up autocomplete. Right click keywords for documentation. ", -1)),
-                  s(b),
+                  s(x),
                   s(c, {
                     class: "mx-2",
                     variant: "outlined",
                     "data-test": "edit-screen-cancel",
-                    onClick: t[3] || (t[3] = (y) => e.$emit("cancel"))
+                    onClick: t[3] || (t[3] = (_) => e.$emit("cancel"))
                   }, {
                     default: a(() => [...t[10] || (t[10] = [
                       T(" Cancel ", -1)
@@ -344,7 +350,7 @@ function ne(e, t, n, o, i, l) {
                     class: "mx-2",
                     color: "primary",
                     "data-test": "edit-screen-save",
-                    onClick: t[4] || (t[4] = (y) => e.$emit("save", e.editor.getValue()))
+                    onClick: t[4] || (t[4] = (_) => e.$emit("save", e.editor.getValue()))
                   }, {
                     default: a(() => [...t[11] || (t[11] = [
                       T(" Save ", -1)
@@ -455,19 +461,19 @@ const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-00a228d0
   }
 }, se = { class: "pa-3" };
 function oe(e, t, n, o, i, l) {
-  const c = r("v-spacer"), b = r("v-toolbar"), p = r("v-text-field"), h = r("v-row"), x = r("v-btn"), C = r("v-data-table"), S = r("v-col"), u = r("v-card-text"), d = r("v-card"), w = r("v-dialog");
-  return m(), _(w, {
+  const c = r("v-spacer"), x = r("v-toolbar"), p = r("v-text-field"), h = r("v-row"), w = r("v-btn"), C = r("v-data-table"), S = r("v-col"), u = r("v-card-text"), d = r("v-card"), y = r("v-dialog");
+  return f(), b(y, {
     modelValue: l.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (f) => l.show = f),
+    "onUpdate:modelValue": t[4] || (t[4] = (m) => l.show = m),
     width: "600"
   }, {
     default: a(() => [
       s(d, null, {
         default: a(() => [
           v("form", {
-            onSubmit: t[3] || (t[3] = A((...f) => l.addEnvironment && l.addEnvironment(...f), ["prevent"]))
+            onSubmit: t[3] || (t[3] = A((...m) => l.addEnvironment && l.addEnvironment(...m), ["prevent"]))
           }, [
-            s(b, { height: "24" }, {
+            s(x, { height: "24" }, {
               default: a(() => [
                 s(c),
                 t[5] || (t[5] = v("span", null, "Global Environment Variables", -1)),
@@ -485,7 +491,7 @@ function oe(e, t, n, o, i, l) {
                     default: a(() => [
                       s(p, {
                         modelValue: i.search,
-                        "onUpdate:modelValue": t[0] || (t[0] = (f) => i.search = f),
+                        "onUpdate:modelValue": t[0] || (t[0] = (m) => i.search = m),
                         label: "search",
                         type: "text",
                         "data-test": "search",
@@ -511,14 +517,14 @@ function oe(e, t, n, o, i, l) {
                     "items-per-page": 5,
                     "items-per-page-options": [5]
                   }, {
-                    "item.actions": a(({ item: f }) => [
-                      s(x, {
+                    "item.actions": a(({ item: m }) => [
+                      s(w, {
                         icon: "mdi-delete",
                         variant: "text",
                         class: "mt-1",
                         "data-test": "item-delete",
                         "aria-label": "Delete Environment Variable",
-                        onClick: (g) => l.deleteEnvironment(f)
+                        onClick: (g) => l.deleteEnvironment(m)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
@@ -529,7 +535,7 @@ function oe(e, t, n, o, i, l) {
                         default: a(() => [
                           s(p, {
                             modelValue: i.key,
-                            "onUpdate:modelValue": t[1] || (t[1] = (f) => i.key = f),
+                            "onUpdate:modelValue": t[1] || (t[1] = (m) => i.key = m),
                             label: "Key",
                             "data-test": "env-key"
                           }, null, 8, ["modelValue"])
@@ -540,7 +546,7 @@ function oe(e, t, n, o, i, l) {
                         default: a(() => [
                           s(p, {
                             modelValue: i.keyValue,
-                            "onUpdate:modelValue": t[2] || (t[2] = (f) => i.keyValue = f),
+                            "onUpdate:modelValue": t[2] || (t[2] = (m) => i.keyValue = m),
                             label: "Value",
                             "data-test": "env-value"
                           }, null, 8, ["modelValue"])
@@ -552,7 +558,7 @@ function oe(e, t, n, o, i, l) {
                   }),
                   s(h, { dense: "" }, {
                     default: a(() => [
-                      s(x, {
+                      s(w, {
                         block: "",
                         type: "submit",
                         color: "primary",
@@ -601,10 +607,10 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
   },
   emits: ["nodeToggled", "request"],
   setup(e, { emit: t }) {
-    const n = e, o = P(n.node.isOpen || !1), i = H(() => {
+    const n = e, o = P(n.node.isOpen || !1), i = j(() => {
       const u = (d) => {
-        var w;
-        return !n.search || d.path.toLowerCase().includes(n.search.toLowerCase()) ? !0 : !!((w = d.children) != null && w.some(u));
+        var y;
+        return !n.search || d.path.toLowerCase().includes(n.search.toLowerCase()) ? !0 : !!((y = d.children) != null && y.some(u));
       };
       return u(n.node);
     });
@@ -616,7 +622,7 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
     ), q(
       () => n.search,
       (u) => {
-        u ? n.node.isOpen || x() : n.node.isOpen && x();
+        u ? n.node.isOpen || w() : n.node.isOpen && w();
       }
     );
     const l = t, c = P({
@@ -624,15 +630,15 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
       text: "",
       x: 0,
       y: 0
-    }), b = (u, d) => {
+    }), x = (u, d) => {
       if (!d || d.length <= 50) return;
-      const w = u.target.getBoundingClientRect(), f = w.left, g = w.top;
-      c.value.text = d, c.value.x = f, c.value.y = g - 40, c.value.show = !0;
+      const y = u.target.getBoundingClientRect(), m = y.left, g = y.top;
+      c.value.text = d, c.value.x = m, c.value.y = g - 40, c.value.show = !0;
     }, p = () => {
       c.value.show = !1;
     }, h = (u) => {
-      u.children ? (x(), n.type === "save" && l("request", u)) : l("request", u);
-    }, x = () => {
+      u.children ? (w(), n.type === "save" && l("request", u)) : l("request", u);
+    }, w = () => {
       n.node.children && (o.value = !o.value, n.node.isOpen = o.value, l("nodeToggled", n.node.id, o.value));
     }, C = (u, d) => {
       l("nodeToggled", u, d);
@@ -640,23 +646,23 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
       l("request", u);
     };
     return (u, d) => {
-      const w = r("v-tooltip"), f = r("v-icon"), g = r("v-btn"), I = r("tree-node", !0);
-      return m(), E(L, null, [
-        s(w, {
+      const y = r("v-tooltip"), m = r("v-icon"), g = r("v-btn"), I = r("tree-node", !0);
+      return f(), E(L, null, [
+        s(y, {
           modelValue: c.value.show,
-          "onUpdate:modelValue": d[0] || (d[0] = (y) => c.value.show = y),
+          "onUpdate:modelValue": d[0] || (d[0] = (_) => c.value.show = _),
           text: c.value.text,
           location: "top",
           style: Z(`position: fixed; left: ${c.value.x}px; top: ${c.value.y}px; pointer-events: none;`)
         }, null, 8, ["modelValue", "text", "style"]),
         v("div", ae, [
-          i.value ? (m(), E("div", {
+          i.value ? (f(), E("div", {
             key: 0,
             class: "node-content",
-            onClick: d[4] || (d[4] = (y) => h(e.node))
+            onClick: d[4] || (d[4] = (_) => h(e.node))
           }, [
             v("div", re, [
-              e.node.children ? (m(), _(f, {
+              e.node.children ? (f(), b(m, {
                 key: 0,
                 class: "toggle-icon",
                 style: { "padding-right": "10px" }
@@ -666,7 +672,7 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
                 ]),
                 _: 1
               })) : V("", !0),
-              e.node.children ? (m(), _(f, {
+              e.node.children ? (f(), b(m, {
                 key: 1,
                 size: "small",
                 style: { "padding-right": "10px" }
@@ -675,7 +681,7 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
                   T(k("mdi-folder"), -1)
                 ])]),
                 _: 1
-              })) : e.node.title.includes(".rb") ? (m(), _(f, {
+              })) : e.node.title.includes(".rb") ? (f(), b(m, {
                 key: 2,
                 size: "small",
                 style: { "padding-right": "10px" }
@@ -684,7 +690,7 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
                   T(k("mdi-language-ruby"), -1)
                 ])]),
                 _: 1
-              })) : e.node.title.includes(".py") ? (m(), _(f, {
+              })) : e.node.title.includes(".py") ? (f(), b(m, {
                 key: 3,
                 size: "small",
                 style: { "padding-right": "10px" }
@@ -693,7 +699,7 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
                   T(k("mdi-language-python"), -1)
                 ])]),
                 _: 1
-              })) : (m(), _(f, {
+              })) : (f(), b(m, {
                 key: 4,
                 size: "small",
                 style: { "padding-right": "10px" }
@@ -704,26 +710,26 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
                 _: 1
               })),
               v("span", {
-                class: "title",
+                class: "text-h6",
                 tabindex: e.node.children ? -1 : 0,
-                onKeyup: d[1] || (d[1] = R((y) => h(e.node), ["enter"])),
-                onMouseenter: d[2] || (d[2] = (y) => b(y, e.node.title)),
+                onKeyup: d[1] || (d[1] = R((_) => h(e.node), ["enter"])),
+                onMouseenter: d[2] || (d[2] = (_) => x(_, e.node.title)),
                 onMouseleave: p
               }, k(e.node.title), 41, de),
-              e.node.title === "__TEMP__" ? (m(), _(g, {
+              e.node.title === "__TEMP__" ? (f(), b(g, {
                 key: 5,
                 icon: "mdi-delete",
                 variant: "text",
                 style: { "margin-left": "auto" },
                 "aria-label": "Delete",
-                onClick: d[3] || (d[3] = (y) => l("delete"))
+                onClick: d[3] || (d[3] = (_) => l("delete"))
               })) : V("", !0)
             ])
-          ])) : (m(), E("div", ce)),
-          e.node.children && e.node.isOpen ? (m(), E("div", ue, [
-            (m(!0), E(L, null, B(e.node.children, (y) => (m(), _(I, {
-              key: y.id,
-              node: y,
+          ])) : (f(), E("div", ce)),
+          e.node.children && e.node.isOpen ? (f(), E("div", ue, [
+            (f(!0), E(L, null, B(e.node.children, (_) => (f(), b(I, {
+              key: _.id,
+              node: _,
               search: e.search,
               type: e.type,
               onNodeToggled: C,
@@ -734,7 +740,7 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
       ], 64);
     };
   }
-}, me = /* @__PURE__ */ F(he, [["__scopeId", "data-v-9d98e565"]]), fe = {
+}, me = /* @__PURE__ */ F(he, [["__scopeId", "data-v-953cd2ec"]]), fe = {
   components: {
     TreeNode: me
   },
@@ -752,7 +758,9 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
     // Require that the save filename be nested in a directory with the name of a target
     inputFilename: String,
     // passed if this is a 'save' dialog
-    modelValue: Boolean
+    modelValue: Boolean,
+    customHelpText: String
+    // Optional custom help text to display
   },
   data() {
     return {
@@ -782,7 +790,7 @@ const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" },
       return this.type === "open" ? "OPEN" : "SAVE";
     },
     helpText: function() {
-      return this.type === "open" ? "Click on folders to open them and then click a file to select it before clicking Open. Use the search box to filter the results. You can also Tab to the files and Enter to select." : "Click on the folder to save into. Then complete the filename path with the desired name. Use the search box to filter the results.";
+      return this.customHelpText ? this.customHelpText : this.type === "open" ? "Click on folders to open them and then click a file to select it before clicking Open. Use the search box to filter the results. You can also Tab to the files and Enter to select." : "Click on the folder to save into. Then complete the filename path with the desired name. Use the search box to filter the results.";
     },
     error: function() {
       if (this.selectedFile === "" || this.selectedFile === null)
@@ -932,8 +940,8 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
   }
 }, pe = { class: "pa-3" }, ge = { class: "overflow-y-auto tree-container" };
 function ve(e, t, n, o, i, l) {
-  const c = r("v-progress-circular"), b = r("v-overlay"), p = r("v-spacer"), h = r("v-toolbar"), x = r("v-row"), C = r("v-text-field"), S = r("tree-node"), u = r("v-btn"), d = r("v-card-text"), w = r("v-card"), f = r("v-dialog");
-  return m(), _(f, {
+  const c = r("v-progress-circular"), x = r("v-overlay"), p = r("v-spacer"), h = r("v-toolbar"), w = r("v-row"), C = r("v-text-field"), S = r("tree-node"), u = r("v-btn"), d = r("v-card-text"), y = r("v-card"), m = r("v-dialog");
+  return f(), b(m, {
     modelValue: l.show,
     "onUpdate:modelValue": t[4] || (t[4] = (g) => l.show = g),
     persistent: "",
@@ -944,9 +952,9 @@ function ve(e, t, n, o, i, l) {
     ]
   }, {
     default: a(() => [
-      s(w, null, {
+      s(y, null, {
         default: a(() => [
-          s(b, { "model-value": i.loading }, {
+          s(x, { "model-value": i.loading }, {
             default: a(() => [
               s(c, {
                 indeterminate: "",
@@ -970,13 +978,13 @@ function ve(e, t, n, o, i, l) {
             s(d, null, {
               default: a(() => [
                 v("div", pe, [
-                  s(x, null, {
+                  s(w, null, {
                     default: a(() => [
                       T(k(l.helpText), 1)
                     ]),
                     _: 1
                   }),
-                  s(x, {
+                  s(w, {
                     dense: "",
                     class: "mt-5"
                   }, {
@@ -997,7 +1005,7 @@ function ve(e, t, n, o, i, l) {
                     _: 1
                   }),
                   v("div", ge, [
-                    (m(!0), E(L, null, B(i.items, (g) => (m(), _(S, {
+                    (f(!0), E(L, null, B(i.items, (g) => (f(), b(S, {
                       key: `${g.id}`,
                       node: g,
                       search: i.search,
@@ -1006,7 +1014,7 @@ function ve(e, t, n, o, i, l) {
                       onDelete: l.deleteTemp
                     }, null, 8, ["node", "search", "type", "onRequest", "onDelete"]))), 128))
                   ]),
-                  s(x, { class: "my-2" }, {
+                  s(w, { class: "my-2" }, {
                     default: a(() => [
                       s(C, {
                         modelValue: i.selectedFile,
@@ -1019,7 +1027,7 @@ function ve(e, t, n, o, i, l) {
                     ]),
                     _: 1
                   }),
-                  s(x, { dense: "" }, {
+                  s(w, { dense: "" }, {
                     default: a(() => [
                       O(v("div", {
                         class: "my-2 text-red",
@@ -1030,7 +1038,7 @@ function ve(e, t, n, o, i, l) {
                     ]),
                     _: 1
                   }),
-                  s(x, { class: "mt-2" }, {
+                  s(w, { class: "mt-2" }, {
                     default: a(() => [
                       s(p),
                       s(u, {
@@ -1190,7 +1198,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), z = 20, ye = {
       screenValues: {},
       updateCounter: 0,
       updater: null,
-      screenId: j.uniqueId("openc3-screen_"),
+      screenId: Y.uniqueId("openc3-screen_"),
       tlmAvailableTimeout: null
     };
   },
@@ -1251,7 +1259,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), z = 20, ye = {
     })), !1;
   },
   created() {
-    this.api = new K(), this.configParser = new Y(), this.parseDefinition(), this.screenKey = Math.floor(Math.random() * 1e6);
+    this.api = new K(), this.configParser = new H(), this.parseDefinition(), this.screenKey = Math.floor(Math.random() * 1e6);
   },
   mounted() {
     this.playbackMode === "realtime" && this.updateRefreshInterval(), this.floated && (this.$refs.bar.onmousedown = this.dragMouseDown, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex);
@@ -1454,7 +1462,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), z = 20, ye = {
       const l = e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() + "Widget";
       let c = [];
       if (c.push(["__SCREEN_ID__", this.screenId]), i !== null && c.push(["NAMED_WIDGET", i]), e === "VERTICAL" || e === "VERTICALBOX" || e === "HORIZONTAL" || e === "HORIZONTALBOX" || e === "MATRIXBYCOLUMNS" || e === "TABBOOK" || e === "TABITEM" || e === "CANVAS" || e === "RADIOGROUP" || e === "SCROLLWINDOW") {
-        const b = {
+        const x = {
           type: l,
           parameters: t,
           settings: c,
@@ -1462,7 +1470,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), z = 20, ye = {
           screenTimeZone: this.timeZone,
           widgets: []
         };
-        this.layoutStack.push(b), this.currentLayout.widgets.push(b), this.currentLayout = b;
+        this.layoutStack.push(x), this.currentLayout.widgets.push(x), this.currentLayout = x;
       } else if (this.$options.components[l])
         this.currentLayout.widgets.push({
           type: l,
@@ -1475,7 +1483,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), z = 20, ye = {
           lineNumber: o
         });
       else {
-        let b = {
+        let x = {
           type: "DynamicWidget",
           target: this.target,
           parameters: t,
@@ -1486,7 +1494,7 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), z = 20, ye = {
           line: n,
           lineNumber: o
         };
-        this.currentLayout.widgets.push(b), this.dynamicWidgets.push(b);
+        this.currentLayout.widgets.push(x), this.dynamicWidgets.push(x);
       }
     },
     applyGlobalSettings: function(e) {
@@ -1580,12 +1588,12 @@ const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), z = 20, ye = {
   style: { position: "relative" }
 };
 function xe(e, t, n, o, i, l) {
-  const c = r("v-btn"), b = r("v-tooltip"), p = r("v-spacer"), h = r("v-toolbar"), x = r("v-overlay"), C = r("vertical-widget"), S = r("v-expand-transition"), u = r("v-card"), d = r("edit-screen-dialog"), w = r("v-textarea"), f = r("v-card-actions"), g = r("v-dialog");
-  return m(), E("div", {
+  const c = r("v-btn"), x = r("v-tooltip"), p = r("v-spacer"), h = r("v-toolbar"), w = r("v-overlay"), C = r("vertical-widget"), S = r("v-expand-transition"), u = r("v-card"), d = r("edit-screen-dialog"), y = r("v-textarea"), m = r("v-card-actions"), g = r("v-dialog");
+  return f(), E("div", {
     ref: "bar",
     style: Z(l.computedStyle)
   }, [
-    n.inline ? V("", !0) : (m(), _(u, {
+    n.inline ? V("", !0) : (f(), b(u, {
       key: 0,
       "min-height": i.height,
       "min-width": i.width,
@@ -1614,7 +1622,7 @@ function xe(e, t, n, o, i, l) {
               "aria-label": "Edit Screen",
               onClick: l.openEdit
             }, null, 8, ["onClick"]),
-            n.fixFloated ? V("", !0) : (m(), _(b, {
+            n.fixFloated ? V("", !0) : (f(), b(x, {
               key: 0,
               "open-delay": 600,
               location: "top"
@@ -1636,7 +1644,7 @@ function xe(e, t, n, o, i, l) {
               ]),
               _: 1
             })),
-            i.floated ? (m(), _(b, {
+            i.floated ? (f(), b(x, {
               key: 1,
               "open-delay": 600,
               location: "top"
@@ -1658,7 +1666,7 @@ function xe(e, t, n, o, i, l) {
               ]),
               _: 1
             })) : V("", !0),
-            i.floated && i.zIndex > n.minZ ? (m(), _(b, {
+            i.floated && i.zIndex > n.minZ ? (f(), b(x, {
               key: 2,
               "open-delay": 600,
               location: "top"
@@ -1683,7 +1691,7 @@ function xe(e, t, n, o, i, l) {
             s(p),
             v("span", null, k(n.target) + " " + k(n.screen), 1),
             s(p),
-            i.expand ? (m(), _(c, {
+            i.expand ? (f(), b(c, {
               key: 3,
               icon: "mdi-window-minimize",
               variant: "text",
@@ -1691,7 +1699,7 @@ function xe(e, t, n, o, i, l) {
               "data-test": "minimize-screen-icon",
               "aria-label": "Minimize Screen",
               onClick: l.minMaxTransition
-            }, null, 8, ["onClick"])) : (m(), _(c, {
+            }, null, 8, ["onClick"])) : (f(), b(c, {
               key: 4,
               icon: "mdi-window-maximize",
               variant: "text",
@@ -1700,7 +1708,7 @@ function xe(e, t, n, o, i, l) {
               "aria-label": "Maximize Screen",
               onClick: l.minMaxTransition
             }, null, 8, ["onClick"])),
-            n.showClose ? (m(), _(c, {
+            n.showClose ? (f(), b(c, {
               key: 5,
               icon: "mdi-close-box",
               variant: "text",
@@ -1712,10 +1720,10 @@ function xe(e, t, n, o, i, l) {
           ]),
           _: 1
         }),
-        i.editDialog ? V("", !0) : (m(), _(S, { key: 0 }, {
+        i.editDialog ? V("", !0) : (f(), b(S, { key: 0 }, {
           default: a(() => [
             O(v("div", _e, [
-              s(x, {
+              s(w, {
                 style: { "pointer-events": "none" },
                 "model-value": i.errors.length !== 0,
                 opacity: "0.8",
@@ -1723,7 +1731,7 @@ function xe(e, t, n, o, i, l) {
                 attach: "",
                 "scroll-strategy": "none"
               }, null, 8, ["model-value"]),
-              (m(), _(C, {
+              (f(), b(C, {
                 key: i.screenKey,
                 widgets: i.layoutStack[0].widgets,
                 "screen-values": i.screenValues,
@@ -1743,8 +1751,8 @@ function xe(e, t, n, o, i, l) {
       ]),
       _: 1
     }, 8, ["min-height", "min-width"])),
-    n.inline ? (m(), E("div", be, [
-      s(x, {
+    n.inline ? (f(), E("div", be, [
+      s(w, {
         style: { "pointer-events": "none" },
         "model-value": i.errors.length !== 0,
         opacity: "0.8",
@@ -1764,7 +1772,7 @@ function xe(e, t, n, o, i, l) {
       }, null, 512), [
         [N, i.errors.length !== 0]
       ]),
-      (m(), _(C, {
+      (f(), b(C, {
         key: i.screenKey,
         widgets: i.layoutStack[0].widgets,
         "screen-values": i.screenValues,
@@ -1776,7 +1784,7 @@ function xe(e, t, n, o, i, l) {
         onCloseAll: l.closeAll
       }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
     ])) : V("", !0),
-    i.editDialog ? (m(), _(d, {
+    i.editDialog ? (f(), b(d, {
       key: 2,
       modelValue: i.editDialog,
       "onUpdate:modelValue": t[3] || (t[3] = (I) => i.editDialog = I),
@@ -1805,13 +1813,13 @@ function xe(e, t, n, o, i, l) {
         }),
         s(u, null, {
           default: a(() => [
-            s(w, {
+            s(y, {
               class: "errors",
               readonly: "",
               rows: "13",
               "model-value": l.error
             }, null, 8, ["model-value"]),
-            s(f, { class: "pb-5" }, {
+            s(m, { class: "pb-5" }, {
               default: a(() => [
                 s(p),
                 s(c, {
@@ -1845,7 +1853,7 @@ function xe(e, t, n, o, i, l) {
     }, 8, ["modelValue"])
   ], 4);
 }
-const Ee = /* @__PURE__ */ F(ye, [["render", xe], ["__scopeId", "data-v-95e4a143"]]);
+const Ee = /* @__PURE__ */ F(ye, [["render", xe], ["__scopeId", "data-v-dca85517"]]);
 export {
   ie as E,
   Ve as F,
@@ -1853,4 +1861,4 @@ export {
   Q as S,
   Ie as a
 };
-//# sourceMappingURL=Openc3Screen-zVSKWUkb.js.map
+//# sourceMappingURL=Openc3Screen-DcIIUO63.js.map